-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (119 loc) · 4.33 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE HTML>
<html>
<head>
<title>The QuadSquad</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Great dorm cleaning for the people." />
<meta name="keywords" content="Cleaning" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body class="homepage">
<!-- Header Wrapper -->
<div class="wrapper style1">
<!-- Header -->
<div id="header">
<div class="container">
<!-- Logo -->
<h1><a href="index.html" id="logo">Quad Squad</a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="mystory.html">My Story</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="https://quadsquadosu.wufoo.com/forms/z1a6zdxz1tk2x5k/">Contact</a></li>
<li><a href="pay.html">Pay</a></li>
</ul>
</nav>
</div>
</div>
<!-- Banner -->
<div id="banner">
<section class="container">
<img src="images/quadsquadsmalllogo.jpg" alt="The QuadSquad">
<p><br>The best dorm cleaning service in the great state of Ohio</p>
</section>
</div>
</div>
<!-- Section One -->
<div class="wrapper style2">
<section class="container">
<div class="row double">
<div class="6u">
<header class="major">
<h2>Work Hard. Play Hard.</h2>
<h2>Clean Easy.</h2>
<span class="byline">College is hard. Finding time for class, friends, excercise, and whatever else Ohio State has to offer is a struggle. You shouldn't have to worry about cleaning as well.</span>
</header>
</div>
<div class="6u">
<header class="major">
<h3>We Know You're On A Budget</h3>
<span class="byline">Our back to school packages will save you up to <strong>20%</strong> on your cleanings! </span>
</header>
<a href="services.html#packages" class="button alt">See the Specials</a>
</div>
</div>
</section>
</div>
<!-- Section Two -->
<div class="wrapper style3">
<section class="container">
<header class="major">
<h2>The QuadSquad Mission</h2>
</header>
<p>QuadSquad offers high quality, low cost dorm-room cleaning to students at Ohio State. Our goal is to enhance the college experience and to improve the overall cleanliness of the college community.</p>
<a href="mystory.html" class="button alt">Get The Story</a>
</section>
</div>
<!-- Section Three -->
<div class="wrapper style4">
<section class="container">
<header class="major">
<h2>Our Services to You</h2>
<br>
<p>We provide an array of services to help you clean easy. We have enough services to make you never have to worry about being tidy.</p>
<br><br>
<a href="services.html" class="button alt">Learn What We Do</a>
</header>
</section>
</div>
<!-- Team -->
<div class="wrapper style5">
<section id="team" class="container">
<header class="major">
<h2>The Squad</h2>
</header>
<div class="u3" id="JustinIntro">
<a href="mystory.html" class="image"><img src="images/theCafs.jpg" alt="" width="235" height="230" class="mugshot"></a>
<h3>Justin Cafiero</h3>
<p>Founder of QuadSquad</p>
</div>
</section>
</div>
<!-- Footer -->
<div id="footer">
<section class="container">
<header class="major">
<h2>Connect with us</h2>
</header>
<ul class="icons">
<li class="active"><a href="https://www.facebook.com/QuadSquadOSU" class="fa fa-facebook"><span>Facebook</span></a></li>
<li class="active"><a href="https://www.instagram.com/QuadSquadOSU" class="fa fa-instagram"><span>Instagram</span></a></li>
</ul>
<hr />
</section>
</div>
<div id="copyright">
Design: <a href="http://templated.co">TEMPLATED</a>
</div>
</body>
</html>