-
-
Save codecademydev/7afa78bffa4caedeb29305679c31454d to your computer and use it in GitHub Desktop.
Codecademy export
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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"> | |
<div class="header"> | |
<div class="row"> | |
<div class="col-md-3 pull-left"> | |
<img id="logo" src="https://s3.amazonaws.com/codecademy-content/projects/bass/logo.svg"> | |
</div> | |
<div class="pull-right"> | |
<ul> | |
<li>Features</li> | |
<li class="btn">Download</li> | |
</ul> | |
</div> | |
</div> | |
<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> | |
<div class="jumbotron2"> | |
<div class="row"> | |
<div class="main"> | |
<div class="col-md-7"> | |
<img src="https://s3.amazonaws.com/codecademy-content/projects/bass/you.svg"> | |
<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> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
html, body { | |
margin: 0; | |
padding: 0; | |
} | |
#logo{ | |
height:120px; | |
width:120px; | |
margin-top:-30px; | |
} | |
.jumbotron{ | |
background: url("https://s3.amazonaws.com/codecademy-content/projects/bass/bg.jpg"); | |
height:450px; | |
background-size:110%; | |
background-repeat:no-repeat; | |
color:white; | |
margin:0; | |
} | |
.jumbotron2{ | |
background-color:black; | |
height:450px; | |
background-size:110%; | |
background-repeat:no-repeat; | |
color:white; | |
margin:0; | |
text-align:center; | |
} | |
.jumbotron2 img{ | |
height:500px; | |
width:500px; | |
} | |
.jumbotron2 h1, p{ | |
float:right; | |
} | |
.pull-right{ | |
position:relative; | |
margin-right:30px; | |
margin-top:-30px; | |
} | |
.pull-right ul{ | |
margin-top:45px; | |
} | |
.pull-right ul{ | |
margin-left:50px; | |
} | |
.pull-right li{ | |
list-style:none; | |
color:white; | |
display:inline; | |
padding:10px; | |
} | |
.btn{ | |
background-color:red; | |
border-radius:0; | |
font-weight:bold; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment