mirror of
https://github.com/jadonyack/jadonyack.github.io.git
synced 2026-06-13 02:06:11 -04:00
Add webpage files. Add top navigation bar.
This commit is contained in:
0
contact.html
Normal file
0
contact.html
Normal file
19
index.html
19
index.html
@@ -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
0
projects.html
Normal file
0
resume.html
Normal file
0
resume.html
Normal file
46
style.css
Normal file
46
style.css
Normal 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;
|
||||
}
|
||||
Reference in New Issue
Block a user