-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (111 loc) · 4.49 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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- saved from url=(0085)https://docs.google.com/forms/d/1k5spqYBIIIJu-iWWhLzLY4iKXhbQTuPUjmHL3lH7Hr0/viewform -->
<html>
<head>
<meta charset="UTF-8">
<title>Red's Christmas Party</title>
<link rel="stylesheet" type="text/css" href="boot-yeti.min.css">
<link rel="stylesheet" type="text/css" href="evite.css">
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link href='https://fonts.googleapis.com/css?family=Mountains+of+Christmas' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script src="evite.js"></script>
</head>
<body>
<div id="hidden-body">
<div class="container main-container overide-me">
<div class="jumbotron">
<div class="row box">
<div class="col-md-12">
<div class="col-md-6">
<img class="img-responsive fireplace" src="red-fire.png">
</div>
<div class="formal-letter col-md-6" >
<div class="spacer"></div>
<p>Dear friends of high distinction,<p>
<p>Hearty greetings and glad tidings from my pack to yours! As is our custom, a party will be thrown at Laurel Grove Manor this December to celebrate this beautiful season, and what better way to celebrate than with the age-old donning of unsightly Christmas blouses in the manner of the commonfolk? My pack and I will be in our most unappealing Christmas plumage and look forward to yours!</p>
<p>Please RSVP at your earliest convenience, but no later than December 14th.</p>
<p>Sincerely yours, <br> Lord Red Hawkins</b></p>
<input class="btn btn-success btn-lg" id="rsvp-btn" type="submit" name="submit" value="RSVP">
</div>
<form class='col-md-6 main-form' action="https://docs.google.com/forms/d/1k5spqYBIIIJu-iWWhLzLY4iKXhbQTuPUjmHL3lH7Hr0/formResponse"
method="POST" target="dummyframe">
<div class="main-title hidden">
<h1>Red's Ugly Sweater Christmas Party!</h1>
<h5> 7:00 PM <br>
Friday December 16th 2016<br>
8906 Laurel Grove Dr. <br>
Austin TX, 78758</h5>
</div>
<div class="rsvp-area hidden">
<h4>Please RSVP by 14th of December</h4>
<div class="input-group col-md-12">
<div class="input-group-addon">Name</div>
<input class="form-control" type="text" name="entry.511814402" value="" placeholder="Your name" required>
</div> <br>
<div class="input-group col-md-12">
<div class="input-group-addon">Email</div>
<input class="form-control" type="email" name="entry.1869570861" value="" placeholder="Your email" required>
</div><br>
<div class="form-group col-md-12">
<span class="option-title">I will be attending.</span> <br>
<label>
<input type="radio" name="entry.1279135015" value="Yes!" required>
<span class="option">Yes!</span>
</label>
<br>
<label>
<input type="radio" name="entry.1279135015" value="Sorry I can't make it." required>
<span class="option">Sorry I can't make it.</span>
</label>
</div>
<div class="form-group col-md-6">
<span class="option-title">I'm bringing a partner. </span><br>
<label>
<input type="radio" name="entry.1423415306" value="Yes">
<span class="option">Yes</span>
</label>
<br>
<label>
<input type="radio" name="entry.1423415306" value="">
<span class="option">No, just me</span>
</label>
</div>
<div class="col-md-12">
<input class="btn btn-success btn-lg" type="submit" name="submit" value="Submit">
</div>
</div>
<div class="response hidden">
<div class="response-yes hidden" >
<h3>Thanks for your response!</h3>
To change your response simply come back and fill out the form again.
Use your same email address. <br>
<br>
<h4>Things we'll have.</h4>
❄ A pony keg of beer<br>
❄ Some snacks (please eat beforehand).<br>
<br>
<h4>Things to Bring.</h4>
❄ An ugly sweater <br>
❄ Liquor or Wine <br>
</div>
<div class="response-no hidden">
<h3>Sorry you can't make it!</h3>
If you change your mind come back and fill out the form again. Use
your same email. <br>
</div>
<br>
Sincerly,<br>
Lord Red Hawkins
</div>
</form>
</div>
</div>
</div>
</div>
<iframe width="0" height="0" border="0" name="dummyframe" id="dummyframe"></iframe>
</div>
</body>
</html>