codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css">
  <link rel='stylesheet' href='style.css'/>
  </head>
  <body>
    <div class="jumbotron">
      <div class="container">

        	<!-- Header-->
        <div class="header">
          <div class="row">
            <div class="col-md-3">
            <img class="logo" src="https://s3.amazonaws.com/codecademy-content/projects/bass/logo.svg" width="106" height="75">
            </div>

            <div class="col-md-9">
              <ul class="pull-right">
                <li><a href="#">Features</a></li>
                <li><a class="btn btn-default" href="#">Download</a></li>
              </ul>
            </div>
          </div>
        </div>
        	<!-- Main-->
        <div class="main">
            <div class="row">
              <div class="col-md-7">
                <h1>Turn Up the Bass</h1>
                <p>From the newest releases to classic albums, we have the best music for you to enjoy.</p>
              </div>
            </div>
          </div>
         	<!-- Supporting -->
        <div class="supporting-1">
          <div class="row">
            <div class="col-md-6">
            <img src="https://s3.amazonaws.com/codecademy-content/projects/bass/you.svg" width="450" height="300" />
            </div>
            <div class="col-md-6">
              <h1>Music Just for You</h1>
              <p>Listen to your favorite artists and albums, and make playlists of your favorite songs. Get recommendations based on your tastes to discover new music.</p>
            </div>
          </div>
        </div>
        <div class="supporting-2">
          <div class="row">
            <div class="col-md-6">
            <h1>Listen Everywhere</h1>
              <p>Take your music with you everywhere you go. Listen for free for free on any device - mobile, tablet, and your computer.</p>
            </div>
            <div class="col-md-6">
            <img src="https://s3.amazonaws.com/codecademy-content/projects/bass/everywhere.svg" />
            </div>
          </div>
        </div>
        <div class="supporting-3">
          <div class="row">
            <div class="col-md-6">
            <img src="https://s3.amazonaws.com/codecademy-content/projects/bass/connect.svg" />
            </div>
            <div class="col-md-6">
            <h1>Connect with Others</h1>
              <p>Find the right songs for the right occassions. Let your friends know what you're listening to, and connect with others who share the music you love.</p>
            </div>
          </div>
        </div>
        <div class="supporting-4">
          <div class="container">
            <h2>Try it now</h2>
            <img src="https://s3.amazonaws.com/codecademy-content/projects/bass/app-store.png" />
           <img src="https://s3.amazonaws.com/codecademy-content/projects/bass/google-play.png" />
          </div>
        </div>
        <div class="footer">
          <div class="container">
            <div class="col-md-2">
              <h3>Bass</h3>
              <ul>
                <li><a>Install</a></li>
                <li><a>Mobile</a></li>
              </ul>
            </div>
            <div class="col-md-2">
            <h3>About</h3>
              <ul>
                <li><a>Blog</a></li>
                <li><a>Team</a></li>
                <li><a>Jobs</a></li>
              </ul>
            </div>
            <div class="col-md-2"></div>
            <h3>Support</h3>
              <ul>
                <li><a>Help Center</a></li>
                <li><a>Get Started</a></li>
                <li><a>Contact Us</a></li>
              </ul>
            <div class="col-md-2">
            <h3>Community</h3>
              <ul>
                <li><a>Facebook</a></li>
                <li><a>Twitter</a></li>
                <li><a>Google+</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

## style.css
html, body {
  margin: 0;
  padding: 0;
  background-color: #161718;
  color: #fff;
}

/*container*/

.container {
 max-width: 1000px;
}

/*Jumbotron*/

.jumbotron {
 background: url("https://s3.amazonaws.com/codecademy-content/projects/bass/bg.jpg") no-repeat center center;
 background-size: cover;
 background-color: transparent;
 height: 560px;
}


/*Header*/

.header, .header a {
 background-color: transparent;
 color: #fff;
}

.header a {
 padding: 15px;
 font-weight: bold;
}

.header .pull-right {
 list-style: none;
}

.header li {
  display: inline-block;
  margin-left: 13px;
  margin-top: 40px;
}

.header .btn-default {
 background-color: #ff0036;
 color: #fff;
 border: 0px;
 border-radius: 0px;
 padding: 8px 30px;
}

/* Main */

.main {
 color: #fff;
}

.main h1 {
 padding-top: 60px;
}

/* Supporting */

.supporting-1, .supporting-2,
.supporting-3, .supporting-4 {
 padding: 70px 30px;
}

.supporting-2 {
 background-color: #000;
}

.supporting-4 {
 background: url("https://s3.amazonaws.com/codecademy-content/projects/bass/feature.jpg") no-repeat center center;
 background-size: cover;
 color: #fff;
 text-align: center;
 height: 400px;
}

/* Footer */

.footer ul {
 padding: 0;
 list-style: none;
}

.footer a {
 color: #aaa;
 font-size: 13px;
 display: inline-block;
 padding: 5px 0;
}

