From 8b74a40d74fc3dd57dc605b2960fc5533fbbabf7 Mon Sep 17 00:00:00 2001 From: ragini Date: Tue, 15 Jul 2025 09:56:33 +0530 Subject: [PATCH] Add new challenge: Simple Nav Menu using HTML and CSS --- simple-nav-menu/index.html | 20 ++++++++++++++++++++ simple-nav-menu/style.css | 32 ++++++++++++++++++++++++++++++++ 2 files changed, 52 insertions(+) create mode 100644 simple-nav-menu/index.html create mode 100644 simple-nav-menu/style.css diff --git a/simple-nav-menu/index.html b/simple-nav-menu/index.html new file mode 100644 index 0000000..9ea580e --- /dev/null +++ b/simple-nav-menu/index.html @@ -0,0 +1,20 @@ + + + + + + Simple Nav Menu + + + + + + diff --git a/simple-nav-menu/style.css b/simple-nav-menu/style.css new file mode 100644 index 0000000..63b8aff --- /dev/null +++ b/simple-nav-menu/style.css @@ -0,0 +1,32 @@ +body { + margin: 0; + font-family: Arial, sans-serif; +} +.nav-bar { + display: flex; + justify-content: space-between; + align-items: center; + background: #333; + padding: 10px 20px; +} +.nav-bar .logo a { + color: #fff; + text-decoration: none; + font-size: 1.2rem; +} +.nav-links { + list-style: none; + display: flex; + margin: 0; + padding: 0; +} +.nav-links li { + margin-left: 20px; +} +.nav-links a { + color: white; + text-decoration: none; +} +.nav-links a:hover { + color: #ff6347; +}