-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
175 lines (157 loc) · 14.3 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
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="/favicon.ico">
<title>Chris & Hannah: Sept 2, 2018</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/cover.css" rel="stylesheet">
<!-- Custom styles by Hannah -->
<link href="css/style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:700|Molle:400i|Quicksand:700" rel="stylesheet">
</head>
<body id="top" cz-shortcut-listen="true">
<!-- NAV BAR -->
<nav class="navbar navbar-expand-md fixed-top pb-3 bigNav">
<div class="col-md-2">
<a href="#event">Event Info</a>
</div>
<div class="col-md-2">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSfdniYz0m_yUwmIFHqud0rGYv8wZIXFuMR9BB5FISRddwZvWg/viewform?usp=sf_link" target="_blank" >RSVP</a>
</div>
<div class="col-md-4 flex">
<a href="#top" class="rsvp btn-lg btn masthead-brand accent">C + H</a>
</div>
<div class="col-md-2">
<a href="#travel">Travel Info</a>
</div>
<div class="col-md-2">
<a href="#registry">Registry</a>
</div>
</nav>
<!-- MOBILE NAV -->
<nav class="navbar navbar-expand-lg littleNav">
<a href="#top" class="rsvp btn-lg btn masthead-brand accent">C + H</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
<img class="hamburger" src="assets/menu.svg" alt="menu">
</button>
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://docs.google.com/forms/d/e/1FAIpQLSfdniYz0m_yUwmIFHqud0rGYv8wZIXFuMR9BB5FISRddwZvWg/viewform?usp=sf_link" target="_blank" >RSVP</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#event">Event Info</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#travel">Travel Info</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#registry">Registry</a>
</li>
</ul>
</div>
</nav>
<main role="main" class="container">
<!-- TOP BANNER -->
<div class="row announcement" id="backgroundImg">
</div>
<!-- EVENT INFO -->
<div id="event" class="row pt-5">
<h2>Event Information</h2>
<p class="lead">The big event takes place September 2, 2018 at 5:00PM at <a href="https://www.google.com/maps/place/Panorama+Event+Barn/@38.131334,-78.50032,1276m/data=!3m1!1e3!4m5!3m4!1s0x0:0x49bd24e7b2b64a63!8m2!3d38.1313335!4d-78.5003196?hl=en-US" target="_blank">Panorama Event Barn</a> in Charlottesville, VA. A brief outdoor ceremony will precede the celebration.</p>
<div class="col-md-6 col-sm-12">
<h3 class="text-muted">Transportation</h3>
<p>Free parking will be available. The event site is in a rural area just outside of Charlottesville, so if you are unfamiliar with the area or don't want to arrange a designated driver, we recommend using the shuttle service that we have arranged.</p>
<p>MORE SHUTTLE INFO HERE WHEN IT EXISTS. INCLUDE NOTE ABOUT UBER/CELL SERVICE. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p></p>
</div>
<div class="col-md-6 col-sm-12">
<h3 class="text-muted">Food and Drinks</h3>
<p>A family style dinner will be served around 7:00. Snacks will be available before dinner. There will be vegetarian and vegan options, however we ask that you include any dietary restrictions in your RSVP so that we can be sure there's enough for everyone.</p>
<p>Guests can enjoy an open bar serving local wine and some of our favorite beers. Until the dance floor opens, we will also be giving tastings of mezcal, a smoky, agave derived liquor that we've enjoyed since moving to Texas.</p>
<h3 class="text-muted mt-5">Attire</h3>
<p>We want you looking and feeling dazzling! Cocktail attire and your favorite dancing shoes will ensure success. The barn has no air conditioning, so leave your heavy jackets at home.</p>
</div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2778.679548441382!2d-78.50560238496288!3d38.133833779695614!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b479b6613ef7cd%3A0x49bd24e7b2b64a63!2sPanorama+Event+Barn!5e1!3m2!1sen!2sus!4v1515881101269" width="100%" height="300" frameborder="0" style="border:0" allowfullscreen class="mt-5"></iframe>
</div>
<!-- TRAVEL INFO -->
<div id="travel" class="row pt-5">
<h2>Travel Information</h2>
<p class="lead">Thank you for making the trip to see us! Below, we've put together some information for you to help you make the most of your Labor Day weekend in Charlottesville. You can also reference <a href="https://drive.google.com/open?id=1sU65MjnzvF4b0FoWtZjdOGVGzZ75eoou&usp=sharing" target="_blank">this map</a> to see our favorite activities, restaurants, and the pickup/dropoff locations for the event shuttle.</p>
<div class="col-md-6 col-sm-12">
<h3 class="text-muted">Accomodations</h3>
<p>The event will be held a little northwest of Charlottesville, giving you several lodging options. If you would like to stay as close to the event as possible, we recommend <a href="http://doubletree3.hilton.com/en/hotels/virginia/doubletree-by-hilton-hotel-charlottesville-CHOSHDT/index.html">The DoubleTree</a> or <a href="https://www.airbnb.com/s/earlysville--va/homes?allow_override%5B%5D=&checkin=2018-09-01&checkout=2018-09-03&ne_lat=38.17662425904024&ne_lng=-78.4427253261149&sw_lat=38.11628118754308&sw_lng=-78.51035990863443&zoom=13&search_by_map=true&s_tag=822Sg748">an AirBnB in Earlysville</a>. Some of the most affordable options can be <a href="https://www.google.com/maps/search/hotels+/@38.0729589,-78.4910623,14z/data=!3m1!4b1">found on US-29</a>. If you would like to stay closer to the attractions Charlottesville has to offer, we recommend <a href="https://www.google.com/search?rlz=1C5CHFA_enUS715US716&q=hotels+charlottesville+va&npsic=0&rflfq=1&rlha=1&rlla=0&rlhsc=Ch8I2bj90IGNu8EPCPiLl_6oyOH8mAEIvvONq4fn79M_&rllag=38046480,-78489216,1745&tbm=lcl&ved=0ahUKEwis58LhnNjYAhWM3YMKHYijDjIQtgMISA&hotel_dates=2018-01-21,2018-01-22&tbs=lf_hd:-1,lf_ho:2,lrf:!1m4!1u13!2m2!13m1!1b1!1m4!1u10!2m2!11m1!1e4!1m4!1u10!2m2!11m1!1e5!1m4!1u10!2m2!11m1!1e8!1m4!1u10!2m2!11m1!1e10!1m4!1u10!2m2!11m1!1e2!1m4!1u10!2m2!11m1!1e3!2m1!1e13!2m7!1e17!4m2!17m1!1e3!4m2!17m1!1e8!2m1!1e2!2m1!1e4!2m19!1e10!4m2!11m1!1e4!4m2!11m1!1e5!4m2!11m1!1e8!4m2!11m1!1e10!4m2!11m1!1e2!4m2!11m1!1e3!2m21!1e7!4m4!7m3!1m1!1u100!3sUSD!4m4!7m3!1m1!1u150!3sUSD!4m4!7m3!1m1!1u175!3sUSD!4m4!7m3!1m1!1u250!3sUSD!3sIAE,lf:1,lf_ui:6&rldoc=1#rldoc=1&rlfi=hd:2018-09-01,2018-09-03;si:,38.03212016123607,-78.48895218640666;mv:!1m3!1d4157.454697588225!2d-78.4906688001762!3d38.03210325976633!3m2!1i856!2i508!4f13.1">a room in one of the several hotels on West Main Street</a> or at <a href="https://www.omnihotels.com/hotels/charlottesville">the Omni</a>. These latter options will put you walking distance from from the historic University of Virginia grounds and the Downtown Mall.</p>
<p>NOTE ABOUT SHUTTLE PICKUP/DROP OFF</p>
<h3 class="text-muted mt-5">Activities</h3>
<p>Charlottesville is a beautiful place to spend a holiday weekend. If you have the time, we highly recommend that you explore the area. Check out the list below, or see what's near you on <a href="https://drive.google.com/open?id=1sU65MjnzvF4b0FoWtZjdOGVGzZ75eoou&usp=sharing" target="_blank">this map</a> we've made for the occasion.</p>
<div class="row">
<div class="col-md-6 col-sm-12">
<p>Activities in Charlottesville:</p>
<ul>
<li><a href="http://www.downtowncharlottesville.net/" target="_blank">Dine, shop, or walk on the Downtown Mall</a></li>
<li><a href="http://www.virginia.edu/visit" target="_blank">Tour the grounds, gardens, and museum at UVA</a></li>
<li><a href="http://events.c-ville.com/" target="_blank">See a show downtown</a></li>
<li><a href="https://acac.com/charlottesville/aquatics/waterpark/" target="_blank">Spend the afternoon at the pool</a></li>
<li><a href="https://www.monticello.org/site/visit/overview-saunders-monticello-trail" target="_blank">Walk the Saunders-Monticello trail</a></li>
<li><a href="https://home.monticello.org/" target="_blank">Visit Monticello</a></li>
<li><a href="http://chilesfamilyorchards.com/orchards/carter-mountain-orchard/" target="_blank">Eat donuts and see the view at Carter Mountain</a></li>
</ul>
</div>
<div class="col-md-6 col-sm-12">
<p>Activities in the surrounding area:</p>
<ul>
<li><a href="https://www.theoutbound.com/virginia/hiking/hike-humpback-rocks" target="_blank">Hike Humpback Rock</a></li>
<li><a href="https://www.nps.gov/shen/planyourvisit/driving-skyline-drive.htm" target="_blank">Enjoy the scenery on Skyline Drive</a></li>
<li><a href="https://healthyincville.wordpress.com/2011/09/02/hike-to-blue-hole/" target="_blank">Hike to and swim in Blue Hole </a></li>
<li><a href="http://nelson151.com/breweries/" target="_blank">Go to a brewery in Nelson County</a></li>
<li><a href="https://www.google.com/search?rlz=1C5CHFA_enUS715US716&q=vineyards+charlottesville&npsic=0&rflfq=1&rlha=0&rllag=38010366,-78467784,2919&tbm=lcl&ved=0ahUKEwi0i7njptjYAhUI34MKHY4qCv0QtgMIKw&tbs=lrf:!2m1!1e2!2m1!1e3!3sIAE,lf:1,lf_ui:9&rldoc=1#rlfi=hd:;si:;mv:!1m3!1d166528.41751850714!2d-78.56965319999999!3d38.04602135!2m3!1f0!2f0!3f0!3m2!1i460!2i318!4f13.1;tbs:lrf:!2m1!1e2!2m1!1e3!3sIAE,lf:1,lf_ui:9" target="_blank">Visit a vineyard</a></li>
<li><a href="http://jamesriver.com/tubing/" target="_blank">Go tubing on the James River</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<h3 class="text-muted">Airports</h3>
<p>Charlottesville has its own small airport (CHO) that travelers from out of town may choose to fly into. There are several other airports that may offer cheaper or more convenient flights, but please note that those alternatives are a non-trivial drive from Charlottesville. The Richmond airport (RIC) is just over an hour east of Charlottesville, while the Dulles (IAD) and Reagan (DCA) airports are about two hours north.</p>
<h3 class="text-muted mt-5">Food</h3>
<p>If, like us, one of your favorite things to do is eat, Charlottesville won't let you down. Below are some of our favorite restaurants in the area; they are also marked on <a href="https://drive.google.com/open?id=1sU65MjnzvF4b0FoWtZjdOGVGzZ75eoou&usp=sharing" target="_blank">this map</a>. </p>
<ul>
<li><a href="" target="_blank">Bagels: Bodos</a></li>
<li><a href="" target="_blank">Brunch: Shebeen</a></li>
<li><a href="" target="_blank">Brunch: Fardowners</a></li>
<li><a href="" target="_blank">Burgers: Citizen Burger</a></li>
<li><a href="" target="_blank">Burgers: Boylan Heights</a></li>
<li><a href="" target="_blank">Chinese (Taiwanese): Cafe 88</a></li>
<li><a href="" target="_blank">Chinese (takeout/delivery): Chopsticks Express</a></li>
<li><a href="" target="_blank">Dumplings: Marco and Luca</a> (try the hot and sour soup!)</li>
<li><a href="" target="_blank">Italian: Bella's</a></li>
<li><a href="" target="_blank">Italian: Tavola</a></li>
<li><a href="" target="_blank">Mexican: Continental Divide</a></li>
<li><a href="" target="_blank">Mexican: Brazos Tacos</a></li>
<li><a href="" target="_blank">Pizza: Christian's Pizza</a></li>
<li><a href="" target="_blank">Pizza: Crozet Pizza</a></li>
<li><a href="" target="_blank">Sandwiches: Take it Away</a></li>
<li><a href="" target="_blank">Sandwiches: Bellair Market</a></li>
<li><a href="" target="_blank">Tapas: Mas</a></li>
<li><a href="" target="_blank">Cocktails: Alley Light</a></li>
<li><a href="" target="_blank">Beer: 3 Notch'd Brewery</a></li>
<li><a href="" target="_blank">Beer: Champion Brewery</a></li>
</ul>
</div>
</div>
<!-- REGISTRY -->
<div id="registry" class="row pt-5">
<h2>Registry</h2>
<p class="lead">What's most important to us is celebrating such a big moment in our lives with you. However, if you would like to help us build our home and life together, you can refer to our registry on <a href="#">Zola</a>. Alternatively, if you would like to help us build our community, you can donate to one of these organizations: <a href="#">NPR</a>, <a href="#">Planned Parenthood</a>, or <a href="#">Wikipedia</a>.</p>
</div>
</div>
</div>
</main>
<!-- First include jquery js -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<!-- Then js -->
<script src="js/bootstrap.min.js"></script>
</body>