-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (91 loc) · 2.94 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
<!DOCTYPE HTML>
<html>
<head>
<title>WearThe</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="WearThe" />
<meta name="keywords" content="" />
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.poptrox.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<script src="js/geolocation.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body style='font-family="sans-serif"'>
<div id="bg">
<img src="images/bg.png" alt="">
</div>
<!-- Logo -->
<section id="toplogo">
<br>
<center><img src="images/logo.png" alt="" width="25%" height="25%"></center>
<br>
<center><h1>
WearThe
</h1></center>
</section>
<!-- Header -->
<section id="header">
<footer>
<a href="#banner" class="button style2 scrolly scrolly-centered">Begin</a>
</footer>
</section>
<!-- Banner -->
<section id="banner">
<header>
<h2>Select Your Gender:</h2>
</header>
<div class="mfrow">
<center>
<a href="#first"><img src="images/male.png" alt="male" width="25%" height="25%"></a>
<a href="#first"><img src="images/female.png" alt="female" width="25%" height="25%"></a>
</center>
</div>
</section>
<article class="container box style3">
<section id="first">
<form method="post" action="#">
<div class="row">
<div class="12u">
<p>Location:</p>
<select name="Location" id="first">
<option value="1">Reading</option>
<option value="2">London</option>
<option value="3">Plymouth</option>
</select>
<center><button type="button" class="button form" onclick="getLocation()">Locate Me</button></center>
<br>
</div>
<div class="12u">
<p>Formality:</p>
<select name="Formality" id="formality">
<option value="1">Formal</option>
<option value="2">Casual</option>
</select>
</div>
</div>
<div class="row">
<div class="12u">
<ul class="actions">
<li><a href="#" class="button form">What To Wear?</a></li>
</ul>
</div>
</div>
</form>
</section>
</article>
<section id="footer">
<ul class="icons">
<li><a target="_blank" href="https://twitter.com/WearTheYRS" class="fa fa-twitter solo"><span>Twitter</span></a></li>
<li><a target="_blank" href="https://www.facebook.com/pages/WearThe/1528964480660027" class="fa fa-facebook solo"><span>Facebook</span></a></li>
</ul>
</section>
</body>
</html>