updated contact form
This commit is contained in:
Gary
parent
aabcca5c98
commit
da7d1eb567
@ -1,7 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Roofing - Free Bootstrap 4 Template by Colorlib</title>
|
||||
<title>Warmseal - The Roofing Specialist</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<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>
|
||||
<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">
|
||||
|
||||
@ -3,36 +3,36 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-7">
|
||||
<div class="row justify-content-start py-5 pr-md-4">
|
||||
<div class="col-md-12 heading-section ftco-animate py-md-4">
|
||||
<h2 class="mb-4">We help more than 45 years installing your roof</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-3" 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-3" data-toggle="tab" href="#home2">Our Vision</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link py-3 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 class="col-md-12 heading-section ftco-animate py-md-4">
|
||||
<h2 class="mb-4">We help more than 45 years installing your roof</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-3" 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-3" data-toggle="tab" href="#home2">Our Vision</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link py-3 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>
|
||||
</div>
|
||||
<div class="col-lg-5 d-flex align-items-stretch">
|
||||
<div class="bg-white">
|
||||
<div class="w-100 heading-title bg-primary text-center">
|
||||
@ -40,62 +40,36 @@
|
||||
</div>
|
||||
<form action="#" class="appointment bg-white p-4 p-md-5">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<div class="form-field">
|
||||
<div class="select-wrap">
|
||||
<div class="icon"><span class="fa fa-chevron-down"></span></div>
|
||||
<select name="" id="" class="form-control">
|
||||
<option value="">Select Services</option>
|
||||
<option value="">Skylights</option>
|
||||
<option value="">Waterproofing</option>
|
||||
<option value="">Industrial Roofing</option>
|
||||
<option value="">Residential Roofing</option>
|
||||
<option value="">Gutter Cleaning</option>
|
||||
<option value="">Commercial Roofing</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" class="form-control" placeholder="Your Name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" placeholder="Your Name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" placeholder="Email Address">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<div class="input-wrap">
|
||||
<div class="icon"><span class="fa fa-calendar"></span></div>
|
||||
<input type="text" class="form-control appointment_date" placeholder="Date">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<div class="input-wrap">
|
||||
<div class="icon"><span class="fa fa-clock-o"></span></div>
|
||||
<input type="text" class="form-control appointment_time" placeholder="Time">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-wrap">
|
||||
<input type="text" class="form-control" placeholder="Contact Number">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<textarea name="" id="" cols="30" rows="7" class="form-control" placeholder="Message"></textarea>
|
||||
</div>
|
||||
<!--<div class="icon"><span class="fa fa-at"></span></div>-->
|
||||
<input type="text" class="form-control" placeholder="Email Address">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<input type="submit" value="Send message" class="btn btn-primary py-3 px-4">
|
||||
</div>
|
||||
<textarea name="" id="" cols="30" rows="7" class="form-control" placeholder="Message"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<input type="submit" value="Send message" class="btn btn-primary py-3 px-4">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user