Ticket Off-season - Liveweave

<!DOCTYPE html>
<html>
<head>
<title>Ticket Off-season</title>
  <link href="https://fonts.googleapis.com/css?family=Rubik:400,700" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
</head>
<body>
  <div id="page_container">
    <div id="nav_container">
      <img id="logo" src="https://i.imgur.com/ifOluJR.png"/>
      <nav>
        <ul id="nav">
          <li>Home</li>
          <li>Events</li>
          <li>About</li>
          <li>Past Events</li>
          <li>Contact Us</li>
        </ul>
      </nav>
    </div>
    <div id="top_img_container">
      <h1 id="tickets">Tickets</h1>
      <h4 id="thank_you">Thank you for visiting! We expect to open up ticket sales for next years conference in Febuary.</h4>
      <h4 id="email">Please enter your email below to be notified</h4>
      <h4 id="submit">Submit</h4>
      <h5 id="learn_more">Learn more about CTW</h5>
    </div>
    <div id="event_container">
      <div id="performances">Performances</div>
      <div id="mixed_reality">Mixed Reality</div>
      <div id="conference">2 Day Conference</div>
    </div>
      <div id="slider_container">
        <ul class="slider">
          <li><img src="https://i.imgur.com/pNhlYTY.jpg"/></li>
          <li><img src="https://i.imgur.com/wLI64tw.jpg"/></li>
          <li><img src="https://i.imgur.com/cM2hG9d.jpg"/></li>
        </ul>
    </div>
    <div id="footer_container">
      <img id="footer_img" src="https://i.imgur.com/Wh0UalV.png"/>
    </div>
  </div>
</body>
</html>

#page_container{
  font-family: 'Rubik', sans-serif;
  width: 960px;
}

#nav_container{
  background-color: #000000;
  height: 90px;
}

#logo{
  float: left;
}

nav{
  color: #FFFFFF;
  float: left;
}

#nav{
  list-style: none;
  margin-left: 90;
}
#nav li{
  float: left;
  margin-top: 4%;
  padding-left: 50px;
}

#top_img_container{
  background-image: url("https://i.imgur.com/77Db0ib.png");
  height: 718px;
  margin-top: -37px;
  color: #FFFFFF;
}

#tickets{
  text-transform: uppercase;
  padding-top: 7%;
  padding-left: 10%;
  font-size: 55px;
}

#thank_you{
  font-weight: normal;
  margin-top: 29%;
  width: 400px;
  margin-left: 16%;
  line-height: 2;
}

#email{
  font-weight: normal;
  margin-left: 18%;
}

#submit{ 
  margin-left: 51.5%;
  margin-top: 6.5%;
}

#learn_more{
  text-transform: uppercase;
  margin-left: 23%;
  margin-top: 6.8%;
}

#event_container{
  text-transform: uppercase;
}

#performances{
  margin-left: 18%;
  margin-top: 5%;
  padding-top: 3%;
  padding-bottom: 3%;
  border-right: 2px solid black;
  width: 180px;
  float: left;
}

#mixed_reality{
  margin-left: 6.5%;
  margin-top: 5%;
  padding-top: 3%;
  padding-bottom: 3%;
  border-right: 2px solid black;
  width: 180px;
  float: left;
  margin-bottom: 5%;
}

#conference{
  margin-top: 5%;
  padding-top: 3%;
  padding-bottom: 3%;
  width: 180px;
  float: left;
  margin-left: 6%;
}

#slider_container{
  clear: both;
  width: 690;
  margin: auto;
}

#footer_container{
  clear: both;
  width: 960px;
}

#footer_img{
  width: 960px;
  margin-top: 10%;
}