From 40acce9489118b0ca021e054276cea5e9f526f7e Mon Sep 17 00:00:00 2001 From: mohit-bhandari45 Date: Wed, 1 May 2024 00:18:47 +0530 Subject: [PATCH 1/5] fixed the footer of the website --- activities.html | 37 +++---- assets/css/style.css | 68 +++++++++++-- contact.html | 37 +++---- index.html | 226 ++++++++++++++++--------------------------- 4 files changed, 172 insertions(+), 196 deletions(-) diff --git a/activities.html b/activities.html index 4dcf012..a8065b0 100644 --- a/activities.html +++ b/activities.html @@ -118,40 +118,29 @@

Activities

- -

- PO Jassur, Tehsil - Nurpur, District - Kangra, HP, 176201. -

+
+ +

+ PO Jassur, Tehsil - Nurpur, District - Kangra, HP, 176201. +

+

- phone + phone +91 - 9418151074 / 8675300009

- email + email RBJKS.info@gmail.com

diff --git a/assets/css/style.css b/assets/css/style.css index c31a2f5..f2b8f39 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -526,6 +526,7 @@ footer { padding: 1rem 0; font-weight: 600; width: 100%; + padding: 30px 0px; } .flex-col { @@ -534,7 +535,14 @@ footer { justify-content: center; align-items: flex-start; text-align: left; - gap: 1rem; + gap: 25px; +} + +.foot1{ + display: flex; + justify-content: start; + align-items: center; + gap: 10px; } .about p { @@ -543,14 +551,34 @@ footer { align-items: center; } -.about img { - width: 1.5rem; - height: 1.5rem; +.about .logo { + width: 50px; + height: 50px; padding-right: 5px; } .about--address { + font-size: xx-large; width: 50%; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; +} + +.about--contact{ + display: flex; + gap: 20px; + margin-left: 5px; + font-family: Arial, Helvetica, sans-serif; + font-weight: 1000; + font-size: 16px; +} + +.about--mail{ + display: flex; + gap: 20px; + margin-left: 5px; + font-family: Arial, Helvetica, sans-serif; + font-weight: 1000; + font-size: 16px; } .social-media-icons { @@ -559,12 +587,28 @@ footer { .icons { display: flex; + justify-content: center; + align-items: center; gap: 1rem; } .icons img { height: 1.5rem; width: 1.5rem; + background-color: white; + padding: 10px; + border-radius: 40px; +} + +.about .abouticons { + width: 20px; + height: 20px; + padding-right: 5px; + background-color: rgba(255, 255, 255, 0.322); + /* border: 1px solid #edc9af; */ + padding: 8px; + border-radius: 40px; + /* filter: invert(1); */ } /* Media queries */ @@ -579,19 +623,27 @@ footer { footer { flex-direction: column; - align-items: center; + /* align-items: center; */ text-align: center; word-break: break-all; + padding: 40px 10px; + gap: 40px; } .footer .flex-col { - align-items: center; margin-bottom: 1em; } + .social-media-icons { + font-size: 1.5rem; + padding: 0px 55px; + display: flex; + } + + .about--address { - width: 100%; - text-align: center; + width: 80%; + text-align: start; } nav a.icon { diff --git a/contact.html b/contact.html index caaaff9..258c852 100644 --- a/contact.html +++ b/contact.html @@ -144,40 +144,29 @@

- -

- PO Jassur, Tehsil - Nurpur, District - Kangra, HP, 176201. -

+
+ +

+ PO Jassur, Tehsil - Nurpur, District - Kangra, HP, 176201. +

+

- phone + phone +91 - 9418151074 / 8675300009

- email + email RBJKS.info@gmail.com

diff --git a/index.html b/index.html index 0ab4a58..711b717 100644 --- a/index.html +++ b/index.html @@ -1,155 +1,101 @@ - - - - - RBJKS::Home - - - - - - +
+
+ Ranjeet Bakhshi Jan Kalyan Sabha +
+
+

+ Ranjeet Bakhshi Jan Kalyan Sabha +

+

+ An NGO set up in Nurpur, Himachal Pradesh, Ranjeet Bakhshi Jan Kalyan + Sabha (RBJKS) aims to solve local community issues by means of organic + crowdfunding. +

+
+
-
-
-
- +
+
+
+
+

PO Jassur, Tehsil - Nurpur, District - Kangra, HP, 176201.

-

- phone - +91 - 9418151074 / 8675300009 -

-

- email - RBJKS.info@gmail.com -

-
- -
-
- - - +
+

+ phone + +91 - 9418151074 / 8675300009 +

+

+ email + RBJKS.info@gmail.com +

+ + + +

+ + + + \ No newline at end of file From fc91d756218f9d08c7b7ad97a7f47cbef50fa9ca Mon Sep 17 00:00:00 2001 From: mohit-bhandari45 Date: Wed, 1 May 2024 00:30:07 +0530 Subject: [PATCH 2/5] fixed some issues --- assets/css/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index f2b8f39..15fe6c3 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -582,7 +582,7 @@ footer { } .social-media-icons { - font-size: 1.5rem; + font-size: 1.8rem; } .icons { @@ -635,7 +635,7 @@ footer { } .social-media-icons { - font-size: 1.5rem; + font-size: 1.8rem; padding: 0px 55px; display: flex; } From fdd4568e757877fdd4e7d0b20ab49b8be717705a Mon Sep 17 00:00:00 2001 From: mohit-bhandari45 Date: Wed, 1 May 2024 08:12:16 +0530 Subject: [PATCH 3/5] fixed some issues --- assets/css/style.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 15fe6c3..aed46c7 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -595,8 +595,8 @@ footer { .icons img { height: 1.5rem; width: 1.5rem; - background-color: white; - padding: 10px; + background-color: rgb(255, 255, 255); + padding: 6px; border-radius: 40px; } @@ -605,10 +605,8 @@ footer { height: 20px; padding-right: 5px; background-color: rgba(255, 255, 255, 0.322); - /* border: 1px solid #edc9af; */ padding: 8px; border-radius: 40px; - /* filter: invert(1); */ } /* Media queries */ From 8f5d82c6ff769e8086accddce04cb872b7b340ef Mon Sep 17 00:00:00 2001 From: mohit-bhandari45 Date: Tue, 7 May 2024 22:44:16 +0530 Subject: [PATCH 4/5] fixed the footer of mobile view --- assets/css/style.css | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index aed46c7..daaaada 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -533,7 +533,7 @@ footer { display: flex; flex-direction: column; justify-content: center; - align-items: flex-start; + align-items: center; text-align: left; gap: 25px; } @@ -549,6 +549,7 @@ footer { opacity: 0.7; display: flex; align-items: center; + justify-content: center; } .about .logo { @@ -558,31 +559,31 @@ footer { } .about--address { - font-size: xx-large; + font-size: x-large; width: 50%; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; } .about--contact{ display: flex; - gap: 20px; + gap: 12px; margin-left: 5px; font-family: Arial, Helvetica, sans-serif; - font-weight: 1000; + font-weight: 800; font-size: 16px; } .about--mail{ display: flex; - gap: 20px; + gap: 12px; margin-left: 5px; font-family: Arial, Helvetica, sans-serif; - font-weight: 1000; + font-weight: 800; font-size: 16px; } .social-media-icons { - font-size: 1.8rem; + font-size: 1.5rem; } .icons { @@ -595,16 +596,18 @@ footer { .icons img { height: 1.5rem; width: 1.5rem; - background-color: rgb(255, 255, 255); - padding: 6px; + /* background-color: rgb(255, 255, 255); */ + padding: 8px; border-radius: 40px; + border: 1px solid rgba(128, 128, 128, 0.44); } .about .abouticons { width: 20px; height: 20px; padding-right: 5px; - background-color: rgba(255, 255, 255, 0.322); + border: 1px solid rgba(128, 128, 128, 0.44); + /* background-color: rgba(255, 255, 255, 0.322); */ padding: 8px; border-radius: 40px; } From 706d3d9ec06af3b4e9f01ee9e5feccfa6c8aecbf Mon Sep 17 00:00:00 2001 From: mohit-bhandari45 Date: Sun, 19 May 2024 09:57:28 +0530 Subject: [PATCH 5/5] fixed the ui in mobile --- assets/css/style.css | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/assets/css/style.css b/assets/css/style.css index daaaada..b434419 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -566,7 +566,9 @@ footer { .about--contact{ display: flex; + justify-content: start; gap: 12px; + padding-right: 323px; margin-left: 5px; font-family: Arial, Helvetica, sans-serif; font-weight: 800; @@ -575,7 +577,9 @@ footer { .about--mail{ display: flex; + justify-content: start; gap: 12px; + padding-right: 400px; margin-left: 5px; font-family: Arial, Helvetica, sans-serif; font-weight: 800; @@ -629,6 +633,7 @@ footer { word-break: break-all; padding: 40px 10px; gap: 40px; + width: 98%; } .footer .flex-col { @@ -653,6 +658,28 @@ footer { color: white; } + .about--contact{ + display: flex; + justify-content: start; + gap: 12px; + padding-right: 0px; + margin-left: 5px; + font-family: Arial, Helvetica, sans-serif; + font-weight: 800; + font-size: 16px; + } + + .about--mail{ + display: flex; + justify-content: start; + gap: 12px; + padding-right: 0px; + margin-left: 5px; + font-family: Arial, Helvetica, sans-serif; + font-weight: 800; + font-size: 16px; + } + nav ul { display: none; } @@ -703,3 +730,15 @@ footer { color: #fff; } } + +@media (max-width:644px) { + footer { + display: flex; + justify-content: space-around; + background-color: #22b9a8; + padding: 1rem 0; + font-weight: 600; + width: 100%; + padding: 30px 0px; + } +}