/home/moonrcjl/template.moontelict.com/vorix/home-4.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>
<!-- 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 style-four">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Navbar Brand -->
<a class="navbar-brand" href="index.html">
<img src="img/core-img/logo.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 -->
<a class="btn btn-primary" href="contact.html"><span>GET IN TOUCH</span><span>GET IN TOUCH</span></a>
</div>
</div>
</div>
</nav>
</header>
<!-- Hero Wrapper -->
<section class="hero-wrapper style-four">
<!-- Divider -->
<div class="divider"></div>
<!-- Shape -->
<div class="shape">
<img src="img/core-img/shape.png" alt="">
</div>
<!-- Hero Image -->
<div class="hero-image wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
<img src="img/bg-img/47.jpg" alt="">
</div>
<div class="container">
<div class="row justify-content-end">
<div class="col-12 col-md-6">
<div class="hero-info">
<h2 class="mb-4 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="500ms">A Digital Marketing
Agency</h2>
<p class="mb-5 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="700ms">Marketing agencies
excel in graphic design, design, branding, and visual
elements, offering comprehensive solutions.</p>
<div class="d-flex align-items-center gap-3 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="">
<img src="img/bg-img/2.jpg" alt="">
<img src="img/bg-img/3.jpg" alt="">
</div>
<h6 class="mb-0">140K+ <br> Projects Done</h6>
</div>
<!-- CTA Button -->
<div class="cta-btn mt-4 mt-lg-0 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="1100ms">
<a href="contact.html">Let's Talk <br> with us</a>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="divider"></div>
</section>
<!-- Services Wrapper -->
<div class="latest-service-wrapper style-two bg-secondary">
<div class="divider"></div>
<div class="container">
<div class="row g-4 align-items-end">
<div class="col-12 col-sm-6">
<div class="section-heading">
<h2 class="mb-0">Our Latest Client Solutions</h2>
</div>
</div>
<div class="col-12 col-sm-6">
<!-- If we need navigation buttons -->
<div class="swiper-navigation-container service-swiper-navigation">
<div class="service-button-prev">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path
d="M3.93875 17.0605L12.9387 26.0605C13.2205 26.3423 13.6027 26.5006 14.0012 26.5006C14.3998 26.5006 14.782 26.3423 15.0637 26.0605C15.3455 25.7787 15.5039 25.3965 15.5039 24.998C15.5039 24.5995 15.3455 24.2173 15.0637 23.9355L8.625 17.4992H27C27.3978 17.4992 27.7794 17.3412 28.0607 17.0599C28.342 16.7786 28.5 16.3971 28.5 15.9992C28.5 15.6014 28.342 15.2199 28.0607 14.9386C27.7794 14.6573 27.3978 14.4992 27 14.4992H8.625L15.0613 8.05924C15.343 7.77745 15.5014 7.39526 15.5014 6.99674C15.5014 6.59823 15.343 6.21603 15.0613 5.93424C14.7795 5.65245 14.3973 5.49414 13.9988 5.49414C13.6002 5.49414 13.218 5.65245 12.9363 5.93424L3.93625 14.9342C3.79639 15.0738 3.68547 15.2396 3.60986 15.4221C3.53426 15.6046 3.49546 15.8003 3.49569 15.9979C3.49592 16.1955 3.53518 16.391 3.61122 16.5734C3.68725 16.7557 3.79856 16.9213 3.93875 17.0605Z"
fill="#0E0E0E" />
</svg>
</div>
<div class="service-button-next">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path
d="M28.0613 17.0605L19.0613 26.0605C18.7795 26.3423 18.3973 26.5006 17.9988 26.5006C17.6002 26.5006 17.218 26.3423 16.9363 26.0605C16.6545 25.7787 16.4961 25.3965 16.4961 24.998C16.4961 24.5995 16.6545 24.2173 16.9363 23.9355L23.375 17.4992H5C4.60218 17.4992 4.22064 17.3412 3.93934 17.0599C3.65804 16.7786 3.5 16.3971 3.5 15.9992C3.5 15.6014 3.65804 15.2199 3.93934 14.9386C4.22064 14.6573 4.60218 14.4992 5 14.4992H23.375L16.9387 8.05924C16.657 7.77745 16.4986 7.39526 16.4986 6.99674C16.4986 6.59823 16.657 6.21603 16.9387 5.93424C17.2205 5.65245 17.6027 5.49414 18.0012 5.49414C18.3998 5.49414 18.782 5.65245 19.0637 5.93424L28.0637 14.9342C28.2036 15.0738 28.3145 15.2396 28.3901 15.4221C28.4657 15.6046 28.5045 15.8003 28.5043 15.9979C28.5041 16.1955 28.4648 16.391 28.3888 16.5734C28.3127 16.7557 28.2014 16.9213 28.0613 17.0605Z"
fill="#0E0E0E" />
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="divider-sm"></div>
<div class="container">
<div class="swiper service-swiper style-two" id="serviceSwiperTwo">
<div class="swiper-wrapper">
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="service-slide-card">
<span class="material-symbols-outlined">ads_click</span>
<h2>Digital Marketing</h2>
<p class="mb-0">Designed user interface contributes to a positive and a good user
experience.
</p>
</div>
</a>
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="service-slide-card">
<span class="material-symbols-outlined">web</span>
<h2>Web Development</h2>
<p class="mb-0">Designed user interface contributes to a positive and a good user
experience.
</p>
</div>
</a>
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="service-slide-card">
<span class="material-symbols-outlined">stream_apps</span>
<h2>Mobile Apps</h2>
<p class="mb-0">Designed user interface contributes to a positive and a good user experience.
</p>
</div>
</a>
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="service-slide-card">
<span class="material-symbols-outlined">design_services</span>
<h2>UI/UX Design</h2>
<p class="mb-0">Designed user interface contributes to a positive and a good user experience.
</p>
</div>
</a>
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="service-slide-card">
<span class="material-symbols-outlined">ads_click</span>
<h2>Digital Marketing</h2>
<p class="mb-0">Designed user interface contributes to a positive and a good user experience.
</p>
</div>
</a>
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="service-slide-card">
<span class="material-symbols-outlined">web</span>
<h2>Web Development</h2>
<p class="mb-0">Designed user interface contributes to a positive and a good user
experience.
</p>
</div>
</a>
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="service-slide-card">
<span class="material-symbols-outlined">stream_apps</span>
<h2>Mobile Apps</h2>
<p class="mb-0">Designed user interface contributes to a positive and a good user experience.
</p>
</div>
</a>
<!-- Service Slide -->
<a href="service-details.html" class="swiper-slide">
<div class="service-slide-card">
<span class="material-symbols-outlined">design_services</span>
<h2>UI/UX Design</h2>
<p class="mb-0">Designed user interface contributes to a positive and a good user experience.
</p>
</div>
</a>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- About Us -->
<div class="about-us-wrapper">
<div class="divider"></div>
<div class="container">
<div class="row g-4 g-xl-5 align-items-center">
<!-- Thumbnail -->
<div class="col-12 col-md-6">
<div class="about-us-thumbnail">
<img src="img/bg-img/48.jpg" alt="">
</div>
</div>
<!-- Text Content -->
<div class="col-12 col-md-6">
<div class="about-us-text-content ps-md-4">
<div class="section-heading">
<h2 class="mb-4">Creating Quality Design Experiences</h2>
<p class="mb-0">Unika is a dynamic design agency dedicated to shaping remarkable digital
experiences. With a passion for innovation and a commitment to excellence.</p>
</div>
<div class="d-flex flex-column gap-4">
<!-- Progress Bar -->
<div class="progress-item">
<div class="progress-info mb-2">
<span>Branding</span>
<span>86%</span>
</div>
<div class="progress">
<div class="progress-bar vorix-progress-bar" role="progressbar" data-value="86"
aria-valuenow="86" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<!-- Progress Bar -->
<div class="progress-item">
<div class="progress-info mb-2">
<span>Development</span>
<span>59%</span>
</div>
<div class="progress">
<div class="progress-bar vorix-progress-bar" role="progressbar" data-value="59"
aria-valuenow="59" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<!-- Progress Bar -->
<div class="progress-item">
<div class="progress-info mb-2">
<span>ADVERTISING</span>
<span>72%</span>
</div>
<div class="progress">
<div class="progress-bar vorix-progress-bar" role="progressbar" data-value="72"
aria-valuenow="72" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<!-- Progress Bar -->
<div class="progress-item">
<div class="progress-info mb-2">
<span>Marketing</span>
<span>99%</span>
</div>
<div class="progress">
<div class="progress-bar vorix-progress-bar" role="progressbar" data-value="99"
aria-valuenow="99" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="divider-sm"></div>
<!-- Partners -->
<div class="our-partners-wrapper">
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-12 col-md-3">
<h4 class="mb-0">
<span class="text-primary counter">2536+</span> Our Trusted & Valuable Clients</h4>
</div>
<!-- Partner Slide -->
<div class="col-12 col-md-9">
<div class="partners-slide ms-md-4 d-flex flex-wrap align-items-center justify-content-between">
<img src="img/partner-img/1.png" alt="">
<img src="img/partner-img/2.png" alt="">
<img src="img/partner-img/3.png" alt="">
<img src="img/partner-img/4.png" alt="">
<img src="img/partner-img/3.png" alt="">
<img src="img/partner-img/5.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- Our Projects -->
<div class="projects-wrapper bg-secondary">
<div class="divider"></div>
<div class="container">
<div class="row g-4 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>
<div class="col-12 col-md-6 col-lg-4">
<div class="text-md-end">
<a href="#" class="btn btn-primary"><span>VIEW MORE</span><span>VIEW MORE</span></a>
</div>
</div>
</div>
<div class="divider-sm"></div>
<div class="row g-4 g-xl-5">
<!-- Portfolio Card -->
<div class="col-md-6">
<div class="portfolio-card">
<img src="img/bg-img/7.jpg" alt="">
<!-- Overlay Content -->
<div class="portfolio-overlay-content d-flex align-items-center justify-content-between">
<div class="me-4">
<h3 class="mb-1">Website Design</h3>
<p class="mb-0">Branding Design</p>
</div>
<a href="#" class="btn">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path
d="M21.0459 12.796L14.2959 19.546C14.0846 19.7573 13.7979 19.8761 13.4991 19.8761C13.2002 19.8761 12.9135 19.7573 12.7022 19.546C12.4908 19.3346 12.3721 19.048 12.3721 18.7491C12.3721 18.4502 12.4908 18.1636 12.7022 17.9522L17.5312 13.125H3.75C3.45163 13.125 3.16548 13.0065 2.9545 12.7955C2.74353 12.5846 2.625 12.2984 2.625 12C2.625 11.7017 2.74353 11.4155 2.9545 11.2045C3.16548 10.9936 3.45163 10.875 3.75 10.875H17.5312L12.7041 6.04504C12.4927 5.8337 12.374 5.54705 12.374 5.24817C12.374 4.94928 12.4927 4.66264 12.7041 4.45129C12.9154 4.23995 13.2021 4.12122 13.5009 4.12122C13.7998 4.12122 14.0865 4.23995 14.2978 4.45129L21.0478 11.2013C21.1527 11.3059 21.2359 11.4303 21.2926 11.5672C21.3493 11.7041 21.3784 11.8508 21.3782 11.999C21.3781 12.1472 21.3486 12.2939 21.2916 12.4307C21.2346 12.5674 21.1511 12.6916 21.0459 12.796Z"
fill="#0E0E0E" />
</svg>
</span>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path
d="M21.0459 12.796L14.2959 19.546C14.0846 19.7573 13.7979 19.8761 13.4991 19.8761C13.2002 19.8761 12.9135 19.7573 12.7022 19.546C12.4908 19.3346 12.3721 19.048 12.3721 18.7491C12.3721 18.4502 12.4908 18.1636 12.7022 17.9522L17.5312 13.125H3.75C3.45163 13.125 3.16548 13.0065 2.9545 12.7955C2.74353 12.5846 2.625 12.2984 2.625 12C2.625 11.7017 2.74353 11.4155 2.9545 11.2045C3.16548 10.9936 3.45163 10.875 3.75 10.875H17.5312L12.7041 6.04504C12.4927 5.8337 12.374 5.54705 12.374 5.24817C12.374 4.94928 12.4927 4.66264 12.7041 4.45129C12.9154 4.23995 13.2021 4.12122 13.5009 4.12122C13.7998 4.12122 14.0865 4.23995 14.2978 4.45129L21.0478 11.2013C21.1527 11.3059 21.2359 11.4303 21.2926 11.5672C21.3493 11.7041 21.3784 11.8508 21.3782 11.999C21.3781 12.1472 21.3486 12.2939 21.2916 12.4307C21.2346 12.5674 21.1511 12.6916 21.0459 12.796Z"
fill="#0E0E0E" />
</svg>
</span>
</a>
</div>
</div>
</div>
<!-- Portfolio Card -->
<div class="col-md-6">
<div class="portfolio-card">
<img src="img/bg-img/8.jpg" alt="">
<!-- Overlay Content -->
<div class="portfolio-overlay-content d-flex align-items-center justify-content-between">
<div class="me-4">
<h3 class="mb-1">Website Design</h3>
<p class="mb-0">Branding Design</p>
</div>
<a href="#" class="btn">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path
d="M21.0459 12.796L14.2959 19.546C14.0846 19.7573 13.7979 19.8761 13.4991 19.8761C13.2002 19.8761 12.9135 19.7573 12.7022 19.546C12.4908 19.3346 12.3721 19.048 12.3721 18.7491C12.3721 18.4502 12.4908 18.1636 12.7022 17.9522L17.5312 13.125H3.75C3.45163 13.125 3.16548 13.0065 2.9545 12.7955C2.74353 12.5846 2.625 12.2984 2.625 12C2.625 11.7017 2.74353 11.4155 2.9545 11.2045C3.16548 10.9936 3.45163 10.875 3.75 10.875H17.5312L12.7041 6.04504C12.4927 5.8337 12.374 5.54705 12.374 5.24817C12.374 4.94928 12.4927 4.66264 12.7041 4.45129C12.9154 4.23995 13.2021 4.12122 13.5009 4.12122C13.7998 4.12122 14.0865 4.23995 14.2978 4.45129L21.0478 11.2013C21.1527 11.3059 21.2359 11.4303 21.2926 11.5672C21.3493 11.7041 21.3784 11.8508 21.3782 11.999C21.3781 12.1472 21.3486 12.2939 21.2916 12.4307C21.2346 12.5674 21.1511 12.6916 21.0459 12.796Z"
fill="#0E0E0E" />
</svg>
</span>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path
d="M21.0459 12.796L14.2959 19.546C14.0846 19.7573 13.7979 19.8761 13.4991 19.8761C13.2002 19.8761 12.9135 19.7573 12.7022 19.546C12.4908 19.3346 12.3721 19.048 12.3721 18.7491C12.3721 18.4502 12.4908 18.1636 12.7022 17.9522L17.5312 13.125H3.75C3.45163 13.125 3.16548 13.0065 2.9545 12.7955C2.74353 12.5846 2.625 12.2984 2.625 12C2.625 11.7017 2.74353 11.4155 2.9545 11.2045C3.16548 10.9936 3.45163 10.875 3.75 10.875H17.5312L12.7041 6.04504C12.4927 5.8337 12.374 5.54705 12.374 5.24817C12.374 4.94928 12.4927 4.66264 12.7041 4.45129C12.9154 4.23995 13.2021 4.12122 13.5009 4.12122C13.7998 4.12122 14.0865 4.23995 14.2978 4.45129L21.0478 11.2013C21.1527 11.3059 21.2359 11.4303 21.2926 11.5672C21.3493 11.7041 21.3784 11.8508 21.3782 11.999C21.3781 12.1472 21.3486 12.2939 21.2916 12.4307C21.2346 12.5674 21.1511 12.6916 21.0459 12.796Z"
fill="#0E0E0E" />
</svg>
</span>
</a>
</div>
</div>
</div>
<!-- Portfolio Card -->
<div class="col-md-6">
<div class="portfolio-card">
<img src="img/bg-img/9.jpg" alt="">
<!-- Overlay Content -->
<div class="portfolio-overlay-content d-flex align-items-center justify-content-between">
<div class="me-4">
<h3 class="mb-1">Website Design</h3>
<p class="mb-0">Branding Design</p>
</div>
<a href="#" class="btn">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path
d="M21.0459 12.796L14.2959 19.546C14.0846 19.7573 13.7979 19.8761 13.4991 19.8761C13.2002 19.8761 12.9135 19.7573 12.7022 19.546C12.4908 19.3346 12.3721 19.048 12.3721 18.7491C12.3721 18.4502 12.4908 18.1636 12.7022 17.9522L17.5312 13.125H3.75C3.45163 13.125 3.16548 13.0065 2.9545 12.7955C2.74353 12.5846 2.625 12.2984 2.625 12C2.625 11.7017 2.74353 11.4155 2.9545 11.2045C3.16548 10.9936 3.45163 10.875 3.75 10.875H17.5312L12.7041 6.04504C12.4927 5.8337 12.374 5.54705 12.374 5.24817C12.374 4.94928 12.4927 4.66264 12.7041 4.45129C12.9154 4.23995 13.2021 4.12122 13.5009 4.12122C13.7998 4.12122 14.0865 4.23995 14.2978 4.45129L21.0478 11.2013C21.1527 11.3059 21.2359 11.4303 21.2926 11.5672C21.3493 11.7041 21.3784 11.8508 21.3782 11.999C21.3781 12.1472 21.3486 12.2939 21.2916 12.4307C21.2346 12.5674 21.1511 12.6916 21.0459 12.796Z"
fill="#0E0E0E" />
</svg>
</span>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path
d="M21.0459 12.796L14.2959 19.546C14.0846 19.7573 13.7979 19.8761 13.4991 19.8761C13.2002 19.8761 12.9135 19.7573 12.7022 19.546C12.4908 19.3346 12.3721 19.048 12.3721 18.7491C12.3721 18.4502 12.4908 18.1636 12.7022 17.9522L17.5312 13.125H3.75C3.45163 13.125 3.16548 13.0065 2.9545 12.7955C2.74353 12.5846 2.625 12.2984 2.625 12C2.625 11.7017 2.74353 11.4155 2.9545 11.2045C3.16548 10.9936 3.45163 10.875 3.75 10.875H17.5312L12.7041 6.04504C12.4927 5.8337 12.374 5.54705 12.374 5.24817C12.374 4.94928 12.4927 4.66264 12.7041 4.45129C12.9154 4.23995 13.2021 4.12122 13.5009 4.12122C13.7998 4.12122 14.0865 4.23995 14.2978 4.45129L21.0478 11.2013C21.1527 11.3059 21.2359 11.4303 21.2926 11.5672C21.3493 11.7041 21.3784 11.8508 21.3782 11.999C21.3781 12.1472 21.3486 12.2939 21.2916 12.4307C21.2346 12.5674 21.1511 12.6916 21.0459 12.796Z"
fill="#0E0E0E" />
</svg>
</span>
</a>
</div>
</div>
</div>
<!-- Portfolio Card -->
<div class="col-md-6">
<div class="portfolio-card">
<img src="img/bg-img/10.jpg" alt="">
<!-- Overlay Content -->
<div class="portfolio-overlay-content d-flex align-items-center justify-content-between">
<div class="me-4">
<h3 class="mb-1">Website Design</h3>
<p class="mb-0">Branding Design</p>
</div>
<a href="#" class="btn">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path
d="M21.0459 12.796L14.2959 19.546C14.0846 19.7573 13.7979 19.8761 13.4991 19.8761C13.2002 19.8761 12.9135 19.7573 12.7022 19.546C12.4908 19.3346 12.3721 19.048 12.3721 18.7491C12.3721 18.4502 12.4908 18.1636 12.7022 17.9522L17.5312 13.125H3.75C3.45163 13.125 3.16548 13.0065 2.9545 12.7955C2.74353 12.5846 2.625 12.2984 2.625 12C2.625 11.7017 2.74353 11.4155 2.9545 11.2045C3.16548 10.9936 3.45163 10.875 3.75 10.875H17.5312L12.7041 6.04504C12.4927 5.8337 12.374 5.54705 12.374 5.24817C12.374 4.94928 12.4927 4.66264 12.7041 4.45129C12.9154 4.23995 13.2021 4.12122 13.5009 4.12122C13.7998 4.12122 14.0865 4.23995 14.2978 4.45129L21.0478 11.2013C21.1527 11.3059 21.2359 11.4303 21.2926 11.5672C21.3493 11.7041 21.3784 11.8508 21.3782 11.999C21.3781 12.1472 21.3486 12.2939 21.2916 12.4307C21.2346 12.5674 21.1511 12.6916 21.0459 12.796Z"
fill="#0E0E0E" />
</svg>
</span>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path
d="M21.0459 12.796L14.2959 19.546C14.0846 19.7573 13.7979 19.8761 13.4991 19.8761C13.2002 19.8761 12.9135 19.7573 12.7022 19.546C12.4908 19.3346 12.3721 19.048 12.3721 18.7491C12.3721 18.4502 12.4908 18.1636 12.7022 17.9522L17.5312 13.125H3.75C3.45163 13.125 3.16548 13.0065 2.9545 12.7955C2.74353 12.5846 2.625 12.2984 2.625 12C2.625 11.7017 2.74353 11.4155 2.9545 11.2045C3.16548 10.9936 3.45163 10.875 3.75 10.875H17.5312L12.7041 6.04504C12.4927 5.8337 12.374 5.54705 12.374 5.24817C12.374 4.94928 12.4927 4.66264 12.7041 4.45129C12.9154 4.23995 13.2021 4.12122 13.5009 4.12122C13.7998 4.12122 14.0865 4.23995 14.2978 4.45129L21.0478 11.2013C21.1527 11.3059 21.2359 11.4303 21.2926 11.5672C21.3493 11.7041 21.3784 11.8508 21.3782 11.999C21.3781 12.1472 21.3486 12.2939 21.2916 12.4307C21.2346 12.5674 21.1511 12.6916 21.0459 12.796Z"
fill="#0E0E0E" />
</svg>
</span>
</a>
</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>
<!-- 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>
<!-- Testimonials Wrapper -->
<div class="testimonials-wrapper">
<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">What Our Client Say About Us</h2>
</div>
</div>
</div>
</div>
<div class="divider-sm"></div>
<div class="container">
<div class="swiper testimonials-slider" id="testimonialsSlider">
<div class="swiper-wrapper">
<!-- Testimonials Slide -->
<div class="swiper-slide">
<div class="testimonials-card">
<div class="d-flex align-items-center justify-content-between gap-3 mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="26" viewBox="0 0 85 26" fill="none">
<g clip-path="url(#clip0_1_6266Q)">
<path
d="M22.125 0H25.9928V26H22.125V0ZM39.5303 17.706C39.5303 21.685 36.4196 22.0022 35.4942 22.0022C33.1822 22.0022 32.7616 19.6747 32.7616 18.2707V8.32H28.8937V18.2499C28.8937 20.7147 29.6131 22.749 30.8741 24.1051C31.988 25.3042 33.657 25.9594 35.4652 25.9594C36.7474 25.9594 38.5633 25.5299 39.5303 24.5804V26H43.3981V8.32H39.5303V17.706ZM51.1338 2.08H47.266V8.32H44.3651V12.48H47.266V26H51.1338V12.48H54.0347V8.32H51.1338V2.08ZM66.2155 20.7137C65.3733 21.528 64.2613 21.9794 63.0409 21.9794C60.3509 21.9794 58.3754 19.8546 58.3754 16.9374C58.3754 14.0202 60.288 11.985 63.0409 11.985C64.24 11.985 65.3733 12.4145 66.2368 13.2288L66.8237 13.7717L69.4316 10.9678L68.7789 10.3345C67.2443 8.84416 65.2069 8.008 63.04 8.008C58.2052 8.008 54.6941 11.7603 54.6941 16.9156C54.6941 22.049 58.2893 25.9355 63.04 25.9355C65.2476 25.9355 67.3062 25.0994 68.8214 23.5851L69.4519 22.9518L66.8034 20.15L66.2155 20.7137ZM83.2369 9.86128C82.1229 8.6632 80.8175 8.008 79.0093 8.008C77.7271 8.008 76.2748 8.43752 75.3078 9.386V0H71.44V26H75.3078V16.2604C75.3078 12.2814 77.936 11.9652 78.8614 11.9652C81.1734 11.9652 81.1096 14.2938 81.1096 15.6957V26H84.9774V15.7175C84.9774 13.2527 84.4988 11.2185 83.2369 9.86128Z"
fill="#FEFEFE" />
<path
d="M62.9136 13.9766C63.6553 13.9766 64.3666 14.2934 64.891 14.8575C65.4155 15.4215 65.7101 16.1866 65.7101 16.9842C65.7101 17.7819 65.4155 18.5469 64.891 19.111C64.3666 19.675 63.6553 19.9919 62.9136 19.9919C62.172 19.9919 61.4607 19.675 60.9362 19.111C60.4118 18.5469 60.1172 17.7819 60.1172 16.9842C60.1172 16.1866 60.4118 15.4215 60.9362 14.8575C61.4607 14.2934 62.172 13.9766 62.9136 13.9766Z"
fill="#FF3D2E" />
<path
d="M16.7141 19.4684C15.2434 21.096 13.2456 21.9779 11.1435 21.9779C6.8347 21.9779 3.70175 18.3379 3.70175 13.3418C3.70175 8.32272 6.8347 4.68272 11.1435 4.68272C13.2253 4.68272 15.2008 5.5636 16.6938 7.16936L17.2817 7.80272L19.8674 5.02176L19.2998 4.3884C17.156 2.01408 14.2552 0.726562 11.1435 0.726562C4.79539 0.726562 0.0234375 6.15224 0.0234375 13.3636C0.0234375 20.5531 4.81666 25.957 11.1435 25.957C14.2764 25.957 17.1773 24.6466 19.3211 22.2722L19.8887 21.6389L17.3243 18.8132L16.7141 19.4684Z"
fill="#FEFEFE" />
</g>
<defs>
<clipPath id="clip0_1_6266Q">
<rect width="85" height="26" fill="white" />
</clipPath>
</defs>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="45" viewBox="0 0 60 45" fill="none">
<path d="M0 0V45L22.5 22.5V0H0Z" fill="#ECC80B" />
<path d="M37.5 0V45L60 22.5V0H37.5Z" fill="#ECC80B" />
</svg>
</div>
<p class="testimonials-text">“Partnering with platform wa pleasure. is Their team rejuvenated our
outdated into website, transforming it state the-art, user-friendly platform. increase in us
traffic conversion rates.”</p>
<hr>
<div class="testimonials-info">
<img src="img/bg-img/49.jpg" alt="">
<div>
<h4 class="mb-0">Margie Blake</h4>
<p class="mb-0">Data Scientist</p>
</div>
</div>
</div>
</div>
<!-- Testimonials Slide -->
<div class="swiper-slide">
<div class="testimonials-card">
<div class="d-flex align-items-center justify-content-between gap-3 mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="26" viewBox="0 0 85 26" fill="none">
<g clip-path="url(#clip0_1_6266D)">
<path
d="M22.125 0H25.9928V26H22.125V0ZM39.5303 17.706C39.5303 21.685 36.4196 22.0022 35.4942 22.0022C33.1822 22.0022 32.7616 19.6747 32.7616 18.2707V8.32H28.8937V18.2499C28.8937 20.7147 29.6131 22.749 30.8741 24.1051C31.988 25.3042 33.657 25.9594 35.4652 25.9594C36.7474 25.9594 38.5633 25.5299 39.5303 24.5804V26H43.3981V8.32H39.5303V17.706ZM51.1338 2.08H47.266V8.32H44.3651V12.48H47.266V26H51.1338V12.48H54.0347V8.32H51.1338V2.08ZM66.2155 20.7137C65.3733 21.528 64.2613 21.9794 63.0409 21.9794C60.3509 21.9794 58.3754 19.8546 58.3754 16.9374C58.3754 14.0202 60.288 11.985 63.0409 11.985C64.24 11.985 65.3733 12.4145 66.2368 13.2288L66.8237 13.7717L69.4316 10.9678L68.7789 10.3345C67.2443 8.84416 65.2069 8.008 63.04 8.008C58.2052 8.008 54.6941 11.7603 54.6941 16.9156C54.6941 22.049 58.2893 25.9355 63.04 25.9355C65.2476 25.9355 67.3062 25.0994 68.8214 23.5851L69.4519 22.9518L66.8034 20.15L66.2155 20.7137ZM83.2369 9.86128C82.1229 8.6632 80.8175 8.008 79.0093 8.008C77.7271 8.008 76.2748 8.43752 75.3078 9.386V0H71.44V26H75.3078V16.2604C75.3078 12.2814 77.936 11.9652 78.8614 11.9652C81.1734 11.9652 81.1096 14.2938 81.1096 15.6957V26H84.9774V15.7175C84.9774 13.2527 84.4988 11.2185 83.2369 9.86128Z"
fill="#FEFEFE" />
<path
d="M62.9136 13.9766C63.6553 13.9766 64.3666 14.2934 64.891 14.8575C65.4155 15.4215 65.7101 16.1866 65.7101 16.9842C65.7101 17.7819 65.4155 18.5469 64.891 19.111C64.3666 19.675 63.6553 19.9919 62.9136 19.9919C62.172 19.9919 61.4607 19.675 60.9362 19.111C60.4118 18.5469 60.1172 17.7819 60.1172 16.9842C60.1172 16.1866 60.4118 15.4215 60.9362 14.8575C61.4607 14.2934 62.172 13.9766 62.9136 13.9766Z"
fill="#FF3D2E" />
<path
d="M16.7141 19.4684C15.2434 21.096 13.2456 21.9779 11.1435 21.9779C6.8347 21.9779 3.70175 18.3379 3.70175 13.3418C3.70175 8.32272 6.8347 4.68272 11.1435 4.68272C13.2253 4.68272 15.2008 5.5636 16.6938 7.16936L17.2817 7.80272L19.8674 5.02176L19.2998 4.3884C17.156 2.01408 14.2552 0.726562 11.1435 0.726562C4.79539 0.726562 0.0234375 6.15224 0.0234375 13.3636C0.0234375 20.5531 4.81666 25.957 11.1435 25.957C14.2764 25.957 17.1773 24.6466 19.3211 22.2722L19.8887 21.6389L17.3243 18.8132L16.7141 19.4684Z"
fill="#FEFEFE" />
</g>
<defs>
<clipPath id="clip0_1_6266D">
<rect width="85" height="26" fill="white" />
</clipPath>
</defs>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="45" viewBox="0 0 60 45" fill="none">
<path d="M0 0V45L22.5 22.5V0H0Z" fill="#ECC80B" />
<path d="M37.5 0V45L60 22.5V0H37.5Z" fill="#ECC80B" />
</svg>
</div>
<p class="testimonials-text">“Partnering with platform wa pleasure. is Their team rejuvenated our
outdated into website, transforming it state the-art, user-friendly platform. increase in us
traffic conversion rates.”</p>
<hr>
<div class="testimonials-info">
<img src="img/bg-img/50.jpg" alt="">
<div>
<h4 class="mb-0">Angela Lucy</h4>
<p class="mb-0">Data Scientist</p>
</div>
</div>
</div>
</div>
<!-- Testimonials Slide -->
<div class="swiper-slide">
<div class="testimonials-card">
<div class="d-flex align-items-center justify-content-between gap-3 mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="26" viewBox="0 0 85 26" fill="none">
<g clip-path="url(#clip0_1_6266X)">
<path
d="M22.125 0H25.9928V26H22.125V0ZM39.5303 17.706C39.5303 21.685 36.4196 22.0022 35.4942 22.0022C33.1822 22.0022 32.7616 19.6747 32.7616 18.2707V8.32H28.8937V18.2499C28.8937 20.7147 29.6131 22.749 30.8741 24.1051C31.988 25.3042 33.657 25.9594 35.4652 25.9594C36.7474 25.9594 38.5633 25.5299 39.5303 24.5804V26H43.3981V8.32H39.5303V17.706ZM51.1338 2.08H47.266V8.32H44.3651V12.48H47.266V26H51.1338V12.48H54.0347V8.32H51.1338V2.08ZM66.2155 20.7137C65.3733 21.528 64.2613 21.9794 63.0409 21.9794C60.3509 21.9794 58.3754 19.8546 58.3754 16.9374C58.3754 14.0202 60.288 11.985 63.0409 11.985C64.24 11.985 65.3733 12.4145 66.2368 13.2288L66.8237 13.7717L69.4316 10.9678L68.7789 10.3345C67.2443 8.84416 65.2069 8.008 63.04 8.008C58.2052 8.008 54.6941 11.7603 54.6941 16.9156C54.6941 22.049 58.2893 25.9355 63.04 25.9355C65.2476 25.9355 67.3062 25.0994 68.8214 23.5851L69.4519 22.9518L66.8034 20.15L66.2155 20.7137ZM83.2369 9.86128C82.1229 8.6632 80.8175 8.008 79.0093 8.008C77.7271 8.008 76.2748 8.43752 75.3078 9.386V0H71.44V26H75.3078V16.2604C75.3078 12.2814 77.936 11.9652 78.8614 11.9652C81.1734 11.9652 81.1096 14.2938 81.1096 15.6957V26H84.9774V15.7175C84.9774 13.2527 84.4988 11.2185 83.2369 9.86128Z"
fill="#FEFEFE" />
<path
d="M62.9136 13.9766C63.6553 13.9766 64.3666 14.2934 64.891 14.8575C65.4155 15.4215 65.7101 16.1866 65.7101 16.9842C65.7101 17.7819 65.4155 18.5469 64.891 19.111C64.3666 19.675 63.6553 19.9919 62.9136 19.9919C62.172 19.9919 61.4607 19.675 60.9362 19.111C60.4118 18.5469 60.1172 17.7819 60.1172 16.9842C60.1172 16.1866 60.4118 15.4215 60.9362 14.8575C61.4607 14.2934 62.172 13.9766 62.9136 13.9766Z"
fill="#FF3D2E" />
<path
d="M16.7141 19.4684C15.2434 21.096 13.2456 21.9779 11.1435 21.9779C6.8347 21.9779 3.70175 18.3379 3.70175 13.3418C3.70175 8.32272 6.8347 4.68272 11.1435 4.68272C13.2253 4.68272 15.2008 5.5636 16.6938 7.16936L17.2817 7.80272L19.8674 5.02176L19.2998 4.3884C17.156 2.01408 14.2552 0.726562 11.1435 0.726562C4.79539 0.726562 0.0234375 6.15224 0.0234375 13.3636C0.0234375 20.5531 4.81666 25.957 11.1435 25.957C14.2764 25.957 17.1773 24.6466 19.3211 22.2722L19.8887 21.6389L17.3243 18.8132L16.7141 19.4684Z"
fill="#FEFEFE" />
</g>
<defs>
<clipPath id="clip0_1_6266X">
<rect width="85" height="26" fill="white" />
</clipPath>
</defs>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="45" viewBox="0 0 60 45" fill="none">
<path d="M0 0V45L22.5 22.5V0H0Z" fill="#ECC80B" />
<path d="M37.5 0V45L60 22.5V0H37.5Z" fill="#ECC80B" />
</svg>
</div>
<p class="testimonials-text">“Partnering with platform wa pleasure. is Their team rejuvenated our
outdated into website, transforming it state the-art, user-friendly platform. increase in us
traffic conversion rates.”</p>
<hr>
<div class="testimonials-info">
<img src="img/bg-img/49.jpg" alt="">
<div>
<h4 class="mb-0">Margie Blake</h4>
<p class="mb-0">Data Scientist</p>
</div>
</div>
</div>
</div>
<!-- Testimonials Slide -->
<div class="swiper-slide">
<div class="testimonials-card">
<div class="d-flex align-items-center justify-content-between gap-3 mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="26" viewBox="0 0 85 26" fill="none">
<g clip-path="url(#clip0_1_6266)">
<path
d="M22.125 0H25.9928V26H22.125V0ZM39.5303 17.706C39.5303 21.685 36.4196 22.0022 35.4942 22.0022C33.1822 22.0022 32.7616 19.6747 32.7616 18.2707V8.32H28.8937V18.2499C28.8937 20.7147 29.6131 22.749 30.8741 24.1051C31.988 25.3042 33.657 25.9594 35.4652 25.9594C36.7474 25.9594 38.5633 25.5299 39.5303 24.5804V26H43.3981V8.32H39.5303V17.706ZM51.1338 2.08H47.266V8.32H44.3651V12.48H47.266V26H51.1338V12.48H54.0347V8.32H51.1338V2.08ZM66.2155 20.7137C65.3733 21.528 64.2613 21.9794 63.0409 21.9794C60.3509 21.9794 58.3754 19.8546 58.3754 16.9374C58.3754 14.0202 60.288 11.985 63.0409 11.985C64.24 11.985 65.3733 12.4145 66.2368 13.2288L66.8237 13.7717L69.4316 10.9678L68.7789 10.3345C67.2443 8.84416 65.2069 8.008 63.04 8.008C58.2052 8.008 54.6941 11.7603 54.6941 16.9156C54.6941 22.049 58.2893 25.9355 63.04 25.9355C65.2476 25.9355 67.3062 25.0994 68.8214 23.5851L69.4519 22.9518L66.8034 20.15L66.2155 20.7137ZM83.2369 9.86128C82.1229 8.6632 80.8175 8.008 79.0093 8.008C77.7271 8.008 76.2748 8.43752 75.3078 9.386V0H71.44V26H75.3078V16.2604C75.3078 12.2814 77.936 11.9652 78.8614 11.9652C81.1734 11.9652 81.1096 14.2938 81.1096 15.6957V26H84.9774V15.7175C84.9774 13.2527 84.4988 11.2185 83.2369 9.86128Z"
fill="#FEFEFE" />
<path
d="M62.9136 13.9766C63.6553 13.9766 64.3666 14.2934 64.891 14.8575C65.4155 15.4215 65.7101 16.1866 65.7101 16.9842C65.7101 17.7819 65.4155 18.5469 64.891 19.111C64.3666 19.675 63.6553 19.9919 62.9136 19.9919C62.172 19.9919 61.4607 19.675 60.9362 19.111C60.4118 18.5469 60.1172 17.7819 60.1172 16.9842C60.1172 16.1866 60.4118 15.4215 60.9362 14.8575C61.4607 14.2934 62.172 13.9766 62.9136 13.9766Z"
fill="#FF3D2E" />
<path
d="M16.7141 19.4684C15.2434 21.096 13.2456 21.9779 11.1435 21.9779C6.8347 21.9779 3.70175 18.3379 3.70175 13.3418C3.70175 8.32272 6.8347 4.68272 11.1435 4.68272C13.2253 4.68272 15.2008 5.5636 16.6938 7.16936L17.2817 7.80272L19.8674 5.02176L19.2998 4.3884C17.156 2.01408 14.2552 0.726562 11.1435 0.726562C4.79539 0.726562 0.0234375 6.15224 0.0234375 13.3636C0.0234375 20.5531 4.81666 25.957 11.1435 25.957C14.2764 25.957 17.1773 24.6466 19.3211 22.2722L19.8887 21.6389L17.3243 18.8132L16.7141 19.4684Z"
fill="#FEFEFE" />
</g>
<defs>
<clipPath id="clip0_1_6266">
<rect width="85" height="26" fill="white" />
</clipPath>
</defs>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="45" viewBox="0 0 60 45" fill="none">
<path d="M0 0V45L22.5 22.5V0H0Z" fill="#ECC80B" />
<path d="M37.5 0V45L60 22.5V0H37.5Z" fill="#ECC80B" />
</svg>
</div>
<p class="testimonials-text">“Partnering with platform wa pleasure. is Their team rejuvenated our
outdated into website, transforming it state the-art, user-friendly platform. increase in us
traffic conversion rates.”</p>
<hr>
<div class="testimonials-info">
<img src="img/bg-img/50.jpg" alt="">
<div>
<h4 class="mb-0">Angela Lucy</h4>
<p class="mb-0">Data Scientist</p>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="divider-sm"></div>
<!-- Testimonials Pagination -->
<div class="swiper-pagination-two"></div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- Blog Section -->
<div class="blog-wrapper bg-secondary">
<div class="divider"></div>
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading d-md-flex align-items-end justify-content-between">
<h2 class="mb-4 mb-md-0">Our Latest Blog <br>& News</h2>
<a href="#" class="btn btn-primary"><span>ALL BLOGS</span><span>ALL BLOGS</span></a>
</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">
<div class="blog-card style-two">
<img src="img/bg-img/51.jpg" alt="">
<div class="blog-meta d-flex align-items-center">
<a href="#">27 May, 25</a>
<div class="dot"></div>
<a href="#">Branding</a>
</div>
<a class="post-title" href="blog-details.html">We are available for the graphics Designing</a>
</div>
</div>
<!-- Blog Card -->
<div class="col-12 col-sm-6 col-lg-3">
<div class="blog-card style-two">
<img src="img/bg-img/52.jpg" alt="">
<div class="blog-meta d-flex align-items-center">
<a href="#">27 May, 25</a>
<div class="dot"></div>
<a href="#">Branding</a>
</div>
<a class="post-title style-two" href="blog-details.html">Stay Ahead in the Digital Side Pocket</a>
</div>
</div>
<!-- Blog Card -->
<div class="col-12 col-sm-6 col-lg-3">
<div class="blog-card style-two">
<img src="img/bg-img/53.jpg" alt="">
<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 style-two" href="blog-details.html">Our Futuristic Marketing Realtor Should
Read</a>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- CTA Wrapper -->
<div class="cta-wrapper">
<div class="divider"></div>
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-12 col-lg-6">
<h2 class="wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="700ms">Let's Work Together</h2>
</div>
<div class="col-12 col-lg-6">
<p class="wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="900ms">Studio agencies excel in
graphic design, design, branding, and visual elements, offering comprehensive
solutions for businesses' design needs across graphic platforms.</p>
<a href="#" class="btn btn-primary wow fadeInUp" data-wow-duration="1000ms"
data-wow-delay="1100ms"><span>CONTACT US</span><span>CONTACT US</span></a>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!-- Footer -->
<footer class="footer-wrapper">
<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>