-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (150 loc) · 8.3 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IEMobile 7 ]><html class="no-js iem7"><![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8 ie7"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9 ie8"> <![endif]-->
<!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>The State Decoded</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="public/css/application.css">
<script src="public/js/vendor/modernizr.min.js"></script>
<!-- TypeKit Font loading -->
<script type="text/javascript" src="//use.typekit.net/djv6ymt.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body class="preload">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<header id="page_header">
<div class="nest">
<hgroup id="virginia_logo">
<h1>Virginia</h1>
<h2>Decoded</h2>
</hgroup>
<section id="search">
<form id="search_form">
<label for="search">Search the code by title name, common phrase, or assocaited court cases</label>
<input type="search" name="search" value="" id="search" placeholder="Search the code...">
<input type="submit" name="submit" value="Search" id="submit" class="btn btn-success">
<a class="advanced" href="#">Advanced</a>
</form>
</section> <!-- // #search -->
</div> <!-- // .nest -->
<nav id="main_navigation" role="navigation">
<div class="nest">
<ul>
<li>
<a href="" id="the_code">The Code</a>
</li>
<li>
<a href="" id="court_cases">Court Cases</a>
</li>
<li>
<a href="" id="about_us">About Us</a>
</li>
<li>
<a href="" id="use_the_api">Use The API</a>
</li>
</ul>
</div> <!-- // .nest -->
</nav> <!-- // #main_navigation -->
</header> <!-- // #page_header -->
<div class="nest video">
<!-- Handling a video element in a flexible design:
http://webdesignerwall.com/tutorials/css-elastic-videos-->
<div class="video-frame">
<div class="video-container">
<iframe width="560" height="315" src="http://www.youtube.com/embed/3R2cnxz27LI" frameborder="0" allowfullscreen></iframe>
<!-- <video width="" height="" controls="controls">
<source src="" type="video/mp4">
<source src="" type="video/webm">
</video> -->
</div>
</div>
</div> <!-- // .nest -->
<section id="main_content" class="homepage" role="main">
<div class="nest">
<section class="feature-content">
<hgroup>
<h1>Discover the Code</h1>
<h2>of the Commonwealth of Virginia</h2>
</hgroup>
<p>Virginia Decoded provides the Code of Virginia on one friendly website. Court decisions, legislation past and present, inline definitions, a modern API, and all of the niceties of modern website design. It’s like the expensive software lawyers use, but free and wonderful.</p>
<p>This is a public beta test of Virginia Decoded, which is to say that everything is under development. Things are funny looking, broken, and generally unreliable right now.</p>
<p>This site is powered by <a href="">The State Decoded</a></p>
<img src="http://lorempixel.com/470/80/business/" class="ad">
</section> <!-- // .feature -->
<section class="secondary-content">
<article class="abstract">
<h1>Feature Code Callout</h1>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque.</p>
</article>
<article class="abstract">
<h1>Feature Code Callout</h1>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque.</p>
</article>
<article class="abstract">
<figure>
<img src="/public/images/richmond_capitol.jpg"
alt="The Richmond Capitol Building">
</figure>
<h1>The Capitol File</h1>
<p>Want to know more about what’s going on in the State Legislature? Check our our sister site, <a href="http://www.richmondsunlight.com">Richmond Sunlight</a>, to find out about the changes that are being proposed to the Commonwealth’s code.</p>
</article>
</section> <!-- // .secondary-content -->
</div> <!-- // .nest -->
</section>
<footer id="page_footer">
<div class="nest">
<p class="legalese">
Richmond Capitol photo licensed under creative commons from http://www.flickr.com/photos/goellnitz/5277987497. All user-contributed content is, of course, owned by its authors. The state code is owned by the citizens of Virginia and, consequently, it is not governed by copyright—so do whatever you want with it! The information on this website does not constitute legal advice—nobody here is acting as your attorney, and nothing that you read here is a substitute for a competent attorney. I make no guarantee that this information is accurate or up-to-date, although I try my best. Seriously, I am not your attorney. Heck, I’m not an attorney at all.
</p>
<p class="downloads">
<a href="" title="">Bulk Downloads</a>
</p>
<p class="credits">
© 2011 - 2012 <a href="http://waldo.jaquith.org">Waldo Jaquith</a>
<br>
Powered by <a href="">The State Decoded</a>
<br>
Design by <a href="http://www.meticulous.com">Meticulous</a>
</p>
</div> <!-- // .nest -->
</footer> <!-- // #page_footer -->
<!-- Modal -->
<div id="keyboard-shortcuts" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Keyboard Shortcuts</h3>
</div>
<div class="modal-body">
<p>Put your keyboard shortcut help here.</p>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="public/js/vendor/jquery.min.js"><\/script>')</script>
<!-- <script src="public/js/plugins.js"></script> -->
<!-- <script src="public/js/main.js"></script> -->
<script src="public/js/vendor/js-webshim/polyfillter.js"></script>
<script>
$.webshims.polyfill('mediaelement');
</script>
<script src="public/js/vendor/bootstrap-transition.js"></script>
<script src="public/js/vendor/bootstrap-modal.js"></script>
<script src="public/js/vendor/mousetrap.min.js"></script>
<script src="public/js/ready.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>