/* Media Query*/
	@media
  (max-width: 992px) {
  .col-md-6 img
  { width: 100%; }
}
	<!DOCTYPE html>
	<html>
	<head>
	<link rel="stylesheet" href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css">
	<link rel='stylesheet' href='style.css'/>
	</head>
	<body>
	<div class="jumbotron">
	<div class="container">

	<!-- Header-->
	<div class="header">
	<div class="row">
	<div class="col-md-3">
	<img class="logo" src="https://s3.amazonaws.com/codecademy-content/projects/bass/logo.svg" width="106" height="75">
	</div>

	<div class="col-md-9">
	<ul class="pull-right">
	<li><a href="#">Features</a></li>
	<li><a class="btn btn-default" href="#">Download</a></li>
	</ul>
	</div>
	</div>
	</div>
	<!-- Main-->
	<div class="main">
	<div class="row">
	<div class="col-md-7">
	<h1>Turn Up the Bass</h1>
	<p>From the newest releases to classic albums, we have the best music for you to enjoy.</p>
	</div>
	</div>
	</div>
	<!-- Supporting -->
	<div class="supporting-1">
	<div class="row">
	<div class="col-md-6">
	<img src="https://s3.amazonaws.com/codecademy-content/projects/bass/you.svg" width="450" height="300" />
	</div>
	<div class="col-md-6">
	<h1>Music Just for You</h1>
	<p>Listen to your favorite artists and albums, and make playlists of your favorite songs. Get recommendations based on your tastes to discover new music.</p>
	</div>
	</div>
	</div>
	<div class="supporting-2">
	<div class="row">
	<div class="col-md-6">
	<h1>Listen Everywhere</h1>
	<p>Take your music with you everywhere you go. Listen for free for free on any device - mobile, tablet, and your computer.</p>
	</div>
	<div class="col-md-6">
	<img src="https://s3.amazonaws.com/codecademy-content/projects/bass/everywhere.svg" />
	</div>
	</div>
	</div>
	<div class="supporting-3">
	<div class="row">
	<div class="col-md-6">
	<img src="https://s3.amazonaws.com/codecademy-content/projects/bass/connect.svg" />
	</div>
	<div class="col-md-6">
	<h1>Connect with Others</h1>
	<p>Find the right songs for the right occassions. Let your friends know what you're listening to, and connect with others who share the music you love.</p>
	</div>
	</div>
	</div>
	<div class="supporting-4">
	<div class="container">
	<h2>Try it now</h2>
	<img src="https://s3.amazonaws.com/codecademy-content/projects/bass/app-store.png" />
	<img src="https://s3.amazonaws.com/codecademy-content/projects/bass/google-play.png" />
	</div>
	</div>
	<div class="footer">
	<div class="container">
	<div class="col-md-2">
	<h3>Bass</h3>
	<ul>
	<li><a>Install</a></li>
	<li><a>Mobile</a></li>
	</ul>
	</div>
	<div class="col-md-2">
	<h3>About</h3>
	<ul>
	<li><a>Blog</a></li>
	<li><a>Team</a></li>
	<li><a>Jobs</a></li>
	</ul>
	</div>
	<div class="col-md-2"></div>
	<h3>Support</h3>
	<ul>
	<li><a>Help Center</a></li>
	<li><a>Get Started</a></li>
	<li><a>Contact Us</a></li>
	</ul>
	<div class="col-md-2">
	<h3>Community</h3>
	<ul>
	<li><a>Facebook</a></li>
	<li><a>Twitter</a></li>
	<li><a>Google+</a></li>
	</ul>
	</div>
	</div>
	</div>
	</div>
	</div>
	</body>
	</html>
	html, body {
	margin: 0;
	padding: 0;
	background-color: #161718;
	color: #fff;
	}

	/container/

	.container {
	max-width: 1000px;
	}

	/Jumbotron/

	.jumbotron {
	background: url("https://s3.amazonaws.com/codecademy-content/projects/bass/bg.jpg") no-repeat center center;
	background-size: cover;
	background-color: transparent;
	height: 560px;
	}


	/Header/

	.header, .header a {
	background-color: transparent;
	color: #fff;
	}

	.header a {
	padding: 15px;
	font-weight: bold;
	}

	.header .pull-right {
	list-style: none;
	}

	.header li {
	display: inline-block;
	margin-left: 13px;
	margin-top: 40px;
	}

	.header .btn-default {
	background-color: #ff0036;
	color: #fff;
	border: 0px;
	border-radius: 0px;
	padding: 8px 30px;
	}

	/* Main */

	.main {
	color: #fff;
	}

	.main h1 {
	padding-top: 60px;
	}

	/* Supporting */

	.supporting-1, .supporting-2,
	.supporting-3, .supporting-4 {
	padding: 70px 30px;
	}

	.supporting-2 {
	background-color: #000;
	}

	.supporting-4 {
	background: url("https://s3.amazonaws.com/codecademy-content/projects/bass/feature.jpg") no-repeat center center;
	background-size: cover;
	color: #fff;
	text-align: center;
	height: 400px;
	}

	/* Footer */

	.footer ul {
	padding: 0;
	list-style: none;
	}

	.footer a {
	color: #aaa;
	font-size: 13px;
	display: inline-block;
	padding: 5px 0;
	}

	/* Media Query*/
	@media
	(max-width: 992px) {
	.col-md-6 img
	{ width: 100%; }
	}