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; +}