Your IP : 52.15.109.209
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="author" content="Ziptech" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="Ziptech IT Solutions & Technology HTML5 Template" />
<meta name="keywords" content="it solutions, technology, software, it services, technology service, agency, consulting, startup, shipping, technology company, network solution" />
<title>Ziptech - IT Solutions & Technology HTML5 Template</title>
<link href="images/favicon.png" rel="shortcut icon" type="image/png" />
<!-- Main Stylesheet -->
<link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="css/landing-style.css" />
<link rel="stylesheet" href="../css/responsive.css" />
</head>
<body>
<!-- Preloader Start -->
<section>
<div id="preloader">
<div id="ctn-preloader" class="ctn-preloader">
<div class="animation-preloader">
<div class="spinner"></div>
<div class="txt-loading">
<span data-text-preloader="I" class="letters-loading">I</span>
<span data-text-preloader="N" class="letters-loading">N</span>
<span data-text-preloader="T" class="letters-loading">T</span>
<span data-text-preloader="E" class="letters-loading">E</span>
<span data-text-preloader="R" class="letters-loading">R</span>
<span data-text-preloader="A" class="letters-loading">A</span>
<span data-text-preloader="R" class="letters-loading">R</span>
</div>
</div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
</div>
</section>
<!-- Preloader End -->
<!-- Header Start -->
<section class="intro-header">
<div class="container d-flex justify-content-between align-items-center">
<div class="main-menu-logo">
<a href="index.html">
<img src="images/logo-dark.png" width="165" height="72" alt="logo" />
</a>
</div>
<div class="purchase-btn">
<a href="https://themeforest.net/item/ziptech-it-solutions-technology/43674326" class="btn1"><img src="images/envato.png" alt="Icon" />Purchase Now</a>
</div>
</div>
</section>
<!-- Header End -->
<!-- Demo Home Section Start -->
<section class="demo-banner-area pos-rel" data-background="images/banner-bg1.jpg">
<div class="container">
<div class="row">
<div class="col"></div>
<div class="col-lg-8">
<div class="demo-banner-inner text-center">
<h4 class="text-primary-color mrb-20">
<a href="#" class="typewrite" data-period="2000" data-type='[ "18+ Home Page Variations", "RTL Supported Layouts", "Dark Mood Supported Layouts", "Built With Sass", "Build With Bootstrap 5x", "RTL Supported Layouts", "Fully Responsive Design" ]'>
<span class="wrap"></span>
</a>
</h4>
<h2 class="mrt-0 large-text text-white demo-home-text mrb-30">Ziptech - IT Solutions & Technology HTML5 Template</h2>
</div>
</div>
<div class="col"></div>
</div>
</div>
<div class="intro-banner-devices">
<div class="demo-home mac">
<div class="demo-home phone">
<img src="images/phone.png" alt="" />
</div>
<img src="images/mac-device.png" alt="" />
<div class="demo-home laptop">
<img src="images/laptop-device.png" alt="" />
</div>
<div class="demo-home rtl">
<img src="images/rtl-img.png" alt="" />
</div>
</div>
</div>
</section>
<!-- Demo Home Section End -->
<!-- Demo Layout Section Area Start -->
<section class="demo-layout-preview-area bg-no-repeat bg-pos-ct pdt-200 pdt-md-170 pdt-sm-110 pdb-45" data-background="../images/bg/abs-bg1.png">
<div class="section-title text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-7 col-lg-10">
<div class="title-box-center">
<h5 class="sub-title-line-bottom text-primary-color mrb-10">All Demos</h5>
<h2 class="title">9+ Home Layouts Including <span class="text-primary-color">Dark</span> and <span class="text-primary-color">RTL</span></h2>
</div>
</div>
</div>
</div>
</div>
<div class="section-content">
<div class="custom-sm-container">
<div class="row">
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../index.html" target="_blank"><img src="images/demos/home1.jpg" alt="" /></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../index.html" target="_blank"><span class="text-primary-color">01.</span> Home Layout 1 (Light)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home2.html" target="_blank"><img src="images/demos/home2.jpg" alt="" /></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home2.html" target="_blank"><span class="text-primary-color">02.</span> Home Layout 2 (Light)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home3.html" target="_blank"><img src="images/demos/home3.jpg" alt="" /></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home3.html" target="_blank"><span class="text-primary-color">03.</span> Home Layout 3 (Light)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home3.html" target="_blank"><img src="images/demos/home4.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home4.html" target="_blank"><span class="text-primary-color">04.</span> Home Layout 4 (Light)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home5.html" target="_blank"><img src="images/demos/home5.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home5.html" target="_blank"><span class="text-primary-color">05.</span> Home Layout 5 (Light)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home6.html" target="_blank"><img src="images/demos/home6.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home6.html" target="_blank"><span class="text-primary-color">06.</span> Home Layout 6 (Light)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../index-dark.html" target="_blank"><img src="images/demos/home1-dark.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../index-dark.html" target="_blank"><span class="text-primary-color">07.</span> Home Layout 1 (Dark)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home2-dark.html" target="_blank"><img src="images/demos/home2-dark.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home2-dark.html" target="_blank"><span class="text-primary-color">08.</span> Home Layout 2 (Dark)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home3-dark.html" target="_blank"><img src="images/demos/home3-dark.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home3-dark.html" target="_blank"><span class="text-primary-color">09.</span> Home Layout 3 (Dark)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home4-dark.html" target="_blank"><img src="images/demos/home4-dark.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home4-dark.html" target="_blank"><span class="text-primary-color">10.</span> Home Layout 4 (Dark)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home5-dark.html" target="_blank"><img src="images/demos/home5-dark.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home5-dark.html" target="_blank"><span class="text-primary-color">11.</span> Home Layout 5 (Dark)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home6-dark.html" target="_blank"><img src="images/demos/home6-dark.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home6-dark.html" target="_blank"><span class="text-primary-color">12.</span> Home Layout 6 (Dark)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../index-rtl.html" target="_blank"><img src="images/demos/home1-rtl.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../index-rtl.html" target="_blank"><span class="text-primary-color">13.</span> Home Layout 1 (RTL)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home2-rtl.html" target="_blank"><img src="images/demos/home2-rtl.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home2-rtl.html" target="_blank"><span class="text-primary-color">14.</span> Home Layout 2 (RTL)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home3-rtl.html" target="_blank"><img src="images/demos/home3-rtl.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home3-rtl.html" target="_blank"><span class="text-primary-color">15.</span> Home Layout 3 (RTL)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home4-rtl.html" target="_blank"><img src="images/demos/home4-rtl.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home4-rtl.html" target="_blank"><span class="text-primary-color">16.</span> Home Layout 4 (RTL)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home5-rtl.html" target="_blank"><img src="images/demos/home5-rtl.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home5-rtl.html" target="_blank"><span class="text-primary-color">17.</span> Home Layout 5 (RTL)</a>
</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-4">
<div class="layout-preview-area">
<div class="layout-preview-area-thumb">
<a href="../home6-rtl.html" target="_blank"><img src="images/demos/home6-rtl.jpg" alt="" /><span class="preview-new-badge">New Added</span></a>
</div>
<div class="layout-preview-area-content">
<h4>
<a href="../home6-rtl.html" target="_blank"><span class="text-primary-color">18.</span> Home Layout 6 (RTL)</a>
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Demo Layout Section Area End -->
<!-- Footer Area Start -->
<footer class="footer bg-cover" data-background="../images/bg/5.jpg" data-overlay-dark="95">
<div class="footer-main-area">
<div class="container">
<div class="row justify-content-center mrb-100">
<div class="col-xl-7 col-lg-10 text-center">
<div class="footer-content-block">
<div class="landing-footer-logo mrb-30">
<a href="..\index.html"><img src="images/logo-light.png" alt="" /></a>
</div>
<h2 class="text-white mrb-45">Let's Build Your Website With Ziptech Template</h2>
<div class="purchase-btn justify-content-center">
<a href="https://themeforest.net/item/ziptech-it-solutions-technology/43674326" class="btn1"><img src="images/envato.png" alt="Icon" />Purchase Now</a>
</div>
</div>
</div>
</div>
<div class="row pdt-30 pdb-30 footer-copyright-area">
<div class="col-xl-12">
<div class="text-center">
<span>Copyright by WebexTheme © 2023. All rights reserved </span>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer Area End -->
<!-- Header Search Popup Start -->
<div class="search-popup">
<div class="search-popup-overlay search-toggler"></div>
<div class="search-popup-content">
<form action="#">
<label for="search" class="sr-only">search here</label>
<input type="text" id="search" placeholder="Search Here..." />
<button type="submit" aria-label="search submit" class="thm-btn">
<i class="base-icon-search-1"></i>
</button>
</form>
</div>
</div>
<!-- Header Search Popup End -->
<!-- Back to Top Start -->
<div class="anim-scroll-to-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" />
</svg>
</div>
<!-- Back to Top end -->
<!-- Integrated important scripts here -->
<script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/jquery.nice-select.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery.appear.min.js"></script>
<script src="../js/wow.min.js"></script>
<script src="../js/owl.carousel.min.js"></script>
<script src="../js/jquery.event.move.js"></script>
<script src="../js/jquery.twentytwenty.js"></script>
<script src="../js/tilt.jquery.min.js"></script>
<script src="../js/magnific-popup.min.js"></script>
<script src="../js/backtotop.js"></script>
<script src="../js/trigger.js"></script>
</body>
</html>