Add webpage files. Add top navigation bar.

This commit is contained in:
2022-08-31 19:11:18 -04:00
parent 06832a799d
commit 96f1069a5c
5 changed files with 64 additions and 1 deletions

0
contact.html Normal file
View File

View File

@@ -1 +1,18 @@
Hello World
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My website</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="topnav">
<ul>
<li><a href="#resume">Resume</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#projects">Projects</a></li>
<li><a class="active" href="#index">Home</a></li>
</ul>
</div>
</body>
</html>

0
projects.html Normal file
View File

0
resume.html Normal file
View File

46
style.css Normal file
View File

@@ -0,0 +1,46 @@
html {
background-color: #303030;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
body {
margin: 0;
padding: 0;
}
.topnav {
background-color: #222;
overflow: hidden;
margin: 0px;
position: fixed;
top: 0;
width: 100%;
}
.topnav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.topnav li {
display: inline;
}
.topnav a {
display: block;
float: right;
color: aliceblue;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: medium;
}
.topnav a:hover {
background-color: black;
}
.active {
background-color: royalblue;
}