beerdie/index.html

204 lines
10 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Solstice Beer Die!</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- FontAwesome CSS -->
<link rel="stylesheet" href="css/fontawesome-all.min.css">
<!-- Swiper CSS -->
<link rel="stylesheet" href="css/swiper.min.css">
<!-- Styles -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="hero-content">
<div class="container">
<div class="row">
<div class="col-12 offset-lg-2 col-lg-10">
<div class="entry-header">
<h2>Solstice Beer Die</h2>
<div class="entry-meta-date">
06.22.2024
</div><!-- .entry-meta-date -->
</div><!-- .entry-header -->
</div><!-- .col-12 -->
</div><!-- row -->
</div><!-- .container -->
</div><!-- .hero-content -->
<div class="content-section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="lineup-artists-headline">
<div class="entry-title">
<h2>The Schedule of Events</h2>
</div><!-- entry-title -->
<div class="lineup-artists">
<div class="lineup-artists-wrap flex flex-wrap">
<figure class="featured-image">
<a href="#"> <img src="images/solstice-parade.jpg" alt=""> </a>
</figure><!-- featured-image -->
<div class="lineup-artists-description">
<div class="lineup-artists-description-container">
<div class="entry-title">
12:30 - 3pmish: Solstice Parade
</div><!-- entry-title -->
<div class="entry-content">
<p>
There will be naked people on bikes and then later normal
parade stuff. Come for whichever part suits your fancy
more.
</p>
</div><!-- entry-content -->
</div><!-- lineup-artists-description-container -->
</div><!-- lineup-artists-description -->
</div><!-- lineup-artists-wrap -->
<div class="lineup-artists-wrap flex flex-wrap">
<div class="lineup-artists-description">
<figure class="featured-image d-md-none">
<a href="#"> <img src="images/towers.jpg" alt=""> </a>
</figure><!-- featured-image -->
<div class="lineup-artists-description-container">
<div class="entry-title">
3-7pm: Beer Die Tournament
</div><!-- entry-title -->
<div class="entry-content">
<p>212 N 39th St Unit D</p>
<p>2v2 Single Elimination Bracket - Standard Rules</p>
</div><!-- entry-content -->
</div><!-- lineup-artists-description-container -->
</div><!-- lineup-artists-description -->
<figure class="featured-image d-none d-md-block">
<a href="#"> <img src="images/towers.jpg" alt=""> </a>
</figure><!-- featured-image -->
</div><!-- lineup-artists-wrap -->
<div class="lineup-artists-wrap flex flex-wrap">
<figure class="featured-image">
<a href="#"> <img src="images/sonika.jpg" alt=""> </a>
</figure><!-- featured-image -->
<div class="lineup-artists-description">
<div class="lineup-artists-description-container">
<div class="entry-title">
7pm - Late: Shenanigans
</div><!-- entry-title -->
<div class="entry-content">
<p>
At this point in the night there will be optional shenanigans
ensuing around the Fremont area.
</p>
</div><!-- entry-content -->
</div><!-- lineup-artists-description-container -->
</div><!-- lineup-artists-description -->
</div><!-- lineup-artists-wrap -->
</div><!-- lineup-artists -->
</div><!-- lineup-artists-headline -->
</div><!-- col-12 -->
</div><!-- row -->
<div class="row">
<div class="col-12">
<div id="faq" class="faq">
<div class="entry-title">
<h2>FAQ</h2>
</div><!-- entry-title -->
<div class="accordion-wrap type-accordion">
<h3 class="entry-title flex active justify-content-between">Will drinks be provided?<span class="arrow-r"></span></h3>
<div class="entry-content">
<p>A gratuitous amount of Washington's finest will be available for play and side consumption. If you would like to drink something else you are welcome to bring it!</p>
</div>
<h3 class="entry-title flex justify-content-between">Is there a dress code?<span class="arrow-r"></span></h3>
<div class="entry-content">
<p>As always shirts are discouraged during play.</p>
</div>
<h3 class="entry-title flex justify-content-between">How can I RSVP?<span class="arrow-r"></span></h3>
<div class="entry-content">
<p>Get off this website and text me back. (Don't try emailing the RSVP email on the bottom of the page).</p>
</div>
<h3 class="entry-title flex justify-content-between">Where will this event be held?<span class="arrow-r"></span></h3>
<div class="entry-content">
<p>212 N 39th St, Unit D. Come thru. Solstice parade is like a block away.</p>
</div>
<h3 class="entry-title flex justify-content-between">Do I have to play beer die?<span class="arrow-r"></span></h3>
<div class="entry-content">
<p>No but just do it, you'll have so much fun I promise.</p>
</div>
<h3 class="entry-title flex justify-content-between">
Will this be an annual event?
<span class="arrow-r"></span>
</h3>
<div class="entry-content">
<p>I didn't spend so much time setting up this website for it not to be.</p>
</div>
</div><!-- faq -->
</div><!-- col-12 -->
</div><!-- row -->
</div><!-- container -->
</div>
<footer class="site-footer">
<div class="footer-cover-title flex justify-content-center align-items-center">
<h2>SUNFEST</h2>
</div><!-- .site-footer -->
<div class="footer-content-wrapper">
<div class="container">
<div class="row">
<div class="col-12">
<div class="entry-title">
<a href="#">SOLSTICE BEER DIE</a>
</div><!-- entry-title -->
<div class="entry-mail">
<a href="mailto:rsvp@solsticebeerdie.party">RSVP@SOLSTICEBEERDIE.PARTY</a>
</div><!-- .entry-mail -->
<div class="copyright-info">
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</div><!-- copyright-info -->
</div><!-- col -->
</div><!-- row -->
</div><!-- container -->
</div><!-- footer-content-wrapper -->
</footer><!-- site-footer -->
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/masonry.pkgd.min.js'></script>
<script type='text/javascript' src='js/jquery.collapsible.min.js'></script>
<script type='text/javascript' src='js/swiper.min.js'></script>
<script type='text/javascript' src='js/jquery.countdown.min.js'></script>
<script type='text/javascript' src='js/circle-progress.min.js'></script>
<script type='text/javascript' src='js/jquery.countTo.min.js'></script>
<script type='text/javascript' src='js/custom.js'></script>
</body>
</html>