Skip to content

Instantly share code, notes, and snippets.

@codecademydev
Created May 17, 2017 07:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save codecademydev/e5ba51954f947899cc00acc65e1f6b3c to your computer and use it in GitHub Desktop.
Save codecademydev/e5ba51954f947899cc00acc65e1f6b3c to your computer and use it in GitHub Desktop.
Codecademy export
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css">
<link href='https://fonts.googleapis.com/css?family=Oxygen:300,400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="jumbotron">
<div class="row">
<div class="col-md-2" >
<img src="https://s3.amazonaws.com/codecademy-content/projects/bolt-network/logo.svg">
</div>
<div class="pull-right">
<ul>
<li><a href="#"> Login</a></li>
<li><a href="#"> Sign Up</a></li>
</ul>
</div>
</div>
<div class="container">
<div class="header">
</div>
<div class="main">
<h1>Watch your favorite movies, instantly.</h1>
<a href="#">Learn More</a>
</div>
</div>
</div>
<div class="supporting">
<div class="container">
</div>
</div>
<div class="feature">
<div class="container">
</div>
</div>
<div class="footer">
<div class="container">
</div>
</div>
</body>
</html>
html, body {
font-family: "Oxygen", sans-serif;
font-weight: 300;
margin: 0;
padding: 0;
}
.jumbotron{
background-color:black;
height:400px;
}
.jumbotron img{
width:200px;
}
.pull-right{
position:relative;
margin-right:100px;
margin-top:20px;
}
.pull-right ul{
margin-top:-25px;
}
.main h1{
color:white;
padding:15px;
}
.main a{
mtop:1000px;
}
.main{
text-align:center;
}
.pull-roght ul{
margin-left:50px;
}
.pull-right li{
list-style:none;
color:white;
display:inline;
padding:10px;
}
.jumbotron a{
color:#1a1aff;
border:1px solid #1a1aff;
padding:10px;
}
.jumbotron a:hover{
background-color: #5f91ec;
color:white;
text-decoration:none;
}
.container {
max-width: 970px;
}
.supporting {
background-image: url(s3.amazonaws.com/codecademy-content/projects/bolt-network/diagmonds_@2X.png);
background-size: 141px 142px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment