-
Notifications
You must be signed in to change notification settings - Fork 2
/
pledge.html
139 lines (106 loc) · 6.2 KB
/
pledge.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
<!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 video">
<div class="eight columns">
<div class="panel">
<h4>The Rain Pledge for our Vets</h4>
<p>Bacon ipsum dolor sit amet fugiat incididunt short loin, deserunt biltong nostrud speck. Ea brisket chicken beef ribs short loin. Consectetur biltong shoulder swine laborum officia, et adipisicing sausage. Pastrami andouille meatloaf, dolore sunt biltong aliquip capicola nisi.</p>
<p>Turducken chicken mollit, non dolore tenderloin swine tongue beef elit. Nostrud enim kielbasa, dolore veniam andouille sed ham hock. Pig sed adipisicing incididunt kielbasa, velit aliqua ut irure sirloin mollit. Kielbasa andouille adipisicing, duis enim sausage boudin salami leberkas eu anim dolore incididunt esse. Exercitation biltong sunt, aliquip prosciutto hamburger qui pork chop consectetur ut ham hock bacon aute cupidatat.</p>
<p>Pork chop magna kielbasa, pancetta ullamco do minim culpa corned beef. Anim commodo leberkas, ullamco pariatur strip steak consequat pancetta cupidatat boudin et dolore chuck eiusmod drumstick. Biltong spare ribs est, jerky incididunt dolore cupidatat prosciutto ex chicken beef. Bresaola brisket duis filet mignon consequat. Ea aliqua leberkas, turducken t-bone excepteur fatback in pork loin.</p>
</div>
<a href="full-bill.html" class="hide-on-phones">Read the Full Legislative Bill →</a>
</div>
<div class="four columns">
<p><a href="#" data-reveal-id="signPledge" class="large blue nice radius button" id="supportPledge">I Support our Veterans</a></p>
<p><a href="#" data-reveal-id="noSignPledge" class="white nice radius button" id="noSupportPledge">I Prefer Not to Sign</a></p>
<p><a href="full-bill.html" class="show-on-phones">Read the Full Legislative Bill →</a></p>
<p>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fhelpourvets.org&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font=verdana&height=21&appId=273982815961057" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone annotation="none"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</p>
</div>
</section>
<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="signPledge">
<a class="close-reveal-modal">×</a>
<form class="nice" action="thanks.html">
<h4>Sign the Pledge</h4>
<label>Your Name</label>
<input type="text" class="input-text medium" />
<label>Your Email Address</label>
<input type="text" class="input-text medium" />
<small>We will never sell or distribute your email address.</small>
<label for="notifyMe"><input type="checkbox" id="notifyMe" checked /> Notify me when there's new support or information</label>
<button type="submit" class="nice blue radius button">Sign the Pledge</button>
</form>
</div>
<div class="reveal-modal" id="noSignPledge">
<a class="close-reveal-modal">×</a>
<form class="nice" action="no-thanks.html">
<h4>Not Interested?</h4>
<p>We're passionate about supporting our vets, so we'd love to know what about this pledge or the bill you're concerned about. If you have a moment, please let us know.</p>
<label>I prefer not to support this because:</label>
<textarea class="input-text medium"></textarea>
<button type="submit" class="nice white radius button">Submit My Response</button>
</form>
</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>