-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·191 lines (178 loc) · 7.64 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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>United Way Preference Center</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="style.css" inline>
<link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header class="main-header">
<div class="container">
<a href=""><img class="logo" src="assets/img/uw-logo-pinline-twin-cities.png" /></a>
</div>
</header>
<div class="page-content">
<div class="container">
<h1>My Preferences</h1>
<p>
What if a way to make things better has been right here all along? Craft your preferences to receive communications filled with relevant information, stories, and easy ways that you can get involved.
</p>
<div class="form-box">
<div class="box-wrapper">
<h1>Personal Information</h1>
<p>
Not Amy Ganderson? Please <a href="#">CLICK HERE</a>
</p>
<div class="required-notice">
*Required Information
</div>
<form data-parsley-validate="" data-parsley-trigger="change">
<div class="personal-information-one">
<label for="fname"><input type="text" name="fname" class="fname" placeholder="First Name" ></label>
<label for="lname"><input type="text" name="lname" class="lname" placeholder="Last Name" ></label>
<label for="email" class="email"><input type="email" name="email" class="email" placeholder="Email Address" required=""></label>
</div>
<div class="personal-information-two">
<label for="street_address" class="street_address"><input type="text" name="street_address" class="street_address" placeholder="Street Address" required=""></label>
<label for="city" class="city"><input type="text" name="city" placeholder="City" class="city" ></label>
<label for="state" class="state">
<select name="state" >
<option>State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</label>
<label for="zip" class="zip"><input type="text" pattern="[0-9]{4}" class="zip" name="zip" placeholder="Zip Code" ></label>
</div>
<div class="title-two">
<h1>Email Subscriptions</h1>
</div>
<div class="subscription-options">
<div id="emailOptionsTwo">
<div class="box">
<input type="checkbox" id="check1" class="subOption" data-parsley-multiple="check1">
<label for="check1" class="main">
Make Your Moment
<label class="skinny">
There are life changing moments in your community ready for the making. Get updates to find a moment made for you.<br />
<a href="#make-your-moment" class="modal-show" >See an Example</a>
</label>
</label>
</div>
<div class="box">
<input type="checkbox" id="optIn" class="subOption" data-parsley-multiple="check2">
<label for="optIn" class="main">United We Win
<label class="skinny">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla interdum urna mattis ante molestie, sit amet.<br />
<a href="#united-we-win" class="modal-show" >See an Example</a>
</label>
</label>
</div>
</div>
<div id="unSubbed" class="box">
<input type="checkbox" id="optOut" data-parsley-multiple="check4">
<label for="optOut" class="main">Unsubscribe from ALL</label>
</div>
</div>
<div class="center-button-wrap">
<button type="submit">Update My Preferences</button>
</div>
</form>
</div>
<div class="form-footer">
<div class="box-wrapper">
Too many emails? There are other great ways to stay in touch with us. Continue the fight on social for those who need a voice and those whose names we do not know.
<br /><br />
<a href="https://www.facebook.com/UnitedWay/" target="_blank"><img src="assets/img/facebook.svg" /></a>
<a href="https://www.linkedin.com/company-beta/1511592?pathWildcard=1511592" target="_blank"><img src="assets/img/linkedin.svg" /></a>
<a href="https://twitter.com/UnitedWay?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank"><img src="assets/img/twitter.svg" /></a>
<a href="https://www.instagram.com/unitedway/?hl=en" target="_blank"><img src="assets/img/insta.svg" /></a>
</div>
</div>
</div>
</div>
</div>
<footer class="main-footer">
<div class="container">
<a href="#" target="_blank">Terms Of Use</a> | <a href="#" target="_blank">Privacy Policy</a>
</div>
</footer>
<div id="make-your-moment" class="modal">
<div class="content">
<div class="close">
×
</div>
<h2>Make Your Moment</h2>
<img src="assets/img/EmailOne.jpg" />
</div>
</div>
<div id="united-we-win" class="modal">
<div class="content">
<div class="close">
×
</div>
<h2>United We Win</h2>
<img src="assets/img/EmailTwo.jpg" />
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/app.min.js" inline></script>
</body>
</html>