Post by bobowk on Apr 26, 2017 0:01:57 GMT 10
Hey guys, I made a quick voice tutorial on my new YouTube channel: Aeolus. If you did enjoy this tutorial, make sure to subscribe to my channel to be updated more often. Source Link: pastebin.com/r8Wm4PWJSource Text: HTML: <!DOCTYPE html>
<html>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css\navbar.css">
<head>
<title> Navbar </title>
</head>
<body>
<div class="navbar">
<a class="left" href="navbar">Logo</a>
<a class="right" href="#">Contact</a>
<a class="right" href="#">About</a>
<a class="right" href="navbar">Home</a>
</div>
</body>
</html>
CSS: body, html{
margin:0px; padding:0px;
font-family: 'Roboto', sans-serif;
}
.navbar{
background-color:#03A9F4;
overflow:hidden;
box-shadow:0px 0px 10px #888888;
}
.navbar a{
transition: background 0.1s ease-out;
text-decoration:none;
color:white;
}
.right{
padding:20px 20px;
float:right;
}
.left{
padding: 20px 20px;
float:left;
}
.navbar a:hover{
transition: background 0.1s ease-in;
background-color:#039BE5;
}
Last Edit: Apr 26, 2017 18:50:28 GMT 10 by bobowk
|
|