<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Rofalco Roofing HTML Template</title>
<!-- Stylesheets -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<!-- Responsive File -->
<link href="assets/css/responsive.css" rel="stylesheet">
<!-- Color File -->
<link href="assets/css/color.css" rel="stylesheet">

<link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon">

<!-- Responsive -->
<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=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">
    <!-- Preloader -->
    <div class="loader-wrap">
        <div class="preloader"><div class="preloader-close">Preloader Close</div></div>
        <div class="layer layer-one"><span class="overlay"></span></div>
        <div class="layer layer-two"><span class="overlay"></span></div>        
        <div class="layer layer-three"><span class="overlay"></span></div>        
    </div>

    <!-- Main Header -->
    <header class="main-header header-style-one">

        <!-- Header Top -->
        <div class="header-top">
            <div class="auto-container">
                <div class="inner-container">
                    <div class="left-column">
                        <div class="text">Best Global Rooftop Services Company</div>
                    </div>
                    <div class="right-column">
                        <div class="quote-btn"><a href="#"><i class="far fa-list-alt"></i>Get a Free Quote</a></div>
                        <div class="social-links">
                            <ul>
                                <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-pinterest-p"></i></a></li>
                                <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Header Upper -->
        <div class="header-upper">
            <div class="auto-container">
                <div class="inner-container">
                    <!--Logo-->
                    <div class="logo-box">
                        <div class="logo"><a href="index.html"><img src="assets/images/logo.png" alt=""></a></div>
                    </div>
                    <div class="right-column">
                        <div class="contact-info">
                            <div class="single-info">
                                <div class="icon"><span class="flaticon-gps"></span></div>
                                <div class="content">
                                    <h5>Dallas, TX USA</h5>
                                    <div class="text">2912  Carolyns Circle</div>
                                </div>
                            </div>
                            <div class="single-info">
                                <div class="icon"><span class="flaticon-comment"></span></div>
                                <div class="content">
                                    <h5>Send us Email</h5>
                                    <div class="text"><a href="mailto:support@rofalco.com">support@rofalco.com</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="search-btn"><button type="button" class="theme-btn search-toggler"><span class="far fa-search"></span></button></div>
                    </div>                        
                </div>
            </div>
        </div>
        <!--End Header Upper-->

        <!-- Main Menu -->
        <div class="main-menu">
            <div class="auto-container">
                <div class="inner-container">
                    <!--Nav Box-->
                    <div class="nav-outer">
                        <!--Mobile Navigation Toggler-->
                        <div class="mobile-nav-toggler"><img src="assets/images/icons/icon-bar.png" alt=""></div>

                        <!-- Main Menu -->
                        <nav class="main-menu navbar-expand-md navbar-light">
                            <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                                <ul class="navigation">
                                    <li class="dropdown"><a href="#">Home</a>
                                        <ul>
                                            <li><a href="index.html">Home One</a></li>
                                            <li><a href="index-2.html">Home Two</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="about.html">About Us</a></li>
                                    <li class="dropdown"><a href="#">Services</a>
                                        <ul>
                                            <li><a href="service-1.html">Services One</a></li>
                                            <li><a href="service-2.html">Services Two</a></li>
                                            <li><a href="roof-maintenance.html">Roof Maintenance</a></li>
                                            <li><a href="insulation.html">Insulation & Repairs</a></li>
                                            <li><a href="roof-inspection.html">Roof Inspection</a></li>
                                            <li><a href="roof-replacement.html">Roof Replacement</a></li>
                                            <li><a href="roof-coating.html">Roof Coating</a></li>
                                            <li><a href="roof-solar.html">Roof Solar Systems</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown"><a href="#">Pages</a>
                                        <ul>
                                            <li><a href="team.html">Our Team</a></li>
                                            <li><a href="portfolio.html">Portfolio</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown"><a href="#">News</a>
                                        <ul>
                                            <li><a href="blog.html">Blog Grid</a></li>
                                            <li><a href="blog-2.html">Blog Classic</a></li>
                                            <li><a href="blog-details.html">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </div>
                        </nav>
                        <!-- Main Menu End-->
                        <div class="contact-info">
                            <div class="icon"><i class="flaticon-phone"></i></div>
                            <div>
                                <h6>Roofing Services, Call us</h6>
                                <h4><a href="tel:+1(258)985703">+1 (258) 985-703</a></h4>
                            </div>                                
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Sticky Header  -->
        <div class="sticky-header main-menu">
            <div class="auto-container">
                <div class="inner-container">
                    <div class="nav-outer">
                        <!-- Main Menu -->
                        <nav class="main-menu">
                            <!--Keep This Empty / Menu will come through Javascript-->
                        </nav><!-- Main Menu End-->
                        <!-- Main Menu End-->
                        <button type="button" class="theme-btn search-toggler"><span class="far fa-search"></span></button>
                    </div>
                </div>
            </div>
        </div><!-- End Sticky Menu -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon flaticon-remove"></span></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><a href="index.html"><img src="assets/images/logo-two.png" alt="" title=""></a></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
				<!--Social Links-->
				<div class="social-links">
					<ul class="clearfix">
						<li><a href="#"><span class="fab fa-twitter"></span></a></li>
						<li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
						<li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
						<li><a href="#"><span class="fab fa-instagram"></span></a></li>
						<li><a href="#"><span class="fab fa-youtube"></span></a></li>
					</ul>
                </div>
            </nav>
        </div><!-- End Mobile Menu -->

        <div class="nav-overlay">
            <div class="cursor"></div>
            <div class="cursor-follower"></div>
        </div>
    </header>
    <!-- End Main Header -->
    
    <!--Search Popup-->
    <div id="search-popup" class="search-popup">
        <div class="close-search theme-btn"><span class="flaticon-remove"></span></div>
        <div class="popup-inner">
            <div class="overlay-layer"></div>
            <div class="search-form">
                <form method="post" action="index.html">
                    <div class="form-group">
                        <fieldset>
                            <input type="search" class="form-control" name="search-input" value="" placeholder="Search Here" required >
                            <input type="submit" value="Search Now!" class="theme-btn">
                        </fieldset>
                    </div>
                </form>
                <br>
                <h3>Recent Search Keywords</h3>
                <ul class="recent-searches">
                    <li><a href="#">Finance</a></li>
                    <li><a href="#">Idea</a></li>
                    <li><a href="#">Service</a></li>
                    <li><a href="#">Growth</a></li>
                    <li><a href="#">Plan</a></li>
                </ul>
            </div>
            
        </div>
    </div>

    <!-- Bnner Section -->
    <section class="banner-section">
        <div class="swiper-container banner-slider">
            <div class="swiper-wrapper">
                <!-- Slide Item -->
                <div class="swiper-slide" style="background-image: url(assets/images/main-slider/image-1.jpg);">
                    <div class="content-outer">
                        <div class="content-box">
                            <div class="inner">
                                <h1>Best Top-Notch <br> Roofing Services</h1>
                                <div class="text">Eiusmod tempor incididunt labore dolore magna aliqua <br> Lorem ipsum dolor sit amet consectetur tempor </div>
                                <div class="link-box">
                                    <a href="#" class="theme-btn btn-style-one"><span>Learn More</span></a>
                                    <a href="#" class="theme-btn btn-style-one style-two"><span>How It Works</span></a>
                                </div>
                            </div>
                            <div class="estimate-form">
                                <div class="title">Get a Free Estimate</div>
                                <div class="sub-title">Do you need our roofing services? Contact us.</div>
                                <form action="#" class="">
                                    <div class="form-group">
                                        <input placeholder="name" type="text">
                                    </div>
                                    <div class="form-group">
                                        <input placeholder="Email" type="email">
                                    </div>
                                    <div class="form-group">
                                        <input placeholder="Phone" type="text">
                                    </div>
                                    <div class="form-group">
                                        <select class="selectpicker" name="subject">
                                            <option value="*">Service Required</option>
                                            <option value=".category-1">Roof Maintenance</option>
                                            <option value=".category-2">Roof Inspection</option>
                                            <option value=".category-3">Insulation & Repairs</option>
                                            <option value=".category-4">Roof Replacement</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <button type="submit" class="theme-btn btn-style-one w-100"><span>Submit Now</span></button>
                                    </div>
                                </form>
                            </div>                                
                        </div>
                    </div>
                </div>

                <!-- Slide Item -->
                <div class="swiper-slide" style="background-image: url(assets/images/main-slider/image-2.jpg);">
                    <div class="content-outer">
                        <div class="content-box">
                            <div class="inner">
                                <h1>Master Craftsmen With <br> Years Of Experience </h1>
                                <div class="text">Eiusmod tempor incididunt labore dolore magna aliqua <br> Lorem ipsum dolor sit amet consectetur tempor </div>
                                <div class="link-box">
                                    <a href="#" class="theme-btn btn-style-one"><span>Learn More</span></a>
                                    <a href="#" class="theme-btn btn-style-one style-two"><span>How It Works</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner-slider-nav">
            <div class="banner-slider-control banner-slider-button-prev"><span><i class="far fa-angle-left"></i></span></div>
            <div class="banner-slider-control banner-slider-button-next"><span><i class="far fa-angle-right"></i></span> </div>
        </div>
    </section>
    <!-- End Bnner Section -->

    <!-- About Us -->
    <section class="about-us-section">
        <div class="shape-one" style="background-image: url(assets/images/shape/shape-1.png);"></div>
        <div class="auto-container">
            <div class="row align-items-center">
                <div class="col-lg-5">
                    <div class="sec-title">
                        <div class="sub-title">Dependable & Sincere Company</div>
                        <h2>We Handle Every <br> <strong>Project With Care</strong></h2>
                    </div>
                    <div class="image-block">
                        <div class="row">
                            <div class="col-md-6 column">
                                <div class="image"><img src="assets/images/resource/image-1.jpg" alt=""></div>
                            </div>
                            <div class="col-md-6 column">
                                <div class="image"><img src="assets/images/resource/image-2.jpg" alt=""></div>
                            </div>
                        </div>
                    </div>                        
                </div>
                <div class="col-lg-7">
                    <div class="content-column">
                        <div class="text">
                            <p>Tempor incididunt ut labore et dolore magna aliqua. Ut enim adys minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea duis aute irure dolor in reprehenderit voluptate.</p>
                            <p>Esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupid state non proident sunt in culpa qui officia deserunt.</p>
                        </div>
                        <div class="wrapper-box">
                            <div class="row no-gutters">
                                <div class="col-md-6 column">
                                    <div class="icon-box">
                                        <div class="icon"><img src="assets/images/icons/icon-1.png" alt=""></div>
                                        <h4>Fully Experienced</h4>
                                    </div>
                                </div>
                                <div class="col-md-6 column">
                                    <div class="icon-box">
                                        <div class="icon"><img src="assets/images/icons/icon-2.png" alt=""></div>
                                        <h4>Quality Materials</h4>
                                    </div>
                                </div>
                                <div class="col-md-6 column">
                                    <div class="icon-box">
                                        <div class="icon"><img src="assets/images/icons/icon-3.png" alt=""></div>
                                        <h4>Safety & Reliability</h4>
                                    </div>
                                </div>
                                <div class="col-md-6 column">
                                    <div class="icon-box">
                                        <div class="icon"><img src="assets/images/icons/icon-4.png" alt=""></div>
                                        <h4>Long-Term Plans</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Services Section -->
    <section class="services-section">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="sub-title">Dependable & Sincere Company</div>
                <h2><strong>Offer Quality Services</strong></h2>
                <div class="text">Incididunt ut labore et dolore magna aliqua quis nostrud exercitation ullamco laboris <br> nisi ut aliquip ex ea consequat duis aute irure dolor reprehenderit </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 service-block-one">
                    <div class="inner-box">
                        <div class="image">
                            <img src="assets/images/resource/image-3.jpg" alt="">
                            <div class="overlay">
                                <div class="text">Magna aliqa enim sed ipsum nisi ainy veniam quis nostrul aliqua enim lorem ipsum gui dolor sit amet tempor.</div>
                                <a href="service-details.html" class="read-more-btn">Read More</a>
                            </div>
                        </div>
                        <h4><span>Roof Maintenance</span></h4>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 service-block-one">
                    <div class="inner-box">
                        <div class="image">
                            <img src="assets/images/resource/image-4.jpg" alt="">
                            <div class="overlay">
                                <div class="text">Magna aliqa enim sed ipsum nisi ainy veniam quis nostrul aliqua enim lorem ipsum gui dolor sit amet tempor.</div>
                                <a href="service-details.html" class="read-more-btn">Read More</a>
                            </div>
                        </div>
                        <h4><span>Roof Inspection</span></h4>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 service-block-one">
                    <div class="inner-box">
                        <div class="image">
                            <img src="assets/images/resource/image-5.jpg" alt="">
                            <div class="overlay">
                                <div class="text">Magna aliqa enim sed ipsum nisi ainy veniam quis nostrul aliqua enim lorem ipsum gui dolor sit amet tempor.</div>
                                <a href="service-details.html" class="read-more-btn">Read More</a>
                            </div>
                        </div>
                        <h4><span>Insulation & Repairs</span></h4>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 service-block-one">
                    <div class="inner-box">
                        <div class="image">
                            <img src="assets/images/resource/image-6.jpg" alt="">
                            <div class="overlay">
                                <div class="text">Magna aliqa enim sed ipsum nisi ainy veniam quis nostrul aliqua enim lorem ipsum gui dolor sit amet tempor.</div>
                                <a href="service-details.html" class="read-more-btn">Read More</a>
                            </div>
                        </div>
                        <h4><span>Roof Replacement</span></h4>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 service-block-one">
                    <div class="inner-box">
                        <div class="image">
                            <img src="assets/images/resource/image-7.jpg" alt="">
                            <div class="overlay">
                                <div class="text">Magna aliqa enim sed ipsum nisi ainy veniam quis nostrul aliqua enim lorem ipsum gui dolor sit amet tempor.</div>
                                <a href="service-details.html" class="read-more-btn">Read More</a>
                            </div>
                        </div>
                        <h4><span>Roof Coating</span></h4>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 service-block-one">
                    <div class="inner-box">
                        <div class="image">
                            <img src="assets/images/resource/image-8.jpg" alt="">
                            <div class="overlay">
                                <div class="text">Magna aliqa enim sed ipsum nisi ainy veniam quis nostrul aliqua enim lorem ipsum gui dolor sit amet tempor.</div>
                                <a href="service-details.html" class="read-more-btn">Read More</a>
                            </div>
                        </div>
                        <h4><span>Roof Solar Systems</span></h4>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class="cta-section">
        <div class="auto-container">
            <div class="wrapper-box">
                <div class="logo"><img src="assets/images/logo.png" alt=""></div>
                <h2>Proud to be serving the <br> expertise you can trust</h2>
                <div class="link-btn">
                    <a href="#" class="theme-btn btn-style-one style-two"><span>Get In Touch</span></a>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section class="features-section">
        <div class="sec-bg" style="background-image: url(assets/images/background/bg-1.jpg);"></div>
        <div class="auto-container">
            <div class="content">
                <div class="sec-title">
                    <h2>Best Choice For <br> <strong>Roofing Pr.ojects</strong></h2>
                </div>
                <div class="icon-box">
                    <div class="icon"><span class="fas fa-check"></span></div>
                    <div>
                        <h4>All Roof-Top Solutions</h4>
                        <div class="text">Incididunt ut labore et dolore magna aliqua ut enim <br> veniam quis nostrud exercitation ullamco.</div>
                    </div>
                </div>
                <div class="icon-box">
                    <div class="icon"><span class="fas fa-check"></span></div>
                    <div>
                        <h4>Foremost Roofing Contractors</h4>
                        <div class="text">Incididunt ut labore et dolore magna aliqua ut enim <br> veniam quis nostrud exercitation ullamco.</div>
                    </div>
                </div>
                <div class="icon-box">
                    <div class="icon"><span class="fas fa-check"></span></div>
                    <div>
                        <h4>Fair Installation Pricing</h4>
                        <div class="text">Incididunt ut labore et dolore magna aliqua ut enim <br> veniam quis nostrud exercitation ullamco.</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Portfolio Section -->
    <section class="portfolio-section">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="sub-title">Dependable & Sincere Company</div>
                <h2><strong>The Roofing Projects</strong></h2>
                <div class="text">Incididunt ut labore et dolore magna aliqua quis nostrud exercitation ullamco laboris <br> nisi ut aliquip ex ea consequat duis aute irure dolor reprehenderit</div>
            </div>
            <!--Sortable Galery-->
            <div class="sortable-masonry">
                <!--Filter-->
                <div class="filters clearfix">
                    <ul class="filter-tabs filter-btns clearfix">
                        <li class="filter active" data-role="button" data-filter=".all">All <span class="count">0</span></li>
                        <li class="filter" data-role="button" data-filter=".cat-1">Residential <span class="count">0</span></li>
                        <li class="filter" data-role="button" data-filter=".cat-2">Commercial <span class="count">0</span></li>
                        <li class="filter" data-role="button" data-filter=".cat-3">Roof Repairs <span class="count">0</span></li>
                        <li class="filter" data-role="button" data-filter=".cat-4">Installation <span class="count">0</span></li>
                    </ul>
                </div>
                <div class="items-container row clearfix">
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-1.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>Roof Repairing</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-4 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-2.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>Insulation</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 cat-3 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-3.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>Roof Inspection</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-2 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-4.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>Roof Replacement</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-3 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-5.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>Roof Coating</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 cat-2 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-6.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>Roof Repairing</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 cat-3 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-7.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>Solar Systems</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 cat-2 cat-four col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-8.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>Roof Maintenance</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="load-more text-center mt-40"><a href="#" class="theme-btn btn-style-one">View More</a></div>
            </div>
        </div>
    </section>

    <!-- Funfacts Section -->
    <section class="funfacts-section" style="background-image: url(assets/images/background/bg-2.jpg);">
        <div class="auto-container">
            <div class="row">
                <!--Column-->
                <div class="column counter-column col-xl-3 col-lg-6 col-md-6">
                    <div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="icon"><img src="assets/images/icons/icon-6.png" alt=""></div>
                        <div class="content">
                            <div class="count-outer count-box">
                                <span class="count-text" data-speed="3000" data-stop="2">0</span><span>k+</span>
                            </div>
                            <div class="text">Residents Served</div>
                        </div>
                    </div>
                </div>
                <!--Column-->
                <div class="column counter-column col-xl-3 col-lg-6 col-md-6">
                    <div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="icon"><img src="assets/images/icons/icon-7.png" alt=""></div>
                        <div class="content">
                            <div class="count-outer count-box">
                                <span class="count-text" data-speed="3000" data-stop="2">0</span><span>k+</span>
                            </div>
                            <div class="text">Consultations Offered</div>
                        </div>
                    </div>
                </div>
                <!--Column-->
                <div class="column counter-column col-xl-3 col-lg-6 col-md-6">
                    <div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="icon"><img src="assets/images/icons/icon-8.png" alt=""></div>
                        <div class="content">
                            <div class="count-outer count-box">
                                <span class="count-text" data-speed="3000" data-stop="148">0</span>
                            </div>
                            <div class="text">Projects In Queue</div>
                        </div>
                    </div>
                </div>
                <!--Column-->
                <div class="column counter-column col-xl-3 col-lg-6 col-md-6">
                    <div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="icon"><img src="assets/images/icons/icon-9.png" alt=""></div>
                        <div class="content">
                            <div class="count-outer count-box">
                                <span class="count-text" data-speed="3000" data-stop="3">0</span><span>k+</span>
                            </div>
                            <div class="text">Roofs Repaired Done</div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <!-- Testimonials Section -->
    <section class="testimonials-section">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="sub-title">Dependable & Sincere Company</div>
                <h2><strong>What Client’s Saying</strong></h2>
                <div class="text">Incididunt ut labore et dolore magna aliqua quis nostrud exercitation ullamco laboris <br> nisi ut aliquip ex ea consequat duis aute irure dolor reprehenderit</div>
            </div>
            <div class="theme_carousel owl-theme owl-carousel" data-options='{"loop": true, "margin": 0, "autoheight":true, "lazyload":true, "nav": true, "dots": true, "autoplay": true, "autoplayTimeout": 6000, "smartSpeed": 300, "responsive":{ "0" :{ "items": "1" }, "600" :{ "items" : "2" }, "768" :{ "items" : "2" } , "992":{ "items" : "3" }, "1200":{ "items" : "3" }}}'>
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="author-box">
                            <div class="author-thumb"><img src="assets/images/resource/author-1.jpg" alt=""></div>
                            <div class="content">
                                <h4>Nick Jones</h4>
                                <div class="designation">Building Owner</div>
                                <div class="rating">
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                </div>
                            </div>
                        </div>
                        <div class="text">“Integer lobortis sem consequat cons <br> nulla sed viverra ut lorem dap benda <br> imperdiets aliquam era volutpat dolor <br> pariatur excepteur sint.”</div>
                    </div>
                </div>
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="author-box">
                            <div class="author-thumb"><img src="assets/images/resource/author-2.jpg" alt=""></div>
                            <div class="content">
                                <h4>James Thomas</h4>
                                <div class="designation">Building Owner</div>
                                <div class="rating">
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                </div>
                            </div>
                        </div>
                        <div class="text">“Integer lobortis sem consequat cons <br> nulla sed viverra ut lorem dap benda <br> imperdiets aliquam era volutpat dolor <br> pariatur excepteur sint.”</div>
                    </div>
                </div>
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="author-box">
                            <div class="author-thumb"><img src="assets/images/resource/author-3.jpg" alt=""></div>
                            <div class="content">
                                <h4>Truna Mathew</h4>
                                <div class="designation">Building Owner</div>
                                <div class="rating">
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                </div>
                            </div>
                        </div>
                        <div class="text">“Integer lobortis sem consequat cons <br> nulla sed viverra ut lorem dap benda <br> imperdiets aliquam era volutpat dolor <br> pariatur excepteur sint.”</div>
                    </div>
                </div>
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="author-box">
                            <div class="author-thumb"><img src="assets/images/resource/author-1.jpg" alt=""></div>
                            <div class="content">
                                <h4>Nick Jones</h4>
                                <div class="designation">Building Owner</div>
                                <div class="rating">
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                </div>
                            </div>
                        </div>
                        <div class="text">“Integer lobortis sem consequat cons <br> nulla sed viverra ut lorem dap benda <br> imperdiets aliquam era volutpat dolor <br> pariatur excepteur sint.”</div>
                    </div>
                </div>
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="author-box">
                            <div class="author-thumb"><img src="assets/images/resource/author-2.jpg" alt=""></div>
                            <div class="content">
                                <h4>James Thomas</h4>
                                <div class="designation">Building Owner</div>
                                <div class="rating">
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                </div>
                            </div>
                        </div>
                        <div class="text">“Integer lobortis sem consequat cons <br> nulla sed viverra ut lorem dap benda <br> imperdiets aliquam era volutpat dolor <br> pariatur excepteur sint.”</div>
                    </div>
                </div>
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="author-box">
                            <div class="author-thumb"><img src="assets/images/resource/author-3.jpg" alt=""></div>
                            <div class="content">
                                <h4>Truna Mathew</h4>
                                <div class="designation">Building Owner</div>
                                <div class="rating">
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                </div>
                            </div>
                        </div>
                        <div class="text">“Integer lobortis sem consequat cons <br> nulla sed viverra ut lorem dap benda <br> imperdiets aliquam era volutpat dolor <br> pariatur excepteur sint.”</div>
                    </div>
                </div>
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="author-box">
                            <div class="author-thumb"><img src="assets/images/resource/author-1.jpg" alt=""></div>
                            <div class="content">
                                <h4>Nick Jones</h4>
                                <div class="designation">Building Owner</div>
                                <div class="rating">
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                </div>
                            </div>
                        </div>
                        <div class="text">“Integer lobortis sem consequat cons <br> nulla sed viverra ut lorem dap benda <br> imperdiets aliquam era volutpat dolor <br> pariatur excepteur sint.”</div>
                    </div>
                </div>
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="author-box">
                            <div class="author-thumb"><img src="assets/images/resource/author-2.jpg" alt=""></div>
                            <div class="content">
                                <h4>James Thomas</h4>
                                <div class="designation">Building Owner</div>
                                <div class="rating">
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                </div>
                            </div>
                        </div>
                        <div class="text">“Integer lobortis sem consequat cons <br> nulla sed viverra ut lorem dap benda <br> imperdiets aliquam era volutpat dolor <br> pariatur excepteur sint.”</div>
                    </div>
                </div>
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="author-box">
                            <div class="author-thumb"><img src="assets/images/resource/author-3.jpg" alt=""></div>
                            <div class="content">
                                <h4>Truna Mathew</h4>
                                <div class="designation">Building Owner</div>
                                <div class="rating">
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                </div>
                            </div>
                        </div>
                        <div class="text">“Integer lobortis sem consequat cons <br> nulla sed viverra ut lorem dap benda <br> imperdiets aliquam era volutpat dolor <br> pariatur excepteur sint.”</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Clients Logo Section -->
    <section class="clients-logo-section">
        <div class="auto-container">
            <!--Sponsors Carousel-->
            <div class="theme_carousel owl-theme owl-carousel" data-options='{"loop": true, "margin": 40, "autoheight":true, "lazyload":true, "nav": true, "dots": true, "autoplay": true, "autoplayTimeout": 6000, "smartSpeed": 300, "responsive":{ "0" :{ "items": "1" }, "600" :{ "items" : "2" }, "768" :{ "items" : "3" } , "992":{ "items" : "4" }, "1200":{ "items" : "5" }}}'>
                <div class="slide-item"><div class="image"><img src="assets/images/resource/clients-1.png" alt=""></div></div>
                <div class="slide-item"><div class="image"><img src="assets/images/resource/clients-2.png" alt=""></div></div>
                <div class="slide-item"><div class="image"><img src="assets/images/resource/clients-3.png" alt=""></div></div>
                <div class="slide-item"><div class="image"><img src="assets/images/resource/clients-4.png" alt=""></div></div>
                <div class="slide-item"><div class="image"><img src="assets/images/resource/clients-5.png" alt=""></div></div>
            </div>
        </div>
    </section>

    <!-- Features Section Two -->
    <section class="features-section-two">
        <div class="auto-container">
            <div class="single-block">
                <div class="row">
                    <div class="col-lg-6 image-coulmn">
                        <div class="image"><img src="assets/images/resource/image-9.jpg" alt=""></div>
                    </div>
                    <div class="col-lg-6">
                        <div class="content">
                            <div class="sec-title">
                                <div class="sub-title">Dependable & Sincere Company</div>
                                <h2><strong>Rofalco</strong> - Exceptional <br> Roofing Services</h2>
                                <div class="text">Magna aliqa enim sed ipsum nisi ainy veniam quis nostrul aliqua enim lorem ipsum gui dolor sit amet tempor. Lorem ipsum dolor sit ametys consecteturadipisicing elit, sed eiusmod tempor incididunt ut labore dolore magna aliq sed ipsum ua dolor exercitation ullamco.</div>
                                <div class="link-btn"><a href="#" class="theme-btn btn-style-one"><span>Learn More</span></a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Skills Section -->
    <section class="skills-section">
        <div class="auto-container">
            <div class="row no-gutters">
                <div class="col-xl-6 left-column">
                    <div class="inner-container">
                        <div class="content">
                            <div class="sec-title light">
                                <div class="sub-title">Dependable & Sincere Company</div>
                                <h2>Need Any Kind Roofing? <br> <strong>Your Trusted Partner</strong></h2>
                                <div class="text">Magna aliqa enim sed ipsum nisi ainy veniam quis nostrul aliqua enim lorem ipsum gui dolor sit amet tempor. Lorem ipsum dolor sit ametys consectetur adipisicing elit sed eiusmod tempor incididunt ut labore dolore magna sed. </div>
                            </div>
                            <div class="progress-levels">
                                <!--Skill Box-->
                                <div class="progress-box wow fadeIn" data-wow-delay="100ms" data-wow-duration="1500ms">
                                    <h5>re-Roofing</h5>
                                    <div class="inner">
                                        <div class="bar">
                                            <div class="bar-innner"><div class="bar-fill" data-percent="88"><div class="percent"></div></div></div>
                                        </div>
                                    </div>
                                </div>
                                <!--Skill Box-->
                                <div class="progress-box wow fadeIn" data-wow-delay="100ms" data-wow-duration="1500ms">
                                    <h5>Leak repairs</h5>
                                    <div class="inner">
                                        <div class="bar">
                                            <div class="bar-innner"><div class="bar-fill" data-percent="65"><div class="percent"></div></div></div>
                                        </div>
                                    </div>
                                </div>
                                <!--Skill Box-->
                                <div class="progress-box wow fadeIn" data-wow-delay="100ms" data-wow-duration="1500ms">
                                    <h5>Roof coating</h5>
                                    <div class="inner">
                                        <div class="bar">
                                            <div class="bar-innner"><div class="bar-fill" data-percent="75"><div class="percent"></div></div></div>
                                        </div>                                
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="row no-gutters">
                        <div class="col-md-6">
                            <div class="image"><img src="assets/images/resource/image-10.jpg" alt=""></div>
                            <div class="lower-content">
                                <h2>Rofalco is critical <br> for any new roofing <br> Project.</h2>
                                <div class="icon"><img src="assets/images/icons/icon-10.png" alt=""></div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="lower-content style-two">
                                <h2>Committed to <br> provide the roofing <br> excellence.</h2>
                                <div class="icon"><img src="assets/images/icons/icon-11.png" alt=""></div>
                            </div>
                            <div class="image"><img src="assets/images/resource/image-11.jpg" alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Latest News -->
    <section class="latest-news-section">
        <div class="auto-container">
            <div class="row align-items-center justify-content-between m-0">
                <div class="sec-title">
                    <div class="sub-title">Dependable & Sincere Company</div>
                    <h2>Latest News From <br> <strong>Rofalco Since 2005</strong></h2>
                </div>
                <div class="text">Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam <br> quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea consequat <br> duis aute irure dolor in reprehenderit in voluptate. </div>
            </div>
            <div class="row">
                <div class="col-lg-6 news-block-one">
                    <div class="inner-box">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="image"><a href="blog-details.html"><img src="assets/images/resource/news-1.jpg" alt=""></a></div>
                            </div>
                            <div class="col-md-6">
                                <div class="content-box">
                                    <ul class="post-meta">
                                        <li>John Smith</li>
                                        <li>April 28, 2020</li>
                                    </ul>
                                    <a href="blog-details.html"><h4>Reviewing a Residential <br> Roof’s Warrenty</h4></a>
                                    <div class="text">Magna aliqa enim sed ipsum nisi ainy <br> ipsum gui dolor sit amet tempor lorem <br> adipisicing elit, sed eiusmod...</div>
                                    <div class="row m-0 justify-content-between">
                                        <div class="read-more-btn"><a href="blog-details.html" class="theme-btn">Read more</a></div>
                                        <div class="share-icon style-two post-share-icon">
                                            <div class="share-btn"><span class="fas fa-share-alt"></span></div>
                                            <ul class="social-links">
                                                <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                                <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                                <li><a href="#"><span class="fab fa-skype"></span></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 news-block-one">
                    <div class="inner-box">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="image"><a href="blog-details.html"><img src="assets/images/resource/news-2.jpg" alt=""></a></div>
                            </div>
                            <div class="col-md-6">
                                <div class="content-box">
                                    <ul class="post-meta">
                                        <li>John Smith</li>
                                        <li>April 28, 2020</li>
                                    </ul>
                                    <a href="blog-details.html"><h4>Asphalt Roof Cleaning <br> & Repairing Do’s</h4></a>
                                    <div class="text">Magna aliqa enim sed ipsum nisi ainy <br> ipsum gui dolor sit amet tempor lorem <br> adipisicing elit, sed eiusmod...</div>
                                    <div class="row m-0 justify-content-between">
                                        <div class="read-more-btn"><a href="blog-details.html" class="theme-btn">Read more</a></div>
                                        <div class="share-icon style-two post-share-icon">
                                            <div class="share-btn"><span class="fas fa-share-alt"></span></div>
                                            <ul class="social-links">
                                                <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                                <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                                <li><a href="#"><span class="fab fa-skype"></span></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- CTA Section Two -->
    <section class="cta-section-two">
        <div class="auto-container">
            <div class="wrapper-box">
                <h3>Need Roof Service & Maintenance Or Have <br> Any Questions? We are Ready to Help!</h3>
                <div class="link-btn"><a href="#" class="theme-btn btn-style-one style-three"><span>Learn More</span></a></div>
                <div class="icon"><img src="assets/images/icons/icon-12.png" alt=""></div>
            </div>
        </div>
    </section>

    <!-- Main Footer -->
    <footer class="main-footer">
        <div class="auto-container">
            <!--Widgets Section-->
            <div class="widgets-section">
                <div class="row clearfix">
                    
                    <!--Column-->
                    <div class="column col-lg-3 col-md-6">
                        <div class="widget about-widget">
                            <div class="logo"><a href="index.html"><img src="assets/images/logo-two.png" alt=""></a></div>
                            <div class="text">Magna aliqa enim sed ipsum nisi ainy <br> veniam quis nostrul aliqua enim lorem <br> ipsum gui dolor sit amet tempor. </div>
                            <ul class="social-links">
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                                <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    
                    <!--Column-->
                    <div class="column col-lg-3 col-md-6">
                        <div class="widget links-widget">
                            <h3 class="widget-title">Our Services</h3>
                            <div class="widget-content">
                                <ul>
                                    <li><a href="index.html">Commercial Roofing</a></li>
                                    <li><a href="#">Residential Roofing</a></li>
                                    <li><a href="#">Roof Repair & Replacement</a></li>
                                    <li><a href="#">Roof Inspections</a></li>
                                    <li><a href="#">Emergency Roofing Repair</a></li>
                                    <li><a href="#">Roof Survey</a></li>
                                </ul>                                        
                            </div>
                        </div>
                    </div>

                    <!--Column-->
                    <div class="column col-lg-3 col-md-6">
                        <div class="widget links-widget">
                            <h3 class="widget-title">Quick links</h3>
                            <div class="widget-content">
                                <ul>
                                    <li><a href="index.html">Our Locations</a></li>
                                    <li><a href="#">About Rofalco</a></li>
                                    <li><a href="#">Projects Gallery</a></li>
                                    <li><a href="#">Terms of Payment</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                    <li><a href="#">Contact us</a></li>
                                </ul>                                        
                            </div>
                        </div>
                    </div>
                    
                    <!--Column-->
                    <div class="column col-lg-3 col-md-6">
                        <div class="widget contact-widget">
                            <h3 class="widget-title">Get in touch</h3>
                            <div class="widget-content">
                                <ul class="contact-info">
                                    <li>
                                        <div class="icon"><span class="flaticon-gps"></span></div>
                                        <div class="text">2912  Carolyns Circle <br>Dallas TX - 75234</div>
                                    </li>
                                    <li>
                                        <div class="icon"><span class="flaticon-phone"></span></div>
                                        <div class="text">
                                            <a href="tel:1(258)985-703">1 (258) 985-703</a> <br>
                                            <a href="tel:1(258)985-706">1 (258) 985-706</a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="icon"><span class="flaticon-comment"></span></div>
                                        <div class="text">
                                            <a href="mailto:support@rofalco.com">support@rofalco.com</a> <br>
                                            <a href="mailto:info@my-domain.com">info@my-domain.com</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        <!-- Footer Bottom -->
        <div class="footer-bottom">
            <div class="auto-container">
                <div class="copyright">
                    <div class="text">(c) 2020 ROFALCO - Roofing Services. All rights reserved.</div>
                </div>
            </div>
        </div>
    </footer>
	
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="flaticon-right-arrow"></span></div>

<script src="assets/js/jquery.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap-select.min.js"></script>
<script src="assets/js/jquery.fancybox.js"></script>
<script src="assets/js/isotope.js"></script>
<script src="assets/js/owl.js"></script>
<script src="assets/js/appear.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/lazyload.js"></script>
<script src="assets/js/scrollbar.js"></script>
<script src="assets/js/TweenMax.min.js"></script>
<script src="assets/js/swiper.min.js"></script>

<script src="assets/js/script.js"></script>


</body>
</html>











