pages converted to php files and updated
This commit is contained in:
Gary
parent
6c67065ffd
commit
5279f51bd5
474
about.html
474
about.html
@ -1,474 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Roofing - Free Bootstrap 4 Template by Colorlib</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
|
||||
<link rel="stylesheet" href="css/animate.css">
|
||||
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="css/magnific-popup.css">
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
|
||||
<link rel="stylesheet" href="css/jquery.timepicker.css">
|
||||
|
||||
<link rel="stylesheet" href="css/flaticon.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-3 d-flex align-items-center">
|
||||
<a class="navbar-brand d-flex" href="index.html"><div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-roof-2"></span></div>Roofing</a>
|
||||
</div>
|
||||
<div class="col-3 d-flex justify-content-end align-items-center">
|
||||
<div class="social-media">
|
||||
<p class="mb-0 d-flex">
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-facebook"><i class="sr-only">Facebook</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-twitter"><i class="sr-only">Twitter</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-instagram"><i class="sr-only">Instagram</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-dribbble"><i class="sr-only">Dribbble</i></span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="menu-wrap flex-md-column-reverse d-md-flex">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
|
||||
<div class="container">
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="fa fa-bars"></span> Menu
|
||||
</button>
|
||||
<div class="req-button order-lg-last">
|
||||
<a href="#">Request A Quote</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="ftco-nav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
|
||||
<li class="nav-item active"><a href="about.html" class="nav-link">About</a></li>
|
||||
<li class="nav-item"><a href="services.html" class="nav-link">Services</a></li>
|
||||
<li class="nav-item"><a href="project.html" class="nav-link">Project</a></li>
|
||||
<li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- END nav -->
|
||||
<div class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_2.jpg');" data-stellar-background-ratio="0.5">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row no-gutters slider-text align-items-end">
|
||||
<div class="col-md-9 ftco-animate pb-5">
|
||||
<p class="breadcrumbs mb-2"><span class="mr-2"><a href="index.html">Home <i class="fa fa-chevron-right"></i></a></span> <span>About us <i class="fa fa-chevron-right"></i></span></p>
|
||||
<h1 class="mb-0 bread">About Us</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ftco-section ftco-no-pt ftco-no-pb bg-light">
|
||||
<div class="container">
|
||||
<div class="row d-flex no-gutters">
|
||||
<div class="col-md-6 d-flex">
|
||||
<div class="img img-video d-flex align-self-stretch align-items-center justify-content-center mb-4 mb-sm-0" style="background-image:url(images/about.jpg);">
|
||||
<a href="https://vimeo.com/45830194" class="icon-video popup-vimeo d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-play"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 pl-md-5">
|
||||
<div class="row justify-content-start py-5">
|
||||
<div class="col-md-12 heading-section ftco-animate">
|
||||
<span class="subheading">Welcome to Roofing</span>
|
||||
<h2 class="mb-4">We help more than 65 years serving Roofing Industry</h2>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
|
||||
</p>
|
||||
<div class="tabulation-2 mt-4">
|
||||
<ul class="nav nav-pills nav-fill d-md-flex d-block">
|
||||
<li class="nav-item mb-md-0 mb-2">
|
||||
<a class="nav-link active py-2" data-toggle="tab" href="#home1">Our Mission</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-2 mb-md-0 mb-2">
|
||||
<a class="nav-link py-2" data-toggle="tab" href="#home2">Our Vision</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link py-2 mb-md-0 mb-2" data-toggle="tab" href="#home3">Our Value</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content rounded mt-2">
|
||||
<div class="tab-pane container p-0 active" id="home1">
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="home2">
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="home3">
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ftco-counter" id="section-counter">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
|
||||
<div class="block-18 text-center">
|
||||
<div class="text">
|
||||
<div class="icon"><span class="fa fa-calendar"></span></div>
|
||||
<strong class="number" data-number="45">0</strong>
|
||||
<span>Years of Experienced</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
|
||||
<div class="block-18 text-center">
|
||||
<div class="text">
|
||||
<div class="icon"><span class="fa fa-briefcase"></span></div>
|
||||
<strong class="number" data-number="8500">0</strong>
|
||||
<span>Project completed</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
|
||||
<div class="block-18 text-center">
|
||||
<div class="text">
|
||||
<div class="icon"><span class="fa fa-users"></span></div>
|
||||
<strong class="number" data-number="2342">0</strong>
|
||||
<span>Happy Clients</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
|
||||
<div class="block-18 text-center">
|
||||
<div class="text">
|
||||
<div class="icon"><span class="fa fa-bar-chart"></span></div>
|
||||
<strong class="number" data-number="30">0</strong>
|
||||
<span>Business Partners</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ftco-section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center mb-5">
|
||||
<div class="col-md-8 text-center heading-section ftco-animate">
|
||||
<h2 class="mb-4">Our Best Services</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-9">
|
||||
<div class="row tabulation mt-4 ftco-animate">
|
||||
<div class="col-md-4">
|
||||
<ul class="nav nav-pills nav-fill d-md-flex d-block flex-column">
|
||||
<li class="nav-item text-left">
|
||||
<a class="nav-link active py-4" data-toggle="tab" href="#services-1"><span class="flaticon-roof mr-2"></span> Skylights</a>
|
||||
</li>
|
||||
<li class="nav-item text-left">
|
||||
<a class="nav-link py-4" data-toggle="tab" href="#services-2"><span class="flaticon-roof-1 mr-2"></span> Waterproofing</a>
|
||||
</li>
|
||||
<li class="nav-item text-left">
|
||||
<a class="nav-link py-4" data-toggle="tab" href="#services-3"><span class="flaticon-roof-5 mr-2"></span> Industrial Roofing</a>
|
||||
</li>
|
||||
<li class="nav-item text-left">
|
||||
<a class="nav-link py-4" data-toggle="tab" href="#services-4"><span class="flaticon-roof-2 mr-2"></span> Residential Roofing</a>
|
||||
</li>
|
||||
<li class="nav-item text-left">
|
||||
<a class="nav-link py-4" data-toggle="tab" href="#services-5"><span class="flaticon-roof-3 mr-2"></span> Gutter Cleaning</a>
|
||||
</li>
|
||||
<li class="nav-item text-left">
|
||||
<a class="nav-link border-bottom py-4" data-toggle="tab" href="#services-6"><span class="flaticon-roof-4 mr-2"></span> Commercial Roofing</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-8 pl-md-4">
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane container p-0 active" id="services-1">
|
||||
<h3><a href="#">Skylights</a></h3>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
|
||||
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
|
||||
<ul>
|
||||
<li><span class="fa fa-check"></span>The Big Oxmox advised her not to do so</li>
|
||||
<li><span class="fa fa-check"></span>Far far away, behind the word mountains</li>
|
||||
<li><span class="fa fa-check"></span>Separated they live in Bookmarksgrove</li>
|
||||
<li><span class="fa fa-check"></span>She packed her seven versalia</li>
|
||||
<li><span class="fa fa-check"></span>Little Blind Text didn’t listen</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="services-2">
|
||||
<h3><a href="#">Waterproofing</a></h3>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
|
||||
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
|
||||
<ul>
|
||||
<li><span class="fa fa-check"></span>The Big Oxmox advised her not to do so</li>
|
||||
<li><span class="fa fa-check"></span>Far far away, behind the word mountains</li>
|
||||
<li><span class="fa fa-check"></span>Separated they live in Bookmarksgrove</li>
|
||||
<li><span class="fa fa-check"></span>She packed her seven versalia</li>
|
||||
<li><span class="fa fa-check"></span>Little Blind Text didn’t listen</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="services-3">
|
||||
<h3><a href="#">Industrial Roofing</a></h3>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
|
||||
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
|
||||
<ul>
|
||||
<li><span class="fa fa-check"></span>The Big Oxmox advised her not to do so</li>
|
||||
<li><span class="fa fa-check"></span>Far far away, behind the word mountains</li>
|
||||
<li><span class="fa fa-check"></span>Separated they live in Bookmarksgrove</li>
|
||||
<li><span class="fa fa-check"></span>She packed her seven versalia</li>
|
||||
<li><span class="fa fa-check"></span>Little Blind Text didn’t listen</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="services-4">
|
||||
<h3><a href="#">Residential Roofing</a></h3>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
|
||||
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
|
||||
<ul>
|
||||
<li><span class="fa fa-check"></span>The Big Oxmox advised her not to do so</li>
|
||||
<li><span class="fa fa-check"></span>Far far away, behind the word mountains</li>
|
||||
<li><span class="fa fa-check"></span>Separated they live in Bookmarksgrove</li>
|
||||
<li><span class="fa fa-check"></span>She packed her seven versalia</li>
|
||||
<li><span class="fa fa-check"></span>Little Blind Text didn’t listen</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="services-5">
|
||||
<h3><a href="#">Gutter Cleaning</a></h3>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
|
||||
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
|
||||
<ul>
|
||||
<li><span class="fa fa-check"></span>The Big Oxmox advised her not to do so</li>
|
||||
<li><span class="fa fa-check"></span>Far far away, behind the word mountains</li>
|
||||
<li><span class="fa fa-check"></span>Separated they live in Bookmarksgrove</li>
|
||||
<li><span class="fa fa-check"></span>She packed her seven versalia</li>
|
||||
<li><span class="fa fa-check"></span>Little Blind Text didn’t listen</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="services-6">
|
||||
<h3><a href="#">Commercial Roofing</a></h3>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
|
||||
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
|
||||
<ul>
|
||||
<li><span class="fa fa-check"></span>The Big Oxmox advised her not to do so</li>
|
||||
<li><span class="fa fa-check"></span>Far far away, behind the word mountains</li>
|
||||
<li><span class="fa fa-check"></span>Separated they live in Bookmarksgrove</li>
|
||||
<li><span class="fa fa-check"></span>She packed her seven versalia</li>
|
||||
<li><span class="fa fa-check"></span>Little Blind Text didn’t listen</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 d-flex align-items-stretch">
|
||||
<div class="img" style="background-image: url(images/about.jpg);"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ftco-section testimony-section bg-light">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center pb-5 mb-3">
|
||||
<div class="col-md-7 heading-section text-center ftco-animate">
|
||||
<span class="subheading">Testimonies</span>
|
||||
<h2>Happy Clients & Feedbacks</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row ftco-animate">
|
||||
<div class="col-md-12">
|
||||
<div class="carousel-testimony owl-carousel ftco-owl">
|
||||
<div class="item">
|
||||
<div class="testimony-wrap py-4">
|
||||
<div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-quote-left"></span></div>
|
||||
<div class="text">
|
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="user-img" style="background-image: url(images/person_1.jpg)"></div>
|
||||
<div class="pl-3">
|
||||
<p class="name">Roger Scott</p>
|
||||
<span class="position">Marketing Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="testimony-wrap py-4">
|
||||
<div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-quote-left"></span></div>
|
||||
<div class="text">
|
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="user-img" style="background-image: url(images/person_2.jpg)"></div>
|
||||
<div class="pl-3">
|
||||
<p class="name">Roger Scott</p>
|
||||
<span class="position">Marketing Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="testimony-wrap py-4">
|
||||
<div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-quote-left"></span></div>
|
||||
<div class="text">
|
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="user-img" style="background-image: url(images/person_3.jpg)"></div>
|
||||
<div class="pl-3">
|
||||
<p class="name">Roger Scott</p>
|
||||
<span class="position">Marketing Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="testimony-wrap py-4">
|
||||
<div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-quote-left"></span></div>
|
||||
<div class="text">
|
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="user-img" style="background-image: url(images/person_1.jpg)"></div>
|
||||
<div class="pl-3">
|
||||
<p class="name">Roger Scott</p>
|
||||
<span class="position">Marketing Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="testimony-wrap py-4">
|
||||
<div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-quote-left"></span></div>
|
||||
<div class="text">
|
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="user-img" style="background-image: url(images/person_2.jpg)"></div>
|
||||
<div class="pl-3">
|
||||
<p class="name">Roger Scott</p>
|
||||
<span class="position">Marketing Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer ftco-section">
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Roofing</a></h2>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4">
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-twitter"></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-facebook"></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-instagram"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4 ml-md-5">
|
||||
<h2 class="ftco-heading-2">Services</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Skylights</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Waterproofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Industrial Roofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Residential Roofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Gutter Cleaning</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Commercial Roofing</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Business Hours</h2>
|
||||
<div class="opening-hours">
|
||||
<h4>Opening Days:</h4>
|
||||
<p class="pl-3">
|
||||
<span>Monday – Friday : 9am to 20 pm</span>
|
||||
<span>Saturday : 9am to 17 pm</span>
|
||||
</p>
|
||||
<h4>Vacations:</h4>
|
||||
<p class="pl-3">
|
||||
<span>All Sunday Days</span>
|
||||
<span>All Official Holidays</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Contact information</h2>
|
||||
<div class="block-23 mb-3">
|
||||
<ul>
|
||||
<li><span class="icon fa fa-map-marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li>
|
||||
<li><a href="#"><span class="icon fa fa-phone"></span><span class="text">+2 392 3929 210</span></a></li>
|
||||
<li><a href="#"><span class="icon fa fa-paper-plane"></span><span class="text">info@yourdomain.com</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
|
||||
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
||||
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- loader -->
|
||||
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
|
||||
|
||||
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jquery-migrate-3.0.1.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.easing.1.3.js"></script>
|
||||
<script src="js/jquery.waypoints.min.js"></script>
|
||||
<script src="js/jquery.stellar.min.js"></script>
|
||||
<script src="js/jquery.animateNumber.min.js"></script>
|
||||
<script src="js/bootstrap-datepicker.js"></script>
|
||||
<script src="js/jquery.timepicker.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/scrollax.min.js"></script>
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
|
||||
<script src="js/google-map.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
65
about.php
Normal file
65
about.php
Normal file
@ -0,0 +1,65 @@
|
||||
<?php
|
||||
|
||||
$URlsorrection = "";
|
||||
|
||||
include_once $URlsorrection . "includes/header.php";
|
||||
include_once $URlsorrection . "includes/banner.php";
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<section class="ftco-section ftco-no-pt ftco-no-pb bg-light">
|
||||
<div class="container">
|
||||
<div class="row d-flex no-gutters">
|
||||
<div class="col-md-6 d-flex">
|
||||
<div class="img img-video d-flex align-self-stretch align-items-center justify-content-center mb-4 mb-sm-0" style="background-image:url(images/about.jpg);">
|
||||
<a href="https://vimeo.com/45830194" class="icon-video popup-vimeo d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-play"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 pl-md-5">
|
||||
<div class="row justify-content-start py-5">
|
||||
<div class="col-md-12 heading-section ftco-animate">
|
||||
<span class="subheading">Welcome to Roofing</span>
|
||||
<h2 class="mb-4">We help more than 65 years serving Roofing Industry</h2>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
|
||||
</p>
|
||||
<div class="tabulation-2 mt-4">
|
||||
<ul class="nav nav-pills nav-fill d-md-flex d-block">
|
||||
<li class="nav-item mb-md-0 mb-2">
|
||||
<a class="nav-link active py-2" data-toggle="tab" href="#home1">Our Mission</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-2 mb-md-0 mb-2">
|
||||
<a class="nav-link py-2" data-toggle="tab" href="#home2">Our Vision</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link py-2 mb-md-0 mb-2" data-toggle="tab" href="#home3">Our Value</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content rounded mt-2">
|
||||
<div class="tab-pane container p-0 active" id="home1">
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="home2">
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="home3">
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<?php
|
||||
include_once $URlsorrection . "sections/counter.php";
|
||||
include_once $URlsorrection . "sections/services.php";
|
||||
include_once $URlsorrection . "sections/reviews.php";
|
||||
include_once $URlsorrection . "includes/footer.php";
|
||||
?>
|
||||
409
blog-single.html
409
blog-single.html
@ -1,409 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Roofing - Free Bootstrap 4 Template by Colorlib</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
|
||||
<link rel="stylesheet" href="css/animate.css">
|
||||
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="css/magnific-popup.css">
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
|
||||
<link rel="stylesheet" href="css/jquery.timepicker.css">
|
||||
|
||||
<link rel="stylesheet" href="css/flaticon.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-3 d-flex align-items-center">
|
||||
<a class="navbar-brand d-flex" href="index.html"><div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-roof-2"></span></div>Roofing</a>
|
||||
</div>
|
||||
<div class="col-3 d-flex justify-content-end align-items-center">
|
||||
<div class="social-media">
|
||||
<p class="mb-0 d-flex">
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-facebook"><i class="sr-only">Facebook</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-twitter"><i class="sr-only">Twitter</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-instagram"><i class="sr-only">Instagram</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-dribbble"><i class="sr-only">Dribbble</i></span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="menu-wrap flex-md-column-reverse d-md-flex">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
|
||||
<div class="container">
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="fa fa-bars"></span> Menu
|
||||
</button>
|
||||
<div class="req-button order-lg-last">
|
||||
<a href="#">Request A Quote</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="ftco-nav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
|
||||
<li class="nav-item"><a href="services.html" class="nav-link">Services</a></li>
|
||||
<li class="nav-item"><a href="project.html" class="nav-link">Project</a></li>
|
||||
<li class="nav-item active"><a href="blog.html" class="nav-link">Blog</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- END nav -->
|
||||
<div class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_2.jpg');" data-stellar-background-ratio="0.5">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row no-gutters slider-text align-items-end">
|
||||
<div class="col-md-9 ftco-animate pb-5">
|
||||
<p class="breadcrumbs mb-2">
|
||||
<span class="mr-2"><a href="index.html">Home <i class="fa fa-chevron-right"></i></a></span>
|
||||
<span><a href="blog.html">Blog <i class="fa fa-chevron-right"></i></a></span>
|
||||
<span>Blog Single <i class="fa fa-chevron-right"></i></span></p>
|
||||
<h1 class="mb-0 bread">Blog Single</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ftco-section ftco-degree-bg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 order-lg-last ftco-animate">
|
||||
<p>
|
||||
<img src="images/image_1.jpg" alt="" class="img-fluid">
|
||||
</p>
|
||||
<h2 class="mb-3">It is a long established fact a reader be distracted</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, eius mollitia suscipit, quisquam doloremque distinctio perferendis et doloribus unde architecto optio laboriosam porro adipisci sapiente officiis nemo accusamus ad praesentium? Esse minima nisi et. Dolore perferendis, enim praesentium omnis, iste doloremque quia officia optio deserunt molestiae voluptates soluta architecto tempora.</p>
|
||||
<p>Molestiae cupiditate inventore animi, maxime sapiente optio, illo est nemo veritatis repellat sunt doloribus nesciunt! Minima laborum magni reiciendis qui voluptate quisquam voluptatem soluta illo eum ullam incidunt rem assumenda eveniet eaque sequi deleniti tenetur dolore amet fugit perspiciatis ipsa, odit. Nesciunt dolor minima esse vero ut ea, repudiandae suscipit!</p>
|
||||
<h2 class="mb-3 mt-5">#2. Creative WordPress Themes</h2>
|
||||
<p>Temporibus ad error suscipit exercitationem hic molestiae totam obcaecati rerum, eius aut, in. Exercitationem atque quidem tempora maiores ex architecto voluptatum aut officia doloremque. Error dolore voluptas, omnis molestias odio dignissimos culpa ex earum nisi consequatur quos odit quasi repellat qui officiis reiciendis incidunt hic non? Debitis commodi aut, adipisci.</p>
|
||||
<p>
|
||||
<img src="images/image_2.jpg" alt="" class="img-fluid">
|
||||
</p>
|
||||
<p>Quisquam esse aliquam fuga distinctio, quidem delectus veritatis reiciendis. Nihil explicabo quod, est eos ipsum. Unde aut non tenetur tempore, nisi culpa voluptate maiores officiis quis vel ab consectetur suscipit veritatis nulla quos quia aspernatur perferendis, libero sint. Error, velit, porro. Deserunt minus, quibusdam iste enim veniam, modi rem maiores.</p>
|
||||
<p>Odit voluptatibus, eveniet vel nihil cum ullam dolores laborum, quo velit commodi rerum eum quidem pariatur! Quia fuga iste tenetur, ipsa vel nisi in dolorum consequatur, veritatis porro explicabo soluta commodi libero voluptatem similique id quidem? Blanditiis voluptates aperiam non magni. Reprehenderit nobis odit inventore, quia laboriosam harum excepturi ea.</p>
|
||||
<div class="tag-widget post-tag-container mb-5 mt-5">
|
||||
<div class="tagcloud">
|
||||
<a href="#" class="tag-cloud-link">Life</a>
|
||||
<a href="#" class="tag-cloud-link">Sport</a>
|
||||
<a href="#" class="tag-cloud-link">Tech</a>
|
||||
<a href="#" class="tag-cloud-link">Travel</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="about-author d-flex p-4 bg-light">
|
||||
<div class="bio mr-5">
|
||||
<img src="images/person_1.jpg" alt="Image placeholder" class="img-fluid mb-4">
|
||||
</div>
|
||||
<div class="desc">
|
||||
<h3>George Washington</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus itaque, autem necessitatibus voluptate quod mollitia delectus aut, sunt placeat nam vero culpa sapiente consectetur similique, inventore eos fugit cupiditate numquam!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="pt-5 mt-5">
|
||||
<h3 class="mb-5">6 Comments</h3>
|
||||
<ul class="comment-list">
|
||||
<li class="comment">
|
||||
<div class="vcard bio">
|
||||
<img src="images/person_1.jpg" alt="Image placeholder">
|
||||
</div>
|
||||
<div class="comment-body">
|
||||
<h3>John Doe</h3>
|
||||
<div class="meta">March 24, 2020 at 2:21pm</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur quidem laborum necessitatibus, ipsam impedit vitae autem, eum officia, fugiat saepe enim sapiente iste iure! Quam voluptas earum impedit necessitatibus, nihil?</p>
|
||||
<p><a href="#" class="reply">Reply</a></p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="comment">
|
||||
<div class="vcard bio">
|
||||
<img src="images/person_1.jpg" alt="Image placeholder">
|
||||
</div>
|
||||
<div class="comment-body">
|
||||
<h3>John Doe</h3>
|
||||
<div class="meta">March 24, 2020 at 2:21pm</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur quidem laborum necessitatibus, ipsam impedit vitae autem, eum officia, fugiat saepe enim sapiente iste iure! Quam voluptas earum impedit necessitatibus, nihil?</p>
|
||||
<p><a href="#" class="reply">Reply</a></p>
|
||||
</div>
|
||||
|
||||
<ul class="children">
|
||||
<li class="comment">
|
||||
<div class="vcard bio">
|
||||
<img src="images/person_1.jpg" alt="Image placeholder">
|
||||
</div>
|
||||
<div class="comment-body">
|
||||
<h3>John Doe</h3>
|
||||
<div class="meta">March 24, 2020 at 2:21pm</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur quidem laborum necessitatibus, ipsam impedit vitae autem, eum officia, fugiat saepe enim sapiente iste iure! Quam voluptas earum impedit necessitatibus, nihil?</p>
|
||||
<p><a href="#" class="reply">Reply</a></p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="children">
|
||||
<li class="comment">
|
||||
<div class="vcard bio">
|
||||
<img src="images/person_1.jpg" alt="Image placeholder">
|
||||
</div>
|
||||
<div class="comment-body">
|
||||
<h3>John Doe</h3>
|
||||
<div class="meta">March 24, 2020 at 2:21pm</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur quidem laborum necessitatibus, ipsam impedit vitae autem, eum officia, fugiat saepe enim sapiente iste iure! Quam voluptas earum impedit necessitatibus, nihil?</p>
|
||||
<p><a href="#" class="reply">Reply</a></p>
|
||||
</div>
|
||||
|
||||
<ul class="children">
|
||||
<li class="comment">
|
||||
<div class="vcard bio">
|
||||
<img src="images/person_1.jpg" alt="Image placeholder">
|
||||
</div>
|
||||
<div class="comment-body">
|
||||
<h3>John Doe</h3>
|
||||
<div class="meta">March 24, 2020 at 2:21pm</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur quidem laborum necessitatibus, ipsam impedit vitae autem, eum officia, fugiat saepe enim sapiente iste iure! Quam voluptas earum impedit necessitatibus, nihil?</p>
|
||||
<p><a href="#" class="reply">Reply</a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="comment">
|
||||
<div class="vcard bio">
|
||||
<img src="images/person_1.jpg" alt="Image placeholder">
|
||||
</div>
|
||||
<div class="comment-body">
|
||||
<h3>John Doe</h3>
|
||||
<div class="meta">March 24, 2020 at 2:21pm</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur quidem laborum necessitatibus, ipsam impedit vitae autem, eum officia, fugiat saepe enim sapiente iste iure! Quam voluptas earum impedit necessitatibus, nihil?</p>
|
||||
<p><a href="#" class="reply">Reply</a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- END comment-list -->
|
||||
|
||||
<div class="comment-form-wrap pt-5">
|
||||
<h3 class="mb-5">Leave a comment</h3>
|
||||
<form action="#" class="p-5 bg-light">
|
||||
<div class="form-group">
|
||||
<label for="name">Name *</label>
|
||||
<input type="text" class="form-control" id="name">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email">Email *</label>
|
||||
<input type="email" class="form-control" id="email">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="website">Website</label>
|
||||
<input type="url" class="form-control" id="website">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="message">Message</label>
|
||||
<textarea name="" id="message" cols="30" rows="10" class="form-control"></textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="submit" value="Post Comment" class="btn py-3 px-4 btn-primary">
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> <!-- .col-md-8 -->
|
||||
<div class="col-lg-4 sidebar pr-lg-5 ftco-animate">
|
||||
<div class="sidebar-box">
|
||||
<form action="#" class="search-form">
|
||||
<div class="form-group">
|
||||
<span class="fa fa-search"></span>
|
||||
<input type="text" class="form-control" placeholder="Type a keyword and hit enter">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="sidebar-box ftco-animate">
|
||||
<div class="categories">
|
||||
<h3>Services</h3>
|
||||
<li><a href="#">Skylights <span class="fa fa-chevron-right"></span></a></li>
|
||||
<li><a href="#">Waterproofing <span class="fa fa-chevron-right"></span></a></li>
|
||||
<li><a href="#">Industrial Roofing <span class="fa fa-chevron-right"></span></a></li>
|
||||
<li><a href="#">Residential Roofing <span class="fa fa-chevron-right"></span></a></li>
|
||||
<li><a href="#">Gutter Cleaning<span class="fa fa-chevron-right"></span></a></li>
|
||||
<li><a href="#">Commercial Roofing<span class="fa fa-chevron-right"></span></a></li>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-box ftco-animate">
|
||||
<h3>Recent Blog</h3>
|
||||
<div class="block-21 mb-4 d-flex">
|
||||
<a class="blog-img mr-4" style="background-image: url(images/image_1.jpg);"></a>
|
||||
<div class="text">
|
||||
<h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about the blind texts</a></h3>
|
||||
<div class="meta">
|
||||
<div><a href="#"><span class="icon-calendar"></span>Mar. 24, 2020</a></div>
|
||||
<div><a href="#"><span class="icon-person"></span> Admin</a></div>
|
||||
<div><a href="#"><span class="icon-chat"></span> 19</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-21 mb-4 d-flex">
|
||||
<a class="blog-img mr-4" style="background-image: url(images/image_2.jpg);"></a>
|
||||
<div class="text">
|
||||
<h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about the blind texts</a></h3>
|
||||
<div class="meta">
|
||||
<div><a href="#"><span class="icon-calendar"></span>Mar. 24, 2020</a></div>
|
||||
<div><a href="#"><span class="icon-person"></span> Admin</a></div>
|
||||
<div><a href="#"><span class="icon-chat"></span> 19</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-21 mb-4 d-flex">
|
||||
<a class="blog-img mr-4" style="background-image: url(images/image_3.jpg);"></a>
|
||||
<div class="text">
|
||||
<h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about the blind texts</a></h3>
|
||||
<div class="meta">
|
||||
<div><a href="#"><span class="icon-calendar"></span>Mar. 24, 2020</a></div>
|
||||
<div><a href="#"><span class="icon-person"></span> Admin</a></div>
|
||||
<div><a href="#"><span class="icon-chat"></span> 19</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-box ftco-animate">
|
||||
<h3>Tag Cloud</h3>
|
||||
<div class="tagcloud">
|
||||
<a href="#" class="tag-cloud-link">roof</a>
|
||||
<a href="#" class="tag-cloud-link">home</a>
|
||||
<a href="#" class="tag-cloud-link">repair</a>
|
||||
<a href="#" class="tag-cloud-link">renovate</a>
|
||||
<a href="#" class="tag-cloud-link">mechanics</a>
|
||||
<a href="#" class="tag-cloud-link">residential</a>
|
||||
<a href="#" class="tag-cloud-link">industrial</a>
|
||||
<a href="#" class="tag-cloud-link">gutter</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-box ftco-animate">
|
||||
<h3>Paragraph</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus itaque, autem necessitatibus voluptate quod mollitia delectus aut, sunt placeat nam vero culpa sapiente consectetur similique, inventore eos fugit cupiditate numquam!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section> <!-- .section -->
|
||||
|
||||
|
||||
<footer class="footer ftco-section">
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Roofing</a></h2>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4">
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-twitter"></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-facebook"></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-instagram"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4 ml-md-5">
|
||||
<h2 class="ftco-heading-2">Services</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Skylights</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Waterproofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Industrial Roofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Residential Roofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Gutter Cleaning</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Commercial Roofing</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Business Hours</h2>
|
||||
<div class="opening-hours">
|
||||
<h4>Opening Days:</h4>
|
||||
<p class="pl-3">
|
||||
<span>Monday – Friday : 9am to 20 pm</span>
|
||||
<span>Saturday : 9am to 17 pm</span>
|
||||
</p>
|
||||
<h4>Vacations:</h4>
|
||||
<p class="pl-3">
|
||||
<span>All Sunday Days</span>
|
||||
<span>All Official Holidays</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Contact information</h2>
|
||||
<div class="block-23 mb-3">
|
||||
<ul>
|
||||
<li><span class="icon fa fa-map-marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li>
|
||||
<li><a href="#"><span class="icon fa fa-phone"></span><span class="text">+2 392 3929 210</span></a></li>
|
||||
<li><a href="#"><span class="icon fa fa-paper-plane"></span><span class="text">info@yourdomain.com</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
|
||||
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
||||
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- loader -->
|
||||
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
|
||||
|
||||
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jquery-migrate-3.0.1.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.easing.1.3.js"></script>
|
||||
<script src="js/jquery.waypoints.min.js"></script>
|
||||
<script src="js/jquery.stellar.min.js"></script>
|
||||
<script src="js/jquery.animateNumber.min.js"></script>
|
||||
<script src="js/bootstrap-datepicker.js"></script>
|
||||
<script src="js/jquery.timepicker.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/scrollax.min.js"></script>
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
|
||||
<script src="js/google-map.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
290
blog.html
290
blog.html
@ -1,290 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Roofing - Free Bootstrap 4 Template by Colorlib</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
|
||||
<link rel="stylesheet" href="css/animate.css">
|
||||
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="css/magnific-popup.css">
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
|
||||
<link rel="stylesheet" href="css/jquery.timepicker.css">
|
||||
|
||||
<link rel="stylesheet" href="css/flaticon.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-3 d-flex align-items-center">
|
||||
<a class="navbar-brand d-flex" href="index.html"><div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-roof-2"></span></div>Roofing</a>
|
||||
</div>
|
||||
<div class="col-3 d-flex justify-content-end align-items-center">
|
||||
<div class="social-media">
|
||||
<p class="mb-0 d-flex">
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-facebook"><i class="sr-only">Facebook</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-twitter"><i class="sr-only">Twitter</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-instagram"><i class="sr-only">Instagram</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-dribbble"><i class="sr-only">Dribbble</i></span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="menu-wrap flex-md-column-reverse d-md-flex">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
|
||||
<div class="container">
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="fa fa-bars"></span> Menu
|
||||
</button>
|
||||
<div class="req-button order-lg-last">
|
||||
<a href="#">Request A Quote</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="ftco-nav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
|
||||
<li class="nav-item"><a href="services.html" class="nav-link">Services</a></li>
|
||||
<li class="nav-item"><a href="project.html" class="nav-link">Project</a></li>
|
||||
<li class="nav-item active"><a href="blog.html" class="nav-link">Blog</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- END nav -->
|
||||
<div class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_2.jpg');" data-stellar-background-ratio="0.5">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row no-gutters slider-text align-items-end">
|
||||
<div class="col-md-9 ftco-animate pb-5">
|
||||
<p class="breadcrumbs mb-2"><span class="mr-2"><a href="index.html">Home <i class="fa fa-chevron-right"></i></a></span> <span>Roofing <i class="fa fa-chevron-right"></i></span></p>
|
||||
<h1 class="mb-0 bread">Roofing</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="ftco-section">
|
||||
<div class="container">
|
||||
<div class="row d-flex">
|
||||
<div class="col-md-4 d-flex ftco-animate">
|
||||
<div class="blog-entry align-self-stretch">
|
||||
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_1.jpg');">
|
||||
</a>
|
||||
<div class="text p-3">
|
||||
<div class="posted mb-3 d-flex">
|
||||
<div class="img author" style="background-image: url(images/person_2.jpg);"></div>
|
||||
<div class="desc pl-3">
|
||||
<span>Posted by John doe</span>
|
||||
<span>24 March 2020</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="heading"><a href="#">How Roofing Charge for Their Services</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-flex ftco-animate">
|
||||
<div class="blog-entry align-self-stretch">
|
||||
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_2.jpg');">
|
||||
</a>
|
||||
<div class="text p-3">
|
||||
<div class="posted mb-3 d-flex">
|
||||
<div class="img author" style="background-image: url(images/person_3.jpg);"></div>
|
||||
<div class="desc pl-3">
|
||||
<span>Posted by John doe</span>
|
||||
<span>24 March 2020</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="heading"><a href="#">How Roofing Charge for Their Services</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-flex ftco-animate">
|
||||
<div class="blog-entry align-self-stretch">
|
||||
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_3.jpg');">
|
||||
</a>
|
||||
<div class="text p-3">
|
||||
<div class="posted mb-3 d-flex">
|
||||
<div class="img author" style="background-image: url(images/person_1.jpg);"></div>
|
||||
<div class="desc pl-3">
|
||||
<span>Posted by John doe</span>
|
||||
<span>24 March 2020</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="heading"><a href="#">How Roofing Charge for Their Services</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-flex ftco-animate">
|
||||
<div class="blog-entry align-self-stretch">
|
||||
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_4.jpg');">
|
||||
</a>
|
||||
<div class="text p-3">
|
||||
<div class="posted mb-3 d-flex">
|
||||
<div class="img author" style="background-image: url(images/person_2.jpg);"></div>
|
||||
<div class="desc pl-3">
|
||||
<span>Posted by John doe</span>
|
||||
<span>24 March 2020</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="heading"><a href="#">How Roofing Charge for Their Services</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-flex ftco-animate">
|
||||
<div class="blog-entry align-self-stretch">
|
||||
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_5.jpg');">
|
||||
</a>
|
||||
<div class="text p-3">
|
||||
<div class="posted mb-3 d-flex">
|
||||
<div class="img author" style="background-image: url(images/person_3.jpg);"></div>
|
||||
<div class="desc pl-3">
|
||||
<span>Posted by John doe</span>
|
||||
<span>24 March 2020</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="heading"><a href="#">How Roofing Charge for Their Services</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-flex ftco-animate">
|
||||
<div class="blog-entry align-self-stretch">
|
||||
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_6.jpg');">
|
||||
</a>
|
||||
<div class="text p-3">
|
||||
<div class="posted mb-3 d-flex">
|
||||
<div class="img author" style="background-image: url(images/person_1.jpg);"></div>
|
||||
<div class="desc pl-3">
|
||||
<span>Posted by John doe</span>
|
||||
<span>24 March 2020</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="heading"><a href="#">How Roofing Charge for Their Services</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<div class="col text-center">
|
||||
<div class="block-27">
|
||||
<ul>
|
||||
<li><a href="#"><</a></li>
|
||||
<li class="active"><span>1</span></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#">></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer ftco-section">
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Roofing</a></h2>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4">
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-twitter"></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-facebook"></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-instagram"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4 ml-md-5">
|
||||
<h2 class="ftco-heading-2">Services</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Skylights</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Waterproofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Industrial Roofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Residential Roofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Gutter Cleaning</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Commercial Roofing</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Business Hours</h2>
|
||||
<div class="opening-hours">
|
||||
<h4>Opening Days:</h4>
|
||||
<p class="pl-3">
|
||||
<span>Monday – Friday : 9am to 20 pm</span>
|
||||
<span>Saturday : 9am to 17 pm</span>
|
||||
</p>
|
||||
<h4>Vacations:</h4>
|
||||
<p class="pl-3">
|
||||
<span>All Sunday Days</span>
|
||||
<span>All Official Holidays</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Contact information</h2>
|
||||
<div class="block-23 mb-3">
|
||||
<ul>
|
||||
<li><span class="icon fa fa-map-marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li>
|
||||
<li><a href="#"><span class="icon fa fa-phone"></span><span class="text">+2 392 3929 210</span></a></li>
|
||||
<li><a href="#"><span class="icon fa fa-paper-plane"></span><span class="text">info@yourdomain.com</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
|
||||
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
||||
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- loader -->
|
||||
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
|
||||
|
||||
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jquery-migrate-3.0.1.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.easing.1.3.js"></script>
|
||||
<script src="js/jquery.waypoints.min.js"></script>
|
||||
<script src="js/jquery.stellar.min.js"></script>
|
||||
<script src="js/jquery.animateNumber.min.js"></script>
|
||||
<script src="js/bootstrap-datepicker.js"></script>
|
||||
<script src="js/jquery.timepicker.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/scrollax.min.js"></script>
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
|
||||
<script src="js/google-map.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
132
blog.php
Normal file
132
blog.php
Normal file
@ -0,0 +1,132 @@
|
||||
<?php
|
||||
|
||||
$URlsorrection = "";
|
||||
|
||||
include_once $URlsorrection . "includes/header.php";
|
||||
include_once $URlsorrection . "includes/banner.php";
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<section class="ftco-section">
|
||||
<div class="container">
|
||||
<div class="row d-flex">
|
||||
<div class="col-md-4 d-flex ftco-animate">
|
||||
<div class="blog-entry align-self-stretch">
|
||||
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_1.jpg');">
|
||||
</a>
|
||||
<div class="text p-3">
|
||||
<div class="posted mb-3 d-flex">
|
||||
<div class="img author" style="background-image: url(images/person_2.jpg);"></div>
|
||||
<div class="desc pl-3">
|
||||
<span>Posted by John doe</span>
|
||||
<span>24 March 2020</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="heading"><a href="#">How Roofing Charge for Their Services</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-flex ftco-animate">
|
||||
<div class="blog-entry align-self-stretch">
|
||||
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_2.jpg');">
|
||||
</a>
|
||||
<div class="text p-3">
|
||||
<div class="posted mb-3 d-flex">
|
||||
<div class="img author" style="background-image: url(images/person_3.jpg);"></div>
|
||||
<div class="desc pl-3">
|
||||
<span>Posted by John doe</span>
|
||||
<span>24 March 2020</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="heading"><a href="#">How Roofing Charge for Their Services</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-flex ftco-animate">
|
||||
<div class="blog-entry align-self-stretch">
|
||||
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_3.jpg');">
|
||||
</a>
|
||||
<div class="text p-3">
|
||||
<div class="posted mb-3 d-flex">
|
||||
<div class="img author" style="background-image: url(images/person_1.jpg);"></div>
|
||||
<div class="desc pl-3">
|
||||
<span>Posted by John doe</span>
|
||||
<span>24 March 2020</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="heading"><a href="#">How Roofing Charge for Their Services</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-flex ftco-animate">
|
||||
<div class="blog-entry align-self-stretch">
|
||||
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_4.jpg');">
|
||||
</a>
|
||||
<div class="text p-3">
|
||||
<div class="posted mb-3 d-flex">
|
||||
<div class="img author" style="background-image: url(images/person_2.jpg);"></div>
|
||||
<div class="desc pl-3">
|
||||
<span>Posted by John doe</span>
|
||||
<span>24 March 2020</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="heading"><a href="#">How Roofing Charge for Their Services</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-flex ftco-animate">
|
||||
<div class="blog-entry align-self-stretch">
|
||||
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_5.jpg');">
|
||||
</a>
|
||||
<div class="text p-3">
|
||||
<div class="posted mb-3 d-flex">
|
||||
<div class="img author" style="background-image: url(images/person_3.jpg);"></div>
|
||||
<div class="desc pl-3">
|
||||
<span>Posted by John doe</span>
|
||||
<span>24 March 2020</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="heading"><a href="#">How Roofing Charge for Their Services</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-flex ftco-animate">
|
||||
<div class="blog-entry align-self-stretch">
|
||||
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_6.jpg');">
|
||||
</a>
|
||||
<div class="text p-3">
|
||||
<div class="posted mb-3 d-flex">
|
||||
<div class="img author" style="background-image: url(images/person_1.jpg);"></div>
|
||||
<div class="desc pl-3">
|
||||
<span>Posted by John doe</span>
|
||||
<span>24 March 2020</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="heading"><a href="#">How Roofing Charge for Their Services</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<div class="col text-center">
|
||||
<div class="block-27">
|
||||
<ul>
|
||||
<li><a href="#"><</a></li>
|
||||
<li class="active"><span>1</span></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#">></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<?php
|
||||
include_once $URlsorrection . "includes/footer.php";
|
||||
?>
|
||||
261
contact.html
261
contact.html
@ -1,261 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Roofing - Free Bootstrap 4 Template by Colorlib</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
|
||||
<link rel="stylesheet" href="css/animate.css">
|
||||
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="css/magnific-popup.css">
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
|
||||
<link rel="stylesheet" href="css/jquery.timepicker.css">
|
||||
|
||||
<link rel="stylesheet" href="css/flaticon.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-3 d-flex align-items-center">
|
||||
<a class="navbar-brand d-flex" href="index.html"><div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-roof-2"></span></div>Roofing</a>
|
||||
</div>
|
||||
<div class="col-3 d-flex justify-content-end align-items-center">
|
||||
<div class="social-media">
|
||||
<p class="mb-0 d-flex">
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-facebook"><i class="sr-only">Facebook</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-twitter"><i class="sr-only">Twitter</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-instagram"><i class="sr-only">Instagram</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-dribbble"><i class="sr-only">Dribbble</i></span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="menu-wrap flex-md-column-reverse d-md-flex">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
|
||||
<div class="container">
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="fa fa-bars"></span> Menu
|
||||
</button>
|
||||
<div class="req-button order-lg-last">
|
||||
<a href="#">Request A Quote</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="ftco-nav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
|
||||
<li class="nav-item"><a href="services.html" class="nav-link">Services</a></li>
|
||||
<li class="nav-item"><a href="project.html" class="nav-link">Project</a></li>
|
||||
<li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li>
|
||||
<li class="nav-item active"><a href="contact.html" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- END nav -->
|
||||
<div class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_2.jpg');" data-stellar-background-ratio="0.5">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row no-gutters slider-text align-items-end">
|
||||
<div class="col-md-9 ftco-animate pb-5">
|
||||
<p class="breadcrumbs mb-2"><span class="mr-2"><a href="index.html">Home <i class="fa fa-chevron-right"></i></a></span> <span>Contact us <i class="fa fa-chevron-right"></i></span></p>
|
||||
<h1 class="mb-0 bread">Contact us</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ftco-section bg-light">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-12">
|
||||
<div class="wrapper">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-md-7 d-flex">
|
||||
<div class="contact-wrap w-100 p-md-5 p-4">
|
||||
<h3 class="mb-4">Get in touch</h3>
|
||||
<form method="POST" id="contactForm" class="contactForm">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" name="name" id="name" placeholder="Name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control" name="email" id="email" placeholder="Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<textarea name="message" class="form-control" id="message" cols="30" rows="7" placeholder="Message"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<input type="submit" value="Send Message" class="btn btn-primary">
|
||||
<div class="submitting"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 d-flex align-items-stretch">
|
||||
<div class="info-wrap bg-primary w-100 p-lg-5 p-4">
|
||||
<h3 class="mb-4 mt-md-4">Contact us</h3>
|
||||
<div class="dbox w-100 d-flex align-items-start">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-map-marker"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Address:</span> 198 West 21th Street, Suite 721 New York NY 10016</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dbox w-100 d-flex align-items-center">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-phone"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Phone:</span> <a href="tel://1234567920">+ 1235 2355 98</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dbox w-100 d-flex align-items-center">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-paper-plane"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Email:</span> <a href="mailto:info@yoursite.com">info@yoursite.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dbox w-100 d-flex align-items-center">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-globe"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Website</span> <a href="#">yoursite.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div id="map" class="map"></div>
|
||||
|
||||
|
||||
<footer class="footer ftco-section">
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Roofing</a></h2>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4">
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-twitter"></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-facebook"></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-instagram"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4 ml-md-5">
|
||||
<h2 class="ftco-heading-2">Services</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Skylights</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Waterproofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Industrial Roofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Residential Roofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Gutter Cleaning</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Commercial Roofing</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Business Hours</h2>
|
||||
<div class="opening-hours">
|
||||
<h4>Opening Days:</h4>
|
||||
<p class="pl-3">
|
||||
<span>Monday – Friday : 9am to 20 pm</span>
|
||||
<span>Saturday : 9am to 17 pm</span>
|
||||
</p>
|
||||
<h4>Vacations:</h4>
|
||||
<p class="pl-3">
|
||||
<span>All Sunday Days</span>
|
||||
<span>All Official Holidays</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Contact information</h2>
|
||||
<div class="block-23 mb-3">
|
||||
<ul>
|
||||
<li><span class="icon fa fa-map-marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li>
|
||||
<li><a href="#"><span class="icon fa fa-phone"></span><span class="text">+2 392 3929 210</span></a></li>
|
||||
<li><a href="#"><span class="icon fa fa-paper-plane"></span><span class="text">info@yourdomain.com</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
|
||||
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
||||
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- loader -->
|
||||
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
|
||||
|
||||
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jquery-migrate-3.0.1.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.easing.1.3.js"></script>
|
||||
<script src="js/jquery.waypoints.min.js"></script>
|
||||
<script src="js/jquery.stellar.min.js"></script>
|
||||
<script src="js/jquery.animateNumber.min.js"></script>
|
||||
<script src="js/bootstrap-datepicker.js"></script>
|
||||
<script src="js/jquery.timepicker.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/scrollax.min.js"></script>
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
|
||||
<script src="js/google-map.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
99
contact.php
Normal file
99
contact.php
Normal file
@ -0,0 +1,99 @@
|
||||
<?php
|
||||
|
||||
$URlsorrection = "";
|
||||
|
||||
include_once $URlsorrection . "includes/header.php";
|
||||
include_once $URlsorrection . "includes/banner.php";
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<section class="ftco-section bg-light">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-12">
|
||||
<div class="wrapper">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-md-7 d-flex">
|
||||
<div class="contact-wrap w-100 p-md-5 p-4">
|
||||
<h3 class="mb-4">Get in touch</h3>
|
||||
<form method="POST" id="contactForm" class="contactForm">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" name="name" id="name" placeholder="Name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control" name="email" id="email" placeholder="Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<textarea name="message" class="form-control" id="message" cols="30" rows="7" placeholder="Message"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<input type="submit" value="Send Message" class="btn btn-primary">
|
||||
<div class="submitting"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 d-flex align-items-stretch">
|
||||
<div class="info-wrap bg-primary w-100 p-lg-5 p-4">
|
||||
<h3 class="mb-4 mt-md-4">Contact us</h3>
|
||||
<div class="dbox w-100 d-flex align-items-start">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-map-marker"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Address:</span> 198 West 21th Street, Suite 721 New York NY 10016</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dbox w-100 d-flex align-items-center">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-phone"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Phone:</span> <a href="tel://1234567920">+ 1235 2355 98</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dbox w-100 d-flex align-items-center">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-paper-plane"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Email:</span> <a href="mailto:info@yoursite.com">info@yoursite.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dbox w-100 d-flex align-items-center">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-globe"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Website</span> <a href="#">yoursite.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<?php
|
||||
include_once $URlsorrection . "includes/footer.php";
|
||||
?>
|
||||
12
includes/banner.php
Normal file
12
includes/banner.php
Normal file
@ -0,0 +1,12 @@
|
||||
<div class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_2.jpg');" data-stellar-background-ratio="0.5">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row no-gutters slider-text align-items-end">
|
||||
<div class="col-md-9 ftco-animate pb-5">
|
||||
<p class="breadcrumbs mb-2"><span class="mr-2"><a href="index.html">Home <i class="fa fa-chevron-right"></i></a></span> <span>About us <i class="fa fa-chevron-right"></i></span></p>
|
||||
<h1 class="mb-0 bread">About Us</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -3,7 +3,7 @@
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Roofing</a></h2>
|
||||
<h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Warmseal</a></h2>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4">
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-twitter"></span></a></li>
|
||||
@ -59,8 +59,7 @@
|
||||
<div class="col-md-12 text-center">
|
||||
|
||||
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
||||
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
|
||||
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -49,10 +49,13 @@
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="fa fa-bars"></span> Menu
|
||||
</button>
|
||||
<div class="req-button order-lg-last">
|
||||
<a href="#">Request A Quote</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="ftco-nav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active"><a href="index.html" class="nav-link">Home</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
|
||||
<li class="nav-item active"><a href="about.html" class="nav-link">About</a></li>
|
||||
<li class="nav-item"><a href="services.html" class="nav-link">Services</a></li>
|
||||
<li class="nav-item"><a href="project.html" class="nav-link">Project</a></li>
|
||||
<li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li>
|
||||
|
||||
64
includes/index-header.php
Normal file
64
includes/index-header.php
Normal file
@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Warmseal - The Roofing Specialist</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
|
||||
<link rel="stylesheet" href="css/animate.css">
|
||||
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="css/magnific-popup.css">
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
|
||||
<link rel="stylesheet" href="css/jquery.timepicker.css">
|
||||
|
||||
<link rel="stylesheet" href="css/flaticon.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-3 d-flex align-items-center">
|
||||
<a class="navbar-brand d-flex" href="index.html"><div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-roof-2"></span></div>Warmseal</a>
|
||||
</div>
|
||||
<div class="col-3 d-flex justify-content-end align-items-center">
|
||||
<div class="social-media">
|
||||
<p class="mb-0 d-flex">
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-facebook"><i class="sr-only">Facebook</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-twitter"><i class="sr-only">Twitter</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-instagram"><i class="sr-only">Instagram</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-dribbble"><i class="sr-only">Dribbble</i></span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="menu-wrap flex-md-column-reverse d-md-flex">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
|
||||
<div class="container">
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="fa fa-bars"></span> Menu
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="ftco-nav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active"><a href="index.html" class="nav-link">Home</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
|
||||
<li class="nav-item"><a href="services.html" class="nav-link">Services</a></li>
|
||||
<li class="nav-item"><a href="project.html" class="nav-link">Project</a></li>
|
||||
<li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- END nav -->
|
||||
@ -2,13 +2,14 @@
|
||||
|
||||
$URLcorrection = "";
|
||||
|
||||
include_once $URLcorrection . "includes/header.php";
|
||||
include_once $URLcorrection . "includes/hero.php";
|
||||
include_once $URLcorrection . "includes/index-header.php";
|
||||
include_once $URLcorrection . "includes/index-hero.php";
|
||||
include_once $URLsorrection . "sections/about-us.php";
|
||||
include_once $URLcorrection . "sections/counter.php";
|
||||
include_once $URLcorrection . "sections/services.php";
|
||||
include_once $URLcorrection . "sections/projectsphp";
|
||||
include_once $URLcorrection . "sections/reviews.php";
|
||||
include_once $URLcorrection . "sections/blog.php";
|
||||
include_once $URLcorrection . "sections/pricing.php";
|
||||
include_once $URLcorrection . "includes/footer.php";
|
||||
|
||||
|
||||
?>
|
||||
17
main.html
17
main.html
@ -1,17 +0,0 @@
|
||||
<a href="https://colorlib.com/wp/templates/"><img src="https://colorlib.com/wp/wp-content/uploads/sites/2/colorlib-push-logo.png" alt="Colorlib logo"></a>
|
||||
<h1 style="text-align:center;">Thank you for using our template!</h1>
|
||||
<p style="text-align:center;">For more awesome templates please visit <strong><a href="https://colorlib.com/wp/templates/">Colorlib</a></strong>.</p>
|
||||
<br>
|
||||
<p style="text-align:center; color:red;"><strong>Copyright information for the template can't be altered/removed unless you purchase a license.</strong>
|
||||
|
||||
<p style="text-align:center;"><strong>Removing copyright information without the license will result in suspension of your hosting and/or domain name(s).</strong>
|
||||
|
||||
<p style="text-align:center;"><strong>More information about the license is available <a href="https://colorlib.com/wp/licence/">here</a></strong>.</p>
|
||||
|
||||
<style>
|
||||
img {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
margin-top: 20%;
|
||||
}
|
||||
</style>
|
||||
353
project.html
353
project.html
@ -1,353 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Roofing - Free Bootstrap 4 Template by Colorlib</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
|
||||
<link rel="stylesheet" href="css/animate.css">
|
||||
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="css/magnific-popup.css">
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
|
||||
<link rel="stylesheet" href="css/jquery.timepicker.css">
|
||||
|
||||
<link rel="stylesheet" href="css/flaticon.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-3 d-flex align-items-center">
|
||||
<a class="navbar-brand d-flex" href="index.html"><div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-roof-2"></span></div>Roofing</a>
|
||||
</div>
|
||||
<div class="col-3 d-flex justify-content-end align-items-center">
|
||||
<div class="social-media">
|
||||
<p class="mb-0 d-flex">
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-facebook"><i class="sr-only">Facebook</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-twitter"><i class="sr-only">Twitter</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-instagram"><i class="sr-only">Instagram</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-dribbble"><i class="sr-only">Dribbble</i></span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="menu-wrap flex-md-column-reverse d-md-flex">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
|
||||
<div class="container">
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="fa fa-bars"></span> Menu
|
||||
</button>
|
||||
<div class="req-button order-lg-last">
|
||||
<a href="#">Request A Quote</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="ftco-nav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
|
||||
<li class="nav-item"><a href="services.html" class="nav-link">Services</a></li>
|
||||
<li class="nav-item active"><a href="project.html" class="nav-link">Project</a></li>
|
||||
<li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- END nav -->
|
||||
<div class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_2.jpg');" data-stellar-background-ratio="0.5">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row no-gutters slider-text align-items-end">
|
||||
<div class="col-md-9 ftco-animate pb-5">
|
||||
<p class="breadcrumbs mb-2"><span class="mr-2"><a href="index.html">Home <i class="fa fa-chevron-right"></i></a></span> <span>Projects <i class="fa fa-chevron-right"></i></span></p>
|
||||
<h1 class="mb-0 bread">Projects</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ftco-section">
|
||||
<div class="container">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-1.jpg);">
|
||||
<a href="images/work-1.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-2.jpg);">
|
||||
<a href="images/work-2.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-3.jpg);">
|
||||
<a href="images/work-3.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-4.jpg);">
|
||||
<a href="images/work-4.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-5.jpg);">
|
||||
<a href="images/work-5.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-6.jpg);">
|
||||
<a href="images/work-6.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-7.jpg);">
|
||||
<a href="images/work-7.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-8.jpg);">
|
||||
<a href="images/work-8.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-9.jpg);">
|
||||
<a href="images/work-9.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-10.jpg);">
|
||||
<a href="images/work-10.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-11.jpg);">
|
||||
<a href="images/work-11.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-12.jpg);">
|
||||
<a href="images/work-12.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<div class="col text-center">
|
||||
<div class="block-27">
|
||||
<ul>
|
||||
<li><a href="#"><</a></li>
|
||||
<li class="active"><span>1</span></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#">></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer ftco-section">
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Roofing</a></h2>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4">
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-twitter"></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-facebook"></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-instagram"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4 ml-md-5">
|
||||
<h2 class="ftco-heading-2">Services</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Skylights</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Waterproofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Industrial Roofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Residential Roofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Gutter Cleaning</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Commercial Roofing</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Business Hours</h2>
|
||||
<div class="opening-hours">
|
||||
<h4>Opening Days:</h4>
|
||||
<p class="pl-3">
|
||||
<span>Monday – Friday : 9am to 20 pm</span>
|
||||
<span>Saturday : 9am to 17 pm</span>
|
||||
</p>
|
||||
<h4>Vacations:</h4>
|
||||
<p class="pl-3">
|
||||
<span>All Sunday Days</span>
|
||||
<span>All Official Holidays</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Contact information</h2>
|
||||
<div class="block-23 mb-3">
|
||||
<ul>
|
||||
<li><span class="icon fa fa-map-marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li>
|
||||
<li><a href="#"><span class="icon fa fa-phone"></span><span class="text">+2 392 3929 210</span></a></li>
|
||||
<li><a href="#"><span class="icon fa fa-paper-plane"></span><span class="text">info@yourdomain.com</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
|
||||
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
||||
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- loader -->
|
||||
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
|
||||
|
||||
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jquery-migrate-3.0.1.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.easing.1.3.js"></script>
|
||||
<script src="js/jquery.waypoints.min.js"></script>
|
||||
<script src="js/jquery.stellar.min.js"></script>
|
||||
<script src="js/jquery.animateNumber.min.js"></script>
|
||||
<script src="js/bootstrap-datepicker.js"></script>
|
||||
<script src="js/jquery.timepicker.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/scrollax.min.js"></script>
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
|
||||
<script src="js/google-map.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
197
projects.php
Normal file
197
projects.php
Normal file
@ -0,0 +1,197 @@
|
||||
<?php
|
||||
|
||||
$URlsorrection = "";
|
||||
|
||||
include_once $URlsorrection . "includes/header.php";
|
||||
include_once $URlsorrection . "includes/banner.php";
|
||||
|
||||
?>
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="ftco-section">
|
||||
<div class="container">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-1.jpg);">
|
||||
<a href="images/work-1.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-2.jpg);">
|
||||
<a href="images/work-2.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-3.jpg);">
|
||||
<a href="images/work-3.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-4.jpg);">
|
||||
<a href="images/work-4.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-5.jpg);">
|
||||
<a href="images/work-5.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-6.jpg);">
|
||||
<a href="images/work-6.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-7.jpg);">
|
||||
<a href="images/work-7.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-8.jpg);">
|
||||
<a href="images/work-8.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-9.jpg);">
|
||||
<a href="images/work-9.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-10.jpg);">
|
||||
<a href="images/work-10.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-11.jpg);">
|
||||
<a href="images/work-11.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ftco-animate">
|
||||
<div class="work img d-flex align-items-end" style="background-image: url(images/work-12.jpg);">
|
||||
<a href="images/work-12.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
|
||||
<span class="fa fa-expand"></span>
|
||||
</a>
|
||||
<div class="desc w-100 px-4">
|
||||
<div class="text w-100 mb-3">
|
||||
<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
|
||||
<span>House</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<div class="col text-center">
|
||||
<div class="block-27">
|
||||
<ul>
|
||||
<li><a href="#"><</a></li>
|
||||
<li class="active"><span>1</span></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#">></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<?php
|
||||
include_once $URlsorrection . "sections/reviews.php";
|
||||
include_once $URlsorrection . "includes/footer.php";
|
||||
?>
|
||||
@ -1,8 +0,0 @@
|
||||
Thank you for using our template!
|
||||
|
||||
For more awesome templates please visit https://colorlib.com/wp/templates/
|
||||
|
||||
Copyright information for the template can't be altered/removed unless you purchase a license.
|
||||
More information about the license is available here: https://colorlib.com/wp/licence/
|
||||
|
||||
Removing copyright information without the license will result in suspension of your hosting and/or domain name(s).
|
||||
339
services.html
339
services.html
@ -1,339 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Roofing - Free Bootstrap 4 Template by Colorlib</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
|
||||
<link rel="stylesheet" href="css/animate.css">
|
||||
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="css/magnific-popup.css">
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
|
||||
<link rel="stylesheet" href="css/jquery.timepicker.css">
|
||||
|
||||
<link rel="stylesheet" href="css/flaticon.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-3 d-flex align-items-center">
|
||||
<a class="navbar-brand d-flex" href="index.html"><div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-roof-2"></span></div>Roofing</a>
|
||||
</div>
|
||||
<div class="col-3 d-flex justify-content-end align-items-center">
|
||||
<div class="social-media">
|
||||
<p class="mb-0 d-flex">
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-facebook"><i class="sr-only">Facebook</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-twitter"><i class="sr-only">Twitter</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-instagram"><i class="sr-only">Instagram</i></span></a>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-dribbble"><i class="sr-only">Dribbble</i></span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="menu-wrap flex-md-column-reverse d-md-flex">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
|
||||
<div class="container">
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="fa fa-bars"></span> Menu
|
||||
</button>
|
||||
<div class="req-button order-lg-last">
|
||||
<a href="#">Request A Quote</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="ftco-nav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
|
||||
<li class="nav-item active"><a href="services.html" class="nav-link">Services</a></li>
|
||||
<li class="nav-item"><a href="project.html" class="nav-link">Project</a></li>
|
||||
<li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- END nav -->
|
||||
<div class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_2.jpg');" data-stellar-background-ratio="0.5">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row no-gutters slider-text align-items-end">
|
||||
<div class="col-md-9 ftco-animate pb-5">
|
||||
<p class="breadcrumbs mb-2"><span class="mr-2"><a href="index.html">Home <i class="fa fa-chevron-right"></i></a></span> <span>Services <i class="fa fa-chevron-right"></i></span></p>
|
||||
<h1 class="mb-0 bread">Services</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ftco-section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center pb-5 mb-3">
|
||||
<div class="col-md-7 heading-section text-center ftco-animate">
|
||||
<span class="subheading">We offer Services</span>
|
||||
<h2>Our Roofing services</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 services ftco-animate">
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span class="flaticon-roof"></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Skylights</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span class="flaticon-roof-2"></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Residential Roofing</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-4 services ftco-animate">
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span class="flaticon-roof-1"></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Waterproofing</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span class="flaticon-roof-3"></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Gutter Cleaning</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 services ftco-animate">
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span class="flaticon-roof-5"></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Industrial Roofing</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span class="flaticon-roof-4"></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Commercial Roofing</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ftco-section bg-light">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center pb-5 mb-3">
|
||||
<div class="col-md-7 heading-section text-center ftco-animate">
|
||||
<span class="subheading">Price & Plans</span>
|
||||
<h2>Pricing</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3 ftco-animate">
|
||||
<div class="block-7">
|
||||
<div class="text-center">
|
||||
<span class="excerpt d-block">Standard</span>
|
||||
<span class="price"><sup>$</sup> <span class="number">49</span></span>
|
||||
|
||||
<ul class="pricing-text mb-5">
|
||||
<li><span class="fa fa-check mr-2"></span>1 month dedicated training</li>
|
||||
<li><span class="fa fa-check mr-2"></span>24/7 in touch on the phone</li>
|
||||
<li><span class="fa fa-check mr-2"></span>Consultation hours</li>
|
||||
<li><span class="fa fa-check mr-2"></span>Personal visit</li>
|
||||
<li><span class="fa fa-check mr-2"></span>meet & greet</li>
|
||||
</ul>
|
||||
|
||||
<a href="#" class="btn btn-primary d-block px-2 py-3">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 ftco-animate">
|
||||
<div class="block-7">
|
||||
<div class="text-center">
|
||||
<span class="excerpt d-block">Basic</span>
|
||||
<span class="price active"><sup>$</sup> <span class="number">79</span></span>
|
||||
|
||||
<ul class="pricing-text mb-5">
|
||||
<li><span class="fa fa-check mr-2"></span>1 month dedicated training</li>
|
||||
<li><span class="fa fa-check mr-2"></span>24/7 in touch on the phone</li>
|
||||
<li><span class="fa fa-check mr-2"></span>Consultation hours</li>
|
||||
<li><span class="fa fa-check mr-2"></span>Personal visit</li>
|
||||
<li><span class="fa fa-check mr-2"></span>meet & greet</li>
|
||||
</ul>
|
||||
|
||||
<a href="#" class="btn btn-primary d-block px-2 py-3">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 ftco-animate">
|
||||
<div class="block-7">
|
||||
<div class="text-center">
|
||||
<span class="excerpt d-block">Standard</span>
|
||||
<span class="price"><sup>$</sup> <span class="number">109</span></span>
|
||||
|
||||
<ul class="pricing-text mb-5">
|
||||
<li><span class="fa fa-check mr-2"></span>1 month dedicated training</li>
|
||||
<li><span class="fa fa-check mr-2"></span>24/7 in touch on the phone</li>
|
||||
<li><span class="fa fa-check mr-2"></span>Consultation hours</li>
|
||||
<li><span class="fa fa-check mr-2"></span>Personal visit</li>
|
||||
<li><span class="fa fa-check mr-2"></span>meet & greet</li>
|
||||
</ul>
|
||||
|
||||
<a href="#" class="btn btn-primary d-block px-2 py-3">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 ftco-animate">
|
||||
<div class="block-7">
|
||||
<div class="text-center">
|
||||
<span class="excerpt d-block">Professional</span>
|
||||
<span class="price"><sup>$</sup> <span class="number">149</span></span>
|
||||
|
||||
<ul class="pricing-text mb-5">
|
||||
<li><span class="fa fa-check mr-2"></span>1 month dedicated training</li>
|
||||
<li><span class="fa fa-check mr-2"></span>24/7 in touch on the phone</li>
|
||||
<li><span class="fa fa-check mr-2"></span>Consultation hours</li>
|
||||
<li><span class="fa fa-check mr-2"></span>Personal visit</li>
|
||||
<li><span class="fa fa-check mr-2"></span>meet & greet</li>
|
||||
</ul>
|
||||
|
||||
<a href="#" class="btn btn-primary d-block px-2 py-3">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer ftco-section">
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Roofing</a></h2>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4">
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-twitter"></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-facebook"></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span class="fa fa-instagram"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4 ml-md-5">
|
||||
<h2 class="ftco-heading-2">Services</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Skylights</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Waterproofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Industrial Roofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Residential Roofing</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Gutter Cleaning</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Commercial Roofing</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Business Hours</h2>
|
||||
<div class="opening-hours">
|
||||
<h4>Opening Days:</h4>
|
||||
<p class="pl-3">
|
||||
<span>Monday – Friday : 9am to 20 pm</span>
|
||||
<span>Saturday : 9am to 17 pm</span>
|
||||
</p>
|
||||
<h4>Vacations:</h4>
|
||||
<p class="pl-3">
|
||||
<span>All Sunday Days</span>
|
||||
<span>All Official Holidays</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Contact information</h2>
|
||||
<div class="block-23 mb-3">
|
||||
<ul>
|
||||
<li><span class="icon fa fa-map-marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li>
|
||||
<li><a href="#"><span class="icon fa fa-phone"></span><span class="text">+2 392 3929 210</span></a></li>
|
||||
<li><a href="#"><span class="icon fa fa-paper-plane"></span><span class="text">info@yourdomain.com</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
|
||||
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
||||
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- loader -->
|
||||
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
|
||||
|
||||
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jquery-migrate-3.0.1.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.easing.1.3.js"></script>
|
||||
<script src="js/jquery.waypoints.min.js"></script>
|
||||
<script src="js/jquery.stellar.min.js"></script>
|
||||
<script src="js/jquery.animateNumber.min.js"></script>
|
||||
<script src="js/bootstrap-datepicker.js"></script>
|
||||
<script src="js/jquery.timepicker.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/scrollax.min.js"></script>
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
|
||||
<script src="js/google-map.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
95
services.php
Normal file
95
services.php
Normal file
@ -0,0 +1,95 @@
|
||||
<?php
|
||||
|
||||
$URlsorrection = "";
|
||||
|
||||
include_once $URlsorrection . "includes/header.php";
|
||||
include_once $URlsorrection . "includes/banner.php";
|
||||
|
||||
?>
|
||||
|
||||
<section class="ftco-section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center pb-5 mb-3">
|
||||
<div class="col-md-7 heading-section text-center ftco-animate">
|
||||
<span class="subheading">We offer Services</span>
|
||||
<h2>Our Roofing services</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 services ftco-animate">
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span class="flaticon-roof"></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Skylights</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span class="flaticon-roof-2"></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Residential Roofing</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-4 services ftco-animate">
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span class="flaticon-roof-1"></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Waterproofing</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span class="flaticon-roof-3"></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Gutter Cleaning</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 services ftco-animate">
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span class="flaticon-roof-5"></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Industrial Roofing</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span class="flaticon-roof-4"></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Commercial Roofing</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<?php
|
||||
include_once $URlsorrection . "sections/reviews.php";
|
||||
include_once $URlsorrection . "includes/footer.php";
|
||||
?>
|
||||
Loading…
Reference in New Issue
Block a user