1281 lines
60 KiB
HTML
1281 lines
60 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="Softora - IT Solutions & Technology HTML Template">
|
|
|
|
<!-- Title & Favicon -->
|
|
<title>Shared on THEMELOCK.COM - IT Solutions | Softora - IT Solutions & Technology HTML Template</title>
|
|
<link rel="shortcut icon" href="assets/img/core-img/favicon.ico" type="image/x-icon">
|
|
|
|
<!-- Stylesheet -->
|
|
<link rel="stylesheet" href="assets/css/animate.css">
|
|
<link rel="stylesheet" href="assets/css/tabler-icons.min.css">
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Preloader -->
|
|
<div class="preloader" id="preloader">
|
|
<div class="spinner-grow" role="status">
|
|
<span class="visually-hidden">Loading...</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Search Form Overlay -->
|
|
<div class="search-bg-overlay" id="searchOverlay"></div>
|
|
|
|
<!-- Search Form Popup -->
|
|
<div class="search-form-popup">
|
|
<h2 class="mb-4">How can I help you, Today?</h2>
|
|
<button type="button" class="close-btn" id="searchClose" aria-label="Close">
|
|
<i class="ti ti-x"></i>
|
|
</button>
|
|
<form class="search-form">
|
|
<input type="search" class="form-control" placeholder="Search...">
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="ti ti-search"></i> Search
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Header Area-->
|
|
<header class="header-area style-two">
|
|
<div class="header-top">
|
|
<div class="container h-100 d-flex align-items-center justify-content-between">
|
|
<!-- Left Side -->
|
|
<div class="left-side d-flex align-items-center gap-4 gap-lg-5">
|
|
<div class="d-flex align-items-center gap-2 text-white">
|
|
<i class="ti ti-mail-filled"></i>
|
|
<span class="d-none d-lg-block">info@example.com</span>
|
|
</div>
|
|
<div class="d-flex align-items-center gap-2 text-white">
|
|
<i class="ti ti-map-pin-filled"></i>
|
|
<span class="d-none d-lg-block">629 Elgin St.Celina,2202</span>
|
|
</div>
|
|
<div class="d-flex align-items-center gap-2 text-white">
|
|
<i class="ti ti-phone"></i>
|
|
<span class="d-none d-lg-block">(888).123.456.7894</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Right Side -->
|
|
<div class="right-side">
|
|
<div class="social-nav d-flex align-items-center gap-3">
|
|
<a href="#">
|
|
<i class="ti ti-brand-facebook"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i class="ti ti-brand-x"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i class="ti ti-brand-linkedin"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i class="ti ti-brand-instagram"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="navbar navbar-expand-lg">
|
|
<div class="container">
|
|
<!-- Navbar Brand -->
|
|
<a class="navbar-brand" href="index.html">
|
|
<img src="assets/img/core-img/logo.png" alt="">
|
|
</a>
|
|
|
|
<!-- Navbar Toggler -->
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#softoraNav"
|
|
aria-controls="softoraNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<i class="ti ti-category"></i>
|
|
</button>
|
|
|
|
<!-- Navbar Nav -->
|
|
<div class="collapse navbar-collapse justify-content-between" id="softoraNav">
|
|
<ul class="navbar-nav navbar-nav-scroll">
|
|
<li class="softora-dd">
|
|
<a href="#">Home <i class="ti ti-caret-down-filled"></i></a>
|
|
<ul class="softora-dd-menu">
|
|
<li>
|
|
<a href="index.html">IT Service</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-2.html">AI Agency</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-3.html">Cyber Security</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-4.html">Big Data Analytics</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="softora-dd">
|
|
<a href="#">Pages <i class="ti ti-caret-down-filled"></i></a>
|
|
<ul class="softora-dd-menu">
|
|
<li class="softora-dd">
|
|
<a href="about-us.html">About Us</a>
|
|
</li>
|
|
<li class="softora-dd">
|
|
<a href="#">Service <i class="ti ti-caret-right-filled"></i></a>
|
|
<ul class="softora-dd-menu">
|
|
<li>
|
|
<a href="service.html">Service</a>
|
|
</li>
|
|
<li>
|
|
<a href="service-details.html">Service Details</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="softora-dd">
|
|
<a href="#">Team <i class="ti ti-caret-right-filled"></i></a>
|
|
<ul class="softora-dd-menu">
|
|
<li>
|
|
<a href="team.html">Team</a>
|
|
</li>
|
|
<li>
|
|
<a href="team-details.html">Team Details</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="pricing.html">Pricing Plan</a>
|
|
</li>
|
|
<li>
|
|
<a href="faqs.html">FAQs</a>
|
|
</li>
|
|
<li>
|
|
<a href="404.html">404</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="softora-dd">
|
|
<a href="#">Portfolio <i class="ti ti-caret-down-filled"></i></a>
|
|
<ul class="softora-dd-menu">
|
|
<li>
|
|
<a href="portfolio-masonry.html">Portfolio Masonry</a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-grid.html">Portfolio Grid</a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-details.html">Portfolio Details</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="softora-dd">
|
|
<a href="#">Blog <i class="ti ti-caret-down-filled"></i></a>
|
|
<ul class="softora-dd-menu">
|
|
<li>
|
|
<a href="blog-list.html">Blog List</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-grid.html">Blog Grid</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-details.html">Blog Details</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="softora-dd">
|
|
<a href="contact.html">Contact</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="d-flex align-items-center mt-4 mt-lg-0">
|
|
<!-- Search Button -->
|
|
<div class="header-search-btn" id="searchButton">
|
|
<button class="btn">
|
|
<i class="ti ti-search"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Button -->
|
|
<a href="contact.html" class="btn btn-primary">
|
|
Get in Touch <i class="ti ti-arrow-up-right"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Hero Section -->
|
|
<section class="hero-section" style="background-image: url('assets/img/core-img/grid3.png');">
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<div class="container">
|
|
<!-- Hero Content -->
|
|
<div class="hero-content">
|
|
<div class="row g-5">
|
|
<div class="col-12 col-md-6">
|
|
<h2 class="mb-0 wow fadeInUp text-white" data-wow-duration="1000ms" data-wow-delay="400ms">Best IT
|
|
<span>Solution</span> Agency For Your Business
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-6 col-xl-5 offset-xl-1 col-xxl-4 offset-xxl-1">
|
|
<p class="text-white wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="600ms">At Solvexa, we
|
|
are dedicated transforming your digital aspirations into reality. With a passion for innovation and
|
|
a commitment to excellence At Solvexa, we are dedicated to transforming your digital aspirations.
|
|
</p>
|
|
<a class="btn border-2 btn-outline-light wow fadeInUp" data-wow-duration="1000ms"
|
|
data-wow-delay="800ms" href="about-us.html">Explore More <i class="ti ti-arrow-up-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
</section>
|
|
|
|
<!-- CTA Wrapper -->
|
|
<div class="cta-wrap jarallax" data-jarallax="" data-speed="0.6"
|
|
style="background-image: url('assets/img/bg-img/20.jpg');">
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<div class="container">
|
|
<div class="row justify-content-end">
|
|
<div class="col-12 col-sm-11 col-md-10 col-lg-7 col-xl-6 col-xxl-5">
|
|
<div class="cta-card">
|
|
<!-- Total Clients -->
|
|
<div class="total-clients-wrap">
|
|
<div class="total-number">
|
|
<h3>200+</h3>
|
|
<p class="mb-0">Satisfied Customers</p>
|
|
</div>
|
|
|
|
<!-- Clients Image -->
|
|
<div class="clients-images">
|
|
<img src="assets/img/bg-img/21.png" alt="">
|
|
<img src="assets/img/bg-img/22.png" alt="">
|
|
<img src="assets/img/bg-img/23.png" alt="">
|
|
<img src="assets/img/bg-img/24.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Stats -->
|
|
<div class="cta-stats">
|
|
<div>
|
|
<h2>100+</h2>
|
|
<p class="mb-0">Global Clients</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h2>150+</h2>
|
|
<p class="mb-0">Team Members</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h2>15+</h2>
|
|
<p class="mb-0">Business Experience</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h2>300+</h2>
|
|
<p class="mb-0">Projects Complete</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
</div>
|
|
|
|
<!-- About Section -->
|
|
<section class="about-section">
|
|
<!-- Right Shape -->
|
|
<div class="right-shape">
|
|
<img src="assets/img/core-img/shape.png" alt="">
|
|
</div>
|
|
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<div class="container">
|
|
<div class="row g-5 align-items-center">
|
|
<div class="col-12 col-lg-6">
|
|
<!-- About Content -->
|
|
<div class="about-content ps-md-4">
|
|
<div class="section-heading">
|
|
<span class="sub-title">About Us</span>
|
|
<h2 class="mb-4">We Are About to Witness Something Great</h2>
|
|
<p class="mb-5">Empower your business with our cutting-edge IT services and unmatched support,
|
|
tailored for transformative growth and harness innovation and achieve your goals with our
|
|
dedicated expertise.</p>
|
|
|
|
<!-- About List -->
|
|
<ul class="about-list ps-0 d-flex flex-column gap-3 list-unstyled mb-5">
|
|
<li class="d-flex align-items-center gap-2">
|
|
<div class="icon">
|
|
<i class="ti ti-arrow-right"></i>
|
|
</div>
|
|
<h5 class="mb-0">Created 40+ unique sections with responsiveness.</h5>
|
|
</li>
|
|
<li class="d-flex align-items-center gap-2">
|
|
<div class="icon">
|
|
<i class="ti ti-arrow-right"></i>
|
|
</div>
|
|
<h5 class="mb-0">You will able to build a new site with an ease.</h5>
|
|
</li>
|
|
<li class="d-flex align-items-center gap-2">
|
|
<div class="icon">
|
|
<i class="ti ti-arrow-right"></i>
|
|
</div>
|
|
<h5 class="mb-0">Booster is made for stay ahead from the compitition.</h5>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Button -->
|
|
<a class="btn btn-primary" href="about-us.html">Read More <i class="ti ti-arrow-up-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-lg-6">
|
|
<!-- About Video -->
|
|
<div class="about-video-content wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="500ms">
|
|
<img src="assets/img/bg-img/25.jpg" alt="">
|
|
|
|
<!-- Play Video -->
|
|
<div class="play-video-btn video-btn" data-video="https://youtu.be/4GUFkrHvZdE">
|
|
<div class="icon">
|
|
<i class="ti ti-player-play-filled"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- About Images -->
|
|
<div class="about-images d-flex px-5 mt-5 wow fadeInUp" data-wow-duration="1000ms"
|
|
data-wow-delay="800ms">
|
|
<div>
|
|
<img class="w-100" src="assets/img/bg-img/26.jpg" alt="">
|
|
</div>
|
|
<div>
|
|
<svg class="rotatingImage" xmlns="http://www.w3.org/2000/svg" width="70" height="70"
|
|
viewBox="0 0 70 70" fill="none">
|
|
<path
|
|
d="M35 0L46.1369 23.8631L70 35L46.1369 46.1369L35 70L23.8631 46.1369L0 35L23.8631 23.8631L35 0Z"
|
|
fill="#222222" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
</section>
|
|
|
|
<!-- Popup Video Container -->
|
|
<div id="videoPopup" class="video-popup-iframe">
|
|
<div class="video-content">
|
|
<span class="close-btn" id="videoCloseButton"><i class="ti ti-x"></i></span>
|
|
<div class="ratio ratio-16x9">
|
|
<iframe id="videoFrame" allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Service Section -->
|
|
<section class="service-section bg-secondary">
|
|
<!-- Background Shape -->
|
|
<div class="bg-shape">
|
|
<img src="assets/img/core-img/shape2.png" alt="">
|
|
</div>
|
|
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<div class="container">
|
|
<div class="row align-items-end g-4 g-xl-5">
|
|
<div class="col-12 col-md-6">
|
|
<div class="section-heading">
|
|
<span class="sub-title">Premium Services</span>
|
|
<h2 class="mb-0">Our Latest Services</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-5 offset-md-1">
|
|
<div class="section-heading">
|
|
<p class="mb-0">We specialize in helping individuals and families regain control of their financial
|
|
future by
|
|
repairing and improving their credit scores team of experts is dedicated.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="divider-sm"></div>
|
|
|
|
<div class="row g-4 g-xl-5">
|
|
<!-- Service Nav -->
|
|
<div class="col-12 col-md-5 col-lg-4">
|
|
<div class="service-nav nav flex-column" id="v-pills-tab" role="tablist" aria-orientation="vertical">
|
|
<div class="service-nav-item active" id="v-pills-home-tab" data-bs-toggle="pill"
|
|
data-bs-target="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">
|
|
<div class="icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
|
|
<g clip-path="url(#clip0_1_448)">
|
|
<mask id="mask0_1_448" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0"
|
|
width="36" height="36">
|
|
<path d="M36 0H0V36H36V0Z" fill="white" />
|
|
<path
|
|
d="M31.9681 21.8425C29.7827 26.5987 24.9899 29.6719 19.7579 29.6719C18.6641 29.6719 17.5845 29.5398 16.5389 29.2827L14.2617 31.5298C16.0121 32.159 17.8678 32.4844 19.7579 32.4844C22.9257 32.4844 25.9959 31.5716 28.6365 29.8449C31.2081 28.1633 33.2439 25.8021 34.5237 23.0168L31.9681 21.8425Z"
|
|
fill="white" />
|
|
<path
|
|
d="M6.75717 19.6212C6.47374 18.5268 6.32812 17.393 6.32812 16.2416H3.51562C3.51562 18.1722 3.85327 20.0625 4.50682 21.8418L6.75717 19.6212Z"
|
|
fill="white" />
|
|
</mask>
|
|
<g mask="url(#mask0_1_448)">
|
|
<mask id="mask1_1_448" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0"
|
|
y="0" width="36" height="36">
|
|
<path d="M0 3.8147e-06H36V36H0V3.8147e-06Z" fill="white" />
|
|
</mask>
|
|
<g mask="url(#mask1_1_448)">
|
|
<path
|
|
d="M26.8535 13.0595L23.1837 16.7115C22.6656 17.2299 21.9858 17.4892 21.3065 17.4892C20.6272 17.4892 19.9475 17.2299 19.4293 16.7115C18.3922 15.6746 18.3922 13.9937 19.4293 12.9568L23.0812 9.28716C22.0889 8.82499 21.0043 8.55949 19.8374 8.55949C15.5608 8.55949 12.0937 12.0265 12.0937 16.3032C12.0937 17.4701 12.3591 18.5724 12.8214 19.5647L2.18408 30.0614C1.14697 31.0983 1.14697 32.7793 2.18408 33.8162C2.70221 34.3345 3.382 34.5938 4.06121 34.5938C4.74057 34.5938 5.42028 34.3345 5.93842 33.8162L16.5759 23.3193C17.5682 23.7815 18.6706 24.0469 19.8374 24.0469C24.1142 24.0469 27.5812 20.58 27.5812 16.3032C27.5812 15.1364 27.3157 14.0518 26.8535 13.0595Z"
|
|
stroke="#601FEB" stroke-width="2.2" stroke-miterlimit="10" />
|
|
<path
|
|
d="M31.9681 21.8425C29.7827 26.5987 24.9899 29.6719 19.7579 29.6719C18.6641 29.6719 17.5845 29.5398 16.5389 29.2827L14.2617 31.5298C16.0121 32.159 17.8678 32.4844 19.7579 32.4844C22.9257 32.4844 25.9959 31.5716 28.6365 29.8449C31.2081 28.1633 33.2439 25.8021 34.5237 23.0168L31.9681 21.8425Z"
|
|
fill="#601FEB" />
|
|
<path
|
|
d="M6.75717 19.6212C6.47374 18.5268 6.32812 17.393 6.32812 16.2416H3.51562C3.51562 18.1722 3.85327 20.0625 4.50682 21.8418L6.75717 19.6212Z"
|
|
fill="#601FEB" />
|
|
<path
|
|
d="M6.1748 10.2656C8.47374 5.04837 13.6904 1.40625 19.7578 1.40625C27.9514 1.40625 34.5937 8.04853 34.5937 16.2422"
|
|
stroke="#601FEB" stroke-width="2.2" stroke-miterlimit="10" />
|
|
<path d="M10.4766 10.4766H4.85156V4.85156" stroke="#601FEB" stroke-width="2.2"
|
|
stroke-miterlimit="10" />
|
|
<path d="M28.9688 22.0078H34.5937V27.6328" stroke="#601FEB" stroke-width="2.2"
|
|
stroke-miterlimit="10" />
|
|
</g>
|
|
</g>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_1_448">
|
|
<rect width="36" height="36" fill="white" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</div>
|
|
<h4 class="mb-0">IT Management Service</h4>
|
|
</div>
|
|
|
|
<div class="service-nav-item" id="v-pills-profile-tab" data-bs-toggle="pill"
|
|
data-bs-target="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">
|
|
<div class="icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
|
|
<g clip-path="url(#clip0_1_478)">
|
|
<path
|
|
d="M15.1875 34.5938C15.1875 31.1464 13.2398 27.9949 10.1564 26.4532L9.5625 26.1562L18 13.3594L26.4375 26.1562L25.8436 26.4532C22.7602 27.9949 20.8125 31.1464 20.8125 34.5938"
|
|
stroke="#2B4DFF" stroke-width="2.2" stroke-miterlimit="10" />
|
|
<path d="M10.9688 34.5938H25.0312" stroke="#2B4DFF" stroke-width="2.2"
|
|
stroke-miterlimit="10" />
|
|
<path d="M2.53125 4.21875H33.4688" stroke="#2B4DFF" stroke-width="2.2"
|
|
stroke-miterlimit="10" />
|
|
<path d="M18 24.75V13.3594" stroke="#2B4DFF" stroke-width="2.2" stroke-miterlimit="10" />
|
|
<path d="M18 8.4375V0" stroke="#2B4DFF" stroke-width="2.2" stroke-miterlimit="10" />
|
|
<path d="M0 18.2812H8.15625" stroke="#2B4DFF" stroke-width="2.2" stroke-miterlimit="10" />
|
|
<path d="M27.8438 18.2812H36" stroke="#2B4DFF" stroke-width="2.2"
|
|
stroke-miterlimit="10" />
|
|
<path
|
|
d="M3.9375 18.2812C3.9375 10.5147 10.2335 4.21875 18 4.21875C25.7665 4.21875 32.0625 10.5147 32.0625 18.2812"
|
|
stroke="#2B4DFF" stroke-width="2.2" stroke-miterlimit="10" />
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_1_478">
|
|
<rect width="36" height="36" fill="white" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</div>
|
|
<h4 class="mb-0">UI/UX & Branding Identity</h4>
|
|
</div>
|
|
|
|
<div class="service-nav-item" id="v-pills-contact-tab" data-bs-toggle="pill"
|
|
data-bs-target="#v-pills-contact" role="tab" aria-controls="v-pills-contact" aria-selected="false">
|
|
<div class="icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
|
|
<g clip-path="url(#clip0_1_492)">
|
|
<mask id="mask0_1_492" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0"
|
|
width="36" height="36">
|
|
<path d="M0 3.8147e-06H36V36H0V3.8147e-06Z" fill="white" />
|
|
</mask>
|
|
<g mask="url(#mask0_1_492)">
|
|
<path
|
|
d="M19.4062 20.8125C19.4062 21.5892 18.7767 22.2188 18 22.2188C17.2233 22.2188 16.5938 21.5892 16.5938 20.8125C16.5938 20.0358 17.2233 19.4063 18 19.4063C18.7767 19.4063 19.4062 20.0358 19.4062 20.8125Z"
|
|
fill="#601FEB" />
|
|
<path d="M25.0312 26.4375H10.9688V15.1875H25.0312V26.4375Z" stroke="#601FEB"
|
|
stroke-width="2.2" stroke-miterlimit="10" />
|
|
<path
|
|
d="M13.7812 15.1875V10.9688C13.7812 8.6388 15.6701 6.75 18 6.75C20.3299 6.75 22.2188 8.6388 22.2188 10.9688V15.1875"
|
|
stroke="#601FEB" stroke-width="2.2" stroke-miterlimit="10" />
|
|
<path
|
|
d="M12.3628 2.27398C14.0457 1.7112 15.8466 1.40625 17.7188 1.40625C27.0383 1.40625 34.5938 8.96119 34.5938 18.2813C34.5938 22.6033 32.969 26.5458 30.2969 29.5312H36"
|
|
stroke="#601FEB" stroke-width="2.2" stroke-miterlimit="10" />
|
|
<path
|
|
d="M23.9726 33.6099C22.1945 34.2468 20.2784 34.5938 18.2812 34.5938C8.96168 34.5938 1.40625 27.0388 1.40625 17.7188C1.40625 13.3968 3.0311 9.45422 5.70312 6.46875H0"
|
|
stroke="#601FEB" stroke-width="2.2" stroke-miterlimit="10" />
|
|
</g>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_1_492">
|
|
<rect width="36" height="36" fill="white" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</div>
|
|
<h4 class="mb-0">Cyber Security Solutions</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Service Tab Content -->
|
|
<div class="col-12 col-md-7 col-lg-8">
|
|
<div class="tab-content ps-lg-4" id="v-pills-tabContent">
|
|
<!-- Service Tab -->
|
|
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel"
|
|
aria-labelledby="v-pills-home-tab">
|
|
<!-- Service Tab Content -->
|
|
<div class="service-tab-content">
|
|
<img src="assets/img/bg-img/27.jpg" alt="">
|
|
|
|
<!-- Service Tab Card -->
|
|
<div class="service-tab-card">
|
|
<h4 class="mb-2">Services Analysis</h4>
|
|
<p>Our extensive experience and deep understanding of complex public and private sector
|
|
governance.</p>
|
|
<ul class="d-flex flex-column gap-2 list-unstyled mt-4">
|
|
<li><i class="ti ti-circle-check"></i> Keyword Research</li>
|
|
<li><i class="ti ti-circle-check"></i> One Page Optimization</li>
|
|
<li><i class="ti ti-circle-check"></i> Basic Analytics Reporting</li>
|
|
</ul>
|
|
<a class="btn btn-primary" href="#">Read More <i class="ti ti-arrow-up-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Service Tab -->
|
|
<div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
|
|
<!-- Service Tab Content -->
|
|
<div class="service-tab-content">
|
|
<img src="assets/img/bg-img/27.jpg" alt="">
|
|
|
|
<!-- Service Tab Card -->
|
|
<div class="service-tab-card">
|
|
<h4 class="mb-2">Branding Identity</h4>
|
|
<p>Our extensive experience and deep understanding of complex public and private sector
|
|
governance.</p>
|
|
<ul class="d-flex flex-column gap-2 list-unstyled mt-4">
|
|
<li><i class="ti ti-circle-check"></i> Keyword Research</li>
|
|
<li><i class="ti ti-circle-check"></i> One Page Optimization</li>
|
|
<li><i class="ti ti-circle-check"></i> Basic Analytics Reporting</li>
|
|
</ul>
|
|
<a class="btn btn-primary" href="#">Read More <i class="ti ti-arrow-up-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Service Tab -->
|
|
<div class="tab-pane fade" id="v-pills-contact" role="tabpanel" aria-labelledby="v-pills-contact-tab">
|
|
<!-- Service Tab Content -->
|
|
<div class="service-tab-content">
|
|
<img src="assets/img/bg-img/27.jpg" alt="">
|
|
|
|
<!-- Service Tab Card -->
|
|
<div class="service-tab-card">
|
|
<h4 class="mb-2">Cyber Security Solutions</h4>
|
|
<p>Our extensive experience and deep understanding of complex public and private sector
|
|
governance.</p>
|
|
<ul class="d-flex flex-column gap-2 list-unstyled mt-4">
|
|
<li><i class="ti ti-circle-check"></i> Keyword Research</li>
|
|
<li><i class="ti ti-circle-check"></i> One Page Optimization</li>
|
|
<li><i class="ti ti-circle-check"></i> Basic Analytics Reporting</li>
|
|
</ul>
|
|
<a class="btn btn-primary" href="#">Read More <i class="ti ti-arrow-up-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Divider(s) -->
|
|
<div class="divider"></div>
|
|
<div class="divider"></div>
|
|
</section>
|
|
|
|
<!-- Process Section -->
|
|
<section class="process-section">
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<div class="container">
|
|
<!-- Section Heading -->
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 col-md-5 col-xl-7">
|
|
<div class="section-heading text-center">
|
|
<span class="sub-title">Working Process</span>
|
|
<h2 class="mb-0">Our Approach to Development</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="divider-sm"></div>
|
|
|
|
<!-- Process Wrap -->
|
|
<div class="process-wrap">
|
|
<div class="row g-4 g-lg-5">
|
|
|
|
<!-- Process Card -->
|
|
<div class="col-12 col-md-4">
|
|
<div class="process-card wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="400ms">
|
|
<div class="process-thumb">
|
|
<img src="assets/img/bg-img/13.jpg" alt="">
|
|
<div class="number">1</div>
|
|
</div>
|
|
<div class="process-text">
|
|
<h5 class="process-title mb-3">Define Requirements</h5>
|
|
<p class="mb-0">Stay at the cutting edge of innovation with our comprehensive coverage of the
|
|
technological advancements.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Process Card -->
|
|
<div class="col-12 col-md-4">
|
|
<div class="process-card wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="600ms">
|
|
<div class="process-thumb">
|
|
<img src="assets/img/bg-img/14.jpg" alt="">
|
|
<div class="number">2</div>
|
|
</div>
|
|
<div class="process-text">
|
|
<h5 class="process-title mb-3">Final Solution</h5>
|
|
<p class="mb-0">Stay at the cutting edge of innovation with our comprehensive coverage of the
|
|
technological advancements.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Process Card -->
|
|
<div class="col-12 col-md-4">
|
|
<div class="process-card wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="800ms">
|
|
<div class="process-thumb">
|
|
<img src="assets/img/bg-img/15.jpg" alt="">
|
|
<div class="number">3</div>
|
|
</div>
|
|
<div class="process-text">
|
|
<h5 class="process-title mb-3">Design & Prototyping</h5>
|
|
<p class="mb-0">Stay at the cutting edge of innovation with our comprehensive coverage of the
|
|
technological advancements.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Showcase Section -->
|
|
<section class="showcase-section softora-container bg-dark">
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<div class="container">
|
|
<div class="row softora-filter g-4 g-md-5">
|
|
|
|
<!-- Showcase Card -->
|
|
<div class="col-12 col-sm-6 filter-item showcase-item">
|
|
<div class="showcase-card wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="400ms">
|
|
<div class="showcase-thumb">
|
|
<img src="assets/img/bg-img/16.jpg" alt="">
|
|
<a href="portfolio-details.html" class="btn"><i class="ti ti-arrow-up-right"></i></a>
|
|
</div>
|
|
<div class="showcase-content">
|
|
<p>Branding / Technology / Marketing</p>
|
|
<h2>Building Responsive Websites for Better User Accessibility</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Showcase Card -->
|
|
<div class="col-12 col-sm-6 filter-item showcase-item">
|
|
<div class="showcase-card wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="600ms">
|
|
<div class="showcase-thumb">
|
|
<img src="assets/img/bg-img/17.jpg" alt="">
|
|
<a href="portfolio-details.html" class="btn"><i class="ti ti-arrow-up-right"></i></a>
|
|
</div>
|
|
<div class="showcase-content">
|
|
<p>Branding / Technology / Marketing</p>
|
|
<h2>Web Revamp and E-Commerce Platform Redesign</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Showcase Card -->
|
|
<div class="col-12 col-sm-6 filter-item showcase-item">
|
|
<div class="showcase-card wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="400ms">
|
|
<div class="showcase-thumb">
|
|
<img src="assets/img/bg-img/18.jpg" alt="">
|
|
<a href="portfolio-details.html" class="btn"><i class="ti ti-arrow-up-right"></i></a>
|
|
</div>
|
|
<div class="showcase-content">
|
|
<p>Branding / Technology / Marketing</p>
|
|
<h2>Building Scalable Cloud Structure for Growing Startups</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Showcase Card -->
|
|
<div class="col-12 col-sm-6 filter-item showcase-item">
|
|
<div class="showcase-card wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="600ms">
|
|
<div class="showcase-thumb">
|
|
<img src="assets/img/bg-img/19.jpg" alt="">
|
|
<a href="portfolio-details.html" class="btn"><i class="ti ti-arrow-up-right"></i></a>
|
|
</div>
|
|
<div class="showcase-content">
|
|
<p>Branding / Technology / Marketing</p>
|
|
<h2>Innovative Web Portal Creation for an Enhanced UX Experience</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
</section>
|
|
|
|
<!-- Team Members Section -->
|
|
<section class="team-section">
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<div class="container">
|
|
<div class="row g-5 align-items-center">
|
|
<!-- Section Heading -->
|
|
<div class="col-12 col-sm-10 col-md-4">
|
|
<div class="section-heading">
|
|
<span class="sub-title">Our Team</span>
|
|
<h2 class="mb-4">Our Expert Team is Always Ready to Help you</h2>
|
|
<p class="mb-5">Meet the talented and passionate individuals driving our innovation and success. Our
|
|
expert team
|
|
combines years of experience.</p>
|
|
<a href="team.html" class="btn btn-primary">Get to Know Us <i
|
|
class="ti ti-arrow-up-right"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-8">
|
|
<div class="ps-xl-5">
|
|
<div class="row align-items-center g-2 g-lg-3 g-xxl-5">
|
|
<div class="col-12 col-sm">
|
|
<div class="d-flex flex-column gap-xl-4 gap-xxl-5">
|
|
|
|
<!-- Team Card -->
|
|
<div class="team-card">
|
|
<img src="assets/img/bg-img/8.jpg" alt="">
|
|
<!-- Team Member Info -->
|
|
<div class="team-member-info">
|
|
<h4>John Doe</h4>
|
|
<span>UI/UX Designer</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Team Card -->
|
|
<div class="team-card">
|
|
<img src="assets/img/bg-img/9.jpg" alt="">
|
|
<!-- Team Member Info -->
|
|
<div class="team-member-info">
|
|
<h4>John Doe</h4>
|
|
<span>UI/UX Designer</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-sm col-lg-5">
|
|
<!-- Team Card -->
|
|
<div class="team-card middle-team-card">
|
|
<img src="assets/img/bg-img/10.jpg" alt="">
|
|
<!-- Team Member Info -->
|
|
<div class="team-member-info">
|
|
<h4>Edoardo Romussi</h4>
|
|
<span>UI/UX Designer</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-sm">
|
|
<div class="d-flex flex-column gap-xl-4 gap-xxl-5">
|
|
|
|
<!-- Team Card -->
|
|
<div class="team-card">
|
|
<img src="assets/img/bg-img/11.jpg" alt="">
|
|
<!-- Team Member Info -->
|
|
<div class="team-member-info">
|
|
<h4>John Doe</h4>
|
|
<span>UI/UX Designer</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Team Card -->
|
|
<div class="team-card">
|
|
<img src="assets/img/bg-img/12.jpg" alt="">
|
|
<!-- Team Member Info -->
|
|
<div class="team-member-info">
|
|
<h4>John Doe</h4>
|
|
<span>UI/UX Designer</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
</section>
|
|
|
|
<!-- Testimonial Section -->
|
|
<section class="testimonial-section bg-secondary">
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<div class="container">
|
|
<div class="row g-5">
|
|
<div class="col-12 col-lg-4">
|
|
<div class="h-100 d-flex flex-column justify-content-between">
|
|
<!-- Testimonial Countdown -->
|
|
<div class="testimonial-countdown">
|
|
<div class="imgs-group mb-4">
|
|
<img src="assets/img/bg-img/5.jpg" alt="">
|
|
<img src="assets/img/bg-img/6.jpg" alt="">
|
|
<img src="assets/img/bg-img/7.jpg" alt="">
|
|
<div><span class="counter">10</span>k</div>
|
|
</div>
|
|
<h4 class="mb-0">More then 25K clients<br>Reviews</h4>
|
|
</div>
|
|
|
|
<!-- Swiper Navigation -->
|
|
<div class="swiper-navigation-container mt-5">
|
|
<div class="testimonial-button-prev">
|
|
<i class="ti ti-arrow-left"></i>
|
|
</div>
|
|
<div class="testimonial-button-next">
|
|
<i class="ti ti-arrow-right"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-lg-8">
|
|
<!-- Section Heading -->
|
|
<div class="section-heading">
|
|
<span class="sub-title">Testimonial</span>
|
|
<h2 class="mb-0">What our Clients<br>Say About us</h2>
|
|
</div>
|
|
|
|
<div class="divider-sm"></div>
|
|
|
|
<!-- Testimonial Slider -->
|
|
<div class="testimonial-slide">
|
|
<div class="swiper testimonial-swiper">
|
|
<div class="swiper-wrapper">
|
|
|
|
<!-- Testimonial Slide -->
|
|
<div class="swiper-slide">
|
|
<div class="testimonial-card">
|
|
<div class="testimonial-thumbnail">
|
|
<img src="assets/img/bg-img/4.jpg" alt="">
|
|
</div>
|
|
<div class="testimonial-info">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="40" viewBox="0 0 60 40"
|
|
fill="none">
|
|
<path
|
|
d="M58.6207 0C59.2341 0 59.7854 0.424145 59.9513 1.05329C60.1353 1.75286 59.7835 2.48528 59.1324 2.75457C54.8083 4.54586 51.6329 7.61643 49.6735 11.8959C55.6703 13.503 59.9998 19.149 59.9998 25.7143C59.9998 33.5917 53.81 40 46.2018 40C38.5937 40 32.4046 33.5917 32.4046 25.7143C32.3931 25.6061 31.1752 4.30729 58.4116 0.0159988C58.4819 0.00485611 58.5513 0 58.6207 0ZM46.2018 37.1429C52.2879 37.1429 57.2388 32.0159 57.2388 25.7143C57.2388 19.9596 53.0805 15.0879 47.5668 14.3834C47.1463 14.329 46.7727 14.0786 46.5544 13.7033C46.3353 13.328 46.2949 12.8697 46.4452 12.4596C47.5526 9.43157 49.1286 6.86114 51.1588 4.76357C34.3216 10.8573 35.15 25.4416 35.1615 25.6083C35.1656 32.0159 40.1165 37.1429 46.2018 37.1429Z"
|
|
fill="#601FEB" />
|
|
<path
|
|
d="M26.2269 0C26.8403 0 27.3916 0.424145 27.5575 1.05329C27.7415 1.75286 27.3897 2.48528 26.7386 2.75457C22.4145 4.54586 19.2391 7.61643 17.2797 11.8959C23.2765 13.503 27.606 19.149 27.606 25.7143C27.606 33.5917 21.4162 40 13.808 40C6.19994 40 0.0107918 33.5917 0.0107918 25.7143C-0.000663757 25.6061 -1.21865 4.30729 26.0178 0.0159988C26.0881 0.00485611 26.1575 0 26.2269 0ZM13.808 37.1429C19.8941 37.1429 24.845 32.0159 24.845 25.7143C24.845 19.9596 20.6867 15.0879 15.173 14.3834C14.7525 14.329 14.3789 14.0786 14.1606 13.7033C13.9415 13.328 13.9011 12.8697 14.0514 12.4596C15.1588 9.43157 16.7348 6.86114 18.765 4.76357C1.92776 10.8573 2.75622 25.4416 2.76768 25.6083C2.77182 32.0159 7.7227 37.1429 13.808 37.1429Z"
|
|
fill="#601FEB" />
|
|
</svg>
|
|
<p class="testimonial-text mt-4">“Working with several word themes and templates the
|
|
last years only can say this is best in every level use it for my best reviews that
|
|
I have already are company and review that I have already are all excellent. Not
|
|
only the design but the are company and the reviews code”</p>
|
|
<h4 class="name">Daniyel karlos</h4>
|
|
<p class="designation mb-0">CEO & Founder</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Testimonial Slide -->
|
|
<div class="swiper-slide">
|
|
<div class="testimonial-card">
|
|
<div class="testimonial-thumbnail">
|
|
<img src="assets/img/bg-img/4.jpg" alt="">
|
|
</div>
|
|
<div class="testimonial-info">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="40" viewBox="0 0 60 40"
|
|
fill="none">
|
|
<path
|
|
d="M58.6207 0C59.2341 0 59.7854 0.424145 59.9513 1.05329C60.1353 1.75286 59.7835 2.48528 59.1324 2.75457C54.8083 4.54586 51.6329 7.61643 49.6735 11.8959C55.6703 13.503 59.9998 19.149 59.9998 25.7143C59.9998 33.5917 53.81 40 46.2018 40C38.5937 40 32.4046 33.5917 32.4046 25.7143C32.3931 25.6061 31.1752 4.30729 58.4116 0.0159988C58.4819 0.00485611 58.5513 0 58.6207 0ZM46.2018 37.1429C52.2879 37.1429 57.2388 32.0159 57.2388 25.7143C57.2388 19.9596 53.0805 15.0879 47.5668 14.3834C47.1463 14.329 46.7727 14.0786 46.5544 13.7033C46.3353 13.328 46.2949 12.8697 46.4452 12.4596C47.5526 9.43157 49.1286 6.86114 51.1588 4.76357C34.3216 10.8573 35.15 25.4416 35.1615 25.6083C35.1656 32.0159 40.1165 37.1429 46.2018 37.1429Z"
|
|
fill="#601FEB" />
|
|
<path
|
|
d="M26.2269 0C26.8403 0 27.3916 0.424145 27.5575 1.05329C27.7415 1.75286 27.3897 2.48528 26.7386 2.75457C22.4145 4.54586 19.2391 7.61643 17.2797 11.8959C23.2765 13.503 27.606 19.149 27.606 25.7143C27.606 33.5917 21.4162 40 13.808 40C6.19994 40 0.0107918 33.5917 0.0107918 25.7143C-0.000663757 25.6061 -1.21865 4.30729 26.0178 0.0159988C26.0881 0.00485611 26.1575 0 26.2269 0ZM13.808 37.1429C19.8941 37.1429 24.845 32.0159 24.845 25.7143C24.845 19.9596 20.6867 15.0879 15.173 14.3834C14.7525 14.329 14.3789 14.0786 14.1606 13.7033C13.9415 13.328 13.9011 12.8697 14.0514 12.4596C15.1588 9.43157 16.7348 6.86114 18.765 4.76357C1.92776 10.8573 2.75622 25.4416 2.76768 25.6083C2.77182 32.0159 7.7227 37.1429 13.808 37.1429Z"
|
|
fill="#601FEB" />
|
|
</svg>
|
|
<p class="testimonial-text mt-4">“Working with several word themes and templates the
|
|
last years only can say this is best in every level use it for my best reviews that
|
|
I have already are company and review that I have already are all excellent. Not
|
|
only the design but the are company and the reviews code”</p>
|
|
<h4 class="name">Daniyel karlos</h4>
|
|
<p class="designation mb-0">CEO & Founder</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Background Circles -->
|
|
<div class="testimonial-circles">
|
|
<img src="assets/img/core-img/circles.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<!-- Trusted Clients Logo -->
|
|
<div class="trusted-clients-logo">
|
|
<div class="container">
|
|
<div class="row g-4 align-items-center justify-content-center">
|
|
<!-- Partner Logo -->
|
|
<div class="col-6 col-sm-4 col-lg-3 col-xl-2">
|
|
<div class="partner-logo">
|
|
<img src="assets/img/partner-img/1.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Partner Logo -->
|
|
<div class="col-6 col-sm-4 col-lg-3 col-xl-2">
|
|
<div class="partner-logo">
|
|
<img src="assets/img/partner-img/2.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Partner Logo -->
|
|
<div class="col-6 col-sm-4 col-lg-3 col-xl-2">
|
|
<div class="partner-logo">
|
|
<img src="assets/img/partner-img/3.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Partner Logo -->
|
|
<div class="col-6 col-sm-4 col-lg-3 col-xl-2">
|
|
<div class="partner-logo">
|
|
<img src="assets/img/partner-img/4.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Partner Logo -->
|
|
<div class="col-6 col-sm-4 col-lg-3 col-xl-2">
|
|
<div class="partner-logo">
|
|
<img src="assets/img/partner-img/5.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Partner Logo -->
|
|
<div class="col-6 col-sm-4 col-lg-3 col-xl-2">
|
|
<div class="partner-logo">
|
|
<img src="assets/img/partner-img/6.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
</section>
|
|
|
|
<!-- Blog Section -->
|
|
<section class="blog-section bg-white">
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<!-- Section Heading -->
|
|
<div class="container">
|
|
<div class="row justify-content-center align-items-center">
|
|
<div class="col-12 col-xl-6">
|
|
<div class="section-heading text-center">
|
|
<span class="sub-title">Our Blogs</span>
|
|
<h2 class="mb-0">Recent Blog & Articles about Technology</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="divider-sm"></div>
|
|
|
|
<div class="container">
|
|
<div class="row g-4 g-xxl-5 justify-content-center">
|
|
|
|
<!-- Blog Card -->
|
|
<div class="col-12 col-sm-6 col-lg-4">
|
|
<div class="blog-card wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="400ms">
|
|
<!-- Post Image -->
|
|
<div class="post-img">
|
|
<img src="assets/img/bg-img/1.jpg" alt="">
|
|
</div>
|
|
<!-- Post Body -->
|
|
<div class="post-body">
|
|
<div class="blog-meta flex-wrap d-flex align-items-center gap-2">
|
|
<a href="#">Knowledge</a>
|
|
<div class="dot"></div>
|
|
<a href="#">26 June 2025</a>
|
|
</div>
|
|
<a class="post-title h4" href="blog-details.html">How You Can Find A Design Job You Will Truly</a>
|
|
<a class="read-more-btn" href="#">Learn More <i class="ti ti-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Blog Card -->
|
|
<div class="col-12 col-sm-6 col-lg-4">
|
|
<div class="blog-card wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="600ms">
|
|
<!-- Post Image -->
|
|
<div class="post-img">
|
|
<img src="assets/img/bg-img/2.jpg" alt="">
|
|
</div>
|
|
<!-- Post Body -->
|
|
<div class="post-body">
|
|
<div class="blog-meta flex-wrap d-flex align-items-center gap-2">
|
|
<a href="#">Knowledge</a>
|
|
<div class="dot"></div>
|
|
<a href="#">26 June 2025</a>
|
|
</div>
|
|
<a class="post-title h4" href="blog-details.html">The Missing Advice I Needed When Starting My
|
|
Career</a>
|
|
<a class="read-more-btn" href="#">Learn More <i class="ti ti-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Blog Card -->
|
|
<div class="col-12 col-sm-6 col-lg-4">
|
|
<div class="blog-card wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="800ms">
|
|
<!-- Post Image -->
|
|
<div class="post-img">
|
|
<img src="assets/img/bg-img/3.jpg" alt="">
|
|
</div>
|
|
<!-- Post Body -->
|
|
<div class="post-body">
|
|
<div class="blog-meta flex-wrap d-flex align-items-center gap-2">
|
|
<a href="#">Knowledge</a>
|
|
<div class="dot"></div>
|
|
<a href="#">26 June 2025</a>
|
|
</div>
|
|
<a class="post-title h4" href="blog-details.html">How to Craft The Perfect Web Design and
|
|
Developer</a>
|
|
<a class="read-more-btn" href="#">Learn More <i class="ti ti-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
</section>
|
|
|
|
<!-- CTA Wrapper -->
|
|
<div class="cta-wrapper bg-img" style="background-image: url(assets/img/core-img/grid.jpg)">
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<div class="container">
|
|
<div class="row g-4 g-xl-5 align-items-center">
|
|
<div class="col-12 col-lg-6 col-xl-7">
|
|
<h2 class="mb-0 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="400ms">Start Building Your
|
|
Business Now</h2>
|
|
</div>
|
|
|
|
<div class="col-12 col-lg-6 col-xl-5">
|
|
<p class="wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="600ms">Communicate your pricing
|
|
clearly and transparently to build trust with your customers. Hidden fees or
|
|
unclear pricing structures can lead to dissatisfaction.</p>
|
|
<a href="pricing.html" class="btn btn-primary btn-hover-border wow fadeInUp" data-wow-duration="1000ms"
|
|
data-wow-delay="800ms">Get Started <i class="ti ti-arrow-up-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer-wrapper">
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<div class="container">
|
|
<div class="row g-5">
|
|
<!-- Footer Card -->
|
|
<div class="col-12 col-sm-6 col-lg-4">
|
|
<div class="footer-card pe-lg-5">
|
|
<a href="#" class="d-block mb-4">
|
|
<img src="assets/img/core-img/logo.png" alt="">
|
|
</a>
|
|
<p class="mb-0">Each demo built with Teba will look different. You can customize almost anything in
|
|
the appearance of your website with only a few.</p>
|
|
|
|
<!-- Social Nav -->
|
|
<div class="social-nav">
|
|
<a href="#">
|
|
<i class="ti ti-brand-facebook"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i class="ti ti-brand-x"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i class="ti ti-brand-linkedin"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i class="ti ti-brand-instagram"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer Card -->
|
|
<div class="col-12 col-sm-6 col-lg">
|
|
<div class="footer-card">
|
|
<h5 class="mb-4">Quick Links</h5>
|
|
|
|
<!-- Footer Nav -->
|
|
<ul class="footer-nav">
|
|
<li><a href="#">About Us</a></li>
|
|
<li><a href="#">Our Team</a></li>
|
|
<li><a href="#">Pricing Plans</a></li>
|
|
<li><a href="#">Blogs</a></li>
|
|
<li><a href="#">Contact Us</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer Card -->
|
|
<div class="col-12 col-sm-6 col-lg">
|
|
<div class="footer-card">
|
|
<h5 class="mb-4">Services</h5>
|
|
|
|
<!-- Footer Nav -->
|
|
<ul class="footer-nav">
|
|
<li><a href="#">UI/UX Design</a></li>
|
|
<li><a href="#">App Development</a></li>
|
|
<li><a href="#">Digital Marketing</a></li>
|
|
<li><a href="#">Web Development</a></li>
|
|
<li><a href="#">Cyber Security</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer Card -->
|
|
<div class="col-12 col-sm-6 col-lg">
|
|
<div class="footer-card">
|
|
<h5 class="mb-4">Information</h5>
|
|
|
|
<!-- Footer Nav -->
|
|
<ul class="footer-nav">
|
|
<li><a href="#">Working Process</a></li>
|
|
<li><a href="#">Privacy Policy</a></li>
|
|
<li><a href="#">Terms & Conditions</a></li>
|
|
<li><a href="#">Faqs</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Divider -->
|
|
<div class="divider"></div>
|
|
|
|
<!-- Copyright Wrapper -->
|
|
<div class="copyright-wrapper">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<!-- Copyright -->
|
|
<div class="col-12 col-md-6">
|
|
<p class="mb-3 mb-md-0 copyright">Copyright © <span id="year">2025</span> <a href="#">Nano Theme</a>
|
|
All
|
|
rights
|
|
reserved.</p>
|
|
</div>
|
|
|
|
<!-- Footer Bottom Nav -->
|
|
<div class="col-12 col-md-6">
|
|
<div class="footer-bottom-nav">
|
|
<a href="#">Privacy & Terms</a>
|
|
<a href="#">FAQ</a>
|
|
<a href="#">Contact Us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Cookie Alert -->
|
|
<div class="cookiealert shadow-lg show">
|
|
<p class="mb-4">We use cookies for the best experience on our website, for social media features and to anal
|
|
traffic. accepting
|
|
you agree to our use of cookies. Read <a href="#" target="_blank"> Cookies Policy.</a></p>
|
|
<button class="btn btn-primary btn-sm acceptcookies" type="button" aria-label="Close">Accept</button>
|
|
</div>
|
|
|
|
<!-- Scroll To Top -->
|
|
<button id="scrollTopButton" class="softora-scrolltop scrolltop-hide">
|
|
<i class="ti ti-chevron-up"></i>
|
|
</button>
|
|
|
|
<!-- All JavaScript Files-->
|
|
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/slideToggle.min.js"></script>
|
|
<script src="assets/js/swiper-bundle.min.js"></script>
|
|
<script src="assets/js/jarallax.min.js"></script>
|
|
<script src="assets/js/index.js"></script>
|
|
<script src="assets/js/cookiealert.js"></script>
|
|
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
|
|
<script src="assets/js/isotope.pkgd.min.js"></script>
|
|
<script src="assets/js/wow.min.js"></script>
|
|
<script src="assets/js/active.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |