/home/moonrcjl/template.moontelict.com/vorix/home-2.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="Vorix - Creative Digital Agency HTML Template">
<!-- Title & Favicon -->
<title>Vorix - Creative Digital Agency HTML Template</title>
<link rel="shortcut icon" href="img/core-img/favicon.ico" type="image/x-icon">
<!-- Stylesheet -->
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="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>
<!-- Popup Video Container -->
<div id="videoPopup" class="video-popup-iframe">
<div class="video-content">
<span class="close-btn" id="videoCloseButton">×</span>
<div class="ratio ratio-16x9">
<iframe id="videoFrame" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- Right Side Menu -->
<div class="offcanvas offcanvas-start right-side-vorix-offcanvas shadow-lg" tabindex="-1" id="sideMenuOffcanvas">
<!-- Offcanvas Header -->
<div class="offcanvas-header">
<div>
<img class="dark-logo" src="img/core-img/logo.png" alt="">
<img class="light-logo" src="img/core-img/logo-light.png" alt="">
</div>
<button type="button" class="btn-close btn-close-white shadow-lg" data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
<!-- Offcanvas Body -->
<div class="offcanvas-body">
<h4 class="mb-3">Reach Out Us!</h4>
<p>Ready to take the first step towards unlocking opportunity realizing goals.</p>
<!-- Contact Info -->
<div class="contact-info">
<!-- Single Contact -->
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
<g clip-path="url(#clip0_274_2389)">
<path
d="M39.8523 29.6017C39.5773 28.0233 38.2257 26.765 36.564 26.5433L27.349 25.31C25.6773 25.0817 24.0207 25.97 23.329 27.46C23.1523 27.84 23.004 28.235 22.884 28.6417C20.3023 27.565 17.9857 26.01 15.9857 24.0117C13.9857 22.0133 12.4323 19.6967 11.3557 17.115C11.764 16.9933 12.1573 16.845 12.5373 16.6667C14.0273 15.9733 14.909 14.3217 14.6857 12.6483L13.4523 3.435C13.2307 1.77333 11.974 0.42 10.3657 0.141667C9.78067 0.045 9.29401 0 8.82901 0C5.80401 0 2.94234 1.59833 1.36067 4.17333C-0.349328 6.96 -0.110994 10.5267 0.285672 13.3217C1.18734 19.6517 4.43901 26.0167 9.20901 30.7867C12.754 34.3317 17.1357 36.9883 21.879 38.4683C24.294 39.2233 27.3173 40.01 30.2273 40.01C32.4057 40.01 34.5207 39.5683 36.269 38.3433C38.6057 36.7033 39.999 34.0217 39.999 31.1667C39.999 30.7017 39.954 30.2133 39.8523 29.6017Z"
fill="#ECC80B" />
</g>
<defs>
<clipPath id="clip0_274_2389">
<rect width="40" height="40" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div>
<p>Phone number</p>
<h5 class="mb-0">+44 204 577 0077</h5>
</div>
</div>
<!-- Single Contact -->
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
<path
d="M32.5 4.16602H19.1667C15.9117 4.16602 13.1633 6.26268 12.1267 9.16602H20.8333C25.8867 9.16602 30 13.2777 30 18.3327V24.166H32.5C36.635 24.166 40 20.801 40 16.666V11.666C40 7.53102 36.635 4.16602 32.5 4.16602ZM28.3333 18.3327C28.3333 14.1977 24.9683 10.8327 20.8333 10.8327H7.5C3.365 10.8327 0 14.1977 0 18.3327V23.3327C0 27.4677 3.365 30.8327 7.5 30.8327H8.33333V34.9993C8.33333 35.336 8.53667 35.641 8.84833 35.7693C8.95167 35.8127 9.06 35.8327 9.16667 35.8327C9.38333 35.8327 9.59667 35.7477 9.75667 35.5893L14.5133 30.8327H20.835C24.97 30.8327 28.335 27.4677 28.335 23.3327V19.9993L28.3333 18.3327Z"
fill="#ECC80B" />
</svg>
</div>
<div>
<p>Email address</p>
<h5 class="mb-0">Vorix@gmail.com</h5>
</div>
</div>
<!-- Single Contact -->
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
<path
d="M20.0026 0C12.1909 0 5.83594 6.355 5.83594 14.1667C5.83594 27.8633 18.9009 39.3167 19.4576 39.7967C19.6143 39.9317 19.8093 40 20.0026 40C20.1959 40 20.3909 39.9317 20.5476 39.7967C21.1043 39.315 34.1693 27.8617 34.1693 14.1667C34.1693 6.355 27.8143 0 20.0026 0ZM20.0026 21.6667C15.8609 21.6667 12.5026 18.3083 12.5026 14.1667C12.5026 10.025 15.8609 6.66667 20.0026 6.66667C24.1443 6.66667 27.5026 10.025 27.5026 14.1667C27.5026 18.3083 24.1443 21.6667 20.0026 21.6667Z"
fill="#ECC80B" />
</svg>
</div>
<div>
<p>Office Address</p>
<h5 class="mb-0">Washington Ave, NY </h5>
</div>
</div>
</div>
<h4 class="mb-3">Social Networks</h4>
<!-- Social Nav -->
<div class="social-nav">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook"
viewBox="0 0 16 16">
<path
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-twitter-x" viewBox="0 0 16 16">
<path
d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin"
viewBox="0 0 16 16">
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-instagram" viewBox="0 0 16 16">
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334" />
</svg>
</a>
</div>
<!-- CTA Button -->
<div class="cta-btn">
<a href="contact.html">Let's Talk <br> with us</a>
</div>
</div>
</div>
<!-- Search Form -->
<div class="search-bg-overlay" id="searchOverlay"></div>
<div class="search-form-popup">
<h2 class="mb-4">Ask me anything...</h2>
<button type="button" class="close-btn" id="searchClose" aria-label="Close">
×
</button>
<form class="search-form">
<input type="search" class="form-control" placeholder="Search...">
<button type="submit" class="btn btn-dark">
<span>Search</span>
<span>Search</span>
</button>
</form>
</div>
<!-- Header Area-->
<header class="header-area">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Navbar Brand -->
<a class="navbar-brand" href="index.html">
<img class="dark-logo" src="img/core-img/logo.png" alt="">
<img class="light-logo" src="img/core-img/logo-light.png" alt="">
</a>
<!-- Navbar Toggler -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#vorixNav"
aria-controls="vorixNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="material-symbols-outlined">view_cozy</span>
</button>
<!-- Navbar Nav -->
<div class="collapse navbar-collapse justify-content-end" id="vorixNav">
<ul class="navbar-nav navbar-nav-scroll">
<li class="vorix-dd">
<a href="#">Home</a>
<ul class="vorix-dd-menu">
<li>
<a href="home-1.html">Digital Agency</a>
</li>
<li>
<a href="home-2.html">Web Agency</a>
</li>
<li>
<a href="home-3.html">Creative Agency</a>
</li>
<li>
<a href="home-4.html">Marketing Agency</a>
</li>
</ul>
</li>
<li class="vorix-dd">
<a href="#">Pages</a>
<ul class="vorix-dd-menu">
<li class="vorix-dd">
<a href="about-us.html">About Us</a>
</li>
<li class="vorix-dd">
<a href="#">Service</a>
<ul class="vorix-dd-menu">
<li>
<a href="service.html">Service</a>
</li>
<li>
<a href="service-details.html">Service Details</a>
</li>
</ul>
</li>
<li class="vorix-dd">
<a href="#">Authentification</a>
<ul class="vorix-dd-menu">
<li>
<a href="register.html">Register</a>
</li>
<li>
<a href="login.html">Login</a>
</li>
</ul>
</li>
<li>
<a href="pricing-plan.html">Pricing Plan</a>
</li>
<li>
<a href="faq.html">FAQ</a>
</li>
<li>
<a href="team.html">Team</a>
</li>
<li>
<a href="team-details.html">Team Details</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="404.html">404 - Error</a>
</li>
</ul>
</li>
<li class="vorix-dd">
<a href="#">Portfolio</a>
<ul class="vorix-dd-menu">
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="portfolio-details.html">Portfolio Details</a>
</li>
</ul>
</li>
<li class="vorix-dd">
<a href="#">Blog</a>
<ul class="vorix-dd-menu">
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="blog-details.html">Blog Details</a>
</li>
</ul>
</li>
</ul>
<div class="d-flex align-items-center">
<!-- Search Button -->
<div class="header-search-btn" id="searchButton">
<button class="btn">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<g clip-path="url(#clip0_1_195)">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.5003 2C9.14485 2.00012 7.80912 2.32436 6.60451 2.94569C5.3999 3.56702 4.36135 4.46742 3.57549 5.57175C2.78963 6.67609 2.27926 7.95235 2.08696 9.29404C1.89466 10.6357 2.026 12.004 2.47003 13.2846C2.91406 14.5652 3.6579 15.7211 4.63949 16.6557C5.62108 17.5904 6.81196 18.2768 8.11277 18.6576C9.41358 19.0384 10.7866 19.1026 12.1173 18.8449C13.448 18.5872 14.6977 18.015 15.7623 17.176L19.4143 20.828C19.6029 21.0102 19.8555 21.111 20.1177 21.1087C20.3799 21.1064 20.6307 21.0012 20.8161 20.8158C21.0015 20.6304 21.1066 20.3796 21.1089 20.1174C21.1112 19.8552 21.0104 19.6026 20.8283 19.414L17.1763 15.762C18.1642 14.5086 18.7794 13.0024 18.9514 11.4157C19.1233 9.82905 18.8451 8.22602 18.1485 6.79009C17.4519 5.35417 16.3651 4.14336 15.0126 3.29623C13.66 2.44911 12.0962 1.99989 10.5003 2ZM4.00025 10.5C4.00025 8.77609 4.68507 7.12279 5.90406 5.90381C7.12305 4.68482 8.77635 4 10.5003 4C12.2242 4 13.8775 4.68482 15.0964 5.90381C16.3154 7.12279 17.0003 8.77609 17.0003 10.5C17.0003 12.2239 16.3154 13.8772 15.0964 15.0962C13.8775 16.3152 12.2242 17 10.5003 17C8.77635 17 7.12305 16.3152 5.90406 15.0962C4.68507 13.8772 4.00025 12.2239 4.00025 10.5Z"
fill="#FEFEFE" />
</g>
<defs>
<clipPath id="clip0_1_195">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
</button>
</div>
<!-- Dark/Light Button -->
<button id="theme-toggle" class="theme-btn">
<span class="material-symbols-outlined sun">clear_day</span>
<span class="material-symbols-outlined moon">bedtime</span>
</button>
<!-- Login Button -->
<div class="mb-3 mb-lg-0" id="sideMenuButton">
<a class="btn btn-primary sideMenuButton" data-bs-toggle="offcanvas" href="#sideMenuOffcanvas"
role="button" aria-controls="sideMenuOffcanvas">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path d="M3 12H21" stroke="#0E0E0E" stroke-width="2" stroke-linecap="round" />
<path d="M3 6H21" stroke="#0E0E0E" stroke-width="2" stroke-linecap="round" />
<path d="M3 18H21" stroke="#0E0E0E" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path d="M3 12H21" stroke="#0E0E0E" stroke-width="2" stroke-linecap="round" />
<path d="M3 6H21" stroke="#0E0E0E" stroke-width="2" stroke-linecap="round" />
<path d="M3 18H21" stroke="#0E0E0E" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</nav>
</header>
<!-- Hero Wrapper -->
<section class="hero-wrapper">
<div class="divider"></div>
<div class="container">
<div class="row g-4">
<div class="col-12 col-lg-8 col-xl-9">
<div class="hero-content home2">
<h2 class="mb-0 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="700ms">We're Design &
Development Agency</h2>
</div>
</div>
<div class="col-12 col-md-8 col-lg-4 col-xl-3">
<div class="hero-content home2">
<div class="d-flex align-items-center gap-1 wow fadeInUp" data-wow-duration="1000ms"
data-wow-delay="900ms">
<div class="imgs-group">
<img src="img/bg-img/2.jpg" alt="">
<img src="img/bg-img/3.jpg" alt="">
<div><span class="counter">10</span>k</div>
</div>
<h6 class="mb-0">More than <span class="counter">10</span>k+ <br>
trusted customers</h6>
</div>
<p class="my-5 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="1100ms">We believe that the
surest measure of success is when a client partners with us more
than half our clients stay with us for longer than a single longer than single longer thanproject.
</p>
<a href="#" class="btn btn-primary wow fadeInUp" data-wow-duration="1000ms"
data-wow-delay="1200ms"><span>CONTACT US</span><span>CONTACT US</span></a>
</div>
</div>
</div>
</div>
<div class="divider"></div>
<div class="divider"></div>
</section>
<!-- CTA & Video Wrapper -->
<div class="cta-video-wrapper">
<div class="container">
<div class="video-wrap bg-img" style="background-image: url('img/bg-img/11.jpg');">
<div class="video-popup">
<div class="popup-video">
<div class="video-btn" data-video="https://player.vimeo.com/video/1004501259">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<g clip-path="url(#clip0_1_434)">
<path
d="M5.10545 0.529181C2.94172 -0.711968 1.1875 0.304796 1.1875 2.79837V21.1999C1.1875 23.6959 2.94172 24.7114 5.10545 23.4714L21.1893 14.2474C23.3538 13.0059 23.3538 10.9943 21.1893 9.753L5.10545 0.529181Z"
fill="#0E0E0E" />
</g>
<defs>
<clipPath id="clip0_1_434">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
<span class="video-sonar"></span>
</div>
</div>
</div>
</div>
<div class="row g-4 g-lg-5">
<!-- CTA Card -->
<div class="col-12 col-md-4">
<div class="cta-content">
<h2 class="mb-3"><span class="counter">28</span>+</h2>
<h4>Years of Experience</h4>
<p class="mb-0">It looks like you have a great starting point for describing your creative agency.
Here's a refined.</p>
</div>
</div>
<!-- CTA Card -->
<div class="col-12 col-md-4">
<div class="cta-content">
<h2 class="mb-3"><span class="counter">427</span>+</h2>
<h4>Successful Projects</h4>
<p class="mb-0">It looks like you have a great starting point for describing your creative agency.
Here's a refined.</p>
</div>
</div>
<!-- CTA Card -->
<div class="col-12 col-md-4">
<div class="cta-content">
<h2 class="mb-3"><span class="counter">241</span>+</h2>
<h4>Satisfied Customers</h4>
<p class="mb-0">It looks like you have a great starting point for describing your creative agency.
Here's a refined.</p>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- Mission & Vision Wrapper -->
<div class="mission-vision-wrapper">
<div class="divider"></div>
<div class="container">
<div class="row g-4 align-items-center">
<!-- Mission Vision Image -->
<div class="col-12 col-lg-6">
<div class="mission-vision-img-container">
<img src="img/bg-img/6.jpg" alt="">
<!-- Experience -->
<div class="experience">
<h3 class="mb-0">20+</h3>
<span>Years Experience</span>
</div>
</div>
</div>
<!-- Mission Vision Content -->
<div class="col-12 col-lg-6">
<div class="mission-vision-content">
<h2>Digital Solutions Made Simple</h2>
<p class="mb-4">Aliquam eu nunc imperdiet, volutpat mi vel, lobortis ligula. In lorem pharetra
dignissim lacus, faucibus volutpat lorem suscipit nec. vel Nunc fringilla arcu eu massa ornare
pharetra.</p>
<div class="mission-vision-accordion">
<div class="accordion" id="missionVision">
<!-- Accordion -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Our Mission
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show"
data-bs-parent="#missionVision">
<div class="accordion-body">
Etiam id justo vitae lacus hendrerit ornare sit amet in justo. Donec non felis tempus
augue malesuada accumsan non nisl.Embrace growth with dynamic vitality.
</div>
</div>
</div>
<!-- Accordion -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Our Vision
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#missionVision">
<div class="accordion-body">
Etiam id justo vitae lacus hendrerit ornare sit amet in justo. Donec non felis tempus
augue malesuada accumsan non nisl.Embrace growth with dynamic vitality.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- Services Wrapper -->
<div class="latest-service-wrapper bg-secondary">
<div class="divider"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="section-heading text-center">
<h2 class="mb-0">Our Latest Client Solutions</h2>
</div>
</div>
</div>
</div>
<div class="divider-sm"></div>
<div class="container">
<div class="swiper service-two-swiper">
<div class="swiper-wrapper">
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none">
<g clip-path="url(#clip0_1_677)">
<path
d="M3.64583 31.2493H19.2708C21.2812 31.2493 22.9167 29.6139 22.9167 27.6035V20.3118C22.9167 18.3014 21.2812 16.666 19.2708 16.666H3.64583C1.63542 16.666 0 18.3014 0 20.3118V27.6035C0 29.6139 1.63542 31.2493 3.64583 31.2493Z"
fill="#ECC80B" />
<path
d="M3.64583 49.9993H19.2708C21.2812 49.9993 22.9167 48.3639 22.9167 46.3535V39.0618C22.9167 37.0514 21.2812 35.416 19.2708 35.416H3.64583C1.63542 35.416 0 37.0514 0 39.0618V46.3535C0 48.3639 1.63542 49.9993 3.64583 49.9993Z"
fill="#ECC80B" />
<path
d="M46.3542 0H3.64583C1.63542 0 0 1.63542 0 3.64583V8.85417C0 10.8646 1.63542 12.5 3.64583 12.5H46.3542C48.3646 12.5 50 10.8646 50 8.85417V3.64583C50 1.63542 48.3646 0 46.3542 0Z"
fill="#ECC80B" />
<path
d="M46.3538 16.666H30.7288C28.7184 16.666 27.083 18.3014 27.083 20.3118V46.3535C27.083 48.3639 28.7184 49.9993 30.7288 49.9993H46.3538C48.3643 49.9993 49.9997 48.3639 49.9997 46.3535V20.3118C49.9997 18.3014 48.3643 16.666 46.3538 16.666Z"
fill="#ECC80B" />
</g>
<defs>
<clipPath id="clip0_1_677">
<rect width="50" height="50" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<h2>Website Design</h2>
<p class="mb-0">Designed user interface contributes to a positive user experience, and a good user
experience.
</p>
</a>
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none">
<g clip-path="url(#clip0_1_6888)">
<path
d="M49.3896 23.5271L41.6375 15.775C41.6396 15.7229 41.6667 15.6771 41.6667 15.625V9.375C41.6667 8.225 40.7354 7.29167 39.5833 7.29167H18.75V2.08333C18.75 0.933333 17.8188 0 16.6667 0H2.08333C0.93125 0 0 0.933333 0 2.08333V16.6667C0 17.8167 0.93125 18.75 2.08333 18.75H16.6667C17.8188 18.75 18.75 17.8167 18.75 16.6667V11.4583H37.5V15.625C37.5 15.6771 37.5271 15.7229 37.5292 15.775L29.7771 23.5271C28.9625 24.3417 28.9625 25.6583 29.7771 26.4729L37.5292 34.225C37.5271 34.2771 37.5 34.3229 37.5 34.375V38.5417H18.4979C17.5458 34.375 13.8271 31.25 9.375 31.25C4.20625 31.25 0 35.4562 0 40.625C0 45.7937 4.20625 50 9.375 50C13.8271 50 17.5458 46.875 18.4979 42.7083H39.5833C40.7354 42.7083 41.6667 41.775 41.6667 40.625V34.375C41.6667 34.3229 41.6396 34.2771 41.6375 34.225L49.3896 26.4729C50.2042 25.6583 50.2042 24.3417 49.3896 23.5271ZM14.5833 14.5833H4.16667V4.16667H14.5833V14.5833ZM9.375 45.8333C6.50208 45.8333 4.16667 43.4958 4.16667 40.625C4.16667 37.7542 6.50208 35.4167 9.375 35.4167C12.2479 35.4167 14.5833 37.7542 14.5833 40.625C14.5833 43.4958 12.2479 45.8333 9.375 45.8333Z"
fill="#ECC80B" />
</g>
<defs>
<clipPath id="clip0_1_6888">
<rect width="50" height="50" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<h2>Website Development</h2>
<p class="mb-0">Designed user interface contributes to a positive user experience, and a good user
experience.
</p>
</a>
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none">
<path
d="M43.75 2.08398H6.25C2.80417 2.08398 0 4.88815 0 8.33398V41.6673C0 45.1131 2.80417 47.9173 6.25 47.9173H43.75C47.1958 47.9173 50 45.1131 50 41.6673V8.33398C50 4.88815 47.1958 2.08398 43.75 2.08398ZM45.8333 41.6673C45.8333 42.8173 44.8979 43.7506 43.75 43.7506H6.25C5.10208 43.7506 4.16667 42.8173 4.16667 41.6673V12.5007H45.8333V41.6673Z"
fill="#ECC80B" />
<path
d="M40.1042 25.5215C38.9521 25.5215 38.0208 26.4548 38.0208 27.6048V36.9798H27.0833V31.7715C27.0833 30.6215 26.1521 29.6882 25 29.6882C23.8479 29.6882 22.9167 30.6215 22.9167 31.7715V36.9798H11.9792V29.6882C11.9792 28.5382 11.0479 27.6048 9.89583 27.6048C8.74375 27.6048 7.8125 28.5382 7.8125 29.6882V39.0632C7.8125 40.2132 8.74375 41.1465 9.89583 41.1465H40.1042C41.2562 41.1465 42.1875 40.2132 42.1875 39.0632V27.6048C42.1875 26.4548 41.2562 25.5215 40.1042 25.5215Z"
fill="#ECC80B" />
<path
d="M40.625 15.625C39.1854 15.625 37.9833 16.6083 37.6208 17.9333L27.2104 20.7104C26.6437 20.1438 25.8625 19.7917 25 19.7917C23.9958 19.7917 23.1125 20.275 22.5396 21.0125L12.2604 19.6417C11.7917 18.5083 10.6771 17.7083 9.375 17.7083C7.65208 17.7083 6.25 19.1104 6.25 20.8333C6.25 22.5563 7.65208 23.9583 9.375 23.9583C10.3792 23.9583 11.2625 23.475 11.8354 22.7375L22.1146 24.1083C22.5833 25.2417 23.6979 26.0417 25 26.0417C26.4396 26.0417 27.6417 25.0583 28.0042 23.7333L38.4146 20.9563C38.9812 21.5229 39.7625 21.875 40.625 21.875C42.3479 21.875 43.75 20.4729 43.75 18.75C43.75 17.0271 42.3479 15.625 40.625 15.625Z"
fill="#ECC80B" />
</svg>
</div>
<h2>Digital Marketing</h2>
<p class="mb-0">Designed user interface contributes to a positive user experience, and a good user
experience.
</p>
</a>
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none">
<g clip-path="url(#clip0_1_6770)">
<path
d="M3.64583 31.2493H19.2708C21.2812 31.2493 22.9167 29.6139 22.9167 27.6035V20.3118C22.9167 18.3014 21.2812 16.666 19.2708 16.666H3.64583C1.63542 16.666 0 18.3014 0 20.3118V27.6035C0 29.6139 1.63542 31.2493 3.64583 31.2493Z"
fill="#ECC80B" />
<path
d="M3.64583 49.9993H19.2708C21.2812 49.9993 22.9167 48.3639 22.9167 46.3535V39.0618C22.9167 37.0514 21.2812 35.416 19.2708 35.416H3.64583C1.63542 35.416 0 37.0514 0 39.0618V46.3535C0 48.3639 1.63542 49.9993 3.64583 49.9993Z"
fill="#ECC80B" />
<path
d="M46.3542 0H3.64583C1.63542 0 0 1.63542 0 3.64583V8.85417C0 10.8646 1.63542 12.5 3.64583 12.5H46.3542C48.3646 12.5 50 10.8646 50 8.85417V3.64583C50 1.63542 48.3646 0 46.3542 0Z"
fill="#ECC80B" />
<path
d="M46.3538 16.666H30.7288C28.7184 16.666 27.083 18.3014 27.083 20.3118V46.3535C27.083 48.3639 28.7184 49.9993 30.7288 49.9993H46.3538C48.3643 49.9993 49.9997 48.3639 49.9997 46.3535V20.3118C49.9997 18.3014 48.3643 16.666 46.3538 16.666Z"
fill="#ECC80B" />
</g>
<defs>
<clipPath id="clip0_1_6770">
<rect width="50" height="50" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<h2>Website Design</h2>
<p class="mb-0">Designed user interface contributes to a positive user experience, and a good user
experience.
</p>
</a>
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none">
<g clip-path="url(#clip0_1_688)">
<path
d="M49.3896 23.5271L41.6375 15.775C41.6396 15.7229 41.6667 15.6771 41.6667 15.625V9.375C41.6667 8.225 40.7354 7.29167 39.5833 7.29167H18.75V2.08333C18.75 0.933333 17.8188 0 16.6667 0H2.08333C0.93125 0 0 0.933333 0 2.08333V16.6667C0 17.8167 0.93125 18.75 2.08333 18.75H16.6667C17.8188 18.75 18.75 17.8167 18.75 16.6667V11.4583H37.5V15.625C37.5 15.6771 37.5271 15.7229 37.5292 15.775L29.7771 23.5271C28.9625 24.3417 28.9625 25.6583 29.7771 26.4729L37.5292 34.225C37.5271 34.2771 37.5 34.3229 37.5 34.375V38.5417H18.4979C17.5458 34.375 13.8271 31.25 9.375 31.25C4.20625 31.25 0 35.4562 0 40.625C0 45.7937 4.20625 50 9.375 50C13.8271 50 17.5458 46.875 18.4979 42.7083H39.5833C40.7354 42.7083 41.6667 41.775 41.6667 40.625V34.375C41.6667 34.3229 41.6396 34.2771 41.6375 34.225L49.3896 26.4729C50.2042 25.6583 50.2042 24.3417 49.3896 23.5271ZM14.5833 14.5833H4.16667V4.16667H14.5833V14.5833ZM9.375 45.8333C6.50208 45.8333 4.16667 43.4958 4.16667 40.625C4.16667 37.7542 6.50208 35.4167 9.375 35.4167C12.2479 35.4167 14.5833 37.7542 14.5833 40.625C14.5833 43.4958 12.2479 45.8333 9.375 45.8333Z"
fill="#ECC80B" />
</g>
<defs>
<clipPath id="clip0_1_688">
<rect width="50" height="50" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<h2>Website Development</h2>
<p class="mb-0">Designed user interface contributes to a positive user experience, and a good user
experience.
</p>
</a>
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none">
<path
d="M43.75 2.08398H6.25C2.80417 2.08398 0 4.88815 0 8.33398V41.6673C0 45.1131 2.80417 47.9173 6.25 47.9173H43.75C47.1958 47.9173 50 45.1131 50 41.6673V8.33398C50 4.88815 47.1958 2.08398 43.75 2.08398ZM45.8333 41.6673C45.8333 42.8173 44.8979 43.7506 43.75 43.7506H6.25C5.10208 43.7506 4.16667 42.8173 4.16667 41.6673V12.5007H45.8333V41.6673Z"
fill="#ECC80B" />
<path
d="M40.1042 25.5215C38.9521 25.5215 38.0208 26.4548 38.0208 27.6048V36.9798H27.0833V31.7715C27.0833 30.6215 26.1521 29.6882 25 29.6882C23.8479 29.6882 22.9167 30.6215 22.9167 31.7715V36.9798H11.9792V29.6882C11.9792 28.5382 11.0479 27.6048 9.89583 27.6048C8.74375 27.6048 7.8125 28.5382 7.8125 29.6882V39.0632C7.8125 40.2132 8.74375 41.1465 9.89583 41.1465H40.1042C41.2562 41.1465 42.1875 40.2132 42.1875 39.0632V27.6048C42.1875 26.4548 41.2562 25.5215 40.1042 25.5215Z"
fill="#ECC80B" />
<path
d="M40.625 15.625C39.1854 15.625 37.9833 16.6083 37.6208 17.9333L27.2104 20.7104C26.6437 20.1438 25.8625 19.7917 25 19.7917C23.9958 19.7917 23.1125 20.275 22.5396 21.0125L12.2604 19.6417C11.7917 18.5083 10.6771 17.7083 9.375 17.7083C7.65208 17.7083 6.25 19.1104 6.25 20.8333C6.25 22.5563 7.65208 23.9583 9.375 23.9583C10.3792 23.9583 11.2625 23.475 11.8354 22.7375L22.1146 24.1083C22.5833 25.2417 23.6979 26.0417 25 26.0417C26.4396 26.0417 27.6417 25.0583 28.0042 23.7333L38.4146 20.9563C38.9812 21.5229 39.7625 21.875 40.625 21.875C42.3479 21.875 43.75 20.4729 43.75 18.75C43.75 17.0271 42.3479 15.625 40.625 15.625Z"
fill="#ECC80B" />
</svg>
</div>
<h2>Digital Marketing</h2>
<p class="mb-0">Designed user interface contributes to a positive user experience, and a good user
experience.
</p>
</a>
</div>
<div class="swiper-pagination-2"></div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- Our Projects -->
<div class="projects-wrapper-two">
<div class="divider"></div>
<div class="container">
<div class="row g-5 align-items-end justify-content-between">
<div class="col-12 col-md-6 col-lg-5">
<div class="section-heading">
<h2 class="mb-0">Let's See Our Projects</h2>
</div>
</div>
<!-- If we need navigation buttons -->
<div class="col-12 col-md-6 col-lg-4">
<div class="swiper-navigation-container portfolio-swiper-navigation justify-content-md-end">
<div class="portfolio-button-prev">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
<path
d="M3.22024 13.8602L10.5175 21.1575C10.746 21.386 11.0559 21.5143 11.379 21.5143C11.7021 21.5143 12.012 21.386 12.2405 21.1575C12.469 20.929 12.5973 20.6191 12.5973 20.296C12.5973 19.9729 12.469 19.663 12.2405 19.4345L7.0199 14.2159H21.9185C22.2411 14.2159 22.5505 14.0878 22.7785 13.8597C23.0066 13.6316 23.1348 13.3223 23.1348 12.9997C23.1348 12.6771 23.0066 12.3678 22.7785 12.1397C22.5505 11.9116 22.2411 11.7835 21.9185 11.7835H7.0199L12.2385 6.56187C12.467 6.33339 12.5953 6.0235 12.5953 5.70038C12.5953 5.37726 12.467 5.06738 12.2385 4.83889C12.01 4.61041 11.7001 4.48206 11.377 4.48206C11.0539 4.48206 10.744 4.61041 10.5155 4.83889L3.21821 12.1362C3.10481 12.2493 3.01487 12.3838 2.95357 12.5318C2.89227 12.6798 2.86081 12.8384 2.861 12.9986C2.86119 13.1588 2.89302 13.3174 2.95467 13.4652C3.01632 13.6131 3.10657 13.7473 3.22024 13.8602Z"
fill="#0E0E0E" />
</svg>
</div>
<div class="portfolio-button-next">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
<path
d="M22.7798 13.8602L15.4825 21.1575C15.254 21.386 14.9441 21.5143 14.621 21.5143C14.2979 21.5143 13.988 21.386 13.7595 21.1575C13.531 20.929 13.4027 20.6191 13.4027 20.296C13.4027 19.9729 13.531 19.663 13.7595 19.4345L18.9801 14.2159H4.08145C3.75889 14.2159 3.44954 14.0878 3.22146 13.8597C2.99337 13.6316 2.86523 13.3223 2.86523 12.9997C2.86523 12.6771 2.99337 12.3678 3.22146 12.1397C3.44954 11.9116 3.75889 11.7835 4.08145 11.7835H18.9801L13.7615 6.56187C13.533 6.33339 13.4047 6.0235 13.4047 5.70038C13.4047 5.37726 13.533 5.06738 13.7615 4.83889C13.99 4.61041 14.2999 4.48206 14.623 4.48206C14.9461 4.48206 15.256 4.61041 15.4845 4.83889L22.7818 12.1362C22.8952 12.2493 22.9851 12.3838 23.0464 12.5318C23.1077 12.6798 23.1392 12.8384 23.139 12.9986C23.1388 13.1588 23.107 13.3174 23.0453 13.4652C22.9837 13.6131 22.8934 13.7473 22.7798 13.8602Z"
fill="#0E0E0E" />
</svg>
</div>
</div>
</div>
</div>
<div class="divider-sm"></div>
<div class="container">
<div class="swiper portfolio-swiper">
<div class="swiper-wrapper">
<!-- Portfolio Slide -->
<div class="swiper-slide">
<div class="portfolio-card-two">
<img src="img/bg-img/20.jpg" alt="">
<!-- Overlay Content -->
<div class="portfolio-overlay-content d-flex align-items-center justify-content-between">
<a href="#">
<span class="material-symbols-outlined">
arrow_outward
</span>
</a>
</div>
</div>
<!-- Content -->
<div class="portfolio-content-two">
<h3>Branding Design platform</h3>
<p class="mb-0">Branding Design</p>
</div>
</div>
<!-- Portfolio Slide -->
<div class="swiper-slide">
<div class="portfolio-card-two">
<img src="img/bg-img/21.jpg" alt="">
<!-- Overlay Content -->
<div class="portfolio-overlay-content d-flex align-items-center justify-content-between">
<a href="#">
<span class="material-symbols-outlined">
arrow_outward
</span>
</a>
</div>
</div>
<!-- Content -->
<div class="portfolio-content-two">
<h3>Product Development</h3>
<p class="mb-0">Product Development</p>
</div>
</div>
<!-- Portfolio Slide -->
<div class="swiper-slide">
<div class="portfolio-card-two">
<img src="img/bg-img/20.jpg" alt="">
<!-- Overlay Content -->
<div class="portfolio-overlay-content d-flex align-items-center justify-content-between">
<a href="#">
<span class="material-symbols-outlined">
arrow_outward
</span>
</a>
</div>
</div>
<!-- Content -->
<div class="portfolio-content-two">
<h3>Branding Design platform</h3>
<p class="mb-0">Branding Design</p>
</div>
</div>
<!-- Portfolio Slide -->
<div class="swiper-slide">
<div class="portfolio-card-two">
<img src="img/bg-img/21.jpg" alt="">
<!-- Overlay Content -->
<div class="portfolio-overlay-content d-flex align-items-center justify-content-between">
<a href="#">
<span class="material-symbols-outlined">
arrow_outward
</span>
</a>
</div>
</div>
<!-- Content -->
<div class="portfolio-content-two">
<h3>Product Development</h3>
<p class="mb-0">Product Development</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- Catagory Slide -->
<div class="catagory-slide" id="catagorySlide">
<div class="marquee3k" data-speed="1">
<div>
<h2 class="d-flex align-items-center mb-0">
<span>#</span>
<span>Web Design</span>
<span>#</span>
<span>Web Development</span>
<span>#</span>
<span>UI/UX Design</span>
</h2>
</div>
</div>
</div>
<!-- Process -->
<div class="process-wrapper bg-secondary">
<div class="divider"></div>
<div class="container">
<div class="row g-3 justify-content-center">
<div class="col-12 col-lg-6">
<div class="section-heading text-center">
<h2 class="mb-0">Simple Our Work<br>Process</h2>
</div>
</div>
</div>
<div class="divider-sm"></div>
<!-- Stepper Wrapper -->
<div class="stepper-wrap">
<div>
<h6>Step 1</h6>
<span></span>
</div>
<div>
<h6>Step 2</h6>
<span></span>
</div>
<div>
<h6>Step 3</h6>
<span></span>
</div>
</div>
<div class="divider-sm"></div>
<div class="row g-4">
<!-- Process Card -->
<div class="col-12 col-md-6 col-lg-4">
<div class="process-card-two">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none">
<g clip-path="url(#clip0_1_751)">
<path d="M35.3906 0H6.44531C2.89137 0 0 2.89137 0 6.44531V9.375H35.3906V0Z" fill="#ECC80B" />
<path d="M50.625 6.44531C50.625 2.89137 47.7336 0 44.1797 0H38.9062V9.375H50.625V6.44531Z"
fill="#ECC80B" />
<path d="M14.0629 22.0996C12.5671 22.6301 11.3801 23.8171 10.8496 25.3129H14.0629V22.0996Z"
fill="#ECC80B" />
<path
d="M15.8207 32.3441C18.7285 32.3441 21.0941 29.9785 21.0941 27.0707C21.0941 24.7791 19.6245 22.8252 17.5785 22.0996V27.0707C17.5785 28.0415 16.7915 28.8285 15.8207 28.8285H10.8496C11.5752 30.8745 13.5291 32.3441 15.8207 32.3441Z"
fill="#ECC80B" />
<path
d="M55.8984 54.1406H40.6641C38.3988 54.1406 36.5625 55.977 36.5625 58.2422C36.5625 59.213 37.3495 60 38.3203 60H58.2422C59.213 60 60 59.213 60 58.2422C60 55.977 58.1637 54.1406 55.8984 54.1406Z"
fill="#ECC80B" />
<path
d="M41.8359 30.1172C41.8359 31.4116 42.8852 32.4609 44.1797 32.4609H52.3828C53.6773 32.4609 54.7266 31.4116 54.7266 30.1172C54.7266 28.8227 53.6773 27.7734 52.3828 27.7734H44.1797C42.8852 27.7734 41.8359 28.8227 41.8359 30.1172Z"
fill="#ECC80B" />
<path
d="M44.7653 35.9766V36.9011C44.7653 39.3547 44.039 41.7534 42.678 43.7951C41.3095 45.8478 40.4569 48.1905 40.1787 50.625H56.383C56.1048 48.1905 55.2523 45.8478 53.8838 43.7951C52.5229 41.7536 51.7966 39.3547 51.7966 36.9011V35.9766H44.7653Z"
fill="#ECC80B" />
<path
d="M39.753 41.8451C40.7324 40.376 41.25 38.6666 41.25 36.9011V35.9766C41.25 35.7217 41.2778 35.4734 41.3293 35.2339C39.536 34.2309 38.3203 32.3139 38.3203 30.1172C38.3203 27.792 39.6819 25.7789 41.6495 24.833C41.3869 24.0863 41.25 23.297 41.25 22.5C41.25 18.623 44.4042 15.4688 48.2812 15.4688C49.1029 15.4688 49.8914 15.6117 50.625 15.8719V12.8906H0V47.6953C0 51.255 2.88563 54.1406 6.44531 54.1406H34.2496C34.8471 53.2104 35.6412 52.4179 36.5727 51.8221C36.6769 48.2588 37.7696 44.8202 39.753 41.8451ZM15.8203 18.2812C20.6666 18.2812 24.6094 22.224 24.6094 27.0703C24.6094 31.9166 20.6666 35.8594 15.8203 35.8594C10.974 35.8594 7.03125 31.9166 7.03125 27.0703C7.03125 22.224 10.974 18.2812 15.8203 18.2812ZM33.3984 46.9922C33.3984 47.963 32.6114 48.75 31.6406 48.75H8.78906C7.81828 48.75 7.03125 47.963 7.03125 46.9922C7.03125 46.0214 7.81828 45.2344 8.78906 45.2344H15.8203V42.3047C15.8203 41.3339 16.6073 40.5469 17.5781 40.5469C18.5489 40.5469 19.3359 41.3339 19.3359 42.3047V45.2344H22.8516V38.7891C22.8516 37.8183 23.6386 37.0312 24.6094 37.0312C25.5802 37.0312 26.3672 37.8183 26.3672 38.7891V45.2344H29.8828V35.2734C29.8828 34.3027 30.6698 33.5156 31.6406 33.5156C32.6114 33.5156 33.3984 34.3027 33.3984 35.2734V46.9922Z"
fill="#ECC80B" />
<path
d="M44.7656 22.5C44.7656 23.1405 44.9378 23.7405 45.2371 24.2578H51.3253C51.6246 23.7405 51.7968 23.1405 51.7968 22.5C51.7968 20.5583 50.2228 18.9844 48.2811 18.9844C46.3395 18.9844 44.7656 20.5583 44.7656 22.5Z"
fill="#ECC80B" />
</g>
<defs>
<clipPath id="clip0_1_751">
<rect width="60" height="60" fill="white" />
</clipPath>
</defs>
</svg>
<h4>Design Strategy</h4>
<p class="mb-0">Design Strateg Invole Comprehensive Approch To Ensuring That The Design Meets The
Goals And Needs</p>
</div>
</div>
<!-- Process Card -->
<div class="col-12 col-md-6 col-lg-4">
<div class="process-card-two">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none">
<path
d="M48.2985 29.3475L38.5714 22.6133V30.5428L35.1367 36.8985C39.2829 35.9611 43.2514 33.9296 46.6458 30.9135L48.2985 29.3475Z"
fill="#ECC80B" />
<path
d="M59.0771 36.8084L50.0977 30.5918L48.0939 32.4901C43.926 36.1963 38.9694 38.5302 33.8275 39.3198L32.8438 41.1401C32.328 42.1749 31.2262 42.8561 29.9999 42.8561C28.7737 42.8561 27.6719 42.1749 27.1247 41.0784L26.5067 39.935C21.7688 40.6602 17.1949 42.8154 13.3541 46.2282L11.7012 47.7943L28.7799 59.6181C29.1472 59.8723 29.573 59.9989 29.9999 59.9989C30.4268 59.9989 30.8527 59.8723 31.22 59.6181L59.0771 40.3324C59.6547 39.9316 59.9999 39.2735 59.9999 38.5704C59.9999 37.8672 59.6547 37.2091 59.0771 36.8084Z"
fill="#ECC80B" />
<path
d="M11.906 44.6516C15.8715 41.1254 20.5493 38.827 25.4226 37.9308L21.4286 30.542V22.6133L0.922852 36.8096C0.345284 37.2103 0 37.8685 0 38.5716C0 39.2747 0.345284 39.9328 0.922852 40.3336L9.90208 46.55L11.906 44.6516Z"
fill="#ECC80B" />
<path
d="M29.0415 40.122L23.5713 30H36.4284L30.9582 40.122C30.5633 40.9117 29.4364 40.9117 29.0415 40.122Z"
fill="#ECC80B" />
<path d="M23.5713 8.57227H28.9284V27.858H23.5713V8.57227Z" fill="#ECC80B" />
<path d="M31.0713 8.57227H36.4284V27.858H31.0713V8.57227Z" fill="#ECC80B" />
<path
d="M36.4284 6.42857H23.5713C23.5713 2.87817 26.4495 0 29.9999 0C33.5503 0 36.4284 2.87817 36.4284 6.42857Z"
fill="#ECC80B" />
</svg>
<h4>Sketch Visual</h4>
<p class="mb-0">Design Strateg Invole Comprehensive Approch To Ensuring That The Design Meets The
Goals And Needs</p>
</div>
</div>
<!-- Process Card -->
<div class="col-12 col-md-6 col-lg-4">
<div class="process-card-two">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none">
<path
d="M59.2669 28.2325L49.9645 18.93C49.967 18.8675 49.9995 18.8125 49.9995 18.75V11.25C49.9995 9.87 48.882 8.75 47.4995 8.75H22.4998V2.5C22.4998 1.12 21.3823 0 19.9998 0H2.49997C1.11749 0 0 1.12 0 2.5V20C0 21.38 1.11749 22.5 2.49997 22.5H19.9998C21.3823 22.5 22.4998 21.38 22.4998 20V13.75H44.9995V18.75C44.9995 18.8125 45.032 18.8675 45.0345 18.93L35.7321 28.2325C34.7546 29.21 34.7546 30.79 35.7321 31.7675L45.0345 41.07C45.032 41.1325 44.9995 41.1875 44.9995 41.25V46.25H22.1973C21.0548 41.25 16.5923 37.5 11.2499 37.5C5.04745 37.5 0 42.5475 0 48.75C0 54.9525 5.04745 60 11.2499 60C16.5923 60 21.0548 56.25 22.1973 51.25H47.4995C48.882 51.25 49.9995 50.13 49.9995 48.75V41.25C49.9995 41.1875 49.967 41.1325 49.9645 41.07L59.2669 31.7675C60.2444 30.79 60.2444 29.21 59.2669 28.2325ZM17.4998 17.5H4.99995V5H17.4998V17.5ZM11.2499 55C7.80242 55 4.99995 52.195 4.99995 48.75C4.99995 45.305 7.80242 42.5 11.2499 42.5C14.6973 42.5 17.4998 45.305 17.4998 48.75C17.4998 52.195 14.6973 55 11.2499 55Z"
fill="#ECC80B" />
</svg>
<h4>Development</h4>
<p class="mb-0">Design Strateg Invole Comprehensive Approch To Ensuring That The Design Meets The
Goals And Needs</p>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- Team Member -->
<div class="team-member-wrapper">
<div class="divider"></div>
<div class="container">
<div class="row g-5">
<div class="col-12 col-lg-5">
<div class="section-heading">
<h2 class="mb-4">Our Team Behind The Studio</h2>
<a href="team.html" class="btn-link">VIEW ALL 16 MEMBERS <svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M7 17L16.2 7.8M17 17V7H7" stroke="#ECC80B" stroke-width="2" stroke-linecap="square" />
</svg></a>
</div>
</div>
<div class="col-12 col-lg-7">
<div class="row g-4">
<!-- Team Card -->
<div class="col-12 col-sm-6">
<a href="team-details.html">
<div class="team-card">
<img src="img/bg-img/22.jpg" alt="">
<div class="team-info">
<h4>Daniyel Karlos</h4>
<p class="mb-0">Web Developer</p>
</div>
</div>
</a>
</div>
<!-- Team Card -->
<div class="col-12 col-sm-6">
<a href="team-details.html">
<div class="team-card">
<img src="img/bg-img/23.jpg" alt="">
<div class="team-info">
<h4>Reece Bronson</h4>
<p class="mb-0">Sr. Director</p>
</div>
</div>
</a>
</div>
<!-- Team Card -->
<div class="col-12 col-sm-6">
<a href="team-details.html">
<div class="team-card">
<img src="img/bg-img/24.jpg" alt="">
<div class="team-info">
<h4>Steve Liddle</h4>
<p class="mb-0">Web Developer</p>
</div>
</div>
</a>
</div>
<!-- Team Card -->
<div class="col-12 col-sm-6">
<a href="team-details.html">
<div class="team-card">
<img src="img/bg-img/25.jpg" alt="">
<div class="team-info">
<h4>Ryan Williams</h4>
<p class="mb-0">CEO & Founder</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- Price Table -->
<div class="price-table-wrapper bg-secondary">
<div class="divider"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-sm-10 col-md-8">
<div class="section-heading text-center">
<h2 class="mb-0">Pricing Plan to Boost Your Business</h2>
</div>
</div>
</div>
</div>
<div class="divider-sm"></div>
<div class="container">
<div class="row g-4 justify-content-center">
<!-- Price Card -->
<div class="col-12 col-md-6 col-lg-4">
<div class="price-card">
<div class="price-info">
<h6>Startup</h6>
<h3 class="price">$110 <span>/mo</span></h3>
<p class="mb-0">We prioritize their success because is drive authentic relationships.</p>
</div>
<ul class="price-description list-unstyled">
<li><span class="material-symbols-outlined">check</span> Web & Mobile</li>
<li><span class="material-symbols-outlined">check</span> UI Design Create</li>
<li><span class="material-symbols-outlined">check</span> Blockchain Development</li>
<li><span class="material-symbols-outlined">check</span> Full Website Design System</li>
<li><span class="material-symbols-outlined">check</span> One Year Support Included</li>
</ul>
<div class="choose-plan">
<a href="#" class="btn btn-dark w-100"><span>Choose this plan</span><span>Choose this
plan</span></a>
</div>
</div>
</div>
<!-- Price Card -->
<div class="col-12 col-md-6 col-lg-4">
<div class="price-card">
<div class="price-info">
<h6>Professional</h6>
<h3 class="price">$130 <span>/mo</span></h3>
<p class="mb-0">We prioritize their success because is drive authentic relationships.</p>
</div>
<ul class="price-description list-unstyled">
<li><span class="material-symbols-outlined">check</span> Web & Mobile</li>
<li><span class="material-symbols-outlined">check</span> UI Design Create</li>
<li><span class="material-symbols-outlined">check</span> Blockchain Development</li>
<li><span class="material-symbols-outlined">check</span> Full Website Design System</li>
<li><span class="material-symbols-outlined">check</span> One Year Support Included</li>
</ul>
<div class="choose-plan">
<a href="#" class="btn btn-primary w-100"><span>Choose this plan</span><span>Choose this
plan</span></a>
</div>
</div>
</div>
<!-- Price Card -->
<div class="col-12 col-md-6 col-lg-4">
<div class="price-card">
<div class="price-info">
<h6>Exclusive</h6>
<h3 class="price">$140 <span>/mo</span></h3>
<p class="mb-0">We prioritize their success because is drive authentic relationships.</p>
</div>
<ul class="price-description list-unstyled">
<li><span class="material-symbols-outlined">check</span> Web & Mobile</li>
<li><span class="material-symbols-outlined">check</span> UI Design Create</li>
<li><span class="material-symbols-outlined">check</span> Blockchain Development</li>
<li><span class="material-symbols-outlined">check</span> Full Website Design System</li>
<li><span class="material-symbols-outlined">check</span> One Year Support Included</li>
</ul>
<div class="choose-plan">
<a href="#" class="btn btn-dark w-100"><span>Choose this plan</span><span>Choose this
plan</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- FAQ -->
<div class="faq-wrapper">
<div class="divider"></div>
<div class="container">
<div class="row g-5 align-items-center">
<div class="col-12 col-lg-6">
<div class="section-heading">
<h2 class="mb-0">Frequently Asked Questions</h2>
</div>
<div class="divider-sm"></div>
<!-- FAQ Image -->
<div class="faq-image">
<img src="img/bg-img/26.jpg" alt="">
<!-- FAQ Info -->
<div class="faq-info d-flex align-items-center">
<h2 class="mb-0"><span class="counter">10</span>k+</h2>
<p class="mb-0">Client Review</p>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="faq-accordion ps-lg-4">
<div class="accordion" id="faqAccordion">
<!-- Accordion -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#faqQuestion1" aria-expanded="true" aria-controls="faqQuestion1">
What is vision for the future?
</button>
</h2>
<div id="faqQuestion1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
<div class="accordion-body pt-0">
A business consultant is a professional who provides expert advice and guidance on various
aspects such.
</div>
</div>
</div>
<!-- Accordion -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#faqQuestion2" aria-expanded="false" aria-controls="faqQuestion2">
Do you offer free resources?
</button>
</h2>
<div id="faqQuestion2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
<div class="accordion-body pt-0">
A business consultant is a professional who provides expert advice and guidance on various
aspects such.
</div>
</div>
</div>
<!-- Accordion -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#faqQuestion3" aria-expanded="false" aria-controls="faqQuestion3">
Can help to find investors?
</button>
</h2>
<div id="faqQuestion3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
<div class="accordion-body pt-0">
A business consultant is a professional who provides expert advice and guidance on various
aspects such.
</div>
</div>
</div>
<!-- Accordion -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#faqQuestion4" aria-expanded="false" aria-controls="faqQuestion4">
Can help to find investors?
</button>
</h2>
<div id="faqQuestion4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
<div class="accordion-body pt-0">
A business consultant is a professional who provides expert advice and guidance on various
aspects such.
</div>
</div>
</div>
<!-- Accordion -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#faqQuestion5" aria-expanded="false" aria-controls="faqQuestion5">
What services do you offer?
</button>
</h2>
<div id="faqQuestion5" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
<div class="accordion-body pt-0">
A business consultant is a professional who provides expert advice and guidance on various
aspects such.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- Testimonial -->
<div class="testimonial-wrapper bg-secondary">
<div class="divider"></div>
<div class="container">
<div class="row g-5">
<div class="col-12 col-lg-6">
<div class="section-heading">
<h2 class="mb-0">What Clients Say About the Tool</h2>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="testimonial-slide">
<div class="swiper testimonial-swiper">
<div class="swiper-wrapper">
<!-- Testimonial Slide -->
<div class="swiper-slide">
<!-- Rating Info -->
<div class="rating-info">
<!-- Average -->
<div class="rating-average">
<span>4.9</span>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17"
fill="none">
<path
d="M4.84834 16.7794C4.09178 17.2358 3.15841 16.5586 3.35754 15.6978L4.31432 11.5616C4.39779 11.2007 4.27497 10.8233 3.99511 10.5806L0.784975 7.79752C0.117446 7.21879 0.473397 6.1221 1.35356 6.0457L5.59988 5.67709C5.96906 5.64505 6.29024 5.41147 6.43451 5.07014L8.07889 1.17942C8.42303 0.365148 9.57697 0.365148 9.92111 1.17941L11.5655 5.07014C11.7098 5.41147 12.0309 5.64505 12.4001 5.67709L16.6464 6.0457C17.5266 6.1221 17.8826 7.2188 17.215 7.79753L14.0049 10.5806C13.725 10.8233 13.6022 11.2007 13.6857 11.5616L14.6425 15.6978C14.8416 16.5586 13.9082 17.2358 13.1517 16.7794L9.51653 14.5866C9.19884 14.3949 8.80116 14.3949 8.48347 14.5866L4.84834 16.7794Z"
fill="#0E0E0E" />
</svg>
</div>
<!-- Logo -->
<div class="company-logo">
<img src="img/bg-img/27.png" alt="">
<span>|</span>
<span>54 Reviews</span>
</div>
</div>
<p>“He quickly delivered excellent design a per required specifications. New landing page
will
have refreshing simple look, while keeping page load light on images and at the same
keeping
professional look. Finally, it also seems very reasonable to implement responsive design,
so
I'm very happy with that.”</p>
<div class="border-line"></div>
<div class="testimonial-info d-flex align-items-center">
<img src="img/bg-img/16.png" alt="">
<div>
<h4>Daniyel Karlos</h4>
<p class="mb-0">UX Designer</p>
</div>
</div>
</div>
<!-- Testimonial Slide -->
<div class="swiper-slide">
<!-- Rating Info -->
<div class="rating-info">
<!-- Average -->
<div class="rating-average">
<span>4.9</span>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17"
fill="none">
<path
d="M4.84834 16.7794C4.09178 17.2358 3.15841 16.5586 3.35754 15.6978L4.31432 11.5616C4.39779 11.2007 4.27497 10.8233 3.99511 10.5806L0.784975 7.79752C0.117446 7.21879 0.473397 6.1221 1.35356 6.0457L5.59988 5.67709C5.96906 5.64505 6.29024 5.41147 6.43451 5.07014L8.07889 1.17942C8.42303 0.365148 9.57697 0.365148 9.92111 1.17941L11.5655 5.07014C11.7098 5.41147 12.0309 5.64505 12.4001 5.67709L16.6464 6.0457C17.5266 6.1221 17.8826 7.2188 17.215 7.79753L14.0049 10.5806C13.725 10.8233 13.6022 11.2007 13.6857 11.5616L14.6425 15.6978C14.8416 16.5586 13.9082 17.2358 13.1517 16.7794L9.51653 14.5866C9.19884 14.3949 8.80116 14.3949 8.48347 14.5866L4.84834 16.7794Z"
fill="#0E0E0E" />
</svg>
</div>
<!-- Logo -->
<div class="company-logo">
<img src="img/bg-img/27.png" alt="">
<span>|</span>
<span>54 Reviews</span>
</div>
</div>
<p>“He quickly delivered excellent design a per required specifications. New landing page
will
have refreshing simple look, while keeping page load light on images and at the same
keeping
professional look. Finally, it also seems very reasonable to implement responsive design,
so
I'm very happy with that.”</p>
<div class="border-line"></div>
<div class="testimonial-info d-flex align-items-center">
<img src="img/bg-img/16.png" alt="">
<div>
<h4>Daniyel Karlos</h4>
<p class="mb-0">UX Designer</p>
</div>
</div>
</div>
<!-- Testimonial Slide -->
<div class="swiper-slide">
<!-- Rating Info -->
<div class="rating-info">
<!-- Average -->
<div class="rating-average">
<span>4.9</span>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17"
fill="none">
<path
d="M4.84834 16.7794C4.09178 17.2358 3.15841 16.5586 3.35754 15.6978L4.31432 11.5616C4.39779 11.2007 4.27497 10.8233 3.99511 10.5806L0.784975 7.79752C0.117446 7.21879 0.473397 6.1221 1.35356 6.0457L5.59988 5.67709C5.96906 5.64505 6.29024 5.41147 6.43451 5.07014L8.07889 1.17942C8.42303 0.365148 9.57697 0.365148 9.92111 1.17941L11.5655 5.07014C11.7098 5.41147 12.0309 5.64505 12.4001 5.67709L16.6464 6.0457C17.5266 6.1221 17.8826 7.2188 17.215 7.79753L14.0049 10.5806C13.725 10.8233 13.6022 11.2007 13.6857 11.5616L14.6425 15.6978C14.8416 16.5586 13.9082 17.2358 13.1517 16.7794L9.51653 14.5866C9.19884 14.3949 8.80116 14.3949 8.48347 14.5866L4.84834 16.7794Z"
fill="#0E0E0E" />
</svg>
</div>
<!-- Logo -->
<div class="company-logo">
<img src="img/bg-img/27.png" alt="">
<span>|</span>
<span>54 Reviews</span>
</div>
</div>
<p>“He quickly delivered excellent design a per required specifications. New landing page
will
have refreshing simple look, while keeping page load light on images and at the same
keeping
professional look. Finally, it also seems very reasonable to implement responsive design,
so
I'm very happy with that.”</p>
<div class="border-line"></div>
<div class="testimonial-info d-flex align-items-center">
<img src="img/bg-img/16.png" alt="">
<div>
<h4>Daniyel Karlos</h4>
<p class="mb-0">UX Designer</p>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-navigation-container">
<div class="swiper-button-prev">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"
fill="none">
<path
d="M3.22024 13.8603L10.5175 21.1576C10.746 21.3861 11.0559 21.5144 11.379 21.5144C11.7021 21.5144 12.012 21.3861 12.2405 21.1576C12.469 20.9291 12.5973 20.6192 12.5973 20.2961C12.5973 19.973 12.469 19.6631 12.2405 19.4346L7.0199 14.216H21.9185C22.2411 14.216 22.5505 14.0879 22.7785 13.8598C23.0066 13.6317 23.1348 13.3224 23.1348 12.9998C23.1348 12.6773 23.0066 12.3679 22.7785 12.1398C22.5505 11.9117 22.2411 11.7836 21.9185 11.7836H7.0199L12.2385 6.56199C12.467 6.33351 12.5953 6.02362 12.5953 5.7005C12.5953 5.37738 12.467 5.0675 12.2385 4.83902C12.01 4.61054 11.7001 4.48218 11.377 4.48218C11.0539 4.48218 10.744 4.61054 10.5155 4.83902L3.21821 12.1363C3.10481 12.2495 3.01487 12.3839 2.95357 12.5319C2.89227 12.6799 2.86081 12.8385 2.861 12.9987C2.86119 13.1589 2.89302 13.3175 2.95467 13.4654C3.01632 13.6132 3.10657 13.7474 3.22024 13.8603Z"
fill="#0E0E0E" />
</svg>
</div>
<div class="swiper-button-next">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"
fill="none">
<path
d="M22.7798 13.8603L15.4825 21.1576C15.254 21.3861 14.9441 21.5144 14.621 21.5144C14.2979 21.5144 13.988 21.3861 13.7595 21.1576C13.531 20.9291 13.4027 20.6192 13.4027 20.2961C13.4027 19.973 13.531 19.6631 13.7595 19.4346L18.9801 14.216H4.08145C3.75889 14.216 3.44954 14.0879 3.22146 13.8598C2.99337 13.6317 2.86523 13.3224 2.86523 12.9998C2.86523 12.6773 2.99337 12.3679 3.22146 12.1398C3.44954 11.9117 3.75889 11.7836 4.08145 11.7836H18.9801L13.7615 6.56199C13.533 6.33351 13.4047 6.02362 13.4047 5.7005C13.4047 5.37738 13.533 5.0675 13.7615 4.83902C13.99 4.61054 14.2999 4.48218 14.623 4.48218C14.9461 4.48218 15.256 4.61054 15.4845 4.83902L22.7818 12.1363C22.8952 12.2495 22.9851 12.3839 23.0464 12.5319C23.1077 12.6799 23.1392 12.8385 23.139 12.9987C23.1388 13.1589 23.107 13.3175 23.0453 13.4654C22.9837 13.6132 22.8934 13.7474 22.7798 13.8603Z"
fill="#0E0E0E" />
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- Blog Wrapper -->
<div class="blog-wrapper">
<div class="divider"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-7">
<div class="section-heading text-center">
<h2 class="mb-0">Read Our Articles and News</h2>
</div>
</div>
</div>
</div>
<div class="divider-sm"></div>
<div class="container">
<div class="row g-4">
<!-- Blog Card -->
<div class="col-12 col-md-6 col-lg-4">
<div class="blog-card-two">
<img src="img/bg-img/28.png" alt="">
<div class="blog-content">
<div class="blog-meta d-flex align-items-center">
<a href="#">March 26, 24</a>
<div class="dot"></div>
<a href="#">Branding</a>
</div>
<a class="post-title" href="blog-details.html">Providing brilliant ideas For your business</a>
</div>
</div>
</div>
<!-- Blog Card -->
<div class="col-12 col-md-6 col-lg-4">
<div class="blog-card-two">
<img src="img/bg-img/29.png" alt="">
<div class="blog-content">
<div class="blog-meta d-flex align-items-center">
<a href="#">March 26, 24</a>
<div class="dot"></div>
<a href="#">Branding</a>
</div>
<a class="post-title" href="blog-details.html">Top tools for efficient web development</a>
</div>
</div>
</div>
<!-- Blog Card -->
<div class="col-12 col-md-6 col-lg-4">
<div class="blog-card-two">
<img src="img/bg-img/30.png" alt="">
<div class="blog-content">
<div class="blog-meta d-flex align-items-center">
<a href="#">March 26, 24</a>
<div class="dot"></div>
<a href="#">Branding</a>
</div>
<a class="post-title" href="blog-details.html">The Role Of Color Theory In Web Design</a>
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- Footer -->
<footer class="footer-wrapper footer-2 bg-secondary">
<div class="divider"></div>
<div class="container">
<div class="row g-5">
<!-- Footer Card -->
<div class="col-12 col-md-6 col-xl">
<div class="footer-card">
<a href="#">
<img class="dark-logo" src="img/core-img/logo.png" alt="">
<img class="light-logo" src="img/core-img/logo-light.png" alt="">
</a>
<p class="mb-0">Creative design agency specializes in innovative visual solutions</p>
<!-- Social Nav -->
<div class="social-nav">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-facebook" viewBox="0 0 16 16">
<path
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-twitter-x" viewBox="0 0 16 16">
<path
d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-linkedin" viewBox="0 0 16 16">
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-instagram" viewBox="0 0 16 16">
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334" />
</svg>
</a>
</div>
</div>
</div>
<!-- Footer Card -->
<div class="col-12 col-md-6 col-xl">
<div class="footer-card">
<h5 class="mb-0">Services</h5>
<!-- Footer Nav -->
<ul class="footer-nav">
<li><a href="#">UI/UX Design</a></li>
<li><a href="#">Mobile Apps Design</a></li>
<li><a href="#">Web Development</a></li>
<li><a href="#">SaaS Design</a></li>
<li><a href="#">Webflow Design</a></li>
</ul>
</div>
</div>
<!-- Footer Card -->
<div class="col-12 col-md-6 col-xl">
<div class="footer-card">
<h5 class="mb-0">Resources</h5>
<!-- Footer Nav -->
<ul class="footer-nav">
<li><a href="#">About Us</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Expert Team</a></li>
<li><a href="#">Pricing Plan</a></li>
<li><a href="#">Blog & News</a></li>
</ul>
</div>
</div>
<!-- Footer Card -->
<div class="col-12 col-md-6 col-xl-4">
<div class="footer-card">
<h5 class="mb-0">Subscribe</h5>
<!-- Subscribe Form -->
<form action="#" class="subscribe-form">
<input type="email" class="form-control" placeholder="Email address">
<button class="btn">
<span class="material-symbols-outlined">arrow_forward</span>
<span class="material-symbols-outlined">arrow_forward</span>
</button>
</form>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label ps-2" for="flexCheckDefault">
I agree with the terms and conditions.
</label>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="footer-line"></div>
</div>
<div class="container">
<div class="row g-3 align-items-center">
<!-- Copyright -->
<div class="col-12 col-md-6">
<p class="mb-0 copyright">Copyright © <span id="year"></span> <a href="#">MOONTEL_ICT</a></p>
</div>
<!-- Footer Bottom Nav -->
<div class="col-12 col-md-6">
<div class="footer-bottom-nav">
<a href="#">Terms & conditions</a>
<a href="#">Privacy policy</a>
</div>
</div>
</div>
</div>
<div class="divider-sm"></div>
</footer>
<!-- Cookie Alert -->
<div class="cookiealert shadow-lg show">
<h2 class="mb-3">Cookie's Notice</h2>
<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-dark acceptcookies" type="button"
aria-label="Close"><span>Accept</span><span>Accept</span></button>
</div>
<!-- Scroll To Top -->
<button id="scrollTopButton" class="scrolltop-hide">
<span class="material-symbols-outlined">arrow_upward_alt</span>
</button>
<!-- All JavaScript Files-->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/slideToggle.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script src="js/jarallax.min.js"></script>
<script src="js/index.js"></script>
<script src="js/marquee3k.min.js"></script>
<script src="js/cookiealert.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/active.js"></script>
</body>
</html>