-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
104 lines (104 loc) · 5.47 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
<!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">
<meta name="description" content="Check the location, ratings, and crime data surrounding various child care facilities">
<title>Open Child Care Center for Virginia</title>
<meta name="author" content="Team Ghost">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="./public/css/main.css">
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD3MVQel0mEq0hYW8Wy-Knmr3mFKP8mrmA"></script>
<!-- Short Title for iOS Springboard -->
<meta name="apple-mobile-web-app-title" content="Childcare">
<!-- Tells iOS that is can use true full screen Web Clips -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- iOS Springboard Icons -->
<!-- iPad, iOS 7, retina -->
<link href="public/images/ios/icon/apple-touch-icon-152x152.png" sizes="152x152" rel="apple-touch-icon">
<!-- iPad, iOS 6, retina -->
<link href="public/images/ios/icon/apple-touch-icon-144x144.png" sizes="144x144" rel="apple-touch-icon">
<!-- iPhone, iOS 7, retina -->
<link href="public/images/ios/icon/apple-touch-icon-120x120.png" sizes="120x120" rel="apple-touch-icon">
<!-- iPhone ,iOS 6, retina -->
<link href="public/images/ios/icon/apple-touch-icon-114x114.png" sizes="114x114" rel="apple-touch-icon">
<!-- iPad, iOS 7 -->
<link href="public/images/ios/icon/apple-touch-icon-76x76.png" sizes="76x76" rel="apple-touch-icon">
<!-- iPad, iOS 6 -->
<link href="public/images/ios/icon/apple-touch-icon-72x72.png" sizes="72x72" rel="apple-touch-icon">
<!-- iPhone, iOS 7 -->
<link href="public/images/ios/icon/apple-touch-icon-60x60.png" sizes="60x60" rel="apple-touch-icon">
<!-- iPhone, iOS 6 -->
<link href="public/images/ios/icon/apple-touch-icon-57x57.png" sizes="57x57" rel="apple-touch-icon">
<!-- Status Bar -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=open+sans">
<style>
body {
font-family: 'open sans', serif;
}
</style>
</head>
<body>
<div class="rel">
<div class="navbar navbar-inverse navbar-ltBlue mb0" role="navigation">
<div class="container rel">
<div class="navbar-header ">
<button type="button" style="border:0;" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<div class="fa fa-search fa-6"></div>
</button>
<div class="pt10">
<img src="./public/OCCC_Logo_tricolor.png" class="logo unit navbar-brand">
<a class="navbar-brand pl0" href="#"><p class="wrappable">Open Child Care Center</p></a>
</div>
</div>
<div class="navbar-collapse collapse">
<form class="navbar-form navbar-right" role="form">
<div class="form-group">
<input type="text" id="zipInput" placeholder="Facility or City or Zip" class="form-control">
</div>
<button type="submit" class="btn btn-success">Search</button>
</form>
</div>
</div>
</div>
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div id="missionStatement" class="bgLtGry">
<div class="p10 ml10"><p class="container fs20">Dedicated to transparency in child care ratings and safety.</p></div>
</div>
<div id="myModal" class="modal bgLtBlu fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header bgLav">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 id="myModalLabel">Modal header</h2>
</div>
<div class="modal-body p0 bgLtBlu">
<div class="fs20 bold p20">
<span id="myModalAddress" class="dBlock">One fine body…</span>
<span id="myModalCity" class="dInline">One fine body…</span>, <span id="myModalState" class="dInline"></span> <span id="myModalZip" class="dInline"></span>
<p><a href="#" id="myModalPhone">One fine body…</a></p>
</div>
<div class="bgLtPnk p20 line">
<img src="./public/images/QRIS_logo.gif" class="unit" height="100px">
<div class="p20 unit">
<p class="fs20 wrappable">Virginia Star Quality Initiative</p>
<div class="pt10">
<span class="fs20">Rating:</span>
<span class="ratingStars" id="ratingStars"></span>
<span id="ratingText" class="fs20 ml10"></span>
</div>
<p class="fs20 pt10"><span id="expMess">Expiration Date of Inspection:</span> <span id="expire" class="wrappable"></span></p>
</div>
</div>
</div>
</div>
<div id="map-canvas" class="wFull hFull">
<img src="./public/images/loading.gif" class="centerCW">
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://www.google.com/jsapi"></script>
<script src="./public/js/map.js"></script>
</body>
</html>