ok
Mini Shell
<!DOCTYPE html>
<html lang="zxx" dir="ltr">
<!-- Mirrored from demo.awaikenthemes.com/html-preview/zorvixa/html/services.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Mar 2024 12:13:27 GMT -->
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Awaiken">
<!-- Page Title -->
<title>Zorvixa - Insurance Agency HTML Template</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Google Fonts css-->
<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=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,900&family=Sintony:wght@400;700&display=swap" rel="stylesheet">
<!-- Bootstrap css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome icon css-->
<link href="css/all.min.css" rel="stylesheet" media="screen">
<!-- Animated css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific css -->
<link href="css/magnific-popup.css" rel="stylesheet">
<!-- Main custom css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="tt-magic-cursor">
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Magic Cursor Start -->
<div id="magic-cursor">
<div id="ball"></div>
</div>
<!-- Magic Cursor End -->
<!-- Topbar Section Start -->
<div class="header-link-section">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<!-- Topbar Contact Info Start -->
<div class="header-contact-info">
<ul>
<li><a href="#"><i class="fa-solid fa-phone"></i>+0123 456 789</a></li>
<li><a href="#"><i class="fa-solid fa-envelope"></i>info@domain.com</a></li>
</ul>
</div>
<!-- Topbar Contact Info End -->
</div>
<div class="col-md-6">
<!-- Header Social Links Start -->
<div class="header-social-link">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
<!-- Header Social Links End -->
</div>
</div>
</div>
</div>
<!-- Topbar Section End -->
<!-- Header Start -->
<header class="main-header" id="hero-section">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="index.html">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<!-- Main Menu start -->
<div class="collapse navbar-collapse main-menu">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item first-menu"><a class="nav-link" href="index-2.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About us</a></li>
<li class="nav-item"><a class="nav-link" href="services.html">Services</a></li>
<li class="nav-item has-submenu"><a class="nav-link" href="#">Pages</a>
<ul class="submenu">
<li class="nav-item"><a class="nav-link" href="services-single.html">Service Single</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog Details</a></li>
<li class="nav-item"><a class="nav-link" href="404.html">404</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="team.html">Our Team</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="contact.html">Contact Us</a></li>
</ul>
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Subpage Section Start -->
<div class="page-header parallaxie servicr-hero">
<div class="container">
<div class="row">
<div class="co-md-12">
<!-- Sub page Header start -->
<div class="page-header-box">
<h1 class="text-anime">Servcies</h1>
<nav>
<ol class="breadcrumb wow fadeInUp" data-wow-delay="0.50s">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active">Servcies</li>
</ol>
</nav>
</div>
<!-- Sub page Header end -->
</div>
</div>
</div>
</div>
<!-- Subpage Section End -->
<!-- Services Page Start -->
<div class="service-page-section">
<div class="container">
<div class="row">
<!-- Services Step Box Start -->
<div class="col-lg-4 col-md-6">
<div class="step-box wow fadeInUp" data-wow-delay="0.50s">
<!-- Step Box Img start -->
<div class="step-img">
<figure class="image-anime">
<img src="images/services-1.jpg" alt="">
</figure>
</div>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<div class="step-icon">
<img src="images/icon-services-1.svg" alt="">
</div>
<!-- Step Icon end -->
<h3>Health Insurance</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
<a href="services-single.html" class="btn-read-more">Read More</a>
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
<!-- Services Step Box Start -->
<div class="col-lg-4 col-md-6">
<div class="step-box wow fadeInUp" data-wow-delay="0.75s">
<!-- Step Box Img start -->
<div class="step-img">
<figure class="image-anime">
<img src="images/services-2.jpg" alt="">
</figure>
</div>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<div class="step-icon">
<img src="images/icon-services-2.svg" alt="">
</div>
<!-- Step Icon end -->
<h3>Car Insurance</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
<a href="services-single.html" class="btn-read-more">Read More</a>
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
<!-- Services Step Box Start -->
<div class="col-lg-4 col-md-6">
<div class="step-box wow fadeInUp" data-wow-delay="1.0s">
<!-- Step Box Img start -->
<div class="step-img">
<figure class="image-anime">
<img src="images/services-3.jpg" alt="">
</figure>
</div>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<div class="step-icon">
<img src="images/icon-services-3.svg" alt="">
</div>
<!-- Step Icon end -->
<h3>Home Insurance</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
<a href="services-single.html" class="btn-read-more">Read More</a>
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
<!-- Services Step Box Start -->
<div class="col-lg-4 col-md-6">
<div class="step-box wow fadeInUp" data-wow-delay="1.25s">
<!-- Step Box Img start -->
<div class="step-img">
<figure class="image-anime">
<img src="images/services-4.jpg" alt="">
</figure>
</div>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<div class="step-icon">
<img src="images/icon-services-4.svg" alt="">
</div>
<!-- Step Icon end -->
<h3>Life Insurance</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
<a href="services-single.html" class="btn-read-more">Read More</a>
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
<!-- Services Step Box Start -->
<div class="col-lg-4 col-md-6">
<div class="step-box wow fadeInUp" data-wow-delay="1.50s">
<!-- Step Box Img start -->
<div class="step-img">
<figure class="image-anime">
<img src="images/services-5.jpg" alt="">
</figure>
</div>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<div class="step-icon">
<img src="images/icon-services-5.svg" alt="">
</div>
<!-- Step Icon end -->
<h3>Travel Insurance</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
<a href="services-single.html" class="btn-read-more">Read More</a>
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
<!-- Services Step Box Start -->
<div class="col-lg-4 col-md-6">
<div class="step-box wow fadeInUp" data-wow-delay="1.75s">
<!-- Step Box Img start -->
<div class="step-img">
<figure class="image-anime">
<img src="images/services-6.jpg" alt="">
</figure>
</div>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<div class="step-icon">
<img src="images/icon-services-6.svg" alt="">
</div>
<!-- Step Icon end -->
<h3>Business Insurance</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
<a href="services-single.html" class="btn-read-more">Read More</a>
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
</div>
</div>
</div>
<!-- Services Page End -->
<!-- Know Our Benefit Section Start -->
<div class="know-our-benefit-Section wow fadeInUp" data-wow-delay="0.25s">
<div class="container">
<div class="row our-benefit-section align-items-center">
<div class="col-lg-8 col-12">
<!-- Section Title start -->
<div class="section-title">
<h3 class="wow fadeInUp" data-wow-delay="0.50s">Know Our Benefit</h3>
<h2 class="text-anime">We’re Here to Assist You.</h2>
</div>
<!-- Section Title end -->
<!-- Our Benefit Body start -->
<div class="our-benefit-body">
<p class="wow fadeInUp" data-wow-delay="0.75s">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.</p>
<a href="contact.html" class="btn-default wow fadeInUp" data-wow-delay="1.0s">Contact Now</a>
</div>
<!-- Our Benefit Body end -->
</div>
<div class="col-lg-4 col-12">
<!-- Our Benefit Image start -->
<div class="our-benefit-img">
<img src="images/service-our-benefit-img.png" alt="">
</div>
<!-- Our Benefit Image end -->
</div>
</div>
</div>
</div>
<!-- Know Our Benefit Section Start -->
<!-- Footer Start -->
<footer class="main-footer">
<!-- News Letter Section Start -->
<div class="newsletter-section">
<div class="container">
<div class="row subscribe-newsletter align-items-center">
<div class="col-lg-6 col-12">
<!-- News Letter Content Start -->
<div class="newsletter-content">
<h2>Subscribe To Newsletter</h2>
<p>Stay informed with our latest updates! Subscribe to our newsletter to receive exclusive content & special offers.</p>
</div>
<!-- News Letter Content End -->
</div>
<div class="col-lg-6 col-12">
<!-- News Letter Form start -->
<div class="newsletter-form">
<form action="#" method="POST">
<div class="row align-items-center no-gutters">
<div class="form-group col-md-8">
<input type="email" name ="email" class="form-control" id="newsletter_email" placeholder="Enter Email Address" required>
<div class="help-block with-errors"></div>
</div>
<div class="col-md-4 text-end">
<button type="submit" class="btn-default">Subscribe</button>
</div>
</div>
</form>
</div>
<!-- News Letter Form end -->
</div>
</div>
</div>
</div>
<!-- News Letter Section End -->
<!-- Site Branding Start -->
<div class="site-branding">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<!-- Site Footer Logo start -->
<div class="site-footer-logo">
<img src="images/footer-logo.svg" alt="">
</div>
<!-- Site Footer Logo end -->
</div>
<div class="col-md-6">
<!-- Footer Social Link start -->
<div class="footer-social-link">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
<!-- Footer Social Link end -->
</div>
</div>
</div>
</div>
<!-- Site Branding End -->
<!-- Footer Menu Start -->
<div class="footer-menu">
<div class="container">
<div class="row">
<div class="col-12">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Servcies</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Conatct Us</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Footer Menu End -->
<!-- Site Navigation Start -->
<div class="site-navigation">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7 col-md-12">
<!-- Navigation Box start -->
<div class="navigation-box">
<!-- Navigation Contact Box start -->
<div class="navigation-contact-box">
<div class="content-box-icon">
<i class="fa-solid fa-phone"></i>
</div>
<div class="content-box-body">
<h3>Customer Support</h3>
<a href="#">+0 123 456 789</a>
</div>
</div>
<!-- Navigation Contact Box end -->
<!-- Navigation Contact Box start -->
<div class="navigation-contact-box">
<div class="content-box-icon">
<i class="fa-regular fa-envelope"></i>
</div>
<div class="content-box-body">
<h3>Support & Email</h3>
<a href="#">info@companyname.com</a>
</div>
</div>
<!-- Navigation Contact Box end -->
</div>
<!-- Navigation Box end -->
</div>
<div class="col-lg-5 col-md-12">
<!-- Footer Copright Section Start -->
<p>Copyright 2024 <strong>Zorvixa.</strong> All Rights Reserved.</p>
<!-- Footer Copright Section End -->
</div>
</div>
</div>
</div>
<!-- Site Navigation End -->
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- Parallax js file -->
<script src="js/parallaxie.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/splitType.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
<!-- Mirrored from demo.awaikenthemes.com/html-preview/zorvixa/html/services.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Mar 2024 12:13:28 GMT -->
</html>
Zerion Mini Shell 1.0