-
Notifications
You must be signed in to change notification settings - Fork 3
/
Homepage.html
116 lines (112 loc) · 5.02 KB
/
Homepage.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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Home page</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/half-slider.css" rel="stylesheet">
<link href="css/mystyle.css" rel="stylesheet"/>
<link href="css/grayscale.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/myScript.js" /></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top navbar-custom">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<h2 class="sr-only">Toggle navigation</h2>
<h2 class="icon-bar"></h2>
<h2 class="icon-bar"></h2>
<h2 class="icon-bar"></h2>
</button>
<a class="navbar-brand" href="Homepage.html">CleaningAtoZ</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li role="presentation" class = "active"><a class="top-menu-item-a top-menu-item-has-sub-menu-a" href="Homepage.html" class = "active">Home</a></li>
<li><a href="about_us.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<br>
<br>
<br>
<div class = "container">
<div class="row">
<div class="col-lg-12">
<center><h1>CleaningAtoZ</h1>
<p>Our mission is to serve better and live better way to check changes </p> <hr></center>
</div>
</div>
<!-- /.row -->
<!-- Intro Content -->
<div class="row">
<div class="col-md-6">
<img class="img-responsive" src="images/h1.jpg" alt="">
</div>
<div class="col-md-6">
<h4><p align="justify"> <b> Whether you are moving out </b>, planning a big party, or you simply do not want to deal with the chore and hassle of house cleaning or even apartment cleaning. We makes sure your house continues to feel like a clean and well maintained home. </p> </h4> <hr>
<h4><p align="justify">We work hard to keep workplaces clean, safe, and healthy. Our trained employees will clean according to your schedule, clean as often as you require, and exceed your expectations. </p> </h4> <hr>
<h4><p align="justify">We provide our customers with complimentary price quote for cleaning services that will fit their needs and budget. Our price ranges based on square footage, frequency of cleaning, and Cost Per Square Foot Per Month. For more details please <a href = "mailto:veera@cleaningatoz.com">email us</a> or <a href = "contact.html"> contact us </a>.</p></h4>
</div>
</div>
<pre>
<b> Let do the build sample <b>
</pre>
<br> <br> <br>
<section id="contact" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<footer>
<div class="row">
<div class="col-lg-12">
<center><p> © CleaningAtoZ 2015</p> </center>
</div>
<center><div>
<ul class="list-unstyled list-inline list-social-icons">
<li>
<a href="http://www.facebook.com/cleaningatoz"><i class="fa fa-facebook-square fa-2x"></i></a>
</li>
<li>
<a href="http://www.linkedin.com/cleaningatoz"><i class="fa fa-linkedin-square fa-2x"></i></a>
</li>
<li>
<a href="http://www.twitter.com/cleaningatoz"><i class="fa fa-twitter-square fa-2x"></i></a>
</li>
<li>
<a href="http://www.plus.google.com/cleaningatoz"><i class="fa fa-google-plus-square fa-2x"></i></a>
</li>
</ul>
</div>
</div>
</div>
</center>
</footer>
</div>
</div>
</section>
</div>
<script>
$('.carousel').carousel({
interval: 4000 //changes the speed
})
function sFunction()
{
alert("Hello");
}
</script>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>