<!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 Startup 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>
<!--[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><!--==============================
Hero Area
==============================-->
<div class="th-hero-wrapper hero-1" id="hero">
<div class="swiper th-slider hero-slider-1" id="heroSlide1" 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_1_1.jpg">
<img src="assets/img/hero/hero_overlay_1.png" alt="Hero Image">
</div>
<div class="container">
<div class="hero-style1">
<span class="sub-title style1" data-ani="slideinup" data-ani-delay="0.5s">Full IT Service Center</span>
<h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.6s"> Amazing feel work with leading teams </h1>
<div class="hero-big">
<h1 class="hero-big_text">Solution</h1>
</div>
<div class="btn-group" data-ani="slideinup" data-ani-delay="0.9s">
<a href="service.html" class="th-btn style5" data-ani="slideinup" data-ani-delay="0.9s">View Services</a>
<a href="contact.html" class="th-btn style2" data-ani="slideinup" data-ani-delay="0.9s">Make an Appointment</a>
</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_1_2.jpg">
<img src="assets/img/hero/hero_overlay_1.png" alt="Hero Image">
</div>
<div class="container">
<div class="hero-style1">
<span class="sub-title style1" data-ani="slideinup" data-ani-delay="0.5s">SECURE & IT SERVICES</span>
<h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.6s"> Webteck Is The Best IT Solution 2024 </h1>
<div class="hero-big">
<h1 class="hero-big_text">Solution</h1>
</div>
<div class="btn-group" data-ani="slideinup" data-ani-delay="0.9s">
<a href="service.html" class="th-btn style5" data-ani="slideinup" data-ani-delay="0.9s">View Services</a>
<a href="contact.html" class="th-btn style2" data-ani="slideinup" data-ani-delay="0.9s">Make an Appointment</a>
</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_1_3.jpg">
<img src="assets/img/hero/hero_overlay_1.png" alt="Hero Image">
</div>
<div class="container">
<div class="hero-style1">
<span class="sub-title style1" 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">Solution</h1>
</div>
<div class="btn-group" data-ani="slideinup" data-ani-delay="0.9s">
<a href="service.html" class="th-btn style5" data-ani="slideinup" data-ani-delay="0.9s">View Services</a>
<a href="contact.html" class="th-btn style2" data-ani="slideinup" data-ani-delay="0.9s">Make an Appointment</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button data-slider-prev="#heroSlide1" class="slider-arrow slider-prev"><i class="far fa-arrow-left"></i></button>
<button data-slider-next="#heroSlide1" class="slider-arrow slider-next"><i class="far fa-arrow-right"></i></button>
</div>
<!--======== / Hero Section ========--><!--==============================
Service Area
==============================-->
<section class="service-area bg-white th-radius space-extra3 space">
<div class="container">
<div class="row justify-content-lg-between justify-content-center align-items-end">
<div class="col-lg-5">
<div class="title-area text-center text-lg-start">
<span class="sub-title style1">Our IT Solutions</span>
<h2 class="sec-title">Solving IT Solutions in every sector, every day.</h2>
</div>
</div>
<div class="col-auto">
<div class="sec-btn">
<a href="service.html" class="th-btn">View All Services</a>
</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":"2"},"768":{"slidesPerView":"3"},"992":{"slidesPerView":"4"},"1200":{"slidesPerView":"6"}}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="service-box th-ani">
<div class="service-box_icon">
<img src="assets/img/icon/service_1_1.svg" alt="Icon">
</div>
<h3 class="box-title"><a href="service-details.html">UI/UX Design Service</a></h3>
<a href="service-details.html" class="icon-btn"><i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="service-box th-ani">
<div class="service-box_icon">
<img src="assets/img/icon/service_1_2.svg" alt="Icon">
</div>
<h3 class="box-title"><a href="service-details.html">Software Development</a></h3>
<a href="service-details.html" class="icon-btn"><i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="service-box th-ani">
<div class="service-box_icon">
<img src="assets/img/icon/service_1_3.svg" alt="Icon">
</div>
<h3 class="box-title"><a href="service-details.html">Digital Marketing</a></h3>
<a href="service-details.html" class="icon-btn"><i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="service-box th-ani">
<div class="service-box_icon">
<img src="assets/img/icon/service_1_4.svg" alt="Icon">
</div>
<h3 class="box-title"><a href="service-details.html">App Development</a></h3>
<a href="service-details.html" class="icon-btn"><i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="service-box th-ani">
<div class="service-box_icon">
<img src="assets/img/icon/service_1_5.svg" alt="Icon">
</div>
<h3 class="box-title"><a href="service-details.html">Digital IT Agency</a></h3>
<a href="service-details.html" class="icon-btn"><i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="service-box th-ani">
<div class="service-box_icon">
<img src="assets/img/icon/service_1_6.svg" alt="Icon">
</div>
<h3 class="box-title"><a href="service-details.html">Cyber Security</a></h3>
<a href="service-details.html" class="icon-btn"><i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="service-box th-ani">
<div class="service-box_icon">
<img src="assets/img/icon/service_1_1.svg" alt="Icon">
</div>
<h3 class="box-title"><a href="service-details.html">UI/UX Design Service</a></h3>
<a href="service-details.html" class="icon-btn"><i class="fa-regular fa-arrow-right"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="service-box th-ani">
<div class="service-box_icon">
<img src="assets/img/icon/service_1_2.svg" alt="Icon">
</div>
<h3 class="box-title"><a href="service-details.html">Software Development</a></h3>
<a href="service-details.html" class="icon-btn"><i class="fa-regular fa-arrow-right"></i></a>
</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><!--==============================
Course Area
==============================-->
<section class="course-area bg-theme >" data-bg-src="assets/img/bg/project_bg_1.jpg">
<div class="container">
<div class="row justify-content-lg-between justify-content-center align-items-end">
<div class="col-lg-5">
<div class="title-area text-center text-lg-start mb-30">
<span class="sub-title text-white style1">Project Case Studies</span>
<h2 class="sec-title text-white">Helping tech companies to achieving their goal</h2>
</div>
</div>
<div class="col-lg-auto d-none d-lg-block">
<div class="sec-btn">
<div class="icon-box">
<button data-slider-prev="#courseSlide1" class="slider-arrow default"><i class="far fa-arrow-left"></i></button>
<button data-slider-next="#courseSlide1" class="slider-arrow default"><i class="far fa-arrow-right"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="slider-area">
<div class="swiper th-slider course-slider has-shadow" id="courseSlide1" 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="course-card">
<div class="course-card_overlay" data-bg-src="assets/img/normal/course_overlay.png"></div>
<div class="course-card_img">
<img src="assets/img/course/course_1_1.jpg" alt="Image">
</div>
<div class="course-card_content">
<h3 class="box-title"><a href="project-details.html">The Art of Executing Project Based IT Solutions</a></h3>
<a href="project-details.html" class="line-btn">View Projects<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-card">
<div class="course-card_overlay" data-bg-src="assets/img/normal/course_overlay.png"></div>
<div class="course-card_img">
<img src="assets/img/course/course_1_2.jpg" alt="Image">
</div>
<div class="course-card_content">
<h3 class="box-title"><a href="project-details.html">Optimizing Project-Based IT Services for Enhanced</a></h3>
<a href="project-details.html" class="line-btn">View Projects<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-card">
<div class="course-card_overlay" data-bg-src="assets/img/normal/course_overlay.png"></div>
<div class="course-card_img">
<img src="assets/img/course/course_1_3.jpg" alt="Image">
</div>
<div class="course-card_content">
<h3 class="box-title"><a href="project-details.html">Strategies for Seamless Implementation and Success</a></h3>
<a href="project-details.html" class="line-btn">View Projects<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-card">
<div class="course-card_overlay" data-bg-src="assets/img/normal/course_overlay.png"></div>
<div class="course-card_img">
<img src="assets/img/course/course_1_1.jpg" alt="Image">
</div>
<div class="course-card_content">
<h3 class="box-title"><a href="project-details.html">The Art of Executing Project Based IT Solutions</a></h3>
<a href="project-details.html" class="line-btn">View Projects<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-card">
<div class="course-card_overlay" data-bg-src="assets/img/normal/course_overlay.png"></div>
<div class="course-card_img">
<img src="assets/img/course/course_1_3.jpg" alt="Image">
</div>
<div class="course-card_content">
<h3 class="box-title"><a href="project-details.html">Optimizing Project-Based IT Services for Enhanced</a></h3>
<a href="project-details.html" class="line-btn">View Projects<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-card">
<div class="course-card_overlay" data-bg-src="assets/img/normal/course_overlay.png"></div>
<div class="course-card_img">
<img src="assets/img/course/course_1_1.jpg" alt="Image">
</div>
<div class="course-card_content">
<h3 class="box-title"><a href="project-details.html">Strategies for Seamless Implementation and Success</a></h3>
<a href="project-details.html" class="line-btn">View Projects<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!--==============================
About Area
==============================-->
<div class=" bg-white th-radius space-extra3 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="ps-xl-4 ms-xl-2">
<div class="title-area mb-25">
<span class="sub-title style1">Our Company Story</span>
<h2 class="sec-title mb-20">Make it easy to do your business with us and we are best</h2>
<p class="about-desc">IT service providers work closely with clients to understand their unique needs and develop customized</p>
</div>
<div class="checklist">
<ul>
<li>Amazing communication.</li>
<li>Best trending designing experience.</li>
<li> Email & Live chat.</li>
</ul>
</div>
<div class="btn-group mt-40 justify-content-start">
<a href="contact.html" class="th-btn style4">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
</div><!--==============================
Cta Area
==============================-->
<section class="cta-sec" data-bg-src="assets/img/bg/cta_bg_1.jpg">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-12">
<div class="title-area mb-40 text-center">
<span class="sub-title text-white mb-20">We are here to answer your questions 24/7</span>
<h2 class="sec-title fs-48 text-white">Need A Consultation?</h2>
</div>
<div class="text-center">
<a href="contact.html" class="th-btn style1">Get A Quote</a>
</div>
</div>
</div>
</div>
</section><!--==============================
appointment Area
==============================-->
<section class="appointment-sec space-extra3 th-radius overflow-hidden space-top">
<div class="container">
<div class="appointment-wrapper">
<!--==============================
appointment Area
==============================-->
<div class="appointment-area-wrapper">
<form action="mail.php" method="POST" class="appointment-form input-smoke ajax-contact">
<div class="title-area mb-50 text-center">
<span class="sub-title">Make An
Appointment</span>
<h2 class="sec-title">Let’s discuss about new project</h2>
</div>
<div class="row">
<div class="form-group col-lg-4">
<input type="text" class="form-control" name="name" id="name" placeholder="Company Name*" required="">
</div>
<div class="form-group col-lg-4">
<input type="email" class="form-control" name="email" id="email" placeholder="Company Email*" required="">
</div>
<div class="form-group col-lg-4">
<input type="tel" class="form-control" name="number" id="number" placeholder="Contact Number*" required="">
</div>
</div>
<div class="row">
<div class="appointment-radio-wrapper">
<h4 class="sec-title mb-10">Select Industry:</h4>
<div class="appointment-radio">
<div class="class-name">
<input type="radio" id="comfort1" name="radio-group" checked>
<label for="comfort1">IT Startup Agency</label>
</div>
<div class="class-name">
<input type="radio" id="comfort2" name="radio-group">
<label for="comfort2">Software Company</label>
</div>
<div class="class-name">
<input type="radio" id="comfort3" name="radio-group">
<label for="comfort3">High-Tech Company</label>
</div>
<div class="class-name">
<input type="radio" id="comfort4" name="radio-group">
<label for="comfort4">3D Gaming Studio</label>
</div>
<div class="class-name">
<input type="radio" id="comfort5" name="radio-group">
<label for="comfort5">Crypto Broker</label>
</div>
<div class="class-name loadcontent">
<input type="radio" id="comfort6" name="radio-group">
<label for="comfort6">NFT Marketing</label>
</div>
<div class="class-name loadcontent">
<input type="radio" id="comfort7" name="radio-group">
<label for="comfort7">VR Gaming Startup</label>
</div>
<div class="th-loader">
<a href="" class="" id="loadMore"><i class="fa-sharp fa-regular fa-arrow-down"></i></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="form-group col-lg-4">
<input type="text" class="date-pick form-control" name="date" id="date-pick" placeholder="Select Date*">
</div>
<div class="form-group col-lg-4">
<input type="text" class="time-pick form-control" name="time" id="time-pick" placeholder="Select Time*">
</div>
<div class="form-group col-lg-4">
<input type="text" class="form-control" name="text" id="text" placeholder="Meeting Type*" required="">
</div>
<div class="form-btn col-12">
<button class="th-btn btn-fw">Submit Reservation</button>
</div>
</div>
<p class="form-messages mb-0 mt-3"></p>
</form>
</div>
</div>
</div>
</section> <!--==============================
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><!--==============================
Blog Area
==============================-->
<section class="bg-theme th-radius space-extra3 overflow-hidden space" data-bg-src="assets/img/bg/shape_bg_1.png">
<div class="container">
<div class="row justify-content-lg-between justify-content-center align-items-end">
<div class="col-lg">
<div class="title-area text-center text-lg-start">
<span class="sub-title text-white style1">Recent Blog
Posts</span>
<h2 class="sec-title text-white">Latest Blog Insight From Us</h2>
</div>
</div>
<div class="col-lg-auto d-none d-lg-block">
<div class="sec-btn">
<a href="blog.html" class="th-btn style3">View All Posts</a>
</div>
</div>
</div>
<div class="row gx-30 gy-30">
<div class="col-xl-8">
<div class="blog-grid style2">
<div class="blog-img"><img src="assets/img/blog/blog_1_1.jpg" alt="blog image"></div>
<div class="blog-content">
<div class="blog-meta">
<a href="blog.html"><i class="far fa-calendar"></i>23 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 class="blog-grid style2 mt-30">
<div class="blog-img"><img src="assets/img/blog/blog_1_2.jpg" alt="blog image"></div>
<div class="blog-content">
<div class="blog-meta">
<a href="blog.html"><i class="far fa-calendar"></i>24 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="col-xl-4">
<div class="blog-grid">
<div class="blog-img"><img src="assets/img/blog/blog_1_3.jpg" alt="blog image"></div>
<div class="blog-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>
</div>
</section><!--==============================
Testimonial Area
==============================-->
<section class="testi-area bg-white" id="testi-sec">
<div class="container">
<div class="title-area text-center">
<span class="sub-title">Customer
Feedbacks</span>
<h2 class="sec-title">Loved by our customer worldwide</h2>
</div>
<div class="slider-area testi-grid-area">
<div class="testi-indicator">
<div class="swiper th-slider testi-grid-thumb" data-slider-options='{"effect":"slide","slidesPerView":"5","spaceBetween":13,"loop":true}' data-slider-tab="#testiSlide1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="box-img">
<img src="assets/img/testimonial/testi_1_1.png" alt="Image">
</div>
</div>
<div class="swiper-slide">
<div class="box-img">
<img src="assets/img/testimonial/testi_1_2.png" alt="Image">
</div>
</div>
<div class="swiper-slide">
<div class="box-img">
<img src="assets/img/testimonial/testi_1_3.png" alt="Image">
</div>
</div>
<div class="swiper-slide">
<div class="box-img">
<img src="assets/img/testimonial/testi_1_4.png" alt="Image">
</div>
</div>
<div class="swiper-slide">
<div class="box-img">
<img src="assets/img/testimonial/testi_1_5.png" alt="Image">
</div>
</div>
</div>
</div>
</div>
<div class="swiper th-slider" id="testiSlide1" data-slider-options='{"effect":"slide","loop":true,"thumbs":{"swiper":".testi-grid-thumb"}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testi-card">
<p class="testi-card_text">I've had the pleasure of working with Webteck for the past year, and I can confidently say that they have been instrumental in the success of our IT initiatives. As a startup, we needed a technology partner that could not only meet our immediate needs but also grow with us as we expand our business. Webteck has exceeded our expectations on every front.</p>
<div class="testi-card_profile">
<div class="testi-card_content">
<h3 class="box-title">Michel Jane Alum</h3>
<span class="testi-card_desig">CTO of Portfolio</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testi-card">
<p class="testi-card_text">If you have specific questions about gathering or analyzing customer feedback, or if you're looking for general information on the importance of customer feedback, feel free to ask. Additionally, if you have a sample of customer feedback that you'd like assistance with, you can share it, and I can provide insights or suggestions based on you provide</p>
<div class="testi-card_profile">
<div class="testi-card_content">
<h3 class="box-title">Alex Michel</h3>
<span class="testi-card_desig">Founder CEO</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testi-card">
<p class="testi-card_text">It sounds like you're expressing positive feedback or a statement about a product or service being loved by customers worldwide. If this is a statement you want to share or discuss, it's great to highlight positive feedback! Customer satisfaction and positive testimonials can be powerful assets for a product or services businesses I'm here to help!</p>
<div class="testi-card_profile">
<div class="testi-card_content">
<h3 class="box-title">Jenny Wilson</h3>
<span class="testi-card_desig">Project Manager</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testi-card">
<p class="testi-card_text">If you have a specific question or if there's more information you'd like to provide or discuss regarding your product or service being loved by customers worldwide, feel free to share more details. Whether you're looking for advice on how to leverage this positive feedback, strategies to maintain customer satisfaction, or any other related </p>
<div class="testi-card_profile">
<div class="testi-card_content">
<h3 class="box-title">Savannah Nguyen</h3>
<span class="testi-card_desig">UI/UX Designer</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testi-card">
<p class="testi-card_text">It's fantastic to hear that your product or service is loved by customers worldwide! Positive customer feedback is a strong indicator of satisfaction and can contribute significantly to the success and reputation of a business. If you're looking to capitalize on this positive sentiment, here are a few as we expand our business topic, Positive customer feedback I'm here</p>
<div class="testi-card_profile">
<div class="testi-card_content">
<h3 class="box-title">Cameron Williamson</h3>
<span class="testi-card_desig">Disaster Recovery</span>
</div>
</div>
</div>
</div>
</div>
<button data-slider-prev="#testiSlide1" class="slider-arrow slider-prev"><i class="far fa-arrow-left"></i></button>
<button data-slider-next="#testiSlide1" class="slider-arrow slider-next"><i class="far fa-arrow-right"></i></button>
</div>
<div class="testi-line"></div>
</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>