-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (142 loc) · 5.39 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
<html>
<head>
<title>
Our Term - Participate in democracy everyday
</title>
<meta charSet="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<header class="header">
<div class="container-lrg">
<div class="col-12 spread">
<div>
<a class="logo" href="http://ourterm.co">
Our Term
</a>
</div>
<!-- <div>
<a class="nav-link" href="#">
Twitter
</a>
<a class="nav-link" href="#">
Facebook
</a>
</div> -->
</div>
</div>
<div class="container-lrg flex">
<div class="col-8 centervertical">
<h1 class="heading">
Participate in American democracy in 10 minutes a day, everyday.<br>
</h1>
<h2 class="paragraph">
This has been the most challenging political cycle yet. Whether your side won or lost (or whether you were on a side at all), this election left many people wondering why their government isn’t working for them anymore.
<br><br>
We at Our Term think being an informed an active citizen is crucial to making a democracy work, and we’re here to help. Three days a week, we’ll send you a quick step you can take to be more engaged. Sign up now to start receiving our free newsletter!<br>
</h2>
<div class="ctas">
<form action="http://mailchimp.us14.list-manage.com/subscribe/post" method="POST">
<input type="hidden" name="u" value="d58a62e0bc6dd460b85aa8469">
<input type="hidden" name="id" value="e1f4290f6d">
<input class="ctas-input" type="email" autocapitalize="off" autocorrect="off" name="MERGE0" id="MERGE0" placeholder="Your Email Address" required>
<input class="ctas-input" type="text" maxlength="5" pattern="[0-9]{5}" name="MERGE3" id="MERGE3" placeholder="Zip Code (US only)">
<div class="zip-help" style="display: none">This helps us tailor our actions (contacting legislators, supporting ballot measures, and more) to you. It's optional.</div>
<input class="ctas-button" id="btn1" type="submit" name="submit" value="Sign Up">
<!--<button class="ctas-button">
<input class="ctas-input" type="submit" name="submit" value="Sign Up">
</button>-->
</form>
</div>
</div>
<!-- <div class="col-4 sidedevices">
<div class="iphoneipad">
<div class="iphone">
<div class="mask">
<img class="mask-img" src="img/mobileapp.svg">
</div>
</div>
<div class="ipad">
<div class="mask">
<img class="mask-img" src="img/webapp.svg">
</div>
</div>
</div>
</div> -->
</div>
</header>
<div class="feature">
<div class="container-lrg flex">
<div class="col-6">
<b class="emoji">
🇺🇸
</b>
<h3 class="subheading">
American progress.<br>
</h3>
<p class="paragraph">
We believe in an America that is constantly moving forward, not stagnating or receding in fear or anger. Our daily actions focus on healing the national political divide while defending the hard-earned rights of at-risk populations.<br>
</p>
</div>
<div class="col-6">
<b class="emoji">
🔑
</b>
<h3 class="subheading">
Key actions.<br>
</h3>
<p class="paragraph">
We spend a lot of time figuring out what easy actions will be the most impactful each day. We sort through the issues to bring the important things to you. All we ask is that you take action along with us.<br>
</p>
</div>
</div>
</div>
<div class="socialproof">
<div class="container-sml">
<div class="flex text-center">
<div class="col-12">
<h4 class="subheading">
“Never doubt that a small group of thoughtful, committed, citizens can change the world. Indeed, it is the only thing that ever has.”<br>
</h4>
<p class="paragraph">
Margaret Mead<br>
</p>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container-sml text-center">
<div class="col-12">
<h5 class="heading">
Participate in American democracy in 10 minutes a day, everyday.<br>
</h5>
<div class="ctas">
<input class="ctas-input" type="text" placeholder="Your Email Address">
<button class="ctas-button">
Sign Up
</button>
</div>
</div>
</div>
<div class="container-lrg footer-nav">
<div class="col-12 spread">
<!--<div>
<a class="nav-link">
Twitter
</a>
<a class="nav-link">
Facebook
</a>
</div>-->
<div>
<a class="nav-link" href="mailto:[email protected]">
Email Us
</a>
</div>
</div>
</div>
</div>
</body>
</html>