-
Notifications
You must be signed in to change notification settings - Fork 2
/
reps.html
156 lines (128 loc) · 4.98 KB
/
reps.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
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>Rain: One Nation, One Voice</title>
<!-- Included CSS Files -->
<link rel="stylesheet" href="stylesheets/foundation.css">
<link rel="stylesheet" href="stylesheets/app.css">
<!--[if lt IE 9]>
<link rel="stylesheet" href="stylesheets/ie.css">
<![endif]-->
<script src="javascripts/modernizr.foundation.js"></script>
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- container -->
<div class="container">
<header class="row">
<h5>One Nation, One Voice</h5>
<h1><a href="index-returning.html">Rain</a></h1>
<h5>Pledge to Support our Vets</h5>
</header>
<section class="row">
<div class="eight columns">
<h4>It looks like you're in San Jose, CA.</h4>
<a href="#" data-reveal-id="changeZIP">I'm not in San Jose…</a>
<div class="row">
<div class="five columns">
<img src="http://placehold.it/400x300" />
</div>
<div class="seven columns">
<h4>Zoe Lofgren</h4>
<h5>Congressional Representative</h5>
<p>Congresswoman Lofgren <strong>supports</strong> better support and benefits for our veterans.</p>
</div>
</div>
<div class="row">
<div class="five columns">
<img src="http://placehold.it/400x300" />
</div>
<div class="seven columns">
<h4>Barbara Boxer</h4>
<h5>Senator</h5>
<p>Senator Boxer <strong>supports</strong> better support and benefits for our veterans.</p>
</div>
</div>
<div class="row">
<div class="five columns">
<img src="http://placehold.it/400x300" />
</div>
<div class="seven columns">
<h4>Dianne Feinstein</h4>
<h5>Senator</h5>
<p>Senator Feinstein <strong>supports</strong> better support and benefits for our veterans.</p>
</div>
</div>
</div>
<div class="four columns">
<p><a href="pledge.html" class="large blue nice radius button expand">Sign the Pledge</a></p>
<p>Support our vets by signing our pledge to provide better benefits and more homecoming assistance.</p>
</div>
</section>
<div class="row">
<hr />
</div>
<nav class="row">
<div class="eight columns">
<ul class="block-grid four-up hide-on-phones square-links">
<li><a href="videos.html">Celebrity Videos of Support</a></li>
<li><a href="reps.html">Election 2012: Where do Your Reps Stand?</a></li>
<li><a href="orgs.html">Veteran's Organizations</a></li>
<li><a href="background.html">Background Info on Veteran's Issues</a></li>
</ul>
<ul class="block-grid two-up show-on-phones square-links">
<li><a href="videos.html">Celebrity Videos of Support</a></li>
<li><a href="reps.html">Election 2012: Where do Your Reps Stand?</a></li>
<li><a href="orgs.html">Veteran's Organizations</a></li>
<li><a href="background.html">Background Info on Veteran's Issues</a></li>
</ul>
</div>
<div class="four columns">
<dl class="vertical tabs">
<dd><a href="about.html">Who is Rain?</a></dd>
<dd><a href="mission.html">Our Mission</a></dd>
<dd><a href="contribute.html">Contribute to the Cause</a></dd>
</dl>
</div>
</nav>
<footer class="row">
<hr />
<div class="row">
<div class="six columns">
<p><strong>Rain</strong><br />One nation, one voice. One cause at a time.<br />© 2012 Rain</p>
</div>
<div class="six columns">
<p class="text-right">
<a href="">About Us</a> | <a href="">Mission</a> | <a href=""><strong>Contribute</strong></a>
</p>
</div>
</div>
</footer>
</div>
<!-- container -->
<div class="reveal-modal" id="changeZIP">
<a class="close-reveal-modal">×</a>
<h4>Whoops, sorry. Suppose we guessed wrong.</h4>
<p>Let us know your ZIP and we'll show you where your representatives stand on this issue.</p>
<form class="nice">
<label>ZIP Code</label>
<input type="text" class="input-text medium" />
</form>
<a href="reps.html" class="blue nice radius button">Change ZIP</a>
</div>
<!-- Included JS Files -->
<script src="javascripts/jquery.min.js"></script>
<script src="javascripts/foundation.js"></script>
<script src="javascripts/app.js"></script>
</body>
</html>