<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home two || Izeetak || Izeetak HTML Template For IT Solutions Company</title>
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
<link href="static/css/css2.css" rel="stylesheet">
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/animate.min.css">
<link rel="stylesheet" href="static/css/custom-animate.css">
<link rel="stylesheet" href="static/css/all.min.css">
<link rel="stylesheet" href="static/css/jarallax.css">
<link rel="stylesheet" href="static/css/jquery.magnific-popup.css">
<link rel="stylesheet" href="static/css/nouislider.min.css">
<link rel="stylesheet" href="static/css/nouislider.pips.css">
<link rel="stylesheet" href="static/css/odometer.min.css">
<link rel="stylesheet" href="static/css/swiper.min.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" href="static/css/tiny-slider.min.css">
<link rel="stylesheet" href="static/css/stylesheet.css">
<link rel="stylesheet" href="static/css/owl.carousel.min.css">
<link rel="stylesheet" href="static/css/owl.theme.default.min.css">
<link rel="stylesheet" href="static/css/twentytwenty.css">
<link rel="stylesheet" href="static/css/jquery.bxslider.css">
<link rel="stylesheet" href="static/css/bootstrap-select.min.css">
<link rel="stylesheet" href="static/css/vegas.min.css">
<link rel="stylesheet" href="static/css/jquery-ui.css">
<link rel="stylesheet" href="static/css/timePicker.css">
<!-- template styles -->
<link rel="stylesheet" href="static/css/izeetak.css">
<link rel="stylesheet" href="static/css/izeetak-responsive.css">
</head>
<body>
<div class="preloader">
<img class="preloader__image" width="60" src="static/picture/loader.png" alt="">
</div>
<!-- /.preloader -->
<div class="page-wrapper">
<header class="main-header main-header-two clearfix">
<nav class="main-menu main-menu-two clearfix">
<div class="main-menu-wrapper clearfix">
<div class="main-menu-wrapper-inner clearfix">
<div class="main-menu-wrapper__left clearfix">
<div class="main-menu-wrapper__logo">
<a href="index.html"><img src="static/picture/logo-1.png" alt=""></a>
</div>
<div class="main-menu-wrapper__main-menu">
<a href="#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
<ul class="main-menu__list">
<li class="dropdown current">
<a href="index.html">Home</a>
<ul>
<li>
<a href="index.html">Home One</a>
</li>
<li><a href="">Home Two</a></li>
<li class="dropdown">
<a href="#">Header Styles</a>
<ul>
<li><a href="index.html">Header One</a></li>
<li><a href="index.html">Header Two</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#">Services</a>
<ul>
<li><a href="services.html">Services</a></li>
<li><a href="managed-it.html">Managed It</a></li>
<li><a href="it-support.html">IT Support</a></li>
<li><a href="it-consultancy.html">IT Consultancy</a></li>
<li><a href="cloud-computing.html">Cloud Computing</a></li>
<li><a href="cyber-security.html">Cyber Security</a></li>
<li><a href="custom-software.html">Custom Software</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Projects</a>
<ul>
<li><a href="project.html">Projects</a></li>
<li><a href="project-details.html">Project Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">News</a>
<ul>
<li><a href="news.html">News</a></li>
<li><a href="news-details.html">News Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="main-menu-wrapper__right">
<div class="main-menu-wrapper__call">
<div class="main-menu-wrapper__call-icon">
<img src="static/picture/phone-icon.png" alt="">
</div>
<div class="main-menu-wrapper__call-number">
<p>Have any questions?</p>
<h5><a href="tel:926668880000">Free: + 92 666 888 0000</a></h5>
</div>
</div>
<div class="main-menu-wrapper__search-box-cart-box">
<a href="#" class="main-menu-wrapper__search search-toggler icon-magnifying-glass"></a>
<a href="contact.html" class="main-menu-wrapper__cart icon-avatar"></a>
</div>
</div>
</div>
</div>
</nav>
</header>
<div class="stricky-header stricked-menu main-menu main-menu-two">
<div class="sticky-header__content"></div><!-- /.sticky-header__content -->
</div><!-- /.stricky-header -->
<!--Main Slider Two Start-->
<section class="main-slider main-slider-two">
<div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
"effect": "fade",
"pagination": {
"el": "#main-slider-pagination",
"type": "bullets",
"clickable": true
},
"navigation": {
"nextEl": "#main-slider__swiper-button-next",
"prevEl": "#main-slider__swiper-button-prev"
},
"autoplay": {
"delay": 5000
}}'>