-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
131 lines (118 loc) · 5.49 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
<title>Covidwise</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link href="Develop/css/style.css" type="text/css" rel="stylesheet" media="screen,projection" />
<link rel='icon' href='Assets/Images/favicon_io/favicon.ico' type='image/x-icon'/>
</head>
<body>
<!-- NAV BAR -->
<div id="holder">
<nav class="green lighten-3">
<div class="nav-wrapper container"><a id="logo-container" href="index.html" class="brand-logo"><img id="logo" src="Assets/Images/logo.png" alt="Covidwise logo"/></a>
<ul class="right hide-on-med-and-down">
<li><a href="index.html" id="active-page">Home</a></li>
<li><a href="Pages/symptom-checker.html">Symptom Checker</a></li>
<li><a href="Pages/bored.html">Bored during lockdown?</a></li>
</ul>
<!-- MOBILE NAV -->
<ul id="nav-mobile" class="sidenav">
<li><a href="index.html">Home</a></li>
<li><a href="Pages/symptom-checker.html">Symptom Checker</a></li>
<li><a href="Pages/bored.html">Bored during lockdown?</a></li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
</div>
</nav>
<!-- MAIN HEADER AND CITY SEARCH BAR -->
<article class="height">
<div class="section no-pad-bot" id="index-banner">
<div class="container green lighten-5" id="main">
<br><br>
<h1 class="header center green-text">Get COVID information for your area</h1>
<div class="row center">
<h5 class="header col s12 light">Enter your area below to get up-to-date statistics</h5>
<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field">
<input placeholder="e.g Birmingham" id="enter-city" type="text" class="validate">
<label for="city">Enter your local authority</label>
</div>
<!-- <p class="hide" id="error">Please enter a city</p> -->
<button id="search-btn" class="btn waves-effect waves-light" type="submit" name="action">Submit</button>
<button id="clear-btn" class="btn waves-effect waves-light" type="submit" name="action">Clear Results</button>
</div>
</form>
<!-- USED LATER TO ADD PREVIOUSLY SEARCHED CITIES -->
<p id="recents"><ul id="history"></ul></p>
</div>
</div>
<!-- DISPLAYS SEARCH RESULTS -->
<div class="container" id="results"></div>
<div class="container" id="results2"></div>
<div class="container" id="results3"></div>
<!-- ALERT MODALS -->
<div id="modal-entercity" class="modal">
<div class="modal-content">
<h4 class="modal-font">Please enter a valid local authority.<bR> If you are unsure what your local authority
is, please click <a href="https://assets.publishing.service.gov.uk/government/uploads/system/uploads/attachment_data/file/80232/Table-of-English-Upper-Tier-Local-Authorities-and-NCS-Providers.pdf" target="_blank">here</a>
</h4>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Close</a>
</div>
</div>
<div id="modal-data" class="modal">
<div class="modal-content">
<h4 class="modal-font">Data for this area is already populated</h4>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Close</a>
</div>
</div>
<div id="modal-nodata" class="modal">
<div class="modal-content">
<h4 class="modal-font">Data for this area is unavailable, please enter another local authority.<br>
For more information on local authorites please click <a href="https://assets.publishing.service.gov.uk/government/uploads/system/uploads/attachment_data/file/80232/Table-of-English-Upper-Tier-Local-Authorities-and-NCS-Providers.pdf" target="_blank">here</a>
</h4>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Close</a>
</div>
</div>
<!-- CAROUSEL -->
<div class="carousel carousel-slider center" style="max-height: 550px;">
<div class="carousel-fixed-item center">
</div>
<div class="carousel-item"><img class="responsive-img nhs" alt="nhs" src="Assets/Images/row-1-col-1.jpg">
</div>
<div class="carousel-item"><img class="responsive-img nhs" alt="nhs" src="Assets/Images/row-1-col-2.jpg">
</div>
<div class="carousel-item"><img class="responsive-img nhs" alt="nhs" src="Assets/Images/row-1-col-3.jpg">
</div>
</div>
</div>
</div>
</article>
<!-- FOOTER -->
<footer class="page-footer green lighten-3">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Group 5</h5>
<p class="grey-text text-lighten-4">Group 5 project 1</p>
</footer>
</div>
<!-- SCRIPTS -->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="Develop/js/script.js"></script>
<script src="Develop/js/app.js"></script>
</body>
</html>