55ok
Mini
<!DOCTYPE html>
<html lang="zxx">
<!-- Mirrored from html.awaikenthemes.com/hetch/index-video.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 15 Nov 2025 11:34:24 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, maximum-scale=1">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Awaiken">
<!-- Page Title -->
<title>Hetch - Windows and Doors 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=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&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 Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- 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 -->
<!-- Topbar Section Start -->
<div class="topbar">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 col-md-6">
<!-- Topbar Contact Information Start -->
<div class="topbar-contact-info">
<ul>
<li><a href="#"><img src="images/icon-location.svg" alt="">25 Jump St, NY 10013</a></li>
<li><a href="#"><img src="images/icon-mail.svg" alt="">info@domain.com</a></li>
</ul>
</div>
<!-- Topbar Contact Information End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Topbar Contact Information Start -->
<div class="topbar-offer">
<p>Extra Sale 30% Off : 00 : 02 : 00 : 90</p>
</div>
<!-- Topbar Contact Information End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Topbar Contact Information Start -->
<div class="topbar-time">
<ul>
<li><a href="#"><img src="images/icon-clock.svg" alt="">Mon -Fri 8:00 - 18:00 / Sunday 8:00 - 14:00</a></li>
</ul>
</div>
<!-- Topbar Contact Information End -->
</div>
</div>
</div>
</div>
<!-- Topbar Section End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="index-2.html">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item submenu"><a class="nav-link" href="index-2.html">Home</a>
<ul>
<li class="nav-item"><a class="nav-link" href="index.html">Home - Image</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home - Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home - Slider</a></li>
</ul>
</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 submenu"><a class="nav-link" href="#">Pages</a>
<ul>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</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="projects.html">Projects</a></li>
<li class="nav-item"><a class="nav-link" href="project-single.html">project Details</a></li>
<li class="nav-item"><a class="nav-link" href="team.html">Team</a></li>
<li class="nav-item"><a class="nav-link" href="team-single.html">Team Details</a></li>
<li class="nav-item"><a class="nav-link" href="image-gallery.html">Image Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="video-gallery.html">Video Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="faqs.html">FAQs</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="contact.html">Contact Us</a></li>
</ul>
</div>
<!-- Header Social Icons Start -->
<div class="header-social-icons">
<ul>
<li><a href="#"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<!-- Header Social Icons End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<div class="hero hero-video">
<!-- Video Start -->
<div class="hero-bg-video">
<!-- Selfhosted Video Start -->
<!-- <video autoplay muted loop id="myVideo"><source src="images/hero-bg-video.mp4" type="video/mp4"></video> -->
<video autoplay muted loop id="myVideo"><source src="https://demo.awaikenthemes.com/assets/videos/hetch-video.mp4" type="video/mp4"></video>
<!-- Selfhosted Video End -->
<!-- Youtube Video Start -->
<!-- <div id="herovideo" class="player" data-property="{videoURL:'74DWwSxsVSs',containment:'.hero-video', showControls:false, autoPlay:true, loop:true, vol:0, mute:false, startAt:0, stopAt:296, opacity:1, addRaster:true, quality:'large', optimizeDisplay:true}"></div> -->
<!-- Youtube Video End -->
</div>
<!-- Video End -->
<div class="container">
<div class="row">
<div class="col-lg-8">
<!-- Hero Content Start -->
<div class="hero-content">
<!-- Section Title Start -->
<div class="section-title dark-section">
<h3 class="wow fadeInUp">transform your home today</h3>
<h1 class="text-anime-style-3" data-cursor="-opaque">Premium windows & doors for every home</h1>
<p class="wow fadeInUp" data-wow-delay="0.2s">Discover a wide range of beautifully crafted windows and doors that combine modern design with superior functionality.</p>
</div>
<!-- Section Title End -->
<!-- Hero Buttons Start -->
<div class="hero-btn wow fadeInUp" data-wow-delay="0.4s">
<a href="contact.html" class="btn-default">get a quote</a>
<a href="about.html" class="btn-default btn-highlighted">learn more</a>
</div>
<!-- Hero Buttons End -->
<!-- Hero Content Body Start -->
<div class="hero-content-body">
<!-- Satisfy Client Image Start -->
<div class="satisfy-client-images">
<div class="satisfy-client-img">
<figure class="image-anime reveal">
<img src="images/satisfy-client-img-1.jpg" alt="">
</figure>
</div>
<div class="satisfy-client-img">
<figure class="image-anime reveal">
<img src="images/satisfy-client-img-2.jpg" alt="">
</figure>
</div>
<div class="satisfy-client-img">
<figure class="image-anime reveal">
<img src="images/satisfy-client-img-3.jpg" alt="">
</figure>
</div>
<div class="satisfy-client-img">
<figure class="image-anime reveal">
<img src="images/satisfy-client-img-4.jpg" alt="">
</figure>
</div>
</div>
<!-- Satisfy Client Image End -->
<!-- Hero Counter Box Start -->
<div class="hero-counter-box">
<p>More than <span class="counter">1</span>K+ trusted customers</p>
</div>
<!-- Hero Counter Box End -->
</div>
<!-- Hero Content Body End -->
</div>
<!-- Hero Content End -->
</div>
</div>
</div>
</div>
<!-- Hero Section End -->
<!-- About Us Section Start -->
<div class="about-us">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<!-- About Us Image Start -->
<div class="about-us-image">
<!-- About Image Start -->
<div class="about-image">
<figure class="image-anime reveal">
<img src="images/about-us-img.jpg" alt="">
</figure>
</div>
<!-- About Image End -->
<!-- About Customer Box Start -->
<div class="about-customer-box">
<h2><span class="counter">70</span>%</h2>
<p>happy customer</p>
</div>
<!-- About Customer Box End -->
</div>
<!-- About Us Image End -->
</div>
<div class="col-lg-6">
<div class="about-us-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">about us</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Expertise in windows & door for every style</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Partner with a company dedicated to excellence in window and door installations, ensuring each project is handled with precision and care. Our commitment is to provide installations that not only meet but exceed your expectations.</p>
</div>
<!-- Section Title End -->
<!-- About Item Box Start -->
<div class="about-item-box">
<!-- About Us Item Start -->
<div class="about-us-item wow fadeInUp" data-wow-delay="0.4s">
<div class="icon-box">
<img src="images/icon-about-item-1.svg" alt="">
</div>
<div class="about-item-content">
<h3>our mission</h3>
<p>We aim to transform homes and businesses with high-quality window and door solutions that enhance aesthetics, improve energy efficiency.</p>
</div>
</div>
<!-- About Us Item End -->
<!-- About Us Item Start -->
<div class="about-us-item wow fadeInUp" data-wow-delay="0.6s">
<div class="icon-box">
<img src="images/icon-about-item-2.svg" alt="">
</div>
<div class="about-item-content">
<h3>our vision</h3>
<p>We believe in integrity and sustainability. Our focus is on delivering not just products but solutions that improve homes, reduce energy.</p>
</div>
</div>
<!-- About Us Item End -->
</div>
<!-- About Item Box End -->
<!-- About Us Button Start -->
<div class="about-us-btn wow fadeInUp" data-wow-delay="0.8s">
<a href="about.html" class="btn-default">read more</a>
</div>
<!-- About Us Button End -->
</div>
</div>
<div class="col-lg-12">
<!-- About Facility Box Start -->
<div class="about-facility-box">
<!-- About Facility Item Start -->
<div class="about-facility-item wow fadeInUp">
<div class="icon-box">
<img src="images/icon-about-facility-1.svg" alt="">
</div>
<div class="about-facility-content">
<p>Energy saving technologies</p>
</div>
</div>
<!-- About Facility Item End -->
<!-- About Facility Item Start -->
<div class="about-facility-item wow fadeInUp" data-wow-delay="0.2s">
<div class="icon-box">
<img src="images/icon-about-facility-2.svg" alt="">
</div>
<div class="about-facility-content">
<p>Excellent sound insulation</p>
</div>
</div>
<!-- About Facility Item End -->
<!-- About Facility Item Start -->
<div class="about-facility-item wow fadeInUp" data-wow-delay="0.4s">
<div class="icon-box">
<img src="images/icon-about-facility-3.svg" alt="">
</div>
<div class="about-facility-content">
<p>High light trans-mitions</p>
</div>
</div>
<!-- About Facility Item End -->
<!-- About Facility Item Start -->
<div class="about-facility-item wow fadeInUp" data-wow-delay="0.6s">
<div class="icon-box">
<img src="images/icon-about-facility-4.svg" alt="">
</div>
<div class="about-facility-content">
<p>Durability 10 years warranty</p>
</div>
</div>
<!-- About Facility Item End -->
<!-- About Facility Item Start -->
<div class="about-facility-item wow fadeInUp" data-wow-delay="0.8s">
<div class="icon-box">
<img src="images/icon-about-facility-5.svg" alt="">
</div>
<div class="about-facility-content">
<p>Eco - friendly materials</p>
</div>
</div>
<!-- About Facility Item End -->
<!-- About Facility Item Start -->
<div class="about-facility-item wow fadeInUp" data-wow-delay="1s">
<div class="icon-box">
<img src="images/icon-about-facility-6.svg" alt="">
</div>
<div class="about-facility-content">
<p>Modern thoughtful design</p>
</div>
</div>
<!-- About Facility Item End -->
</div>
<!-- About Facility Box End -->
</div>
</div>
</div>
</div>
<!-- About Us Section End -->
<!-- Our Service Section Start -->
<div class="our-services">
<div class="container">
<div class="row section-row align-items-center">
<div class="col-lg-6">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">our services</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Comprehensive window & door services</h2>
</div>
<!-- Section Title End -->
</div>
<div class="col-lg-6">
<!-- Section Title Content Start -->
<div class="section-title-content">
<p class="wow fadeInUp" data-wow-delay="0.2s">Partner with a company dedicated to excellence in window and door installations, ensuring each project is handled with precision and care.</p>
</div>
<!-- Section Title Content End -->
</div>
</div>
<div class="row align-items-center">
<div class="col-lg-4 col-md-6 order-lg-1 order-md-1">
<!-- Service Content Box Start -->
<div class="service-content-box">
<!-- Service Box Item Start -->
<div class="service-box-item wow fadeInUp">
<div class="icon-box">
<img src="images/icon-service-item-1.svg" alt="">
</div>
<div class="service-item-content">
<h3>custom window installation</h3>
<p>Expertly crafted windows tailored to your specific needs.</p>
</div>
</div>
<!-- Service Box Item End -->
<!-- Service Box Item Start -->
<div class="service-box-item wow fadeInUp" data-wow-delay="0.2s">
<div class="icon-box">
<img src="images/icon-service-item-2.svg" alt="">
</div>
<div class="service-item-content">
<h3>door instalation & replacement</h3>
<p>High-quality doors designed for security and style.</p>
</div>
</div>
<!-- Service Box Item End -->
<!-- Service Box Item Start -->
<div class="service-box-item wow fadeInUp" data-wow-delay="0.4s">
<div class="icon-box">
<img src="images/icon-service-item-3.svg" alt="">
</div>
<div class="service-item-content">
<h3>energy-efficient solutions</h3>
<p>Windows and doors that enhance energy savings, year-round.</p>
</div>
</div>
<!-- Service Box Item End -->
</div>
<!-- Service Content Box End -->
</div>
<div class="col-lg-4 order-lg-2 order-md-3">
<!-- Service Box Image Start -->
<div class="service-box-image">
<img src="images/service-img.png" alt="">
</div>
<!-- Service Box Image End -->
</div>
<div class="col-lg-4 col-md-6 order-lg-3 order-md-2">
<!-- Service Content Box Start -->
<div class="service-content-box">
<!-- Service Box Item Start -->
<div class="service-box-item wow fadeInUp">
<div class="icon-box">
<img src="images/icon-service-item-4.svg" alt="">
</div>
<div class="service-item-content">
<h3>window & door repair</h3>
<p>Reliable repairs ensuring long-lasting functionality and aesthetics.</p>
</div>
</div>
<!-- Service Box Item End -->
<!-- Service Box Item Start -->
<div class="service-box-item wow fadeInUp" data-wow-delay="0.2s">
<div class="icon-box">
<img src="images/icon-service-item-5.svg" alt="">
</div>
<div class="service-item-content">
<h3>consultation & design services</h3>
<p>Personalized guidance to match your home's unique style.</p>
</div>
</div>
<!-- Service Box Item End -->
<!-- Service Box Item Start -->
<div class="service-box-item wow fadeInUp" data-wow-delay="0.4s">
<div class="icon-box">
<img src="images/icon-service-item-6.svg" alt="">
</div>
<div class="service-item-content">
<h3>commercial windows & doors</h3>
<p>Durable, efficient solutions for businesses of all sizes.</p>
</div>
</div>
<!-- Service Box Item End -->
</div>
<!-- Service Content Box End -->
</div>
</div>
</div>
</div>
<!-- Our Service Section End -->
<!-- Our Work Section Start -->
<div class="our-work">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<!-- Our Work Image Start -->
<div class="our-work-image">
<div class="our-work-img-1">
<figure class="image-anime reveal">
<img src="images/our-work-img-1.jpg" alt="">
</figure>
</div>
<div class="our-work-img-2">
<figure class="image-anime reveal">
<img src="images/our-work-img-2.jpg" alt="">
</figure>
</div>
</div>
<!-- Our Work Image End -->
</div>
<div class="col-lg-6">
<!-- Our Work Content Start -->
<div class="our-work-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">why work with us</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Why we're the right choice for your home</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Partner with a company dedicated to excellence in window and door installations, ensuring each project is handled with precision and care.</p>
</div>
<!-- Section Title End -->
<!-- Work Content Body Start -->
<div class="work-content-body">
<div class="our-work-list wow fadeInUp" data-wow-delay="0.4s">
<ul>
<li>unmatched quality</li>
<li>expert craftsmanship</li>
<li>customized solutions</li>
<li>energy efficiency</li>
</ul>
</div>
<div class="our-work-btn wow fadeInUp" data-wow-delay="0.6s">
<a href="contact.html" class="btn-default">learn more</a>
</div>
</div>
<!-- Work Content Body End -->
<!-- Work Counters List Start -->
<div class="work-counter-list">
<div class="work-counter-item">
<h3><span class="counter">98</span>%</h3>
<p>successful client</p>
</div>
<div class="work-counter-item">
<h3><span class="counter">1500</span>+</h3>
<p>solutions delivered</p>
</div>
<div class="work-counter-item">
<h3><span class="counter">12</span>+</h3>
<p>years of experience</p>
</div>
</div>
<!-- Work Counters List End -->
</div>
<!-- Our Work Content End -->
</div>
<div class="col-lg-12">
<!-- Our Facilitity List Start -->
<div class="work-facility-list">
<!-- Our Facilitity Item Start -->
<div class="work-facility-item wow fadeInUp">
<div class="icon-box">
<img src="images/icon-work-facility-1.svg" alt="">
</div>
<div class="work-facility-content">
<h3>free shipping</h3>
<p>Free shipping over $100</p>
</div>
</div>
<!-- Our Facilitity Item End -->
<!-- Our Facilitity Item Start -->
<div class="work-facility-item wow fadeInUp" data-wow-delay="0.2s">
<div class="icon-box">
<img src="images/icon-work-facility-2.svg" alt="">
</div>
<div class="work-facility-content">
<h3>payment secure</h3>
<p>Get 100% payment safe</p>
</div>
</div>
<!-- Our Facilitity Item End -->
<!-- Our Facilitity Item Start -->
<div class="work-facility-item wow fadeInUp" data-wow-delay="0.4s">
<div class="icon-box">
<img src="images/icon-work-facility-3.svg" alt="">
</div>
<div class="work-facility-content">
<h3>support 24/7</h3>
<p>Quality 24/7 support</p>
</div>
</div>
<!-- Our Facilitity Item End -->
<!-- Our Facilitity Item Start -->
<div class="work-facility-item wow fadeInUp" data-wow-delay="0.6s">
<div class="icon-box">
<img src="images/icon-work-facility-4.svg" alt="">
</div>
<div class="work-facility-content">
<h3>100% money back</h3>
<p>Customers money back</p>
</div>
</div>
<!-- Our Facilitity Item End -->
</div>
<!-- Our Facilitity List End -->
</div>
</div>
</div>
</div>
<!-- Our Work Section End -->
<!-- Intro Video Section Start -->
<div class="intro-video">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<!-- Intro Video Image Start -->
<div class="intro-video-box">
<!-- Intro Image Start -->
<div class="intro-video-image">
<figure>
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
<img src="images/intro-video-bg.jpg" alt="">
</a>
</figure>
</div>
<!-- Intro Image End -->
<!-- Video Play Button Start -->
<div class="video-play-button">
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">play</a>
</div>
<!-- Video Play Button End -->
</div>
<!-- Intro Video Btn End -->
</div>
</div>
</div>
</div>
<!-- Intro Video Section End -->
<!-- Work Gallery Section Start -->
<div class="work-gallery">
<div class="container">
<div class="row section-row align-items-center">
<div class="col-lg-6">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">work gallery</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">See our windows and doors in action</h2>
</div>
<!-- Section Title End -->
</div>
<div class="col-lg-6">
<!-- Section Title Content Start -->
<div class="section-title-content">
<p class="wow fadeInUp" data-wow-delay="0.2s">Explore our gallery of completed window and door projects to see the quality craftsmanship and attention to detail we bring to every installation.</p>
</div>
<!-- Section Title Content End -->
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<!-- Work Gallery Item Start -->
<div class="work-gallery-item wow fadeInUp">
<div class="work-gallery-img">
<a href="project-single.html" data-cursor-text="View">
<figure class="image-anime">
<img src="images/work-gallery-img-1.jpg" alt="">
</figure>
</a>
</div>
<div class="work-gallery-content">
<h3><a href="project-single.html">elegant bay a windows upgrades</a></h3>
</div>
</div>
<!-- Work Gallery Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Work Gallery Item Start -->
<div class="work-gallery-item wow fadeInUp" data-wow-delay="0.2s">
<div class="work-gallery-img">
<a href="project-single.html" data-cursor-text="View">
<figure class="image-anime">
<img src="images/work-gallery-img-2.jpg" alt="">
</figure>
</a>
</div>
<div class="work-gallery-content">
<h3><a href="project-single.html">modern sliding window installation</a></h3>
</div>
</div>
<!-- Work Gallery Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Work Gallery Item Start -->
<div class="work-gallery-item wow fadeInUp" data-wow-delay="0.4s">
<div class="work-gallery-img">
<a href="project-single.html" data-cursor-text="View">
<figure class="image-anime">
<img src="images/work-gallery-img-3.jpg" alt="">
</figure>
</a>
</div>
<div class="work-gallery-content">
<h3><a href="project-single.html">energy-efficient window replacement</a></h3>
</div>
</div>
<!-- Work Gallery Item End -->
</div>
</div>
<div class="col-lg-12">
<!-- We Work Client Slider Start -->
<div class="work-with-company">
<div class="work-company-title">
<h3>We work with the best brands</h3>
</div>
<!-- How We Work Company Slider Start -->
<div class="work-with-company-slider">
<div class="swiper">
<div class="swiper-wrapper">
<!-- Company Support Logo Start -->
<div class="swiper-slide">
<div class="company-logo">
<img src="images/company-logo-1.svg" alt="">
</div>
</div>
<!-- Company Support Logo End -->
<!-- Company Support Logo Start -->
<div class="swiper-slide">
<div class="company-logo">
<img src="images/company-logo-2.svg" alt="">
</div>
</div>
<!-- Company Support Logo End -->
<!-- Company Support Logo Start -->
<div class="swiper-slide">
<div class="company-logo">
<img src="images/company-logo-3.svg" alt="">
</div>
</div>
<!-- Company Support Logo End -->
<!-- Company Support Logo Start -->
<div class="swiper-slide">
<div class="company-logo">
<img src="images/company-logo-4.svg" alt="">
</div>
</div>
<!-- Company Support Logo End -->
<!-- Company Support Logo Start -->
<div class="swiper-slide">
<div class="company-logo">
<img src="images/company-logo-5.svg" alt="">
</div>
</div>
<!-- Company Support Logo End -->
<!-- Company Support Logo Start -->
<div class="swiper-slide">
<div class="company-logo">
<img src="images/company-logo-1.svg" alt="">
</div>
</div>
<!-- Company Support Logo End -->
</div>
</div>
</div>
<!-- How We Work Company Slider End -->
</div>
<!-- We Work Client Slider End -->
</div>
</div>
</div>
<!-- Work Gallery Section End -->
<!-- Our Client Testimonial Start -->
<div class="our-testimonial parallaxie">
<div class="container">
<div class="row section-row align-items-center">
<div class="col-lg-6">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">client testimonials</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Client testimonials your satisfaction matters</h2>
</div>
<!-- Section Title End -->
</div>
<div class="col-lg-6">
<!-- Section Title Content Start -->
<div class="section-title-content">
<p class="wow fadeInUp" data-wow-delay="0.2s">We strive for excellence in every project. Our clients share their satisfaction and experiences, showcasing our commitment to quality and service.</p>
</div>
<!-- Section Title Content End -->
</div>
</div>
<div class="row">
<div class="col-lg-12">
<!-- Testimonial Slider Start -->
<div class="testimonial-slider">
<div class="swiper">
<div class="swiper-wrapper" data-cursor-text="Drag">
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="testimonial-header">
<div class="testimonial-quote-img">
<figure>
<img src="images/quote-img.svg" alt="">
</figure>
</div>
<div class="testimonial-rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<div class="testimonial-content">
<p>Exceptional quality and outstanding service! The team guided us through every step, and our new windows look amazing.</p>
</div>
<div class="testimonial-author">
<div class="author-image">
<figure class="image-anime">
<img src="images/author-1.jpg" alt="">
</figure>
</div>
<div class="author-content">
<h3>arlene mcCoy</h3>
</div>
</div>
</div>
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="testimonial-header">
<div class="testimonial-quote-img">
<figure>
<img src="images/quote-img.svg" alt="">
</figure>
</div>
<div class="testimonial-rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<div class="testimonial-content">
<p>Exceptional quality and outstanding service! The team guided us through every step, and our new windows look amazing.</p>
</div>
<div class="testimonial-author">
<div class="author-image">
<figure class="image-anime">
<img src="images/author-2.jpg" alt="">
</figure>
</div>
<div class="author-content">
<h3>david lee</h3>
</div>
</div>
</div>
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="testimonial-header">
<div class="testimonial-quote-img">
<figure>
<img src="images/quote-img.svg" alt="">
</figure>
</div>
<div class="testimonial-rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<div class="testimonial-content">
<p>Exceptional quality and outstanding service! The team guided us through every step, and our new windows look amazing.</p>
</div>
<div class="testimonial-author">
<div class="author-image">
<figure class="image-anime">
<img src="images/author-3.jpg" alt="">
</figure>
</div>
<div class="author-content">
<h3>tom marsh</h3>
</div>
</div>
</div>
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="testimonial-header">
<div class="testimonial-quote-img">
<figure>
<img src="images/quote-img.svg" alt="">
</figure>
</div>
<div class="testimonial-rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<div class="testimonial-content">
<p>Exceptional quality and outstanding service! The team guided us through every step, and our new windows look amazing.</p>
</div>
<div class="testimonial-author">
<div class="author-image">
<figure class="image-anime">
<img src="images/author-4.jpg" alt="">
</figure>
</div>
<div class="author-content">
<h3>nai jex</h3>
</div>
</div>
</div>
</div>
<!-- Testimonial Slide End -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<!-- Testimonial Slider End -->
</div>
</div>
</div>
</div>
<!-- Our Client Testimonial End -->
<!-- Our Faqs Section Start -->
<div class="our-faqs">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<!-- Our Faq Image Start -->
<div class="our-faqs-img">
<figure class="image-anime reveal">
<img src="images/our-faqs-img.jpg" alt="">
</figure>
</div>
<!-- Our Faq Image End -->
</div>
<div class="col-lg-6">
<!-- Our Faqs Content Start -->
<div class="our-faqs-content">
<!-- Section Title Start -->
<div class="section-title dark-section">
<h3 class="wow fadeInUp">frequently asked questions</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Answers to your most asked questions</h2>
</div>
<!-- Section Title End -->
<!-- FAQ Accordion Start -->
<div class="faq-accordion" id="accordion">
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp">
<h2 class="accordion-header" id="heading1">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
<span>1.</span> What types of windows do you offer?
</button>
</h2>
<div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#accordion">
<div class="accordion-body">
<p>We offer a wide variety of windows, including double-hung, casement, sliding, bay, and custom-designed windows.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
<h2 class="accordion-header" id="heading2">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
<span>2.</span> How long does window installation take?
</button>
</h2>
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
<div class="accordion-body">
<p>We offer a wide variety of windows, including double-hung, casement, sliding, bay, and custom-designed windows.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
<h2 class="accordion-header" id="heading3">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
<span>3.</span> Are your windows energy-efficient?
</button>
</h2>
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
<div class="accordion-body">
<p>We offer a wide variety of windows, including double-hung, casement, sliding, bay, and custom-designed windows.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
<h2 class="accordion-header" id="heading4">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
<span>4.</span> Do you offer custom window and door sizes?
</button>
</h2>
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
<div class="accordion-body">
<p>We offer a wide variety of windows, including double-hung, casement, sliding, bay, and custom-designed windows.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
<h2 class="accordion-header" id="heading5">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
<span>5.</span> How do I maintain my windows and doors?
</button>
</h2>
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
<div class="accordion-body">
<p>We offer a wide variety of windows, including double-hung, casement, sliding, bay, and custom-designed windows.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
</div>
<!-- FAQ Accordion End -->
</div>
<!-- Our Faqs Content End -->
</div>
</div>
</div>
</div>
<!-- Our Faqs Section End -->
<!-- Latest News Section Start -->
<div class="latest-news">
<div class="container">
<div class="row section-row align-items-center">
<div class="col-lg-6">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">latest news</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Expert tips and insights for windows and doors</h2>
</div>
<!-- Section Title End -->
</div>
<div class="col-lg-6">
<!-- Section Title Content Start -->
<div class="section-title-content">
<p class="wow fadeInUp" data-wow-delay="0.2s">Stay informed with professional advice, design trends, and practical solutions for enhancing your home's windows and doors.</p>
</div>
<!-- Section Title Content End -->
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<!-- Post Item Start -->
<div class="post-item wow fadeInUp">
<!-- Post Featured Image Start-->
<div class="post-featured-image">
<a href="blog-single.html" data-cursor-text="View">
<figure class="image-anime">
<img src="images/post-1.jpg" alt="">
</figure>
</a>
</div>
<!-- Post Featured Image End -->
<!-- post Item Body Start -->
<div class="post-item-body">
<!-- Post Item Content Start -->
<div class="post-item-content">
<h2><a href="blog-single.html">Enhancing Energy Efficiency in Door Design</a></h2>
<p>Discover eco-friendly door solutions that improve insulation and reduce energy costs…</p>
</div>
<!-- Post Item Content End-->
<!-- Post Item Button Start-->
<div class="post-item-btn">
<a href="blog-single.html">Read more</a>
</div>
<!-- Post Item Button End-->
</div>
<!-- post Item Body End -->
</div>
<!-- Post Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Post Item Start -->
<div class="post-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Post Featured Image Start-->
<div class="post-featured-image">
<a href="blog-single.html" data-cursor-text="View">
<figure class="image-anime">
<img src="images/post-2.jpg" alt="">
</figure>
</a>
</div>
<!-- Post Featured Image End -->
<!-- post Item Body Start -->
<div class="post-item-body">
<!-- Post Item Content Start -->
<div class="post-item-content">
<h2><a href="blog-single.html">Exploring the Latest Trends in Window Aesthetics and Styles</a></h2>
<p>From classic to contemporary, see how different styles enhance your home's appeal…</p>
</div>
<!-- Post Item Content End-->
<!-- Post Item Button Start-->
<div class="post-item-btn">
<a href="blog-single.html">Read more</a>
</div>
<!-- Post Item Button End-->
</div>
<!-- post Item Body End -->
</div>
<!-- Post Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Post Item Start -->
<div class="post-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Post Featured Image Start-->
<div class="post-featured-image">
<a href="blog-single.html" data-cursor-text="View">
<figure class="image-anime">
<img src="images/post-3.jpg" alt="">
</figure>
</a>
</div>
<!-- Post Featured Image End -->
<!-- post Item Body Start -->
<div class="post-item-body">
<!-- Post Item Content Start -->
<div class="post-item-content">
<h2><a href="blog-single.html">Durable Materials for Lasting Window Frames</a></h2>
<p>Learn about materials like aluminum and wood, each bringing unique benefits…</p>
</div>
<!-- Post Item Content End-->
<!-- Post Item Button Start-->
<div class="post-item-btn">
<a href="blog-single.html">Read more</a>
</div>
<!-- Post Item Button End-->
</div>
<!-- post Item Body End -->
</div>
<!-- Post Item End -->
</div>
</div>
</div>
</div>
<!-- Latest News Section End -->
<!-- Footer Ticker Start -->
<div class="footer-ticker">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<!-- Scrolling Ticker Start -->
<div class="scrolling-ticker">
<!-- Scrolling Ticker Box Start -->
<div class="scrolling-ticker-box">
<!-- Scrolling Ticker Content Start -->
<div class="scrolling-content">
<span>Schedule a Free Consultation for Window and Door Replacement</span>
<span>Schedule a Free Consultation for Window and Door Replacement</span>
</div>
<!-- Scrolling Ticker Content End -->
<!-- Scrolling Ticker Content Start -->
<div class="scrolling-content">
<span>Schedule a Free Consultation for Window and Door Replacement</span>
<span>Schedule a Free Consultation for Window and Door Replacement</span>
</div>
<!-- Scrolling Ticker Content End -->
</div>
<!-- Scrolling Ticker Box End -->
<!-- Schedule Now BUtton Start -->
<div class="schedule-now-btn">
<a href="contact.html" class="schedule-btn">get schedule now</a>
</div>
<!-- Schedule Now BUtton End -->
</div>
<!-- Scrolling Ticker End -->
</div>
</div>
</div>
</div>
<!-- Footer Ticker End -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Footer Header Start -->
<div class="footer-header">
<div class="row align-items-center">
<div class="col-lg-6 col-md-8">
<div class="footer-header-title">
<!-- Section Title Start -->
<div class="section-title dark-section">
<h2 class="text-anime-style-3" data-cursor="-opaque">Let's made your custom product!</h2>
</div>
<!-- Section Title End -->
</div>
</div>
<div class="col-lg-6 col-md-4">
<!-- Footer Contact Button Start -->
<div class="footer-contact-btn">
<a href="contact.html" class="btn-default btn-highlighted">contact us today</a>
</div>
<!-- Footer Contact Button End -->
</div>
</div>
</div>
<!-- Footer Header End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- About Footer Start -->
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/footer-logo.svg" alt="">
</div>
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p>Windows to the World, Doors to Your Dreams.</p>
</div>
<!-- About Footer Content End -->
<!-- Footer Social Link Start -->
<div class="footer-social-links">
<ul>
<li><a href="#"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
<!-- Footer Social Link End -->
</div>
<!-- About Footer End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Footer Links Start -->
<div class="footer-links">
<h3>quick links</h3>
<ul>
<li><a href="index.html">home page</a></li>
<li><a href="about.html">about our company</a></li>
<li><a href="blog.html">blog and insights</a></li>
<li><a href="projects.html">special offers page</a></li>
</ul>
</div>
<!-- Footer Links End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Footer Contact Box Start -->
<div class="footer-contact-box footer-links">
<h3>contact us</h3>
<!-- Footer Contact Item Start -->
<div class="footer-contact-item">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
</div>
<div class="footer-contact-content">
<p>info@domain.com</p>
</div>
</div>
<!-- Footer Contact Item End -->
<!-- Footer Contact Item Start -->
<div class="footer-contact-item">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
</div>
<div class="footer-contact-content">
<p>+1 (213) 465 789</p>
</div>
</div>
<!-- Footer Contact Item End -->
<!-- Footer Contact Item Start -->
<div class="footer-contact-item">
<div class="icon-box">
<img src="images/icon-location.svg" alt="">
</div>
<div class="footer-contact-content">
<p>2464 Royal Ln. Mesa, New Jersey, 45463</p>
</div>
</div>
<!-- Footer Contact Item End -->
</div>
<!-- Footer Contact Box End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Footer Newsletter Box Start -->
<div class="footer-newsletter-box footer-links">
<h3>get the latest trending news</h3>
<!-- Newsletter Form start -->
<div class="footer-latest-news-form">
<form id="latestnewsForm" action="#" method="POST">
<div class="form-group">
<input type="email" name="email" class="form-control" id="mail" placeholder="Enter your email" required="">
<button type="submit" class="latestnews-btn"><img src="images/arrow-white.svg" alt=""></button>
</div>
</form>
</div>
<!-- Newsletter Form end -->
</div>
<!-- Footer Newsletter Box End -->
</div>
</div>
<!-- Footer Copyright Section Start -->
<div class="footer-copyright">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>Copyright © 2024 All Rights Reserved.</p>
</div>
<!-- Footer Copyright End -->
</div>
</div>
</div>
<!-- Footer Copyright Section End -->
</div>
</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>
<!-- Isotop js file -->
<script src="js/isotope.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.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/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Wow js file -->
<script src="js/wow.min.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
<!-- Mirrored from html.awaikenthemes.com/hetch/index-video.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 15 Nov 2025 11:34:24 GMT -->
</html>
Zerion Mini 1.0