Merge pull request #16 from Gourab2005/Gourab_Das

Implementing Icons Instead of Pictures in Social Media Options
Jagroop2001 · Mar 9, 2024 · 6c1ab43 · 6c1ab43
2 parents f2b3fab + 0815f3e
commit 6c1ab43
Show file tree

Hide file tree

Showing 5 changed files with 302 additions and 319 deletions.
diff --git a/images/Facebook.png b/images/Facebook.png
diff --git a/images/LinkedIn.png b/images/LinkedIn.png
diff --git a/images/Twitter.png b/images/Twitter.png
diff --git a/index.css b/index.css
@@ -8,18 +8,22 @@ body {
 html {
   height: 100%;
 }
+
 .jumbotron-style {
   background-color: #1b3764;
 }
+
 .bg-light {
   background-color: none !important;
 }
 
-.social-link-style {
-  height: 2.2rem;
-  width: 2.2rem;
+/* Styling for navbar social-media icons starts */
+.nav-link i {
+  margin-top: 0.5rem;
+  font-size: 2rem;
 }
 
+/* Styling for navbar social-media icons ends */
 button.btn.btn-warning.px-4 {
   border-radius: 0;
 }
@@ -84,6 +88,7 @@ button.navbar-toggler.navbar-hamburger-style {
 .vertical-line {
   border-right: 1px solid #ffca42;
 }
+
 .neglect-css p {
   margin: 0;
   padding: 0;
@@ -92,6 +97,7 @@ button.navbar-toggler.navbar-hamburger-style {
 button.btn.btn-outline-warning.get-book-now-style.btn-lg {
   border-radius: 0px;
 }
+
 .col-md-5.card {
   margin-right: 2rem;
 }
@@ -108,3 +114,51 @@ p.footer-text-style {
   font-weight: 500;
   align-self: end;
 }
+
+.fixed-nav {
+  background-color: #1b3764;
+  position: fixed;
+  max-width: 100vw !important;
+  --bs-gutter-x: 14rem;
+}
+.my-5 {
+  margin-top: 0rem !important;
+  margin-bottom: 0vh !important;
+}
+.h-50 {
+  height: 110% !important;
+}
+.container-fullscreen {
+  height: 100vh;
+  align-items: center;
+  margin-top: 100vh;
+}
+.forefrontpage-img {
+  display: flex;
+  align-items: center;
+}
+@media(max-width:992px) {
+  .fixed-nav {
+    --bs-gutter-x: 1rem !important;
+  }
+
+  .my-5 {
+    margin-top: 0rem !important;
+    margin-bottom: 2vh !important;
+  }
+
+  .forefrontpage-img {
+    display: grid !important;
+  }
+
+  .h-50 {
+    height: 75vh !important;
+  }
+
+}
+@media(max-width:767px) {
+  .my-5 {
+    margin-top: 0rem !important;
+    margin-bottom: 80vh !important;
+  }
+}