From a595c601c3b8e67d93b2874bc702af98173ed019 Mon Sep 17 00:00:00 2001 From: Sunday-Binakin Date: Thu, 20 Oct 2022 15:16:31 +0000 Subject: [PATCH] initial commit --- starter/css/main.css | 58 ++++++++++++++++++++++++++++++++++++++++++++ starter/index.html | 30 +++++++++++++++++++++-- 2 files changed, 86 insertions(+), 2 deletions(-) diff --git a/starter/css/main.css b/starter/css/main.css index 74d7489..14827fe 100644 --- a/starter/css/main.css +++ b/starter/css/main.css @@ -259,4 +259,62 @@ ul { Navbar =============== */ +.navbar{ + display: flex; + justify-content: center; + align-items: center; +} +.nav-center{ + width: 90vw; + max-width: var(--max-width); +} +.nav-header{ + height: 6rem; + display: flex; + justify-content: space-between; + align-items: center; +} +.nav-logo{ + display: flex; + align-items: center; +} +.nav-header img{ + width: 200px; +} + +.nav-btn{ + padding: 0.15rem 0.75rem; +} +.nav-btn i{ + font-size: 1.25rem; +} +.nav-links{ + display:flex; + flex-direction: column; + /* todo */ + height: 0; + overflow: hidden; + transition: var(--transition); +} +.show-links{ + height: 310px; +} +.nav-link{ + display:block; + text-align: center; + text-transform: capitalize; + color: var(--grey-900); + letter-spacing: var(--letterSpacing); + padding:1rem 0; + border-top: 1px solid var(--grey-500); + transition: var(--transtion); +} +.nav-link:hover { + color: var(--primary-500); +} +.contact-link a{ + padding: 0.15rem 1rem; +} + + \ No newline at end of file diff --git a/starter/index.html b/starter/index.html index e89a673..053c2f9 100644 --- a/starter/index.html +++ b/starter/index.html @@ -18,7 +18,33 @@ -

Home Page

- + +
+
+ +
+ + +
+ +
+ home + about + tags + recipes +
+ contact +
+
+
+
+ +