Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
80 lines (76 sloc) 3.13 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1">
<title>The Meadows Music and Arts Festival</title>
<link rel="stylesheet" href="style.css">
<script>
// The following function toggles the visibility of an element
function toggleVis(id){
if (document.getElementById(id).style.display=="block"){
document.getElementById(id).style.display="none";}
else {
document.getElementById(id).style.display="block";}
}
</script>
<script src="https://use.fontawesome.com/257ea50967.js"></script>
</head>
<body>
<div class="container-fluid"> <!-- this div holds all content in the page -->
<nav>
<button id="toggle-menu" onclick="toggleVis('mainNav');">
<i class="fa fa-bars" aria-hidden="true"></i>
</button>
<ul id="mainNav">
<li><a href="#">Tickets</a>
<ul>
<li><a href="#">General Admission</a></li>
<li><a href="#">VIP</a></li>
<li><a href="#">Platinum</a></li>
</ul>
</li>
<li><a href="#">Lineup</a></li>
<li><a href="#">Experience</a></li>
<li><a href="#">Info</a></li>
<li><a href="#" class="small-nav">Hotels</a></li>
<li><a href="#" class="small-nav">Merch</a></li>
<li><a href="#" class="small-nav">Media</a></li>
<li><a href="#" class="small-nav">Partners</a></li>
</ul>
</nav>
<header>
<h1><img src="images/logo.png" alt="The Meadow Music and Arts Festival"></h1>
<h2>SEPTEMBER 15 - 17, 2017 | CITI FIELD QUEENS, NEW YORK CITY</h2>
</header>
<div id="content">
<div id="large-photo">
<h3>THANK YOU! SEE YOU IN 2018</h3>
<button>WATCH THE 2017 RECAP</button>
</div>
<div class="row">
<div id="merch" class="col">
<h3>2017 MERCH</h3>
<button>AVAILABLE NOW</button>
</div><!-- closing .col -->
<div id="friday" class="col">
<h3>FRIDAY RECAP</h3>
<button>VIEW HERE</button>
</div><!-- closing .col -->
<div id="sat" class="col">
<h3>SATURDAY RECAP </h3>
<button>VIEW HERE</button>
</div><!-- closing .col -->
<div id="sun" class="col">
<h3>SUNDAY RECAP</h3>
<button>VIEW HERE</button>
</div> <!-- closing .col -->
</div> <!-- closing .row -->
</div> <!-- closing #content -->
<footer>
<a href="#">PRIVACY</a> | <a href="#">TERMS & CONDITIONS</a> | COPYRIGHT © 2017FOUNDERS ENTERTAINMENT, LLC <br>
WYETH TYPEFACE BY <a href="#">SAMARSKAYA & PARTNERS</a>
</footer>
</div> <!-- closing .container-fluid -->
</body>
</html>