Skip to content

Instantly share code, notes, and snippets.

@codecademydev

codecademydev/index.html Secret

Created October 16, 2021 19:09
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/f7a1c7d1b8fecbfc9ce96be3c418b982 to your computer and use it in GitHub Desktop.
Save codecademydev/f7a1c7d1b8fecbfc9ce96be3c418b982 to your computer and use it in GitHub Desktop.
Download ZIP
Codecademy export
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>The Tea Cozy</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<!--Logo and Navigation-->
<div class="header">
<h1>
<img src="img-tea-cozy-logo.webp" alt="Tea Cozy Logo">
</h1>
<nav>
<a href="#mission">Mission</a>
<a href="#featured tea">Featured Tea</a>
<a href="#locations">Locations</a>
</nav>
</div>
<!--End of Header-->
</body>
</html>
Raw
style.css
body{
font-family: Helvetica;
font-size: 22px;
color: seashell;
background-color: black;
opacity: 0.9;
margin: auto;
text-align: center;
display: flex;
}
header{
display: inline-flex;
border-bottom: 1px solid seashell;
position: fixed;
height: 69px;
margin-left: auto;
margin-right: auto;
padding: 10px;
justify-content: space-between;
}
header img{
display: flex-start;
height: 50px;
margin: 0px auto;
}
header nav{
display: flex-end;
}
header a{
text-decoration: underline;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment