updated contact form

This commit is contained in:
Gary 2025-04-10 14:47:10 +01:00
parent aabcca5c98
commit da7d1eb567
3 changed files with 49 additions and 75 deletions

View File

@ -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">

View File

@ -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">

View File

@ -40,24 +40,6 @@
</div>
<form action="#" class="appointment bg-white p-4 p-md-5">
<div class="row">
<div class="col-md-12">
<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>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Name">
@ -65,23 +47,15 @@
</div>
<div class="col-md-6">
<div class="form-group">
<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">
<!--<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-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>
<div class="col-md-12">