<!DOCTYPE html>
<html>
  <head>
	<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css">
    <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
    <link rel='stylesheet' href='style.css'/>
  </head>
  <body>
  
  <div class="header">
    <div class="container">
      <img class="logo" src="http://new.pentagram.com/wp-content/uploads/2012/10/01-World-Chess-Symbol.jpg" width="40px">
      <p>newsroom</p>
    </div>  
  </div>
  
  <div class="nav">
    <div class="container">
        <ul width="100%">
            <li><a href="#" class="active-btn">Top Stories</a></li>
            <li><a href="#">World</a></li>
            <li><a href="#">Business</a></li>
            <li><a href="#">Technology</a></li>
            <li><a href="#">Entertainment</a></li>
            <li><a href="#">Sports</a></li>
            <li><a href="#">Science</a></li>
            <li><a href="#">Health</a></li>
            <li><a href="#">Messages</a></li>
        </ul>
    </div>  
  </div>
  
  <div class="main">
    <div class="container">
      <h6>November 7, 2014</h6>
      <h1>Introducing Bass</h1>
        <p>A new app by the creators of Shutterbugg that lets you enjoy your favorite music everywhere you go.</p>
    </div>  
  </div>
  
   <div class="supporting">
    <div class="container">
      <div class="row">
        <div class="col-md-8">
          <h2>Latest News</h2>  
        </div>
        <div class="col-md-4">
          <h2>Upcoming Events</h2>    
        </div>
      </div>
    </div>  
  </div>
  
   <div class="footer">
    <div class="container">
        
    </div>  
  </div>
  

  </body>
</html>
html, body {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

.header {
  background-color: black;
  color: white;
  
}

.nav {
  background-color: black;
}

.nav li {
  display: inline-block;
}

.main {
  background: url("http://s3.amazonaws.com/codecademy-content/projects/newsroom/bass-bg.jpg")no-repeat center;
  background-size: cover;
  color: white;
}

Browse more Codebits