/home/moonrcjl/template.moontelict.com/vorix/about-us.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>
<!-- 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..." aria-label="Search">
<button type="submit" class="btn btn-dark" aria-label="Search">
<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 -->
<a class="btn btn-primary" href="contact.html"><span>GET IN TOUCH</span><span>GET IN TOUCH</span></a>
</div>
</div>
</div>
</nav>
</header>
<!-- Breadcrumb Wrapper -->
<div class="breadcrumb-wrapper bg-img jarallax bg-overlay" data-jarallax="" data-speed="0.6"
style="background-image: url('img/bg-img/32.jpg');">
<div class="container h-100">
<div class="breadcrumb-content h-100">
<h2 class="wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="700ms">About Us</h2>
<ul class="list-unstyled wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="1000ms">
<li><a href="index.html">Home</a></li>
<li>About</li>
</ul>
</div>
</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/6.jpg" alt="">
<!-- Top Content -->
<div class="top-content">
<!-- Clients Image -->
<div class="clients-images">
<img src="img/bg-img/5.jpg" alt="">
<img src="img/bg-img/4.jpg" alt="">
<img src="img/bg-img/3.jpg" alt="">
<img src="img/bg-img/2.jpg" alt="">
</div>
<h6 class="mb-0">2566+ More Then Clients Global Reviews</h6>
</div>
</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-0">Passionate About Quality Design</h2>
</div>
<p class="mb-0">If you ask our clients what it's like working with 36, they'll
talk about how much we care about their success. For us, real relationships fuel
real success.</p>
<ul class="ps-0 list-unstyled mb-0">
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none">
<path
d="M12.1473 23.354C12.144 23.354 12.1402 23.354 12.1369 23.354C12.0013 23.3512 11.8733 23.2932 11.7814 23.1937L2.40471 12.9978C2.24392 12.8228 2.22916 12.5592 2.36971 12.3672C2.51025 12.1758 2.76619 12.1102 2.98166 12.2108L11.5638 16.2293C11.636 16.2632 11.7213 16.2468 11.7765 16.1893L24.8676 2.50708C25.0448 2.32169 25.3346 2.30145 25.5359 2.46114C25.7371 2.62083 25.7836 2.90739 25.6431 3.12231L12.6209 23.0712C12.6023 23.1002 12.5804 23.1265 12.5563 23.1511L12.4989 23.2085C12.4054 23.3015 12.2785 23.354 12.1473 23.354Z"
fill="#FEFEFE" />
</svg>
Simplicity The Biggest Idea A Looked</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none">
<path
d="M12.1473 23.354C12.144 23.354 12.1402 23.354 12.1369 23.354C12.0013 23.3512 11.8733 23.2932 11.7814 23.1937L2.40471 12.9978C2.24392 12.8228 2.22916 12.5592 2.36971 12.3672C2.51025 12.1758 2.76619 12.1102 2.98166 12.2108L11.5638 16.2293C11.636 16.2632 11.7213 16.2468 11.7765 16.1893L24.8676 2.50708C25.0448 2.32169 25.3346 2.30145 25.5359 2.46114C25.7371 2.62083 25.7836 2.90739 25.6431 3.12231L12.6209 23.0712C12.6023 23.1002 12.5804 23.1265 12.5563 23.1511L12.4989 23.2085C12.4054 23.3015 12.2785 23.354 12.1473 23.354Z"
fill="#FEFEFE" />
</svg>
Mastering The Art Of Conversion</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none">
<path
d="M12.1473 23.354C12.144 23.354 12.1402 23.354 12.1369 23.354C12.0013 23.3512 11.8733 23.2932 11.7814 23.1937L2.40471 12.9978C2.24392 12.8228 2.22916 12.5592 2.36971 12.3672C2.51025 12.1758 2.76619 12.1102 2.98166 12.2108L11.5638 16.2293C11.636 16.2632 11.7213 16.2468 11.7765 16.1893L24.8676 2.50708C25.0448 2.32169 25.3346 2.30145 25.5359 2.46114C25.7371 2.62083 25.7836 2.90739 25.6431 3.12231L12.6209 23.0712C12.6023 23.1002 12.5804 23.1265 12.5563 23.1511L12.4989 23.2085C12.4054 23.3015 12.2785 23.354 12.1473 23.354Z"
fill="#FEFEFE" />
</svg>
Keeping Advertising Standards High</li>
</ul>
<div>
<a href="#" class="btn btn-primary mt-1"><span>MORE ABOUT US</span><span>MORE ABOUT US</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="divider"></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">2337+</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>
<!-- CTA & Video Wrapper -->
<div class="cta-video-wrapper">
<div class="divider"></div>
<div class="container">
<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>
<!-- Process -->
<div class="work-process-wrapper">
<div class="divider"></div>
<div class="container">
<div class="row g-5">
<!-- Section Heading -->
<div class="col-md-5 col-xl-6">
<div class="section-heading">
<h2 class="mb-4">Our Working Process</h2>
<p class="mb-5">We aim to empower brands of all sizes and industries with
data-driven strategies that yield tangible results. believe in crafting
campaigns that not only drive.</p>
<a href="#" class="btn btn-primary"><span>READ MORE</span><span>READ MORE</span></a>
</div>
</div>
<div class="col-md-7 col-xl-6">
<div class="work-process">
<!-- Work Process Card -->
<div class="process-card">
<div class="number">1</div>
<div class="process-text">
<h4>Fusion Labs</h4>
<p class="mb-0">Etiam imperdiet imperdiet orci. Curabitur nisi. Fusce fermentum.
Nunc nonummy metus. Phasellus orci ullamcorper ipsum rutrum nunc.</p>
</div>
</div>
<!-- Work Process Card -->
<div class="process-card">
<div class="number">2</div>
<div class="process-text">
<h4>Quirk Media</h4>
<p class="mb-0">Etiam imperdiet imperdiet orci. Curabitur nisi. Fusce fermentum.
Nunc nonummy metus. Phasellus orci ullamcorper ipsum rutrum nunc.</p>
</div>
</div>
<!-- Work Process Card -->
<div class="process-card">
<div class="number">3</div>
<div class="process-text">
<h4>Spark Pulse</h4>
<p class="mb-0">Etiam imperdiet imperdiet orci. Curabitur nisi. Fusce fermentum.
Nunc nonummy metus. Phasellus orci ullamcorper ipsum rutrum nunc.</p>
</div>
</div>
<!-- Work Process Card -->
<div class="process-card">
<div class="number">4</div>
<div class="process-text">
<h4>Nova Web</h4>
<p class="mb-0">Etiam imperdiet imperdiet orci. Curabitur nisi. Fusce fermentum.
Nunc nonummy metus. Phasellus orci ullamcorper ipsum rutrum nunc.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="divider"></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>
<!-- Video Wrapper -->
<div class="video-wrapper jarallax" data-jarallax="" data-speed="0.6"
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>
<!-- 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="#" 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>
<!-- 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">
<!-- Testimonial Slide -->
<div class="testimonial-slide">
<div class="swiper testimonial-swiper">
<div class="swiper-wrapper">
<!-- 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>
<!-- 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>
<!-- 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>
<!-- 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-4 g-lg-5">
<!-- Footer Card -->
<div class="col-12 col-lg">
<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-lg">
<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-lg">
<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-lg-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>
<!-- 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>