Skip to content

Instantly share code, notes, and snippets.

@codecademydev
Created August 19, 2016 01:22
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/371ee00a1abba2d73ff5151c1ed7b989 to your computer and use it in GitHub Desktop.
Save codecademydev/371ee00a1abba2d73ff5151c1ed7b989 to your computer and use it in GitHub Desktop.
Codecademy export
<!DOCTYPE html>
<html>
<head>
<title>Ollie Bike Sharing</title>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<h1>Ollie Bike Sharing</h1>
<h3>Share Your Pedals with the World.</h3>
<p>Need a set of wheels while you're in town? Use Ollie to pair your perfect vacation with a stylish, affordable bike rental. Here is a <a href="cities.html">list</a> of cities where you can find us.</p>
<img src="https://s3.amazonaws.com/codecademy-
content/projects/make-a-website/lesson-1/bikes2.jpg"/>
</body>
</html>
html, body {
font-family: sans-serif;
margin: 0;
width: 100%;
height: 100%;
}
h1 {
font-size: 48px;
}
p {
max-width: 65%;
min-width: 500px;
}
h2 {
text-align: center;
font-size: 2.6rem;
}
div {
padding-right: 30px;
height: 100%;
width: 100%;
}
video {
background-color: #000000;
border: 2px solid black;
}
.container {
display: flex;
}
.main {
padding-left: 30px;
min-width: 75%;
}
.nav {
background-color: #FFEE00;
max-width: 25%;
min-width: 140px;
flex: 1;
}
.nav h1 {
padding-left: 20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment