File size: 41.06Kb
<!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 - Checkout</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">Checkout</h1>
<ul class="breadcumb-menu">
<li><a href="home-web-agency.html">Home</a></li>
<li>Checkout</li>
</ul>
</div>
</div>
</div><!--==============================
Checkout Arae
==============================-->
<div class="th-checkout-wrapper space-top space-extra-bottom">
<div class="container">
<div class="woocommerce-form-login-toggle">
<div class="woocommerce-info">Returning customer? <a href="#" class="showlogin">Click here to login</a>
</div>
</div>
<div class="row">
<div class="col-12">
<form action="#" class="woocommerce-form-login">
<div class="form-group">
<label>Username or email *</label>
<input type="text" class="form-control" placeholder="Username or email">
</div>
<div class="form-group">
<label>Password *</label>
<input type="text" class="form-control" placeholder="Password">
</div>
<div class="form-group">
<div class="custom-checkbox">
<input type="checkbox" id="remembermylogin">
<label for="remembermylogin">Remember Me</label>
</div>
</div>
<div class="form-group">
<button type="submit" class="th-btn">Login</button>
<p class="mt-3 mb-0"><a class="text-reset" href="#">Lost your password?</a></p>
</div>
</form>
</div>
</div>
<div class="woocommerce-form-coupon-toggle">
<div class="woocommerce-info">Have a coupon? <a href="#" class="showcoupon">Click here to enter your code</a> </div>
</div>
<div class="row">
<div class="col-12">
<form action="#" class="woocommerce-form-coupon">
<div class="form-group">
<label>Coupon code</label>
<input type="text" class="form-control" placeholder="Write your coupon code">
</div>
<div class="form-group">
<button type="submit" class="th-btn">Apply coupon</button>
</div>
</form>
</div>
</div>
<form action="#" class="woocommerce-checkout mt-40">
<div class="row ">
<div class="col-lg-6">
<h2 class="h4">Billing Details</h2>
<div class="row">
<div class="col-12 form-group">
<select class="form-select">
<option>United Kingdom (UK)</option>
<option>United State (US)</option>
<option>Equatorial Guinea (GQ)</option>
<option>Australia (AU)</option>
<option>Germany (DE)</option>
</select>
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="First Name">
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="Last Name">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Your Company Name">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Street Address">
<input type="text" class="form-control" placeholder="Apartment, suite, unit etc. (optional)">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Town / City">
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="Country">
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="Postcode / Zip">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Email Address">
<input type="text" class="form-control" placeholder="Phone number">
</div>
<div class="col-12 form-group">
<input type="checkbox" id="accountNewCreate">
<label for="accountNewCreate">Create An Account?</label>
</div>
</div>
</div>
<div class="col-lg-6">
<p id="ship-to-different-address">
<input id="ship-to-different-address-checkbox" type="checkbox" name="ship_to_different_address" value="1" checked>
<label for="ship-to-different-address-checkbox">
Ship to a different address?
<span class="checkmark"></span>
</label>
</p>
<div class="shipping_address">
<div class="row">
<div class="col-12 form-group">
<select class="form-select">
<option>United Kingdom (UK)</option>
<option>United State (US)</option>
<option>Equatorial Guinea (GQ)</option>
<option>Australia (AU)</option>
<option>Germany (DE)</option>
</select>
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="First Name">
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="Last Name">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Your Company Name">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Street Address">
<input type="text" class="form-control" placeholder="Apartment, suite, unit etc. (optional)">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Town / City">
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="Country">
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="Postcode / Zip">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Email Address">
<input type="text" class="form-control" placeholder="Phone number">
</div>
</div>
</div>
<div class="col-12 form-group">
<textarea cols="20" rows="5" class="form-control" placeholder="Notes about your order, e.g. special notes for delivery."></textarea>
</div>
</div>
</div>
</form>
<h4 class="mt-4 pt-lg-2">Your Order</h4>
<form action="#" class="woocommerce-cart-form">
<table class="cart_table mb-20">
<thead>
<tr>
<th class="cart-col-image">Image</th>
<th class="cart-col-productname">Product Name</th>
<th class="cart-col-price">Price</th>
<th class="cart-col-quantity">Quantity</th>
<th class="cart-col-total">Total</th>
</tr>
</thead>
<tbody>
<tr class="cart_item">
<td data-title="Product">
<a class="cart-productimage" href="shop-details.html"><img width="91" height="91" src="assets/img/product/product_thumb_1_1.jpg" alt="Image"></a>
</td>
<td data-title="Name">
<a class="cart-productname" href="shop-details.html">Bosco Apple Fruit</a>
</td>
<td data-title="Price">
<span class="amount"><bdi><span>$</span>18</bdi></span>
</td>
<td data-title="Quantity">
<strong class="product-quantity">01</strong>
</td>
<td data-title="Total">
<span class="amount"><bdi><span>$</span>18</bdi></span>
</td>
</tr>
</tbody>
<tfoot class="checkout-ordertable">
<tr class="cart-subtotal">
<th>Subtotal</th>
<td data-title="Subtotal" colspan="4"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>281.05</bdi></span></td>
</tr>
<tr class="woocommerce-shipping-totals shipping">
<th>Shipping</th>
<td data-title="Shipping" colspan="4"> Enter your address to view shipping options.
</td>
</tr>
<tr class="order-total">
<th>Total</th>
<td data-title="Total" colspan="4"><strong><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>281.05</bdi></span></strong>
</td>
</tr>
</tfoot>
</table>
</form>
<div class="mt-lg-3 mb-30">
<div class="woocommerce-checkout-payment">
<ul class="wc_payment_methods payment_methods methods">
<li class="wc_payment_method payment_method_bacs">
<input id="payment_method_bacs" type="radio" class="input-radio" name="payment_method" value="bacs" checked="checked">
<label for="payment_method_bacs">Direct bank transfer</label>
<div class="payment_box payment_method_bacs">
<p>Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order will not be shipped until the funds have cleared in our account.
</p>
</div>
</li>
<li class="wc_payment_method payment_method_cheque">
<input id="payment_method_cheque" type="radio" class="input-radio" name="payment_method" value="cheque">
<label for="payment_method_cheque">Cheque Payment</label>
<div class="payment_box payment_method_cheque">
<p>Please send a check to Store Name, Store Street, Store Town, Store State / County, Store Postcode.</p>
</div>
</li>
<li class="wc_payment_method payment_method_cod">
<input id="payment_method_cod" type="radio" class="input-radio" name="payment_method">
<label for="payment_method_cod">Credit Cart</label>
<div class="payment_box payment_method_cod">
<p>Pay with cash upon delivery.</p>
</div>
</li>
<li class="wc_payment_method payment_method_paypal">
<input id="payment_method_paypal" type="radio" class="input-radio" name="payment_method" value="paypal">
<label for="payment_method_paypal">Paypal</label>
<div class="payment_box payment_method_paypal">
<p>Pay via PayPal; you can pay with your credit card if you don’t have a PayPal account.</p>
</div>
</li>
</ul>
<div class="form-row place-order">
<button type="submit" class="th-btn">Place order</button>
</div>
</div>
</div>
</div>
</div><!--==============================
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>