-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·177 lines (156 loc) · 6.2 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>FIT2EAT</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- we used 'layoutit' to form an initial webpage and then edited it all to our liking -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="img/favicon.png">
<!-- this connects the html to the rest of the code because we used a website creator tool first - then edited it-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-2 column">
<!-- our title and logo here -->
<img height="150" width="225" src="img/logo.png">
</div>
<div class="col-md-10 column">
<h1>
FIT 2 EAT.
</h1>
<h4>
we'll help you to dine safely and locally using our efficient restaurant browser tool. You will never worry about your restaurant hygiene again!
</h4>
</div>
</div>
<br>
<br>
<div class="row clearfix">
<!-- our links to other pages here -->
<a href="reviews.html">Reviews & Rates</a>
<a href="tips.html">Tips for Safe Dining</a>
<a href="poisining.html">What's Food Poisining</a>
</div>
<div class="row clearfix">
<div class="col-md-12 column">
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<!-- this is the search for location, code is in ratings.js but search links there -->
<div class="row clearfix">
<div class="col-md-6 column">
<h3>
search by location
</h3>
<nav class="navbar navbar-default navbar-static-top navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">search here!</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
</ul>
</li>
</ul>
<!-- search by postcode form -->
<form class="navbar-form navbar-left" role="search" action="map.html" method='GET'>
<!-- get adds poscode to end of url -->
<div class="form-group">
<!-- class ties css with html -->
<input type="text" name='postcode' class="form-control">
</div> <button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
</ul>
</li>
</ul>
</div>
</nav>
</div>
<div class="row clearfix">
<div class="col-md-6 column">
<h3>
search by food hygiene rating
</h3>
<!-- this is setting up the page layout -->
<nav class="navbar navbar-default navbar-static-top navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">search here!</a>
</div>
<!-- for java script to refer to this element -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
</ul>
</li>
</ul>
<!-- search by rating, links to hygiene.html and links to code in ratings.js-->
<form class="navbar-form navbar-left" role="search" action="hygiene.html" method='GET'>
<div class="form-group">
<input type="text" name='rating' class="form-control">
</div> <button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
</ul>
</li>
</ul>
</div>
</nav>
</div>
</nav>
</div>
<br>
<br>
<br>
<br>
<!-- info about food hygiene here with pic-->
<h2>
What is a food hygiene rating?
</h2>
<img alt = "food hygiene rating" src="img/ratingfivecopy.png">
<p>
The food hygiene rating or inspection result given to a business reflects the standards of food hygiene found on the date of inspection or visit by the local authority. The food hygiene rating is not a guide to food quality. It appears as a certificate usually stuck to the front window of the buisness. However, they are sometimes not clearly seen or not there at all, which is where we aim to help!
</p>
<br>
<br>
<br>
<br>
<h2>
Who are we?
</h2>
<p>
Hmmmm... that’s a hard one, as we don’t fit in to one category :). We are a team of 4 girls enthusiastic about twisting ideas to make exciting new features. Our 4 team members are...
JO: Some girl who is trying desperately to learn how to code, and still failing... wants to go into business. Follow her on twitter and instagram ---> @jo_jo_lol
ANNIE: 13 years old and had nothing to do on her summer holiday and decided to try something new. (she doesn’t want you to follow her)
JACKY: Parents made me come, actually finding this fun... (and that’s Jacky for you)
AlEXA: 9 year old mini geek generously sucking in all she can get (and playing games but we skip over that point)
</p>
</div>
<div class="row clearfix">
<div class="col-md-12 column">
<ul>
</ul>
</div>
</div>
</div>
</body>
</html>