forked from murtaugh/HTML5-Reset
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
166 lines (126 loc) · 5.62 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
<!doctype html>
<!--
HTML5 Reset: https://github.com/murtaugh/HTML5-Reset
Free to use
-->
<!--[if lt IE 7 ]> <html class="ie ie6 ie-lt10 ie-lt9 ie-lt8 ie-lt7 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 ie-lt10 ie-lt9 ie-lt8 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 ie-lt10 ie-lt9 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 ie-lt10 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- the "no-js" class is for Modernizr. -->
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Important stuff for SEO, don't neglect. (And don't dupicate values across your site!) -->
<title></title>
<meta name="author" content="" />
<meta name="description" content="" />
<!-- Don't forget to set your site up: http://google.com/webmasters -->
<meta name="google-site-verification" content="" />
<!-- Who owns the content of this site? -->
<meta name="Copyright" content="" />
<!-- Mobile Viewport
http://j.mp/mobileviewport & http://davidbcalhoun.com/2010/viewport-metatag
device-width : Occupy full width of the screen in its current orientation
initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width (wrong for most sites)
-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Use Iconifyer to generate all the favicons and touch icons you need: http://iconifier.net -->
<link rel="shortcut icon" href="favicon.ico" />
<!-- concatenate and minify for production -->
<link rel="stylesheet" href="assets/css/reset.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<!-- Lea Verou's Prefix Free, lets you use un-prefixed properties in your CSS files -->
<script src="assets/js/libs/prefixfree.min.js"></script>
<!-- This is an un-minified, complete version of Modernizr.
Before you move to production, you should generate a custom build that only has the detects you need. -->
<script src="assets/js/libs/modernizr-2.7.1.dev.js"></script>
<!-- Application-specific meta tags -->
<!-- Windows 8: see http://msdn.microsoft.com/en-us/library/ie/dn255024%28v=vs.85%29.aspx for details -->
<meta name="application-name" content="" />
<meta name="msapplication-TileColor" content="" />
<meta name="msapplication-TileImage" content="" />
<meta name="msapplication-square150x150logo" content="" />
<meta name="msapplication-square310x310logo" content="" />
<meta name="msapplication-square70x70logo" content="" />
<meta name="msapplication-wide310x150logo" content="" />
<!-- Twitter: see https://dev.twitter.com/docs/cards/types/summary-card for details -->
<meta name="twitter:card" content="">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:url" content="">
<!-- Facebook (and some others) use the Open Graph protocol: see http://ogp.me/ for details -->
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<!-- Google Maps Javascript API v3 -->
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBDezljMuJwKTS4kGOC8_V3Br9ME1tb-5Y">
</script>
<script type="text/javascript">
</script>
</head>
<body>
<div class="wrapper"><!-- not needed? up to you: http://camendesign.com/code/developpeurs_sans_frontieres -->
<header>
<h1>Sara's Google Map API Test</h1>
<!--
<nav>
<ol>
<li><a href="">Nav Link 1</a></li>
<li><a href="">Nav Link 2</a></li>
<li><a href="">Nav Link 3</a></li>
</ol>
</nav>
-->
</header>
<div id="container">
<div id="container-left">
<form id="orig-dest">
Origin: <input type="text" name="origin"><br>
Destination: <input type="text" name="destination"><br>
</form>
<button onclick="getDirectionsMap()">Let's Go!</button>
</div>
<div id="container-right">
</div>
</div>
<!--
<article>
<h1>Article Header</h1>
<p>Etiam pretium odio eu mi convallis vitae varius neque pharetra. Nulla vestibulum nisi ut sem cursus sed mattis nisi egestas.</p>
<h2>Article Subhead</h2>
<p>Vestibulum lacus erat, volutpat vel dignissim at, fringilla ut felis.</p>
</article>
<aside>
<h2>Sidebar Content</h2>
</aside>
<footer>
<p><small>© Copyright Your Name Here 2014. All Rights Reserved.</small></p>
</footer>
-->
</div>
<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write("<script src='assets/js/libs/jquery-1.11.0.min.js'>\x3C/script>")</script>
<!-- this is where we put our custom functions -->
<!-- don't forget to concatenate and minify if needed -->
<script src="assets/js/functions.js"></script>
<!-- Asynchronous google analytics; this is the official snippet.
Replace UA-XXXXXX-XX with your site's ID and uncomment to enable.
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXX-XX', 'auto');
ga('send', 'pageview');
</script>
-->
</body>
</html>