From 993bb6401607ddf9d2a8f8f7f981357c9c6a8888 Mon Sep 17 00:00:00 2001 From: Kevin ANATOLE Date: Sun, 7 Nov 2021 17:35:20 +0000 Subject: [PATCH] Added a navbar --- css/main.css | 1 + css/navbar.css | 25 +++++++++++++++++++++++++ index.html | 9 +++++++++ second_page.html | 9 +++++++++ 4 files changed, 44 insertions(+) create mode 100644 css/navbar.css diff --git a/css/main.css b/css/main.css index 6a3a639..c67737b 100644 --- a/css/main.css +++ b/css/main.css @@ -1,5 +1,6 @@ body { min-height: 100vh; + margin: 0; } p { diff --git a/css/navbar.css b/css/navbar.css new file mode 100644 index 0000000..0c22386 --- /dev/null +++ b/css/navbar.css @@ -0,0 +1,25 @@ +.navbar { + align-items: center; + background-color: blue; + color: white; + display: flex; + height: 3rem; + justify-content: space-between; + padding: 0 5px 0 5px; +} + +.navbar .links { + padding-left: 1rem; + padding-right: 1rem; +} + +.navbar .links a { + color: white; + margin: 0 1rem; + text-align: center; + text-decoration: none; +} + +.navbar .links a:hover { + background-color: red; +} diff --git a/index.html b/index.html index ad8570a..6b8161b 100644 --- a/index.html +++ b/index.html @@ -5,10 +5,19 @@ + Document +

Home Page

Second Page diff --git a/second_page.html b/second_page.html index 2003066..7ee8541 100644 --- a/second_page.html +++ b/second_page.html @@ -5,10 +5,19 @@ + Document +

Second

Home