From 11c35a787be8c1a1fe1192b96bb14fc4e10a00b5 Mon Sep 17 00:00:00 2001 From: hodasemi Date: Wed, 17 Oct 2018 18:20:59 +0200 Subject: [PATCH] Create top navigation bar --- css/main.css | 27 +++++++++++++++++++++++++++ index.html | 8 ++++++-- 2 files changed, 33 insertions(+), 2 deletions(-) create mode 100644 css/main.css diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..2fbab8c --- /dev/null +++ b/css/main.css @@ -0,0 +1,27 @@ +/* Add a black background color to the top navigation */ +.topnav { + background-color: #333; + overflow: hidden; +} + +/* Style the links inside the navigation bar */ +.topnav p { + float: left; + color: #f2f2f2; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 17px; +} + +/* Change the color of links on hover */ +.topnav p:hover { + background-color: #ddd; + color: black; +} + +/* Add a color to the active/current link */ +.topnav p.active { + background-color: #4CAF50; + color: white; +} \ No newline at end of file diff --git a/index.html b/index.html index 13b4d7c..95fbdd4 100644 --- a/index.html +++ b/index.html @@ -7,13 +7,17 @@ Page Title + -