From a017f310392d9acee7578058fb3707c942e339a2 Mon Sep 17 00:00:00 2001 From: aviiciii Date: Sat, 27 Jul 2024 21:47:16 +0530 Subject: [PATCH 1/3] added tags --- index.html | 41 ++++++++++++++++++++++++++++++++++++++++- 1 file changed, 40 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index a85c222..3f8ffb2 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,51 @@ + + + + + + + - PEC Hacks | Hackathon + PEC Hacks - Hackathon + + + + + + + + + + + + + + +
From 0a55a68bd4c86cb3ddf8e8f7e3f533ceee63603a Mon Sep 17 00:00:00 2001 From: aviiciii Date: Sat, 27 Jul 2024 22:12:26 +0530 Subject: [PATCH 2/3] factor the code --- index.html | 118 ++++++++++++++++++++++++++++------------------------- 1 file changed, 62 insertions(+), 56 deletions(-) diff --git a/index.html b/index.html index 3f8ffb2..e62fa8b 100644 --- a/index.html +++ b/index.html @@ -1,32 +1,33 @@ - + + + + - + - gtag("config", "G-VZ6L07FFSH"); - - - - - - - PEC Hacks - Hackathon - - - + + + PEC Hacks - Hackathon + + + - + - + - - - -
-
- -
-
- header -
-
-

FORGE THE
FUTURE

UNLEASH YOUR CREATIVITY

-
-
-
- -
-
-
- - - \ No newline at end of file + + +
+
+ +
+
+ header +
+
+

FORGE THE
FUTURE

+

UNLEASH YOUR CREATIVITY

+
+
+
+ +
+
+
+ + From ad1f10dab5e44d31e9649f1a4803e5e4e0249ca3 Mon Sep 17 00:00:00 2001 From: aviiciii Date: Sat, 27 Jul 2024 22:12:42 +0530 Subject: [PATCH 3/3] style changes --- styles.css | 50 ++++++++++++++++++++++++++++++-------------------- 1 file changed, 30 insertions(+), 20 deletions(-) diff --git a/styles.css b/styles.css index 8273a46..f34990b 100644 --- a/styles.css +++ b/styles.css @@ -91,7 +91,7 @@ nav { } .header__content .con-2 { - font-size: 3.5rem; + font-size: 3rem; font-weight: 400; line-height: 5.5rem; } @@ -105,25 +105,28 @@ nav { padding: 1rem 2rem; outline: none; border: none; - font-size: 1rem; + font-family: var(--header-font); + letter-spacing: 2px; + font-size: 1.4rem; font-style: var(--header-font); white-space: nowrap; color: var(--white); - background-color: var(--primary-color); + background-color: var(--text-dark); border-radius: 10px; - transition: 0.3s; + transition: 0.2s; cursor: pointer; } .header__content button:hover, .nav__btns button:hover { - background-color: var(--primary-color-dark); + background-color: #fa6516; } @media (min-width: 768px) { nav { max-width: var(--max-width); margin: auto; + padding: auto; } .nav__header { @@ -164,21 +167,6 @@ nav { width: fit-content; } } - -@media (max-width: 500px) { - .nav { - max-width: 900px; - } - .nav__btns a button { - width: 150px; - font-size: .8rem; - padding: .8rem; - } - .nav__logo a img { - width: 120px; - } -} - @media (max-width: 768px) { body { background-color: var(--white); @@ -209,4 +197,26 @@ nav { .main-container { border-radius: 10px; } + nav { + padding: 10px 0; + } + .nav__header{ + padding: 1rem 0 ; + } +} + +@media (max-width: 500px) { + nav { + padding: 10px 0; + max-width: 900px; + } + .nav__btns a button { + /* width: 150px; */ + font-size: .9rem; + padding: .8rem; + } + .nav__logo a img { + width: 150px; + } } +