ok
Direktori : /proc/thread-self/root/home2/selectio/public_html/lilyexpresslive/ |
Current File : //proc/thread-self/root/home2/selectio/public_html/lilyexpresslive/index-02.html |
<!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>