-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·136 lines (125 loc) · 6.26 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
<!doctype html>
<!--[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">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Daniel and Alanna's Wedding</title>
<meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="css/styles.css">
<script src="js/libs/modernizr-2.5.3.min.js"></script>
</head>
<body>
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->
<section id="countdown">
<div class="container">
<h1>Daniel and Alanna</h1>
<time id="wedding-time" datetime="November 10, 2012 17:00:00">Saturday, November 10th 2012</time>
<time id="until-wedding">
<div class="months"></div>
<div class="days"></div>
<div class="hours"></div>
<div class="minutes"></div>
<div class="seconds"></div>
</time>
</div>
<div class="edge"></div>
</section>
<section id="their-story">
<div class="container">
<div class="portrait daniel">
<figure>
<img src="img/daniel.png" alt="Daniel the groom">
</figure>
<figure>
<img src="img/groomsmen.png" alt="The Groomsmen">
</figure>
</div>
<div class="story">
<h2>Their Story</h2>
<h4>How the Two Lovebirds Met</h4>
<div class="story-text">
<p>Daniel and Alanna met on June 26, 2010 at a party thrown by Daniel's brother, Andrew. Sitting across from her at a table full of mutual friends, Daniel struck up a conversation with Alanna and the two hit it off immediately (i.e. they annoyed everyone else at the party by being completely absorbed in conversation with one another). As the party began winding down, Daniel pulled the "I never do this, but…" line and asked Alanna for her number. She laughed (naturally), called him out (to which he responded, "I don't! I swear!"), and put her number in his phone. They planned for Alanna to go to a party at Daniel's parents' house for the Fourth of July, but when Daniel texted Alanna the next day, they decided they didn't want to wait to see each other again. They set a date for two days later, and (please excuse the following cliche as it is entirely true) have been inseparable ever since! 2 years later, surrounded by 15 of their best friends, Daniel popped the big question. She obviously said 'yes!'</p>
</div>
</div>
<div class="portrait alanna">
<figure>
<img src="img/alanna.png" alt="Alanna the bride">
</figure>
<figure>
<img src="img/bridesmaids.png" alt="The Bridesmaids">
</figure>
</div>
</div>
<div class="edge"></div>
</section>
<section id="clothes">
<div class="container">
<h1>The Big Day</h1>
<h3>Semi-Formal Attire Suggested</h3>
<figure></figure>
</div>
<div class="edge"></div>
</section>
<section id="directions">
<div class="container">
<h1>The Big Day</h1>
<h3>Where, What, When, Etc</h3>
<a class="location roswell-united" href="https://maps.google.com/maps?q=814+mimosa+blvd+roswell+ga&hnear=814+Mimosa+Blvd,+Roswell,+Georgia+30075&gl=us&t=m&z=16">Roswell United Methodist Church</a>
<div class="drive">20 Minute Drive</div>
<a class="location brickyard" href="https://maps.google.com/maps?q=129+Church+Street,+Marietta,+GA&hl=en&sll=34.021044,-84.363713&sspn=0.014957,0.015707&oq=129+church+street+mari&gl=us&hnear=129+Church+St,+Marietta,+Georgia+30060&t=m&z=17">The Brickyard</a>
</div>
<div class="edge"></div>
</section>
<section id="rsvp">
<div class="container">
<h1>RSVP/GIFTS</h1>
<h3>Please RSVP For Our Big Day</h3>
<div class="inner-form">
<div class="code">
<em>Please enter the RSVP code found on your Save the Date</em>
<div class="rsvp-code">
<label for="rsvp-input">RSVP Code</label>
<input id="rsvp-input" type="text" title="Enter RSVP Code">
<button id="rsvp-submit" class="submit">Next</button>
</div>
</div>
<p>We’re very grateful you’re coming to our wedding! If you feel linclined to give a gift, select a store below to be taken to our registry!</p>
</div>
<footer>
<a class="target" href="http://www.target.com/wedd/registry/7p5FAXwkUhWuzwPChYhQJQ"></a>
<a class="cb" href="http://www.crateandbarrel.com/"></a>
</footer>
</div>
</section>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')
</script>
<script src="js/libs/jquery.scrollTo.js"></script>
<script src="js/averso.home.js"></script>
<script>
var _gaq = [
['_setAccount', 'UA-34333397-1'],
['_trackPageview']
];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s)
}(document, 'script'));
</script>
</body>
</html>