Skip to content

Instantly share code, notes, and snippets.

@Katunya

Katunya/eepqgj.markdown

Created September 15, 2018 14:25
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Katunya/ff23da5ac18c2c26a29124b40d142326 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Katunya/ff23da5ac18c2c26a29124b40d142326 to your computer and use it in GitHub Desktop.
Download ZIP
EepqGj
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>layout</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#Home">Home</a></li>
<li><a href="#About">About</a></li>
<li><a href="#Portfolio">Portfolio</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
</nav>
</header>
</body>
</html>
Raw
style.css
header {
position: absolute;
display: flex;
top: 0;
left: 0;
height: 100%;
transform: rotate(-90deg);
}
nav {
margin: auto;
float: left;
}
nav ul{
margin: 0;
padding: 0;
}
nav ul li {
margin: 0;
padding: 0;
display: block;
float: left;
list-style: none;
}
nav ul li a {
color: dark;
font-weight: 400;
font-size: 17px;
font-family: "Nunito Sans - Extra Bold", sans-serif;
display: block;
margin: 18px 0px;
text-align: center;
line-height: 38px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment