/home/moonrcjl/template.moontelict.com/vorix/team.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">Expert Team</h2>
<ul class="list-unstyled wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="1000ms">
<li><a href="index.html">Home</a></li>
<li>Team</li>
</ul>
</div>
</div>
</div>
<!-- Team Member -->
<div class="team-member-wrap">
<div class="divider"></div>
<div class="container">
<div class="row g-4 g-lg-5">
<!-- Team Card -->
<div class="col-12 col-sm-6 col-lg-4">
<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 col-lg-4">
<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 col-lg-4">
<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 col-lg-4">
<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>
<!-- Team Card -->
<div class="col-12 col-sm-6 col-lg-4">
<a href="team-details.html">
<div class="team-card">
<img src="img/bg-img/39.jpg" alt="">
<div class="team-info">
<h4>Steven A. Urenda</h4>
<p class="mb-0">Sr. Director</p>
</div>
</div>
</a>
</div>
<!-- Team Card -->
<div class="col-12 col-sm-6 col-lg-4">
<a href="team-details.html">
<div class="team-card">
<img src="img/bg-img/40.jpg" alt="">
<div class="team-info">
<h4>Jhone Mathus</h4>
<p class="mb-0">Web Designer</p>
</div>
</div>
</a>
</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>
<!-- 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>
<!-- 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-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>