ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from fixityhtml.websitelayout.net/index-02.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 24 Aug 2023 18:16:43 GMT -->
<head>
<!-- metas -->
<meta charset="utf-8" />
<meta name="author" content="Website Design Templates" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="keywords" content="Handyman Services HTML Template" />
<meta name="description" content="Fixity - Handyman Services HTML Template" />
<!-- title -->
<title>Fixity - Handyman Services HTML Template</title>
<!-- favicon -->
<link rel="shortcut icon" href="img/logos/favicon.png" />
<link rel="apple-touch-icon" href="img/logos/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="img/logos/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/logos/apple-touch-icon-114x114.png" />
<!-- plugins -->
<link rel="stylesheet" href="css/plugins.css" />
<!-- search css -->
<link rel="stylesheet" href="search/search.css" />
<!-- quform css -->
<link rel="stylesheet" href="quform/css/base.css">
<!-- core style css -->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- PAGE LOADING
================================================== -->
<div id="preloader"></div>
<!-- MAIN WRAPPER
================================================== -->
<div class="main-wrapper">
<!-- HEADER
================================================== -->
<header class="header-style2">
<div id="top-bar" class="bg-secondary">
<div class="container-fluid px-lg-1-6 px-xl-2-5 px-xxl-15">
<div class="row">
<div class="col-md-9 col-xs-12">
<div class="top-bar-info">
<ul class="ps-0">
<li><i class="ti-mobile"></i>(+123) 456 7890</li>
<li class="d-none d-sm-inline-block"><i class="ti-email"></i>addyour@emailhere</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-md-3 d-none d-md-block">
<ul class="top-social-icon ps-0">
<li><a href="#!"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#!"><i class="fab fa-twitter"></i></a></li>
<li><a href="#!"><i class="fab fa-instagram"></i></a></li>
<li><a href="#!"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="navbar-default">
<!-- start top search -->
<div class="top-search bg-primary">
<div class="container-fluid px-lg-1-6 px-xl-2-5 px-xxl-15">
<form class="search-form" action="https://fixityhtml.websitelayout.net/search.html" method="GET" accept-charset="utf-8">
<div class="input-group">
<span class="input-group-addon cursor-pointer">
<button class="search-form_submit fas fa-search text-white" type="submit"></button>
</span>
<input type="text" class="search-form_input form-control" name="s" autocomplete="off" placeholder="Type & hit enter...">
<span class="input-group-addon close-search mt-1"><i class="fas fa-times"></i></span>
</div>
</form>
</div>
</div>
<!-- end top search -->
<div class="container-fluid px-lg-1-6 px-xl-2-5 px-xxl-15">
<div class="row align-items-center">
<div class="col-12 col-lg-12">
<div class="menu_area alt-font">
<nav class="navbar navbar-expand-lg navbar-light p-0">
<div class="navbar-header navbar-header-custom">
<!-- start logo -->
<a href="index.html" class="navbar-brand logodefault"><img id="logo" src="img/logos/logo.png" alt="logo" /></a>
<!-- end logo -->
</div>
<div class="navbar-toggler bg-primary"></div>
<!-- start menu area -->
<ul class="navbar-nav ms-auto" id="nav" style="display: none;">
<li>
<a href="#!">Home</a>
<ul>
<li><a href="index.html">Home 01</a></li>
<li><a href="index-02.html">Home 02</a></li>
<li><a href="index-03.html">Home 03</a></li>
<li><a href="index-04.html">Home 04</a></li>
<li><a href="index-05.html">Home 05</a></li>
<li><a href="index-06.html">Home 06</a></li>
</ul>
</li>
<li>
<a href="#!">Pages</a>
<ul>
<li><a href="about.html">About us</a></li>
<li><a href="services.html">Our Services</a></li>
<li><a href="pricing-plans.html">Pricing Plan</a></li>
<li><a href="faq.html">Faq's</a></li>
<li><a href="#!">Team</a>
<ul>
<li><a href="team.html">Our Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
</ul>
</li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
<li><a href="404.html">404 Error</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li>
<a href="#!">Services</a>
<ul>
<li><a href="loading-unloading.html">Loading & Unloading</a></li>
<li><a href="commercial-local.html">Commercial & Local</a></li>
<li><a href="storage-units.html">Storage Units</a></li>
<li><a href="road-transport.html">Road Transport</a></li>
<li><a href="warehousing.html">Warehousing</a></li>
<li><a href="cargo-insurance.html">Cargo Insurance</a></li>
</ul>
</li>
<li>
<a href="#!">Projects</a>
<ul>
<li><a href="#!">Portfolio Grid</a>
<ul>
<li><a href="portfolio-two-columns.html">2 Columns</a></li>
<li><a href="portfolio.html">3 Columns - Standard</a></li>
<li><a href="portfolio-four-columns.html">4 Columns</a></li>
</ul>
</li>
<li><a href="portfolio-details.html">Project Details</a></li>
</ul>
</li>
<li>
<a href="#!">Blog</a>
<ul>
<li><a href="#!">Blog Grid</a>
<ul>
<li><a href="blog-grid-two-columns.html">2 Columns</a></li>
<li><a href="blog-grid-two-columns-left-sidebar.html">2 Col – Left Sidebar</a></li>
<li><a href="blog-grid-two-columns-right-sidebar.html">2 Col – Right Sidebar</a></li>
<li><a href="blog-grid.html">3 Columns - Standard</a></li>
</ul>
</li>
<li><a href="blog-list.html">Blog List</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<!-- end menu area -->
<!-- start attribute navigation -->
<div class="attr-nav align-items-xl-center ms-xl-auto main-font">
<ul>
<li class="search"><a href="#!"><i class="fas fa-search"></i></a></li>
<li class="d-none d-xl-inline-block"><a href="contact.html" class="butn md"><span class="text-white">Free Quote</span></a></li>
</ul>
</div>
<!-- end attribute navigation -->
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- BANNER
================================================== -->
<section class="p-0 screen-height bg-light-gray">
<div class="container-fluid d-flex flex-column p-0">
<div class="row g-0 align-items-center min-vh-100">
<div class="col-md-10 col-lg-6">
<div class="px-1-9 px-sm-2-9 px-xl-6 px-xxl-10 mt-n10">
<div class="banner-heading02">
<h1 class="display-2 font-weight-800 mb-1-6 mb-sm-1-9">Reliable <span class="text-secondary"> Roofing & Fixing </span>Services</h1>
<a href="about.html" class="butn">Read More</a>
</div>
</div>
</div>
<div class="col-lg-6 d-none d-lg-block">
<div class="bg-img cover-background h-100 min-vh-100" data-background="img/demos/roofing/banner/banner-01.jpg"></div>
</div>
</div>
</div>
</section>
<!-- TOP SERVICE
================================================== -->
<section>
<div class="container">
<div class="row mt-n1-9">
<div class="col-md-6 col-lg-4 mt-1-9">
<div class="card card-style02 rounded-0 bg-light border-0">
<div class="card-body p-1-9 p-xl-5">
<h3 class="h4 mb-3"><a href="services.html" class="text-secondary-hover">High Quality Materials</a></h3>
<p class="mb-8">The roofing membranes are doing well, growing faster, better, and larger.</p>
<div class="arrow-icon">
<a href="services.html"><i class="ti-arrow-right text-white"></i></a>
</div>
<span class="card-number">01</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mt-1-9">
<div class="card card-style02 rounded-0 bg-light border-0">
<div class="card-body p-1-9 p-xl-5">
<h3 class="h4 mb-3"><a href="services.html" class="text-secondary-hover">Professional Workers</a></h3>
<p class="mb-8">The roofing membranes are doing well, growing faster, better, and larger.</p>
<div class="arrow-icon">
<a href="services.html"><i class="ti-arrow-right text-white"></i></a>
</div>
<span class="card-number">02</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mt-1-9">
<div class="card card-style02 rounded-0 bg-light border-0">
<div class="card-body p-1-9 p-xl-5">
<h3 class="h4 mb-3"><a href="services.html" class="text-secondary-hover">Rooftop Guarantee</a></h3>
<p class="mb-8">The roofing membranes are doing well, growing faster, better, and larger.</p>
<div class="arrow-icon">
<a href="services.html"><i class="ti-arrow-right text-white"></i></a>
</div>
<span class="card-number">03</span>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute d-none d-lg-inline-block p-3 rounded-circle right-5 top-10 ani-top-bottom2 border border-width-2 border-primary bg-transpatent"></div>
</section>
<!-- ABOUT US
================================================== -->
<section class="about-style-01 p-0">
<div class="container">
<div class="row align-items-center mt-n2-0">
<div class="col-lg-6 mt-2-0">
<div class="position-relative text-center">
<img src="img/demos/roofing/content/about-01.jpg" alt="...">
<div class="img-2">
<img src="img/demos/roofing/content/about-02.jpg" alt="..." class="shadow ani-top-bottom">
</div>
<div class="exp-box ani-left-right d-sm-flex d-none">
<h4 class="mb-0 display-12 text-secondary">35+</h4>
<span class="text-start ps-3">Years Of Experience</span>
</div>
</div>
</div>
<div class="col-lg-6 mt-2-0">
<div class="ps-lg-2-5 ps-xl-7">
<div class="mb-1-9">
<span class="text-secondary font-weight-800 text-uppercase letter-spacing-2 display-30">About Us</span>
<h2 class="display-5 font-weight-800 mb-0">Material is our legacy, Quality is our tradition!</h2>
</div>
<p class="mb-1-9">A Ruffer, Rooftop Technician, or Material Worker for hire is a merchant who Has some expertise in rooftop development. Ruffers supplant, fix, and introduce the Tops of structures, utilizing various materials, including shingles.</p>
<div class="row borders-bottom pb-4 mb-1-9 border-color-extra-light-gray">
<div class="col-sm-6 mb-3 mb-md-0">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="mt-2">
<img src="img/demos/roofing/icons/icon-01.png" class="w-40px ms-1" alt="...">
</div>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="h5 mb-0">Creative Work</h4>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="mt-2">
<img src="img/demos/roofing/icons/icon-02.png" class="w-40px ms-1" alt="...">
</div>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="h5 mb-0">Award Winning</h4>
</div>
</div>
</div>
</div>
<div class="d-sm-flex align-items-center">
<div class="mb-4 mb-sm-0">
<a href="about.html" class="butn"><span class="label">Read More</span></a>
</div>
<div class="d-flex align-items-center ms-sm-2-9">
<div class="flex-shrink-0">
<img class="border-radius-50" src="img/demos/roofing/avatars/avatar-01.jpg" alt="...">
</div>
<div class="flex-grow-1 ms-3 ms-sm-4">
<h5 class="mb-1">Rebecca Elliott</h5>
<span class="text-muted font-weight-500">Co-Founder</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute d-none d-lg-inline-block p-4 rounded-circle left-5 bottom-10 ani-top-bottom2 border border-width-2 border-primary bg-transpatent"></div>
</section>
<!-- PROCESS
================================================== -->
<section>
<div class="container">
<div class="mb-5 text-center">
<span class="text-secondary font-weight-800 text-uppercase letter-spacing-2 display-30">Work Process</span>
<h2 class="display-5 font-weight-800 mb-0">Our Step by Step Working Process</h2>
</div>
<div class="row">
<div class="col-sm-6 col-lg-3 mb-2-5 mb-lg-0">
<div class="process-style-02">
<div class="icon-holder">
<img src="img/demos/roofing/icons/icon-03.png" alt="..." class="w-60px">
<div class="count-box counted">
<h4 class="h6 mb-0">01</h4>
</div>
</div>
<div class="text-holder">
<span class="text-muted d-block mb-1">Starting</span>
<h4>Plan for Roofing</h4>
<p class="w-md-90 mx-auto mb-0">Construction is a general term meaning the art and science</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-lg-2-9 mb-2-5 mb-lg-0">
<div class="process-style-02 arrow-top">
<div class="icon-holder">
<img src="img/demos/roofing/icons/icon-04.png" alt="..." class="w-60px">
<div class="count-box counted">
<h4 class="h6 mb-0">02</h4>
</div>
</div>
<div class="text-holder">
<span class="text-muted d-block mb-1">Planning</span>
<h4>Schedule Estimate</h4>
<p class="w-md-90 mx-auto mb-0">Construction is a general term meaning the art and science</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 mb-2-5 mb-sm-0">
<div class="process-style-02">
<div class="icon-holder">
<img src="img/demos/roofing/icons/icon-05.png" alt="..." class="w-60px">
<div class="count-box counted">
<h4 class="h6 mb-0">03</h4>
</div>
</div>
<div class="text-holder">
<span class="text-muted d-block mb-1">Design</span>
<h4>Install New Roof</h4>
<p class="w-md-90 mx-auto mb-0">Construction is a general term meaning the art and science</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-lg-2-9">
<div class="process-style-02 last">
<div class="icon-holder">
<img src="img/demos/roofing/icons/icon-06.png" alt="..." class="w-60px">
<div class="count-box counted">
<h4 class="h6 mb-0">04</h4>
</div>
</div>
<div class="text-holder">
<span class="text-muted d-block mb-1">Build</span>
<h4>Enjoy Roofing</h4>
<p class="w-md-90 mx-auto mb-0">Construction is a general term meaning the art and science</p>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute d-none d-md-inline-block p-3 rounded-circle left-5 bottom-10 ani-top-bottom2 border border-width-2 border-secondary bg-transpatent"></div>
</section>
<!-- OUR SERVICES
================================================== -->
<section class="bg-dark">
<div class="container">
<div class="mb-5 text-center">
<span class="text-secondary font-weight-800 text-uppercase letter-spacing-2 display-30">Our Services</span>
<h2 class="display-5 font-weight-800 mb-0 text-white">We Provide Superior Roofing Services</h2>
</div>
<div class="row mt-n7 gx-xxl-5">
<div class="col-md-6 col-lg-4 mt-15">
<div class="card card-style09 border-0 bg-img rounded-0 cover-background overflow-visible" data-background="img/demos/roofing/services/service-01.jpg">
<div class="text-center card-body p-1-9 z-index-3 position-relative">
<div class="card-icon">
<img src="img/demos/roofing/icons/icon-07.png" alt="...">
</div>
<h3 class="mb-3 h4"><a href="services.html">Developed Material</a></h3>
<span class="card-border position-relative"></span>
<p class="mt-7">Roofing when an unknow printer took a display of type and mixed it to make a sort specim...</p>
</div>
<div class="card-footer justify-content-between align-items-center d-flex px-1-9 py-3 rounded-0 z-index-3 position-relative">
<a href="services.html">Read more</a>
<a href="services.html">
<i class="ti-arrow-right"></i>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mt-15">
<div class="card card-style09 border-0 bg-img rounded-0 cover-background overflow-visible" data-background="img/demos/roofing/services/service-02.jpg">
<div class="text-center card-body p-1-9 z-index-3 position-relative">
<div class="card-icon">
<img src="img/demos/roofing/icons/icon-08.png" alt="...">
</div>
<h3 class="mb-3 h4"><a href="services.html">Modified Roofing</a></h3>
<span class="card-border position-relative"></span>
<p class="mt-7">Roofing when an unknow printer took a display of type and mixed it to make a sort specim...</p>
</div>
<div class="card-footer justify-content-between align-items-center d-flex px-1-9 py-3 rounded-0 z-index-3 position-relative">
<a href="services.html">Read more</a>
<a href="services.html">
<i class="ti-arrow-right"></i>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mt-15">
<div class="card card-style09 border-0 bg-img rounded-0 cover-background overflow-visible" data-background="img/demos/roofing/services/service-03.jpg">
<div class="text-center card-body p-1-9 z-index-3 position-relative">
<div class="card-icon">
<img src="img/demos/roofing/icons/icon-09.png" alt="...">
</div>
<h3 class="mb-3 h4"><a href="services.html">Builtup Roofing</a></h3>
<span class="card-border position-relative"></span>
<p class="mt-7">Roofing when an unknow printer took a display of type and mixed it to make a sort specim...</p>
</div>
<div class="card-footer justify-content-between align-items-center d-flex px-1-9 py-3 rounded-0 z-index-3 position-relative">
<a href="services.html">Read more</a>
<a href="services.html">
<i class="ti-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute bottom-0 left-0 opacity04">
<img src="img/demos/roofing/content/shape-02.png" alt="...">
</div>
<div class="position-absolute top-0 right-1 opacity04">
<img src="img/demos/roofing/content/shape-03.png" alt="...">
</div>
</section>
<!-- PROGRESS
================================================== -->
<section>
<div class="container">
<div class="row align-items-center mt-n5">
<div class="col-lg-6 mt-5">
<div class="pe-lg-1-9 pe-xl-10">
<div class="mb-1-9">
<span class="text-secondary font-weight-800 text-uppercase letter-spacing-2 display-30">Our Progress</span>
<h2 class="display-5 font-weight-800 mb-0">We Have High Quality Roofing Skills</h2>
</div>
<div class="progress-style02">
<div class="progress-text small">
<div class="row">
<div class="col-6 fw-bold"><strong>Residential Roofing</strong></div>
<div class="col-6 text-end">85%</div>
</div>
</div>
<div class="custom-progress progress rounded-0 mb-1-9">
<div class="animated custom-bar progress-bar slideInLeft bg-secondary" style="width: 85%" role="progressbar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="85"></div>
</div>
<div class="progress-text small">
<div class="row">
<div class="col-6 fw-bold"><strong>Commercial Roofing</strong></div>
<div class="col-6 text-end">65%</div>
</div>
</div>
<div class="custom-progress progress rounded-0 mb-1-9">
<div class="animated custom-bar progress-bar slideInLeft bg-secondary" style="width: 65%" role="progressbar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="65"></div>
</div>
<div class="progress-text small">
<div class="row">
<div class="col-6 fw-bold"><strong>Roofing Solutions</strong></div>
<div class="col-6 text-end">75%</div>
</div>
</div>
<div class="custom-progress progress rounded-0">
<div class="animated custom-bar progress-bar slideInLeft bg-secondary" style="width: 75%" role="progressbar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="75"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-5">
<img src="img/demos/roofing/content/work-progress-01.jpg" alt="...">
</div>
</div>
</div>
</section>
<!-- COUNTER
================================================== -->
<section class="pt-0">
<div class="container">
<div class="row mt-n5 text-center">
<div class="col-sm-6 col-lg-3 mt-5">
<h3 class="display-14 display-sm-12 display-lg-6 text-primary font-weight-700"><span class="countup">15</span>k</h3>
<p class="text-primary mb-0">Project Completed</p>
</div>
<div class="col-sm-6 col-lg-3 mt-5">
<h3 class="display-14 display-sm-12 display-lg-6 text-primary font-weight-700"><span class="countup">150</span>+</h3>
<p class="text-primary mb-0">Expert Team Members</p>
</div>
<div class="col-sm-6 col-lg-3 mt-5">
<h3 class="display-14 display-sm-12 display-lg-6 text-primary font-weight-700"><span class="countup">14</span>k</h3>
<p class="text-primary mb-0">Satisfied Clients</p>
</div>
<div class="col-sm-6 col-lg-3 mt-5">
<h3 class="display-14 display-sm-12 display-lg-6 text-primary font-weight-700"><span class="countup">12</span>+</h3>
<p class="text-primary mb-0">Total Branches</p>
</div>
</div>
</div>
</section>
<!-- VIDEO
================================================== -->
<section class="parallax cover-background parallax-video dark-overlay" data-overlay-dark="55" data-background="img/demos/roofing/bg/bg-01.jpg">
<div class="story-video z-index-3 position-relative text-center">
<a class="video video_btn bg-secondary" href="https://www.youtube.com/watch?v=_mjwWYrf_h4">
<i class="fa fa-play"></i>
</a>
</div>
</section>
<!-- CONTACT
================================================== -->
<section class="pt-0 mt-n10 bg-transparent">
<div class="row">
<div class="col-lg-1 col-xl-4">
</div>
<div class="col-lg-11 col-xl-8">
<div class="bg-img px-1-9 px-sm-6 px-lg-9 py-6 py-sm-8 z-index-3 cover-background border-radius-start-10 bg-primary" data-background="img/demos/roofing/bg/bg-02.png">
<div class="row align-items-center">
<div class="col-lg-7 col-xxl-6 mb-4 mb-lg-0">
<h2 class="h1 text-white mb-0">Get your Roofing Solutions With Our Profession</h2>
</div>
<div class="col-lg-5 col-xxl-5 offset-xxl-1">
<a href="contact.html" class="butn secondary white-hover">Make An Appointment</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- OUR TEAM
================================================== -->
<section class="pt-0">
<div class="container">
<div class="row">
<div class="mb-5 text-center">
<span class="text-secondary font-weight-800 text-uppercase letter-spacing-2 display-30">Our Specialist</span>
<h2 class="display-5 font-weight-800 mb-0">Our Experience Advisor</h2>
</div>
</div>
<div class="row mt-n1-9">
<div class="col-sm-6 col-lg-4 mt-1-9">
<div class="team-block">
<div class="team-image position-relative d-block overflow-hidden">
<img src="img/demos/roofing/team/team-01.jpg" alt="...">
<div class="overlay-box">
<ul class="social-icons mb-0">
<li><a href="#!"><span><i class="fab fa-facebook-f"></i></span></a></li>
<li><a href="#!"><span><i class="fab fa-twitter"></i></span></a></li>
<li><a href="#!"><span><i class="fab fa-youtube"></i></span></a></li>
<li class="me-0"><a href="#!"><span><i class="fab fa-linkedin-in"></i></span></a></li>
</ul>
</div>
</div>
<div class="team-info p-4 text-center">
<h5><a href="team-details.html" class="text-secondary">Thomas Golovanov</a></h5>
<div class="font-weight-800">Founder</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-1-9">
<div class="team-block">
<div class="team-image position-relative d-block overflow-hidden">
<img src="img/demos/roofing/team/team-02.jpg" alt="...">
<div class="overlay-box">
<ul class="social-icons mb-0">
<li><a href="#!"><span><i class="fab fa-facebook-f"></i></span></a></li>
<li><a href="#!"><span><i class="fab fa-twitter"></i></span></a></li>
<li><a href="#!"><span><i class="fab fa-youtube"></i></span></a></li>
<li class="me-0"><a href="#!"><span><i class="fab fa-linkedin-in"></i></span></a></li>
</ul>
</div>
</div>
<div class="team-info p-4 text-center">
<h5><a href="team-details.html" class="text-secondary">Lilly Marou</a></h5>
<div class="font-weight-800">Consultant</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-1-9">
<div class="team-block">
<div class="team-image position-relative d-block overflow-hidden">
<img src="img/demos/roofing/team/team-03.jpg" alt="...">
<div class="overlay-box">
<ul class="social-icons mb-0">
<li><a href="#!"><span><i class="fab fa-facebook-f"></i></span></a></li>
<li><a href="#!"><span><i class="fab fa-twitter"></i></span></a></li>
<li><a href="#!"><span><i class="fab fa-youtube"></i></span></a></li>
<li class="me-0"><a href="#!"><span><i class="fab fa-linkedin-in"></i></span></a></li>
</ul>
</div>
</div>
<div class="team-info p-4 text-center">
<h5><a href="team-details.html" class="text-secondary">Stepan Kalinin</a></h5>
<div class="font-weight-800">Worker</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute bottom-10 left-5 ani-top-bottom2 d-none d-lg-block">
<img src="img/demos/roofing/content/shape-01.png" alt="...">
</div>
</section>
<!-- FOOTER
================================================== -->
<footer class="py-0 footer-style01 bg-dark">
<div class="container">
<div class="bg-secondary p-1-9 p-sm-2-9 p-lg-6 p-xl-8 mb-6 mb-lg-8 mb-xl-10">
<div class="row align-items-center mt-n1-9">
<div class="col-lg-7 mt-1-9">
<span class="text-white display-27">Newsletter</span>
<h3 class="h2 text-white mb-0">Subscribe our newsletter to get latest updates!</h3>
</div>
<div class="col-lg-5 mt-1-9">
<div>
<form class="quform newsletter-form" action="https://fixityhtml.websitelayout.net/quform/newsletter-two.php" method="post" enctype="multipart/form-data" onclick="">
<div class="quform-elements">
<div class="row">
<!-- Begin Text input element -->
<div class="col-md-12">
<div class="quform-element mb-0">
<div class="quform-input">
<input class="form-control rounded-0" id="email_address" type="text" name="email_address" placeholder="Subscribe with us">
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Submit button -->
<div class="col-md-12">
<div class="quform-submit-inner position-relative">
<button class="btn btn-white text-white rounded-0 m-0" type="submit"><i class="fas fa-paper-plane"></i></button>
</div>
<div class="quform-loading-wrap d-none"><span class="quform-loading"></span></div>
</div>
<!-- End Submit button -->
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row border-bottom border-color-light-white pb-6 mb-1-9 mt-n1-9">
<div class="col-md-6 col-lg-3 mt-1-9">
<div>
<div class="footer-logo mb-1-9">
<a href="index.html"><img src="img/logos/logo-footer.png" alt="..."></a>
</div>
<p class="text-white">The installation of various components is another aspect of roof construction.</p>
<a href="services.html" class="text-secondary d-flex align-items-center">Read More <i class="ti-arrow-right ms-2"></i></a>
</div>
</div>
<div class="col-md-6 col-lg-2 mt-1-9">
<div class="ps-md-8 ps-xl-10">
<h3 class="text-secondary mb-3 mb-md-4 h5 letter-spacing-1">Explore</h3>
<ul class="list-unstyled list-style03 mb-0">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog-grid.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-4 mt-1-9">
<div class="ps-lg-8 ps-xl-12">
<h3 class="text-secondary mb-3 mb-md-4 h5 letter-spacing-1">Services</h3>
<ul class="list-unstyled list-style03 mb-0">
<li><a href="#!">Roof Solar System</a></li>
<li><a href="#!">Modern Roofing</a></li>
<li><a href="#!">Roof Installation</a></li>
<li><a href="#!">Paint Surface</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-3 mt-1-9">
<div class="ps-md-8 ps-lg-0">
<h3 class="text-secondary mb-3 mb-md-4 h5 letter-spacing-1">Contact</h3>
<ul class="list-unstyled mb-0">
<li class="mb-3 d-flex align-items-baseline">
<a href="#!" class="text-white text-secondary-hover"><i class="ti-email text-secondary display-25 me-4"></i>info@yourdomain.com</a>
</li>
<li class="mb-3 d-flex align-items-baseline">
<a href="#!" class="text-white text-secondary-hover"><i class="ti-mobile text-secondary display-25 me-4"></i>(+44) 123 456 789</a>
</li>
<li class="text-white d-flex align-items-baseline">
<i class="ti-location-pin text-secondary display-25 me-4"></i>Great North Town.
</li>
</ul>
</div>
</div>
</div>
<div class="row align-items-center pb-4">
<div class="col-md-6">
<div class="text-center text-md-start mb-1-9 mb-md-0">
<p class="d-inline-block text-white mb-0">© <span class="current-year"></span> Fixity Powered by <a href="#!" class="text-secondary text-white-hover">Website Design Templates</a></p>
</div>
</div>
<div class="col-md-6">
<div class="d-flex justify-content-center justify-content-md-end">
<ul class="social-icon-style01 list-unstyled mb-0">
<li><a href="#!"><i class="ti-facebook"></i></a></li>
<li><a href="#!"><i class="ti-twitter-alt"></i></a></li>
<li><a href="#!"><i class="ti-linkedin"></i></a></li>
<li><a href="#!"><i class="ti-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- end main-wrapper section -->
<!-- BUY TEMPLATE
================================================== -->
<div class="buy-theme alt-font d-none d-lg-inline-block"><a href="https://themeforest.net/item/fixity-handyman-services-html-template/47157609" target="_blank"><i class="fas fa-cart-plus"></i><span>Buy Template</span></a></div>
<div class="all-demo alt-font d-none d-lg-inline-block"><a href="https://themeforest.net/user/websitedesigntemplates" target="_blank"><i class="far fa-envelope"></i><span>Quick Question?</span></a></div>
<!-- SCROLL TO TOP
================================================== -->
<a href="#!" class="scroll-to-top"><i class="fas fa-angle-up" aria-hidden="true"></i></a>
<!-- all js include start -->
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- popper js -->
<script src="js/popper.min.js"></script>
<!-- bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- jquery -->
<script src="js/core.min.js"></script>
<!-- search -->
<script src="search/search.js"></script>
<!-- custom scripts -->
<script src="js/main.js"></script>
<!-- form plugins js -->
<script src="quform/js/plugins.js"></script>
<!-- form scripts js -->
<script src="quform/js/scripts.js"></script>
<!-- all js include end -->
</body>
<!-- Mirrored from fixityhtml.websitelayout.net/index-02.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 24 Aug 2023 18:16:51 GMT -->
</html>
Zerion Mini Shell 1.0