<!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 - About Us</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>
<!--[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-layout1 header-absolute">
<div class="header-top">
<div class="container th-container">
<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>12 Division Park, SKY 12546. Berlin</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="container th-container">
<div class="menu-area">
<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/logo.svg" alt="Webtek"></a>
</div>
</div>
<div class="col-auto me-lg-auto">
<nav class="main-menu 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>
<button type="button" class="th-menu-toggle d-block d-lg-none"><i class="far fa-bars"></i></button>
</div>
<div class="col-auto d-none d-xl-block">
<div class="header-button">
<a href="service.html" class="th-btn">View All Services</a>
<a href="#" class="icon-btn sideMenuToggler d-none d-lg-block"><i class="far fa-bars"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</header><!--==============================
Breadcumb
============================== -->
<div class="breadcumb-wrapper " data-bg-src="assets/img/bg/breadcumb-bg.jpg">
<div class="container">
<div class="breadcumb-content">
<h1 class="breadcumb-title">About Us</h1>
<ul class="breadcumb-menu">
<li><a href="home-web-agency.html">Home</a></li>
<li>About Us</li>
</ul>
</div>
</div>
</div><!--==============================
About Area
==============================-->
<div class="about-area4 bg-white overflow-hidden overflow-hidden space" id="about-sec">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6">
<div class="img-box1">
<div class="img1 th-anim global-img">
<img src="assets/img/normal/about_1.jpg" alt="About">
</div>
<div class="img2 th-anim global-img jump">
<img src="assets/img/normal/about_2.jpg" alt="About">
</div>
<div class="about-shape"></div>
</div>
</div>
<div class="col-xl-6">
<div class="about-content-area ps-xl-4 ms-xl-2">
<div class="title-area mb-35">
<span class="sub-title">More About Us</span>
<h2 class="sec-title">Make it easy to do your business with us and we are best</h2>
<p class="">Digital agency companies cater to businesses of all sizes and industries, from
startups and small businesses to large enterprises. The objective is to help clients
leverage the power of the internet.</p>
</div>
<div class="about-counter-wrapper">
<div class="th-experience style2">
<div class="th-experience_content">
<h2 class="experience-year"><span class="counter-number">25</span>+</h2>
<p class="experience-text">Years Experience</p>
</div>
</div>
<div class="checklist">
<ul>
<li>Eamlessly conceptualize go forward total linkage</li>
<li>Whiteboard multifuional applications rather than</li>
<li> Applications rather than lived reliable functionale</li>
<li>Leverage other quality ideas synestic outsourcing</li>
</ul>
</div>
</div>
<div class="btn-group mt-40 justify-content-start">
<a href="about.html" class="th-btn">Get Started Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--==============================
Counter Area
==============================-->
<div class="bg-theme ">
<div class="container">
<div class="row">
<div class="col-sm-6 col-xl-3 counter-card-wrap style2">
<div class="counter-card style2">
<div class="box-icon">
<img src="assets/img/icon/counter_card_2_1.svg" alt="Icon">
</div>
<div class="media-body">
<h2 class="box-number text-white"><span class="counter-number">40</span>+</h2>
<p class="box-text text-white">Our Total Products</p>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3 counter-card-wrap style2">
<div class="counter-card style2">
<div class="box-icon">
<img src="assets/img/icon/counter_card_2_2.svg" alt="Icon">
</div>
<div class="media-body">
<h2 class="box-number text-white"><span class="counter-number">200</span>+</h2>
<p class="box-text text-white">Team Members</p>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3 counter-card-wrap style2">
<div class="counter-card style2">
<div class="box-icon">
<img src="assets/img/icon/counter_card_2_3.svg" alt="Icon">
</div>
<div class="media-body">
<h2 class="box-number text-white"><span class="counter-number">68</span>+</h2>
<p class="box-text text-white">Satisfied Customers</p>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3 counter-card-wrap style2">
<div class="counter-card style2">
<div class="box-icon">
<img src="assets/img/icon/counter_card_2_4.svg" alt="Icon">
</div>
<div class="media-body">
<h2 class="box-number text-white"><span class="counter-number">99</span>+</h2>
<p class="box-text text-white">Awards Winning</p>
</div>
</div>
</div>
</div>
</div>
</div><!--==============================
Video Area
==============================-->
<div class="space" data-bg-src="assets/img/bg/video_bg_1.jpg">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="title-area text-center">
<span class="sub-title">Watch Video</span>
<h2 class="sec-title">We help our clients realize their business ideas and achieve great results
</h2>
</div>
</div>
</div>
<div class="video-box1 th-anim">
<img src="assets/img/normal/video_1.jpg" alt="video">
<a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="play-btn popup-video"><i class="fa-sharp fa-solid fa-play"></i></a>
</div>
</div>
</div><!--==============================
Team Area
==============================-->
<section class="team-area">
<div class="container z-index-common">
<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">Team Members</span>
<h2 class="sec-title">Meet some of our 80+ team members</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="#teamSlider1" class="slider-arrow default"><i class="far fa-arrow-left"></i></button>
<button data-slider-next="#teamSlider1" class="slider-arrow 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="teamSlider1" 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-box">
<div class="team-img">
<img src="assets/img/team/team_1_1.jpg" alt="Team">
</div>
<div class="team-content">
<div class="media-body">
<h3 class="box-title"><a href="team-details.html">David London</a></h3>
<span class="team-desig">Marketer</span>
</div>
<div class="th-social">
<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>
</div>
<!-- Single Item -->
<div class="swiper-slide">
<div class="th-team team-box">
<div class="team-img">
<img src="assets/img/team/team_1_2.jpg" alt="Team">
</div>
<div class="team-content">
<div class="media-body">
<h3 class="box-title"><a href="team-details.html">Jasmin Mentara</a></h3>
<span class="team-desig">Designer</span>
</div>
<div class="th-social">
<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>
</div>
<!-- Single Item -->
<div class="swiper-slide">
<div class="th-team team-box">
<div class="team-img">
<img src="assets/img/team/team_1_3.jpg" alt="Team">
</div>
<div class="team-content">
<div class="media-body">
<h3 class="box-title"><a href="team-details.html">Danial Facundo</a></h3>
<span class="team-desig">CEO, of Founder</span>
</div>
<div class="th-social">
<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>
</div>
<!-- Single Item -->
<div class="swiper-slide">
<div class="th-team team-box">
<div class="team-img">
<img src="assets/img/team/team_1_4.jpg" alt="Team">
</div>
<div class="team-content">
<div class="media-body">
<h3 class="box-title"><a href="team-details.html">Ema Margret</a></h3>
<span class="team-desig">Developer</span>
</div>
<div class="th-social">
<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>
</div>
<!-- Single Item -->
<div class="swiper-slide">
<div class="th-team team-box">
<div class="team-img">
<img src="assets/img/team/team_1_1.jpg" alt="Team">
</div>
<div class="team-content">
<div class="media-body">
<h3 class="box-title"><a href="team-details.html">Henry Haninkot</a></h3>
<span class="team-desig">Head Manager</span>
</div>
<div class="th-social">
<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>
</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="overflow-hidden space-bottom" id="blog-sec">
<div class="container">
<div class="title-area text-center">
<span class="sub-title">News & Article</span>
<h2 class="sec-title">Latest news and updates</h2>
</div>
<div class="slider-area">
<div class="swiper th-slider has-shadow" id="blogSlider1" 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="blog-box th-ani">
<div class="blog-img">
<img src="assets/img/blog/blog_2_1.jpg" alt="blog image">
</div>
<div class="blog-box_content">
<div class="blog-meta">
<a href="blog.html"><i class="far fa-calendar"></i>25 Feb , 2024</a>
<a class="author" href="blog.html"><i class="far fa-user"></i>By Webtek</a>
</div>
<h3 class="box-title"><a href="blog-details.html">Developers within IT teams are responsible for creating and deploying software</a></h3>
<a href="blog-details.html" class="line-btn">Read Details<i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="blog-box th-ani">
<div class="blog-img">
<img src="assets/img/blog/blog_2_2.jpg" alt="blog image">
</div>
<div class="blog-box_content">
<div class="blog-meta">
<a href="blog.html"><i class="far fa-calendar"></i>25 Feb , 2024</a>
<a class="author" href="blog.html"><i class="far fa-user"></i>By Webtek</a>
</div>
<h3 class="box-title"><a href="blog-details.html">Implementing Strategic IT Solutions for the Seamless Integration enhanced Security</a></h3>
<a href="blog-details.html" class="line-btn">Read Details<i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="blog-box th-ani">
<div class="blog-img">
<img src="assets/img/blog/blog_2_3.jpg" alt="blog image">
</div>
<div class="blog-box_content">
<div class="blog-meta">
<a href="blog.html"><i class="far fa-calendar"></i>25 Feb , 2024</a>
<a class="author" href="blog.html"><i class="far fa-user"></i>By Webtek</a>
</div>
<h3 class="box-title"><a href="blog-details.html">Developers within IT teams are responsible for creating and deploying software</a></h3>
<a href="blog-details.html" class="line-btn">Read Details<i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="blog-box th-ani">
<div class="blog-img">
<img src="assets/img/blog/blog_2_1.jpg" alt="blog image">
</div>
<div class="blog-box_content">
<div class="blog-meta">
<a href="blog.html"><i class="far fa-calendar"></i>25 Feb , 2024</a>
<a class="author" href="blog.html"><i class="far fa-user"></i>By Webtek</a>
</div>
<h3 class="box-title"><a href="blog-details.html">Embracing Next-Generation IT Solutions to Propel Businesses into a New Era of Efficiency.</a></h3>
<a href="blog-details.html" class="line-btn">Read Details<i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="blog-box th-ani">
<div class="blog-img">
<img src="assets/img/blog/blog_2_2.jpg" alt="blog image">
</div>
<div class="blog-box_content">
<div class="blog-meta">
<a href="blog.html"><i class="far fa-calendar"></i>25 Feb , 2024</a>
<a class="author" href="blog.html"><i class="far fa-user"></i>By Webtek</a>
</div>
<h3 class="box-title"><a href="blog-details.html">Developers within IT teams are responsible for creating and deploying software</a></h3>
<a href="blog-details.html" class="line-btn">Read Details<i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="blog-box th-ani">
<div class="blog-img">
<img src="assets/img/blog/blog_2_3.jpg" alt="blog image">
</div>
<div class="blog-box_content">
<div class="blog-meta">
<a href="blog.html"><i class="far fa-calendar"></i>25 Feb , 2024</a>
<a class="author" href="blog.html"><i class="far fa-user"></i>By Webtek</a>
</div>
<h3 class="box-title"><a href="blog-details.html">Implementing Strategic IT Solutions for the Seamless Integration enhanced Security</a></h3>
<a href="blog-details.html" class="line-btn">Read Details<i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<button data-slider-prev="#blogSlider1" class="slider-arrow slider-prev"><i class="far fa-arrow-left"></i></button>
<button data-slider-next="#blogSlider1" class="slider-arrow slider-next"><i class="far fa-arrow-right"></i></button>
</div>
</div>
</section><!--==============================
Footer Area
==============================-->
<footer class="footer-wrapper footer-layout1" data-bg-src="assets/img/bg/footer_bg_1.jpg">
<div class="widget-area">
<div class="container">
<div class="row justify-content-between">
<div class="col-xl-12">
<div class="footer-top-area">
<div class="footer-top">
<div class="footer-logo">
<a href="index.html"><img src="assets/img/logo-footer.svg" alt="Webtek"></a>
</div>
<div class="">
<p class="footer-text">Their team's technical expertise is truly outstanding. They took
the time to thoroughly understand our goals and requirements and then designed and
implemented solutions that not only addressed our immediate challenges but also
positioned us for future growth.</p>
</div>
</div>
<div class="footer-menu-area">
<ul class="footer-menu">
<li>
<a href="index.html">Home</a>
</li>
<li><a href="#">Pages</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<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>
<div class="row gy-4 justify-content-center justify-content-lg-between">
<div class="col-lg-auto">
<div class="info-box">
<div class="info-box_icon">
<i class="fa-solid fa-location-dot"></i>
</div>
<div>
<span class="info-box_subtitle">Address</span>
<p class="info-box_text">12 Division Park, SKY <span class="d-block"> 12546. Berlin</span></p>
</div>
</div>
</div>
<div class="col-lg-auto">
<div class="info-box">
<div class="info-box_icon">
<i class="fa-solid fa-envelope"></i>
</div>
<div>
<span class="info-box_subtitle">Email</span>
<p class="info-box_text">
<a href="mailto:help@webteck-mail.com" class="info-box_link">help@webteck-mail.com</a>
<a href="mailto:24/7@webteck-online.com" class="info-box_link">24/7@webteck-online.com</a>
</p>
</div>
</div>
</div>
<div class="col-lg-auto">
<div class="info-box">
<div class="info-box_icon">
<i class="fa-solid fa-phone"></i>
</div>
<div>
<span class="info-box_subtitle">Call</span>
<p class="info-box_text">
<a href="tel:+215253632156" class="info-box_link">+(215) 2536-32156</a>
<a href="tel:+452369421587" class="info-box_link">+(452) 3694-21587</a>
</p>
</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>
</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>