From e3b155122715835efc84867e07eba9a09e432121 Mon Sep 17 00:00:00 2001 From: Gyanthakur Date: Mon, 14 Oct 2024 01:39:10 +0530 Subject: [PATCH] navbar updated --- about-us.html | 74 ++++++++++-------- index.html | 85 ++++++++++++++------ project.html | 212 +++++++++++++++++++++++++------------------------- style.css | 124 ++++++++++++++++++++++++++++- 4 files changed, 328 insertions(+), 167 deletions(-) diff --git a/about-us.html b/about-us.html index d3c8649..3bf1f10 100644 --- a/about-us.html +++ b/about-us.html @@ -35,41 +35,46 @@
-
- +
+ @@ -137,6 +142,7 @@

Contact Us

class="link-primary" >GitHub Repository. +

diff --git a/index.html b/index.html index 2cdd265..505e091 100644 --- a/index.html +++ b/index.html @@ -21,15 +21,21 @@
-
+ +
+
-
+
+ @@ -62,31 +69,11 @@
-
-
-
User Image
-

Gyan Pratap Singh

-
- Javascript - ReactJs - C++ - Nodejs - -
- -
-
User Image
+
User Image

Susmita Santi

ReactJS @@ -108,6 +95,28 @@

Susmita Santi

+
+
+
User Image
+

Gyan Pratap Singh

+
+ Javascript + ReactJs + C++ + Nodejs + +
+ + +
+
User Image
@@ -165,6 +174,32 @@

Karunakar S

+ + + + +
+
+ +
User Image
+

Aditya Singh

+
+ HTML + CSS + JAVASCRIPT + PYTHON + C++ +
+ +
+ + +
diff --git a/project.html b/project.html index 987594f..1a07cc0 100644 --- a/project.html +++ b/project.html @@ -19,32 +19,42 @@
-
- -
+ +
+
+ +
+

@@ -79,6 +89,73 @@

Tanvi

+ + +
+
+
User Image
+

Gyan Pratap Singh

+
+ + + +
+
+ Text_UTILS Editor + Repo Url + Deploy Link +
+
+ Javascript + ReactJs + C++ + Nodejs + +
+ +
+ + +
+
+
User Image
+

Anurag Srivastav

+
+ + + +
+
+ Quicker Sign + Repo URL + Deploy Link +
+
+ React js + Express + Mongo DB + JWT + +
+ +
+ +
User Image @@ -172,38 +249,7 @@

Hemang Yadav

-
-
-
User Image
-

Gyan Pratap Singh

-
- - - -
-
- Text_UTILS Editor - Repo Url - Deploy Link -
-
- Javascript - ReactJs - C++ - Nodejs - -
- -
+
@@ -265,35 +311,7 @@

Prateek Sethi

-
-
-
User Image
-

Anurag Srivastav

-
- - - -
-
- Quicker Sign - Repo URL - Deploy Link -
-
- React js - Express - Mongo DB - JWT - -
- -
+
@@ -568,25 +586,7 @@

Ashish

-
-
- -
User Image
-

Aditya Singh

-
- HTML - CSS - JAVASCRIPT - PYTHON - C++ -
- -
+ diff --git a/style.css b/style.css index d845993..6ff3192 100644 --- a/style.css +++ b/style.css @@ -65,7 +65,7 @@ body { /* Navbar */ -nav{ +/* nav{ display: flex; width: 100%; justify-content: space-between; @@ -76,7 +76,127 @@ nav{ .nav-links{ display: flex; align-items: center; +} */ + + + + + + + + + + +/* General Styles for Navbar */ +nav { + /* background: yellow; */ + display: flex; + width: 100%; + justify-content: space-between; + align-items: center; + padding: 10px 20px; +} + +.title a { + font-size: 1.5rem; + text-decoration: none; + color: black; +} + +.nav-links { + display: flex; + align-items: center; + gap: 15px; +} + +.add { + background-color: #007BFF; + color: white; + border: none; + padding: 10px 15px; + border-radius: 5px; + cursor: pointer; + display: flex; + align-items: center; +} + +.add i { + margin-left: 5px; +} + +.dark-btn { + background: none; + border: none; + cursor: pointer; +} + +img#icon { + width: 30px; } + +@media (max-width: 768px) { + nav { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + /* margin-bottom: 5px; */ + } + + .nav-links { + margin-top: 10px; + flex-direction: column; + /* align-items: flex-end; */ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 10px; + width: 100%; + } + + .add { + width: 100%; + text-align: center; + } +} + +@media (max-width: 480px) { + .title a { + font-size: 1.2rem; + } + + .add { + padding: 8px 10px; + font-size: 0.9rem; + } + + img#icon { + width: 25px; + } +} + + + + + + + + + + + + + + + + + + + + + + body, .title, @@ -260,7 +380,7 @@ body .title { } .project a:hover { - color: #333; + color: #c83a3a; font-size: 28px; }