-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (87 loc) · 4.89 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Mini Project</title>
<meta name="description" content="My Mini Project">
<meta name="author" content="Engr. Ibrahim Rabiu">
<link rel="stylesheet" href="css/style.css?v=1.0">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
</head>
<body>
<div id="main" class="main">
<div style="width:100%; margin-left: 15%;">
<p>Pro Cleaners <span style="font-size:8pt; margin-left: 50%;">Phone:1-800-222-3030</span></p>
</div>
<div id="section" class="container">
<div id="grid-1" class="grid-margin">
<h2><strong>Vancouver's Best Home Cleaners</strong></h2>
<span style="font-size:7.2pt;"><p>Pro Cleaning is Vancouner's best cleaning services. For
the quality maid service Vancouver relies on, book one of our
experienced, background-checked professionals to have your home
clean in no time.</p></span>
</div>
<div id="grid-2" class="grid-margin">
<div id="inner">
<center><h4><strong>Request Info & Booking</strong></h4></center>
<span style="margin-left:3em; font-size:7.2pt;">Fill this form and we'll contact you as soon as we can.</span>
<form method="POST">
<div class="form-group">
<input type="name" class="form-control" id="name" placeholder="Your Name">
<input type="email" class="form-control" id="email" placeholder="Your Email">
<input type="phone" class="form-control" id="phone" placeholder="Your Phone">
<button type="submit" onclick="alert_data()" class="btn btn-success">Request Info & Booking</button>
</div>
</form>
</div>
</div>
</div>
<div class="row">
<div id="first">
<center><i class="fa fa-user fa-3x"></i></center>
<center><p><b>Trusted Professionals</b></p>
<p><span style="font-size:10.5pt;">Our professionals are experienced, friendly and background-checked</span></p></center>
</div>
<div id="second">
<center><i class="far fa-calendar-alt fa-3x"></i></center>
<center><p><b>Available Everyday</b></p>
<p><span style="font-size:10.5pt;">We're available to server you 7 days
per week. We'll work around your schedule.</span></p></center>
</div>
<div id="third">
<center><i class="fas fa-dollar-sign fa-3x"></i></center>
<center><p><b>100% Money-Back Guarantee</b></p>
<p><span style="font-size:10.5pt;">If you're not satisfied, we'll refund
all of your money. It's as simple as that.</span></p></center>
</div>
</div>
<div class="jumbotron">
<center><h2> What Our Clients Say</h2></center>
<div id="jc1">
<center>
<img class="rounded-circle" src="images/person-1.jpg" width="80" height="80" alt="client">
<p>Paulo Parra</p>
<hr style="border: 1px solid; color:darkgrey" />
<span style="font-size:8pt;"><i>The team was fast and friendly - honestly my house hasn't been this clean in years!</i></span>
<p style="font-family:sans-serif; font-size: 20pt; color: yellow;">*****</p>
</center>
</div>
<div id="jc2">
<center>
<img class="rounded-circle" src="images/person-1.jpg" width="80" height="80" alt="client">
<p>Anna Carolina</p>
<hr style="border: 1px solid; color:darkgrey" />
<span style="font-size:10pt;"><i>It feels so great walking into a fresh, clean apartment everyday. These guys make my place spotless!</i></span>
<p style="font-family:sans-serif; font-size: 20pt; color: yellow;">*****</p>
</center>
</div>
</div>
<footer class="bg-dark" style="margin-top:-2em; color:aliceblue; height: 2em; width:100%; padding-left:10em;">
<span style="font-size:8pt">© Copyright. All Rights Reserved</span>
</footer>
</div>
<script src="js/scripts.js"></script>
</body>
<script type="text/javascript" src="scripts/script.js"></script>
</html>