From c6727ff887bf263edd047da3ae9e6a77ed036bb4 Mon Sep 17 00:00:00 2001 From: Druv Date: Thu, 29 Jun 2023 10:55:02 +0530 Subject: [PATCH] Fix: issue#885, changed the footer according to that of the index page --- Divine_page/story.css | 93 +++++++++++++++++++++++++++++++++++++++++- Divine_page/story.html | 59 +++++++++++++++++---------- 2 files changed, 129 insertions(+), 23 deletions(-) diff --git a/Divine_page/story.css b/Divine_page/story.css index 1c1c57cc..a11fd9f9 100644 --- a/Divine_page/story.css +++ b/Divine_page/story.css @@ -1,3 +1,6 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap'); + + * { box-sizing: border-box; text-decoration: none; @@ -8,7 +11,7 @@ body { background-repeat: no-repeat !important; background-attachment: fixed !important; background-size: cover !important; - + } /* Styling for the quiz form */ @@ -123,6 +126,7 @@ body { border-radius: 10px; } + .new-header { text-align: center; margin-top: 50px; @@ -151,7 +155,7 @@ body { .bottom { display: flex; justify-content: center; - gap:35px; + gap: 35px; flex-wrap: wrap; } @@ -206,3 +210,88 @@ body { object-fit: cover; } +/* Footer Section */ + +.footer { + width: 100vw; + height: 100%; + margin-top: 30px; + background-color: transparent; + + border-top: 3px solid black; + +} + +.footer__section1 { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-bottom: 10px; +} + + +.footer__section1 img { + margin-top: 20px; + width: 9rem; + object-fit: contain; + border-radius: 50%; + margin-bottom: 10px; +} + +.footer__section1 p { + text-align: center; + font-size: 18px; +} + +.footer__section2 { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + +} + +.footer__section2-pages { + display: flex; + align-items: center; + justify-content: center; + gap: 30px; + margin-bottom: 10px; +} + +.footer__section2-pages a { + color: black; + text-decoration: none; + font-size: 18px; + font-weight: 800; + font-family: 'Montserrat', sans-serif; +} + + +.footer__section2-logos { + display: flex; + align-items: center; + justify-content: center; + gap: 20px; + margin-bottom: 10px; +} + +.footer__section2-logos a { + color: #000; +} + +.footer__section2-madeby { + + margin-bottom: 5px; +} + +.footer__section2-copyright { + + text-align: center; + padding-bottom: 10px; + font-weight: 700; + font-size: 13px; + + margin-bottom: 20px; +} \ No newline at end of file diff --git a/Divine_page/story.html b/Divine_page/story.html index a03a5ed5..b8301625 100644 --- a/Divine_page/story.html +++ b/Divine_page/story.html @@ -22,7 +22,7 @@ - +
@@ -167,31 +167,48 @@

Bhagwadgita Trivia

-
-
-