Skip to content

Instantly share code, notes, and snippets.

@codecademydev

codecademydev/index.html Secret

Created October 16, 2021 20:46
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/da5f193882e7af6395c1903e71aa9a07 to your computer and use it in GitHub Desktop.
Save codecademydev/da5f193882e7af6395c1903e71aa9a07 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: 0px;
width: auto;
}
.header{
display: inline-flex;
flex-direction: row;
border-bottom: 1px solid seashell;
position: fixed;
min-height: 69px;
width: 100%;
margin: auto;
padding: 10px;
justify-content: space-between;
align-items: center;
}
.header img{
align-content: left;
width: auto;
}
.header a{
text-decoration: underline;
display: inline;
color: seashell;
justify-content: center;
margin: auto;
padding-right: 10px;
padding-top: 10px;
align-items: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment