<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Webtek - IT Solution and Technology HTML Template - Home Digital Agency</title>
<meta name="author" content="Webtek">
<meta name="description" content="Webtek - IT Solution and Technology HTML Template">
<meta name="keywords" content="Webtek - IT Solution and Technology HTML Template">
<meta name="robots" content="INDEX,FOLLOW">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicons - Place favicon.ico in the root directory -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/img/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!--==============================
Google Fonts
============================== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gantari:wght@100;300;400;500;600;700;800;900&family=Inter:wght@100;400;500;600;700;800;900&family=Urbanist:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!--==============================
All CSS File
============================== -->
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Fontawesome Icon -->
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<!-- Swiper css -->
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<!-- datetimepicker -->
<link rel="stylesheet" href="assets/css/jquery.datetimepicker.min.css">
<!-- Theme Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body class="gray-body">
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!--********************************
Code Start From Here
******************************** -->
<div class="cursor"></div>
<div class="cursor2"></div>
<!--==============================
Preloader
==============================-->
<div id="preloader" class="preloader ">
<button class="th-btn th-radius preloaderCls">Cancel Preloader </button>
<div id="loader" class="th-preloader">
<div class="animation-preloader">
<div class="txt-loading">
<span preloader-text="W" class="characters">W</span>
<span preloader-text="E" class="characters">E</span>
<span preloader-text="B" class="characters">B</span>
<span preloader-text="T" class="characters">T</span>
<span preloader-text="E" class="characters">E</span>
<span preloader-text="C" class="characters">C</span>
<span preloader-text="K" class="characters">K</span>
</div>
</div>
</div>
</div> <!--==============================
Sidemenu
============================== -->
<div class="sidemenu-wrapper sidemenu-info ">
<div class="sidemenu-content">
<button class="closeButton sideMenuCls"><i class="far fa-times"></i></button>
<div class="widget ">
<div class="th-widget-about">
<div class="about-logo">
<a href="home-web-agency.html"><img src="assets/img/logo2.svg" alt="Webtek"></a>
</div>
<p class="about-text">Centric aplications productize before front end vortals visualize front end is results and
value added</p>
<div class="th-social">
<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.whatsapp.com/"><i class="fab fa-whatsapp"></i></a>
</div>
</div>
</div>
<div class="widget ">
<h3 class="widget_title">Recent Posts</h3>
<div class="recent-post-wrap">
<div class="recent-post">
<div class="media-img">
<a href="blog-details.html"><img src="assets/img/blog/recent-post-1-1.jpg" alt="Blog Image"></a>
</div>
<div class="media-body">
<div class="recent-post-meta">
<a href="blog.html"><i class="far fa-calendar"></i>24 Feb , 2024</a>
</div>
<h4 class="post-title"><a class="text-inherit" href="blog-details.html">A Fresh Start for Your Wardrobe</a></h4>
</div>
</div>
<div class="recent-post">
<div class="media-img">
<a href="blog-details.html"><img src="assets/img/blog/recent-post-1-2.jpg" alt="Blog Image"></a>
</div>
<div class="media-body">
<div class="recent-post-meta">
<a href="blog.html"><i class="far fa-calendar"></i>22 Feb , 2024</a>
</div>
<h4 class="post-title"><a class="text-inherit" href="blog-details.html">Where Clean Meets Convenience</a></h4>
</div>
</div>
</div>
</div>
<div class="widget ">
<h4 class="widget_title">Newsletter</h4>
<div class="newsletter-widget">
<p class="md-10">Sign Up to get updates & news about us . Get Latest Deals from Walker's Inbox to our mail address.</p>
<div class="footer-search-contact mt-25">
<form>
<input class="form-control" type="email" placeholder="Enter your email">
</form>
<div class="footer-btn mt-10">
<button type="submit" class="th-btn btn-fw">Subscribe Now</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popup-search-box">
<button class="searchClose"><i class="fal fa-times"></i></button>
<form action="#">
<input type="text" placeholder="What are you looking for?">
<button type="submit"><i class="fal fa-search"></i></button>
</form>
</div><!--==============================
Mobile Menu
============================== -->
<div class="th-menu-wrapper">
<div class="th-menu-area text-center">
<button class="th-menu-toggle"><i class="fal fa-times"></i></button>
<div class="mobile-logo">
<a href="home-web-agency.html"><img src="assets/img/logo2.svg" alt="Webtek"></a>
</div>
<div class="th-mobile-menu">
<ul>
<li class="menu-item-has-children">
<a href="home-web-agency.html">Home</a>
<ul class="sub-menu">
<li><a href="home-web-agency.html">Home Web Agency</a></li>
<li><a href="home-startup-agency.html">Home Startup Agency</a></li>
<li><a href="home-digital-agency.html">Home Digital Agency</a></li>
<li><a href="home-it-solution.html">Home IT-solution</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Career</a>
<ul class="sub-menu">
<li><a href="career.html">Career</a></li>
<li><a href="career-details.html">Career Details</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li><a href="appointment.html">Appointment</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="project.html">project</a></li>
<li><a href="project-details.html">project Details</a></li>
<li><a href="faq.html">Faq Page</a></li>
<li><a href="price.html">Price Package</a></li>
<li><a href="error.html">Error Page</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Service</a>
<ul class="sub-menu">
<li><a href="service.html">Service</a></li>
<li><a href="service-details.html">Service Details</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="sub-menu">
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog.html">Blog Lists</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div><!--==============================
Header Area
==============================-->
<header class="th-header header-layout3">
<div class="header-top">
<div class="container th-container2">
<div class="row justify-content-center justify-content-lg-between align-items-center">
<div class="col-auto d-none d-md-block">
<div class="header-links">
<ul>
<li><i class="fa-regular fa-phone"></i><a href="tel:+25632542598">(+256) 3254 2598</a></li>
<li class="d-none d-xl-inline-block"><i class="fa-sharp fa-regular fa-location-dot"></i>
<span>121 Melbourne VIC 300, Australia</span>
</li>
<li><i class="fa-regular fa-envelope"></i><a href="mailto:help@webteck.com">help@webteck.com</a>
</li>
</ul>
</div>
</div>
<div class="col-auto">
<div class="social-links">
<span class="social-title">Follow Us On:</span>
<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
<a href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="sticky-wrapper">
<!-- Main Menu Area -->
<div class="menu-area">
<div class="container th-container2">
<div class="row align-items-center justify-content-between">
<div class="col-auto">
<div class="header-logo">
<a href="home-web-agency.html"><img src="assets/img/logo2.svg" alt="Webtek"></a>
</div>
</div>
<div class="col-auto ms-xl-auto">
<nav class="main-menu style2 d-none d-lg-inline-block">
<ul>
<li class="menu-item-has-children">
<a href="home-web-agency.html">Home</a>
<ul class="sub-menu">
<li><a href="home-web-agency.html">Home Web Agency</a></li>
<li><a href="home-startup-agency.html">Home Startup Agency</a></li>
<li><a href="home-digital-agency.html">Home Digital Agency</a></li>
<li><a href="home-it-solution.html">Home IT-solution</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Career</a>
<ul class="sub-menu">
<li><a href="career.html">Career</a></li>
<li><a href="career-details.html">Career Details</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li><a href="appointment.html">Appointment</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="project.html">project</a></li>
<li><a href="project-details.html">project Details</a></li>
<li><a href="faq.html">Faq Page</a></li>
<li><a href="price.html">Price Package</a></li>
<li><a href="error.html">Error Page</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Service</a>
<ul class="sub-menu">
<li><a href="service.html">Service</a></li>
<li><a href="service-details.html">Service Details</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="sub-menu">
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog.html">Blog Lists</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
</div>
<div class="col-auto">
<div class="header-button">
<button type="button" class="th-menu-toggle d-block d-lg-none"><i class="far fa-bars"></i></button>
<a href="tel:+2586232325" class="th-btn">Call us: +258 6232 3258</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header><!--==============================
Hero Area
==============================-->
<div class="th-hero-wrapper hero-3" id="hero">
<div class="swiper th-slider" id="heroSlide3" data-slider-options='{"effect":"fade"}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="hero-inner">
<div class="th-hero-bg" data-bg-src="assets/img/hero/hero_bg_3_1.jpg">
<img src="assets/img/hero/hero_overlay_3.png" alt="Hero Image">
</div>
<div class="container">
<div class="hero-style3">
<span class="sub-title" data-ani="slideinup" data-ani-delay="0.5s">We Are Building Better Networks</span>
<h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.6s"> Superior Data Management Available for All </h1>
<div class="hero-big">
<h1 class="hero-big_text" data-ani="slideinup" data-ani-delay="0.7s">Solution</h1>
</div>
<div class="btn-group">
<div class="" data-ani="slideinleft" data-ani-delay="0.8s">
<a href="contact.html" class="th-btn style1">Get Started Now</a>
</div>
<div class="call-btn" data-ani="slideinright" data-ani-delay="0.9s">
<a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="play-btn popup-video">
<i class="fas fa-play"></i>
</a>
<div class="media-body">
<a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="btn-title popup-video">Watch Video</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hero-inner">
<div class="th-hero-bg" data-bg-src="assets/img/hero/hero_bg_3_2.jpg">
<img src="assets/img/hero/hero_overlay_3.png" alt="Hero Image">
</div>
<div class="container">
<div class="hero-style3">
<span class="sub-title" data-ani="slideinup" data-ani-delay="0.5s">SECURE & IT SERVICES</span>
<h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.6s"> Make The Easiest Solution For You </h1>
<div class="hero-big">
<h1 class="hero-big_text" data-ani="slideinup" data-ani-delay="0.7s">Solution</h1>
</div>
<div class="btn-group">
<div class="" data-ani="slideinleft" data-ani-delay="0.8s">
<a href="contact.html" class="th-btn style1">Get Started Now</a>
</div>
<div class="call-btn" data-ani="slideinright" data-ani-delay="0.9s">
<a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="play-btn popup-video">
<i class="fas fa-play"></i>
</a>
<div class="media-body">
<a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="btn-title popup-video">Watch Video</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hero-inner">
<div class="th-hero-bg" data-bg-src="assets/img/hero/hero_bg_3_3.jpg">
<img src="assets/img/hero/hero_overlay_3.png" alt="Hero Image">
</div>
<div class="container">
<div class="hero-style3">
<span class="sub-title" data-ani="slideinup" data-ani-delay="0.5s">Best Marketing Service</span>
<h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.6s"> Perfect IT Solution For Your Business </h1>
<div class="hero-big">
<h1 class="hero-big_text" data-ani="slideinup" data-ani-delay="0.7s">Solution</h1>
</div>
<div class="btn-group">
<div class="" data-ani="slideinleft" data-ani-delay="0.8s">
<a href="contact.html" class="th-btn style1">Get Started Now</a>
</div>
<div class="call-btn" data-ani="slideinright" data-ani-delay="0.9s">
<a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="play-btn popup-video">
<i class="fas fa-play"></i>
</a>
<div class="media-body">
<a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="btn-title popup-video">Watch Video</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button data-slider-prev="#heroSlide3" class="slider-arrow slider-prev"><i class="far fa-arrow-left"></i></button>
<button data-slider-next="#heroSlide3" class="slider-arrow slider-next"><i class="far fa-arrow-right"></i></button>
</div>
<!--======== / Hero Section ========--><!--==============================
About Area
==============================-->
<div class=" overflow-hidden space">
<div class="container th-container2">
<div class="title-area text-center">
<span class="sub-title">Our Core Features</span>
<h2 class="sec-title">A new way to approach customer-driven data</h2>
</div>
<div class="row gy-4 justify-content-center justify-content-lg-between">
<div class="col-lg-auto col-md-6">
<div class="choose-feature">
<div class="box-icon">
<img src="assets/img/icon/feature_box_1.svg" alt="Icon">
</div>
<div class="choose-feature_content">
<h3 class="box-title">Realtime Conversation</h3>
<p class="choose-feature_text">Pharetra nulla quisque iaculis suspense inceptos. Facilisi nisl.</p>
</div>
</div>
</div>
<div class="col-lg-auto col-md-6">
<div class="choose-feature">
<div class="box-icon">
<img src="assets/img/icon/feature_box_2.svg" alt="Icon">
</div>
<div class="choose-feature_content">
<h3 class="box-title">Personalized Chat Visual</h3>
<p class="choose-feature_text">Creating a personalized chat visual requires more specific.</p>
</div>
</div>
</div>
<div class="col-lg-auto col-md-6">
<div class="choose-feature">
<div class="box-icon">
<img src="assets/img/icon/feature_box_3.svg" alt="Icon">
</div>
<div class="choose-feature_content">
<h3 class="box-title">Higher Response Rate</h3>
<p class="choose-feature_text">To achieve a higher response rate or any other context you can consider</p>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="overflow-hidden">
<div class="container th-container2">
<div class="cta-sec2 background-image" data-bg-src="assets/img/bg/cta_bg_2.jpg">
<div class="cta-content">
<div class="cta-wrapper">
<div class="cta-icon">
<a href="tel:+1235859459"><img src="assets/img/icon/call.svg" alt=""></a>
</div>
<div class="media-body">
<span class="header-info_label text-white">Call For More Info</span>
<p class="header-info_link"><a href="tel:+1235859459">(+123) 5859 459</a></p>
</div>
</div>
<div class="title-area mb-0">
<h4 class="sec-title text-white">Let’s Request a Schedule For Free Consultation</h4>
</div>
<div class="cta-group">
<a href="contact.html" class="th-btn th-border">Contact Us</a>
</div>
</div>
</div>
</div>
</section><!--==============================
About Area
==============================-->
<div class="overflow-hidden space" id="about-sec">
<div class="container th-container2">
<div class="about-area3">
<div class="row">
<div class="col-xl-6">
<div class="pe-xl-5 me-xl-4">
<div class="title-area mb-40">
<span class="sub-title style1">About Us</span>
<h2 class="sec-title">Innovate business solution for startup comapnies</h2>
</div>
<p class="mt-n2 mb-25">Lorem ipsum dolor amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Libero volutpat sed cras ornare.
</p>
<div class="checklist style2">
<ul>
<li>Identify growth opportunities and expand market presence </li>
<li>Enhance operational efficiency and reduce waste</li>
<li>Make informed decisions based on data-driven insights</li>
</ul>
</div>
<div class="about-btn mt-55">
<a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="th-btn"><i class="fa-solid fa-circle-play me-2"></i>View Client Stories</a>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="img-box3">
<div class="img1 th-anim">
<img src="assets/img/normal/about_3_1.jpg" alt="About">
</div>
<div class="th-experience dance">
<div class="th-experience_content">
<h2 class="experience-year"><span class="counter-number">25</span></h2>
<p class="experience-text">Years of experience in startup building</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="down-option-area">
<div class="down-option-area_wrapper">
<div class="about-client-box mb-sm-0 mb-3">
<div class="client-thumb-group">
<div class="thumb"><img src="assets/img/testimonial/client-img-1-1.png" alt="avater"></div>
<div class="thumb"><img src="assets/img/testimonial/client-img-1-2.png" alt="avater"></div>
<div class="thumb"><img src="assets/img/testimonial/client-img-1-3.png" alt="avater"></div>
</div>
<span class="cilent-box_title">Make An Appointment</span>
</div>
<div class="about-counter">
<h2 class="mb-0"><span class="counter-number">258362548</span></h2>
<span class="cilent-box_title">Happily <span class="cilent-box_title">active client’s</span></span>
</div>
<div class="cilent-box">
<div class="about_review">
<i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i>
</div>
<h4 class="cilent-box_counter"><span class="counter-number">2960</span>+ Client Reviews</h4>
</div>
</div>
</div>
</div>
</div><!--==============================
Service Area
==============================-->
<section class="service-area2 m-4 mt-0 space" id="service-sec">
<div class="container th-container2">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="title-area text-center">
<span class="sub-title">WHAT WE DO</span>
<h2 class="sec-title">How To Grow Your Business</h2>
</div>
</div>
</div>
<div class="slider-area">
<div class="swiper th-slider has-shadow" id="serviceSlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"4"}}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="service-grid th-ani">
<div class="service-grid_icon">
<img src="assets/img/icon/service_grid_1.svg" alt="Icon">
</div>
<div class="service-grid_content">
<h3 class="box-title"><a href="service-details.html">Web Marketing</a></h3>
<p class="service-grid_text">Web marketing, also known as online marketing or digital marketing encompasses </p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="service-grid th-ani">
<div class="service-grid_icon">
<img src="assets/img/icon/service_grid_2.svg" alt="Icon">
</div>
<div class="service-grid_content">
<h3 class="box-title"><a href="service-details.html">Web Development</a></h3>
<p class="service-grid_text">Web development involves creating and maintaining websites or web applications</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="service-grid th-ani">
<div class="service-grid_icon">
<img src="assets/img/icon/service_grid_3.svg" alt="Icon">
</div>
<div class="service-grid_content">
<h3 class="box-title"><a href="service-details.html">Creative Layout</a></h3>
<p class="service-grid_text">Creative layout design involves skillfully arranging visual elements, colors</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="service-grid th-ani">
<div class="service-grid_icon">
<img src="assets/img/icon/service_grid_4.svg" alt="Icon">
</div>
<div class="service-grid_content">
<h3 class="box-title"><a href="service-details.html">Product Design</a></h3>
<p class="service-grid_text">Product design is the process of creating and refining a tangible or digital product</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="service-grid th-ani">
<div class="service-grid_icon">
<img src="assets/img/icon/service_grid_1.svg" alt="Icon">
</div>
<div class="service-grid_content">
<h3 class="box-title"><a href="service-details.html">Web Marketing</a></h3>
<p class="service-grid_text">Web marketing, also known as online marketing or digital marketing encompasses </p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="service-grid th-ani">
<div class="service-grid_icon">
<img src="assets/img/icon/service_grid_2.svg" alt="Icon">
</div>
<div class="service-grid_content">
<h3 class="box-title"><a href="service-details.html">Web Development</a></h3>
<p class="service-grid_text">Web development involves creating and maintaining websites or web applications</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="service-grid th-ani">
<div class="service-grid_icon">
<img src="assets/img/icon/service_grid_3.svg" alt="Icon">
</div>
<div class="service-grid_content">
<h3 class="box-title"><a href="service-details.html">Creative Layout</a></h3>
<p class="service-grid_text">Creative layout design involves skillfully arranging visual elements, colors</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<button data-slider-prev="#serviceSlider1" class="slider-arrow slider-prev"><i class="far fa-arrow-left"></i></button>
<button data-slider-next="#serviceSlider1" class="slider-arrow slider-next"><i class="far fa-arrow-right"></i></button>
</div>
</div>
</section> <!--==============================
Team Area
==============================-->
<section class="team-area2 th-radius3 m-4 mt-0 mb-0 space" data-bg-src="assets/img/bg/team_bg_1.jpg">
<div class="container th-container2">
<div class="title-area">
<span class="sub-title style1 text-white">Dedicated Team Members</span>
<h2 class="sec-title text-white">We’ve professional dedicated team members</h2>
</div>
<div class="slider-area">
<div class="swiper th-slider has-shadow" id="teamSlider2" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"4"}}}'>
<div class="swiper-wrapper">
<!-- Single Item -->
<div class="swiper-slide">
<div class="th-team team-card">
<div class="team-img">
<img src="assets/img/team/team_2_1.jpg" alt="Team">
<div class="social-links">
<a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
<a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="box-content">
<div class="media-body">
<h3 class="box-title"><a href="team-details.html">Honey Deep</a></h3>
<span class="team-desig">Chief Officer</span>
</div>
</div>
</div>
</div>
<!-- Single Item -->
<div class="swiper-slide">
<div class="th-team team-card">
<div class="team-img">
<img src="assets/img/team/team_2_2.jpg" alt="Team">
<div class="social-links">
<a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
<a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="box-content">
<div class="media-body">
<h3 class="box-title"><a href="team-details.html">Mac Alexixe</a></h3>
<span class="team-desig">CEO, of Founder</span>
</div>
</div>
</div>
</div>
<!-- Single Item -->
<div class="swiper-slide">
<div class="th-team team-card">
<div class="team-img">
<img src="assets/img/team/team_2_3.jpg" alt="Team">
<div class="social-links">
<a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
<a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="box-content">
<div class="media-body">
<h3 class="box-title"><a href="team-details.html">Alex Julian</a></h3>
<span class="team-desig">Instructor</span>
</div>
</div>
</div>
</div>
<!-- Single Item -->
<div class="swiper-slide">
<div class="th-team team-card">
<div class="team-img">
<img src="assets/img/team/team_2_4.jpg" alt="Team">
<div class="social-links">
<a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
<a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="box-content">
<div class="media-body">
<h3 class="box-title"><a href="team-details.html">Jenifer Lopez</a></h3>
<span class="team-desig">Instructor</span>
</div>
</div>
</div>
</div>
<!-- Single Item -->
<div class="swiper-slide">
<div class="th-team team-card">
<div class="team-img">
<img src="assets/img/team/team_2_1.jpg" alt="Team">
<div class="social-links">
<a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
<a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="box-content">
<div class="media-body">
<h3 class="box-title"><a href="team-details.html">Henry Joseph</a></h3>
<span class="team-desig">Senior Instructor</span>
</div>
</div>
</div>
</div>
<!-- Single Item -->
<div class="swiper-slide">
<div class="th-team team-card">
<div class="team-img">
<img src="assets/img/team/team_2_2.jpg" alt="Team">
<div class="social-links">
<a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
<a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="box-content">
<div class="media-body">
<h3 class="box-title"><a href="team-details.html">Honey Deep</a></h3>
<span class="team-desig">Chief Officer</span>
</div>
</div>
</div>
</div>
</div>
</div>
<button data-slider-prev="#teamSlider2" class="slider-arrow style2 slider-prev"><i class="far fa-arrow-left"></i></button>
<button data-slider-next="#teamSlider2" class="slider-arrow style2 slider-next"><i class="far fa-arrow-right"></i></button>
</div>
</div>
</section><!--==============================
Faq Area
==============================-->
<div class="faq-area position-relative space overflow-hidden" id="faq-sec">
<div class="container th-container2">
<div class="row align-items-center">
<div class="col-xl-6">
<div class="faq-img1">
<div class="img1 th-anim">
<img src="assets/img/normal/faq_1_1.png" alt="faq">
</div>
<div class="img2 dance2 th-anim">
<img src="assets/img/normal/faq_1_2.png" alt="faq">
</div>
<div class="faq-client-box jump">
<div class="client-thumb-group">
<img src="assets/img/testimonial/client-img-1.png" alt="avater">
</div>
<span class="cilent-box_title">Customer Feedbacks</span>
</div>
<div class="faq-shape"></div>
</div>
</div>
<div class="col-xl-6">
<div class="ps-xl-5 ms-xl-3">
<div class="title-area pe-xl-5 me-xl-4 text-center text-xl-start">
<span class="sub-title style1">Talk To About Any Question?</span>
<h2 class="sec-title">Share the joy of achieving glorious moments & climbed up the top</h2>
</div>
<div class="accordion" id="faqAccordion">
<div class="accordion-card">
<div class="accordion-header" id="collapse-item-1">
<button class="accordion-button " type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="true" aria-controls="collapse-1">How can we help your business?</button>
</div>
<div id="collapse-1" class="accordion-collapse collapse show" aria-labelledby="collapse-item-1" data-bs-parent="#faqAccordion">
<div class="accordion-body">
<p class="faq-text">I appreciate your willingness to help, but it's important to clarify that I am a virtual assistant created by OpenAI, and I don't have a business or personal needs. My purpose is to assist and provide information to the best of my ability</p>
</div>
</div>
</div>
<div class="accordion-card">
<div class="accordion-header" id="collapse-item-2">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="false" aria-controls="collapse-2">What are the advantages of Digix?</button>
</div>
<div id="collapse-2" class="accordion-collapse collapse " aria-labelledby="collapse-item-2" data-bs-parent="#faqAccordion">
<div class="accordion-body">
<p class="faq-text">As of my last knowledge update in January 2022, Digix refers to DigixGlobal, a company that tokenizes physical assets, primarily gold, on the Ethereum blockchain. </p>
</div>
</div>
</div>
<div class="accordion-card">
<div class="accordion-header" id="collapse-item-3">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="false" aria-controls="collapse-3">How working process is simplified?</button>
</div>
<div id="collapse-3" class="accordion-collapse collapse " aria-labelledby="collapse-item-3" data-bs-parent="#faqAccordion">
<div class="accordion-body">
<p class="faq-text">Implementing automation for routine and repetitive tasks can significantly reduce manual effort and the risk of errors. This can be achieved through the use of software tools, scripts, or robotic process automation (RPA) systems.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!--==============================
Project Area
==============================-->
<section class="bg-title th-radius3 m-4 mt-0 mb-0 overflow-hidden space">
<div class="container th-container2">
<div class="row justify-content-lg-between justify-content-center align-items-center">
<div class="col-lg-6 mb-n2 mb-lg-0">
<div class="title-area text-center text-lg-start">
<span class="sub-title style1 text-white">LATEST PROJECT</span>
<h2 class="sec-title text-white">Project Success Stories</h2>
</div>
</div>
<div class="col-auto">
<div class="sec-btn">
<a href="project.html" class="th-btn style1">View All Project</a>
</div>
</div>
</div> <!-- / Title row -->
<div class="slider-area">
<div class="swiper th-slider has-shadow" id="projectSlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"}}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="project-card">
<div class="project-img">
<img src="assets/img/project/project_1_1.jpg" alt="project image">
</div>
<div class="project-content">
<h3 class="box-title"><a href="project-details.html">Major Insurance Provider Saves $750k per Month With Big Data Migration</a></h3>
<p class="project-card_desc">The company needed to complete a complex migration on a tight deadline to avoid millions of dollars in post-contract fees and fines.</p>
<a href="project-details.html" class="line-btn">Learn More<i class="far fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-card">
<div class="project-img">
<img src="assets/img/project/project_1_2.jpg" alt="project image">
</div>
<div class="project-content">
<h3 class="box-title"><a href="project-details.html">major insurance provider to a big data cost savings of $750,000 is a significant</a></h3>
<p class="project-card_desc">Project Success is a broad term that can be interpreted in various ways depending on the context and the goals of a specific project.</p>
<a href="project-details.html" class="line-btn">Learn More<i class="far fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-card">
<div class="project-img">
<img src="assets/img/project/project_1_3.jpg" alt="project image">
</div>
<div class="project-content">
<h3 class="box-title"><a href="project-details.html">That's a significant achievement! Saving $750,000 per month through a big data migration</a></h3>
<p class="project-card_desc">Project Success is a term that generally refers to the achievement of the goals and objectives set for a specific project.</p>
<a href="project-details.html" class="line-btn">Learn More<i class="far fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-card">
<div class="project-img">
<img src="assets/img/project/project_1_4.jpg" alt="project image">
</div>
<div class="project-content">
<h3 class="box-title"><a href="project-details.html">The headline Major Insurance Provider Saves $750k per Month With Big Data Migration</a></h3>
<p class="project-card_desc">Project Success" is a broad term that can be interpreted in various ways depending on the context and the goals of a particular project</p>
<a href="project-details.html" class="line-btn">Learn More<i class="far fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-card">
<div class="project-img">
<img src="assets/img/project/project_1_5.jpg" alt="project image">
</div>
<div class="project-content">
<h3 class="box-title"><a href="project-details.html">Major Insurance Provider Saves $750k per Month With Big Data Migration</a></h3>
<p class="project-card_desc">The company needed to complete a complex migration on a tight deadline to avoid millions of dollars in post-contract fees and fines.</p>
<a href="project-details.html" class="line-btn">Learn More<i class="far fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<button data-slider-prev="#projectSlider1" class="slider-arrow slider-prev"><i class="far fa-arrow-left"></i></button>
<button data-slider-next="#projectSlider1" class="slider-arrow slider-next"><i class="far fa-arrow-right"></i></button>
</div>
</div>
</section> <!--==============================
Process Area
==============================-->
<section class="overflow-hidden space" id="process-sec">
<div class="container th-container2">
<div class="process-title-area">
<div class="title-area pe-xl-3 ps-xl-3 text-center">
<span class="sub-title">Work Process</span>
<h2 class="sec-title">Our simplified fast and effective steps</h2>
</div>
</div>
<div class="process-wrapper">
<div class="nav nav-tabs process-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-step1-tab" data-bs-toggle="tab" data-bs-target="#nav-step1" type="button"><span class="step-title">Step One</span>
Client Consultation
<span class="process-icon"><i class="fa-light fa-angles-right fa-fw"></i></span></button>
<button class="nav-link" id="nav-step2-tab" data-bs-toggle="tab" data-bs-target="#nav-step2" type="button"><span class="step-title">Step Two</span>
Solution Design
<span class="process-icon"><i class="fa-light fa-angles-right fa-fw"></i></span></button>
<button class="nav-link" id="nav-step3-tab" data-bs-toggle="tab" data-bs-target="#nav-step3" type="button"><span class="step-title">Step Three</span>
Proof of Concept
<span class="process-icon"><i class="fa-light fa-angles-right fa-fw"></i></span></button>
<button class="nav-link" id="nav-step4-tab" data-bs-toggle="tab" data-bs-target="#nav-step4" type="button"><span class="step-title">Step Four</span>
Client Feedback</button>
</div>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade active show" id="nav-step1" role="tabpanel">
<!--==============================
Process Area
==============================-->
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_1.svg" alt="icon">
</div>
<p class="process-card_text"> A client consultation is a crucial step in various professions, including but not limited</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_2.svg" alt="icon">
</div>
<p class="process-card_text">Solution design involves crafting a comprehensive plan to address specific challenges </p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_3.svg" alt="icon">
</div>
<p class="process-card_text">A proof of concept is a brief demonstration or prototype that validates the feasibility </p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_4.svg" alt="icon">
</div>
<p class="process-card_text">Client feedback is invaluable, providing insights into satisfaction and areas for improvement</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
<div class="tab-pane fade" id="nav-step2" role="tabpanel">
<!--==============================
Process Area
==============================-->
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_1.svg" alt="icon">
</div>
<p class="process-card_text"> A client consultation is a crucial step in various professions, including but not limited</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_2.svg" alt="icon">
</div>
<p class="process-card_text">Solution design involves crafting a comprehensive plan to address specific challenges </p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_3.svg" alt="icon">
</div>
<p class="process-card_text">A proof of concept is a brief demonstration or prototype that validates the feasibility </p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_4.svg" alt="icon">
</div>
<p class="process-card_text">Client feedback is invaluable, providing insights into satisfaction and areas for improvement</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
<div class="tab-pane fade" id="nav-step3" role="tabpanel">
<!--==============================
Process Area
==============================-->
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_1.svg" alt="icon">
</div>
<p class="process-card_text"> A client consultation is a crucial step in various professions, including but not limited</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_2.svg" alt="icon">
</div>
<p class="process-card_text">Solution design involves crafting a comprehensive plan to address specific challenges </p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_3.svg" alt="icon">
</div>
<p class="process-card_text">A proof of concept is a brief demonstration or prototype that validates the feasibility </p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_4.svg" alt="icon">
</div>
<p class="process-card_text">Client feedback is invaluable, providing insights into satisfaction and areas for improvement</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
<div class="tab-pane fade" id="nav-step4" role="tabpanel">
<!--==============================
Process Area
==============================-->
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_1.svg" alt="icon">
</div>
<p class="process-card_text"> A client consultation is a crucial step in various professions, including but not limited</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_2.svg" alt="icon">
</div>
<p class="process-card_text">Solution design involves crafting a comprehensive plan to address specific challenges </p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_3.svg" alt="icon">
</div>
<p class="process-card_text">A proof of concept is a brief demonstration or prototype that validates the feasibility </p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
<div class="process-card">
<div class="process-card_icon">
<img src="assets/img/icon/process_box_4.svg" alt="icon">
</div>
<p class="process-card_text">Client feedback is invaluable, providing insights into satisfaction and areas for improvement</p>
<a href="service-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section><!--==============================
Testimonial Area
==============================-->
<section class="overflow-hidden bg-top-center th-radius3 m-4 mt-0 mb-0 space" id="testi-sec" data-bg-src="assets/img/bg/testimonial_bg_1.jpg">
<div class="container th-container2">
<div class="row justify-content-lg-between justify-content-center align-items-end">
<div class="col-xxl-4 col-xl-6">
<div class="title-area text-center text-lg-start">
<span class="sub-title style1 text-white">Customer Feedbacks</span>
<h2 class="sec-title text-white">See what our clients have to say</h2>
</div>
</div>
<div class="col-lg-auto d-none d-xl-block">
<div class="sec-btn">
<div class="icon-box">
<button data-slider-prev="#testiSlider2" class="slider-arrow style2 default"><i class="far fa-arrow-left"></i></button>
<button data-slider-next="#testiSlider2" class="slider-arrow style2 default"><i class="far fa-arrow-right"></i></button>
</div>
</div>
</div>
</div>
<div class="slider-area">
<div class="swiper th-slider has-shadow" id="testiSlider2" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"}}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testi-box th-ani">
<div class="testi-box_image">
<img src="assets/img/testimonial/testi_img_1.png" alt="image">
</div>
<p class="testi-box_text">“Lectus volpat faucibus placerat eget nulla sodales aliquam molestie ante, himenaeos fames suscipit arcu cras cenas penatibus vivamus, aenean primis enim”</p>
<div class="testi-box_wrapper">
<div class="testi-box_profile">
<div class="testi-box_author">
<img src="assets/img/testimonial/testi_2_1.png" alt="Avater">
</div>
<div class="testi-box_info">
<h3 class="box-title">Andrew D. Smith</h3>
<span class="testi-box_desig">Manager</span>
</div>
</div>
<div class="testi-quote">
<img src="assets/img/icon/quote.svg" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testi-box th-ani">
<div class="testi-box_image">
<img src="assets/img/testimonial/testi_img_1.png" alt="image">
</div>
<p class="testi-box_text">“Objectively visualize error-free technology for B2B alignment. Monotonectally harness an expanded array of models via effective collaboration in the success.”</p>
<div class="testi-box_wrapper">
<div class="testi-box_profile">
<div class="testi-box_author">
<img src="assets/img/testimonial/testi_2_2.png" alt="Avater">
</div>
<div class="testi-box_info">
<h3 class="box-title">Brooklyn Simmons</h3>
<span class="testi-box_desig">CTO of Portfolio</span>
</div>
</div>
<div class="testi-quote">
<img src="assets/img/icon/quote.svg" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testi-box th-ani">
<div class="testi-box_image">
<img src="assets/img/testimonial/testi_img_1.png" alt="image">
</div>
<p class="testi-box_text">“Completely drive innovative value whereas out-of-the-box paradigms. Interactively pursue stand-alone markets after global say that they results..”</p>
<div class="testi-box_wrapper">
<div class="testi-box_profile">
<div class="testi-box_author">
<img src="assets/img/testimonial/testi_2_3.png" alt="Avater">
</div>
<div class="testi-box_info">
<h3 class="box-title">Savannah Nguyen</h3>
<span class="testi-box_desig">CEO at Rimasu</span>
</div>
</div>
<div class="testi-quote">
<img src="assets/img/icon/quote.svg" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testi-box th-ani">
<div class="testi-box_image">
<img src="assets/img/testimonial/testi_img_1.png" alt="image">
</div>
<p class="testi-box_text">“The best service reinvent prospective metrics before granular schema. Professionally metrics before expedite client-centric or analyzing before expedite methods ”</p>
<div class="testi-box_wrapper">
<div class="testi-box_profile">
<div class="testi-box_author">
<img src="assets/img/testimonial/testi_2_4.png" alt="Avater">
</div>
<div class="testi-box_info">
<h3 class="box-title">Cameron Williamson</h3>
<span class="testi-box_desig">Founder CEO</span>
</div>
</div>
<div class="testi-quote">
<img src="assets/img/icon/quote.svg" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testi-box th-ani">
<div class="testi-box_image">
<img src="assets/img/testimonial/testi_img_1.png" alt="image">
</div>
<p class="testi-box_text">“I've had the pleasure of working with Webteck for the past year, and I can confidently say that they have been instrumental say that they in the success.”</p>
<div class="testi-box_wrapper">
<div class="testi-box_profile">
<div class="testi-box_author">
<img src="assets/img/testimonial/testi_2_2.png" alt="Avater">
</div>
<div class="testi-box_info">
<h3 class="box-title">Brooklyn Simmons</h3>
<span class="testi-box_desig">Project Manager</span>
</div>
</div>
<div class="testi-quote">
<img src="assets/img/icon/quote.svg" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testi-box th-ani">
<div class="testi-box_image">
<img src="assets/img/testimonial/testi_img_1.png" alt="image">
</div>
<p class="testi-box_text">“Phosfluorescently reinvent prospective metrics before granular schema. Professionally metrics before expedite client-centric before expedite methods .”</p>
<div class="testi-box_wrapper">
<div class="testi-box_profile">
<div class="testi-box_author">
<img src="assets/img/testimonial/testi_2_3.png" alt="Avater">
</div>
<div class="testi-box_info">
<h3 class="box-title">Savannah Nguyen</h3>
<span class="testi-box_desig">Head Manager</span>
</div>
</div>
<div class="testi-quote">
<img src="assets/img/icon/quote.svg" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testi-box th-ani">
<div class="testi-box_image">
<img src="assets/img/testimonial/testi_img_1.png" alt="image">
</div>
<p class="testi-box_text">“If you have specific questions about gathering or analyzing customer feedback, or if you're looking for general information or analyzing feel free to ask.”</p>
<div class="testi-box_wrapper">
<div class="testi-box_profile">
<div class="testi-box_author">
<img src="assets/img/testimonial/testi_2_1.png" alt="Avater">
</div>
<div class="testi-box_info">
<h3 class="box-title">Cameron Williamson</h3>
<span class="testi-box_desig">UI/UX Designer</span>
</div>
</div>
<div class="testi-quote">
<img src="assets/img/icon/quote.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!--==============================
Blog Area
==============================-->
<section class="position-relative overflow-hidden space-bottom" id="blog-sec">
<div class="container th-container2">
<div class="title-area text-center">
<span class="sub-title">NEWS & ARTICLES</span>
<h2 class="sec-title">View Our Latest Blog Insights </h2>
</div>
<div class="row gx-30 gy-30">
<div class="col-xl-6 col-lg-12">
<div class="blog-card">
<div class="blog-img"><img src="assets/img/blog/blog_3_1.jpg" alt="blog image"></div>
<div class="blog-content">
<div class="blog-tags">Startup - Growth</div>
<h3 class="box-title"><a href="blog-details.html">Many of those products offer the potential...</a>
</h3>
<p class="blog-card_text">Praesent tempor mollis aliquet rhoncus vestibulum ridiculus vivamus, donec ac vehicula
interdum congue scelerisque duis lacinia, conubia egestas...</p>
<div class="blog-btn"> <a href="blog-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a></div>
<div class="blog-card_profile">
<div class="blog-card_author">
<img src="assets/img/blog/blog_author_1.png" alt="Avater">
</div>
<div class="blog-card_info">
<h3 class="blog-card_name">Danch Martin</h3>
<a href="blog.html">15 Feb , 2024</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="blog-card style2">
<div class="blog-img"><img src="assets/img/blog/blog_3_2.jpg" alt="blog image"></div>
<div class="blog-content">
<div class="blog-tags">Startup - Growth</div>
<h3 class="box-title"><a href="blog-details.html">Modern House at leverage existing future proof rather than of-manusa...</a>
</h3>
<div class="blog-btn"> <a href="blog-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a></div>
<div class="blog-card_profile">
<div class="blog-card_author">
<img src="assets/img/blog/blog_author_2.png" alt="Avater">
</div>
<div class="blog-card_info">
<h3 class="blog-card_name">Jenifer Lopez</h3>
<a href="blog.html">20 Feb , 2024</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="blog-card style2">
<div class="blog-img"><img src="assets/img/blog/blog_3_3.jpg" alt="blog image"></div>
<div class="blog-content">
<div class="blog-tags">Startup - Growth</div>
<h3 class="box-title"><a href="blog-details.html">Developers within IT teams are responsible for creating and software...</a>
</h3>
<div class="blog-btn"> <a href="blog-details.html" class="line-btn">Learn More<i class="fa-regular fa-arrow-right"></i></a></div>
<div class="blog-card_profile">
<div class="blog-card_author">
<img src="assets/img/blog/blog_author_3.png" alt="Avater">
</div>
<div class="blog-card_info">
<h3 class="blog-card_name">Alex Julian</h3>
<a href="blog.html">25 Feb , 2024</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section> <!--==============================
Footer Area
==============================-->
<footer class="footer-wrapper footer-layout2">
<div class="footer-area th-screen">
<div class="widget-area">
<div class="container th-container2">
<div class="row justify-content-between">
<div class="col-md-6 col-lg-6 col-xl-3">
<div class="widget footer-widget">
<div class="th-widget-about">
<div class="about-logo">
<a href="home-web-agency.html"><img src="assets/img/logo.svg" alt="Webtek"></a>
</div>
<p class="about-text text-white">Dictum curae mollis eu lectus leo non integer tempus torquent sociis, sagittis
tempor imperdiet luctus.</p>
<div class="th-social">
<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.whatsapp.com/"><i class="fab fa-whatsapp"></i></a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xl-auto">
<div class="widget widget_nav_menu footer-widget">
<h3 class="widget_title">Service</h3>
<div class="menu-all-pages-container">
<ul class="menu">
<li><a href="service.html">Business Solutiong</a></li>
<li><a href="service.html">Web Development</a></li>
<li><a href="service.html">Marketing Services</a></li>
<li><a href="service.html">App Development</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-auto">
<div class="widget widget_nav_menu footer-widget">
<h3 class="widget_title">Resources</h3>
<div class="menu-all-pages-container">
<ul class="menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Watch Video</a></li>
<li><a href="service.html"> Our Servicess</a></li>
<li><a href="contact.html">Appointment</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-auto">
<div class="widget widget_nav_menu footer-widget">
<h3 class="widget_title">Company</h3>
<div class="menu-all-pages-container">
<ul class="menu">
<li><a href="about.html">About us</a></li>
<li><a href="contact.html">Careers</a></li>
<li><a href="contact.html">Become a Partner</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-auto">
<div class="widget widget_nav_menu footer-widget">
<h3 class="widget_title">Support</h3>
<div class="menu-all-pages-container">
<ul class="menu">
<li><a href="faq.html">Help & FAQs</a></li>
<li><a href="contact.html">Support</a></li>
<li><a href="contact.html">Refund Policy</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-wrap text-center">
<div class="container">
<p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="home-web-agency.html">Webtek</a>. All Rights Reserved.</p>
</div>
</div>
</div>
</footer>
<!--********************************
Code End Here
******************************** -->
<!-- Scroll To Top -->
<div class="scroll-top">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;">
</path>
</svg>
</div>
<!--==============================
All Js File
============================== -->
<!-- Jquery -->
<script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
<!-- Swiper Js -->
<script src="assets/js/swiper-bundle.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- Magnific Popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- Counter Up -->
<script src="assets/js/jquery.counterup.min.js"></script>
<!-- Range Slider -->
<script src="assets/js/jquery-ui.min.js"></script>
<!-- imagesloaded -->
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<!-- isotope -->
<script src="assets/js/isotope.pkgd.min.js"></script>
<!-- datetimepicker -->
<script src="assets/js/jquery.datetimepicker.min.js"></script>
<!-- gsap -->
<script src="assets/js/gsap.min.js"></script>
<!-- ScrollTrigger -->
<script src="assets/js/ScrollTrigger.min.js"></script>
<!-- nice select -->
<script src="assets/js/nice-select.min.js"></script>
<script src="assets/js/smooth-scroll.js"></script>
<!-- Main Js File -->
<script src="assets/js/main.js"></script>
</body>
</html>