From 96f1069a5c4a4fcd7de7f7edc14a8b264ab29340 Mon Sep 17 00:00:00 2001 From: Jadon Yack Date: Wed, 31 Aug 2022 19:11:18 -0400 Subject: [PATCH] Add webpage files. Add top navigation bar. --- contact.html | 0 index.html | 19 ++++++++++++++++++- projects.html | 0 resume.html | 0 style.css | 46 ++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 64 insertions(+), 1 deletion(-) create mode 100644 contact.html create mode 100644 projects.html create mode 100644 resume.html create mode 100644 style.css diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html index 557db03..ec77b86 100644 --- a/index.html +++ b/index.html @@ -1 +1,18 @@ -Hello World + + + + + My website + + + +
+ +
+ + \ No newline at end of file diff --git a/projects.html b/projects.html new file mode 100644 index 0000000..e69de29 diff --git a/resume.html b/resume.html new file mode 100644 index 0000000..e69de29 diff --git a/style.css b/style.css new file mode 100644 index 0000000..539718e --- /dev/null +++ b/style.css @@ -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; +} \ No newline at end of file