Merge pull request OSCode-Community#1615 from RitiChandak/master

chapter page improved
RitiChandak · Aug 10, 2023 · d36fa8e · d36fa8e
2 parents c75280c + 5d514b6
commit d36fa8e
Show file tree

Hide file tree

Showing 2 changed files with 206 additions and 309 deletions.
diff --git a/assets/css/chapter.css b/assets/css/chapter.css
@@ -4,26 +4,16 @@
                     url("/assets/img/background/peopleImg.webp");
   padding: unset;
   height: 400px;
-  padding: 100px 0 50px 0;
+  padding-top: 100px;
+  padding-bottom: 50px;
   justify-content: center;
 }
-.navbar-mobile {
-  position: fixed;
-  overflow: hidden;
-  top: 70px;
-  right: -22px;
-  left: 0;
-  bottom: 0;
-  background: var(--navbar-mobile-background-color);
-  transition: 0.3s;
-  z-index: 999;
-}
+
 #about {
   background: center/cover url("/assets/img/background/s3.webp");
 }
 
-.row {
-  margin-top: 20px;
+
 
 .hidden {
   opacity: 0;
@@ -60,39 +50,18 @@
   padding: 0;
   text-transform: uppercase;
   position: relative;
-  color: #c8c3d1;
-}
-
-.us:before {
-  content: "College_Chapters";
-  position: absolute;
-  color: #262626;
-  top: 0;
-  left: 0;
-  width: 0%;
-  overflow: hidden;
-  transition: all 01s;
-}
-
-.us:hover:before {
-  width: 100%;
+  color: #3a1383;
+  text-align: center;
+  align-items: center;
 }
 
-@media only screen and (max-width: 800px) {
-  .us {
-    word-break: break-all;
-  }
-
-  .us:before {
-    width: 100%;
-    transition: none;
-  }
-
-  .us:hover:before {
-    width: 0;
-
+.quotee {
+  color: #040008;
+  font-size: 25px;
+  margin-top: -50px;
+  font-family: cursive;
+  font-weight: 500;
 }
-
 #faq {
   background-image: none;
 }
@@ -218,124 +187,13 @@ a:hover {
 }
 
 @media screen and (max-width: 600px) {
-
-  /* input {
-        width: 250px;
-        height: 30px;
-      }
-
-      button {
-        height: 30px;
-        width: 30px;
-      } */
-
-    #results {
-      margin-left: 10px;
-      max-width: 350px;
-      max-height: 200px;
-    }
-  }
-  @keyframes rainbow {
-    0% {
-    background-position: 0% 50%;
-    }
-    100% {
-    background-position: 100% 50%;
-    }
-    }
-    .rainbow-text {
-    /* background-image: linear-gradient(to right,blue, purple, indigo ); */
-    background-image: linear-gradient(43deg, #21beee, #ee21d9 46%, #ee2121);
-    background-size: 200% auto;
-    animation: rainbow 3s linear infinite;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    transition: background-position 0.3s ease;
-    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25);
-    }
-    .rainbow-text:hover {
-    animation-play-state: paused;
-    font-size: 1.2em;
-    }
   #results {
     margin-left: 10px;
     max-width: 350px;
     max-height: 200px;
   }
 }
 
-#boxx {
-  display: block;
-
-}
-
-#one,
-#two,
-#three {
-  display: flex;
-  justify-content: center;
-}
-
-.image-card {
-  width: fit-content;
-  margin: 10px;
-  border: #000 solid 1px;
-}
-
-.instituteImages {
-  width: 381.58px;
-  height: 200px;
-}
-
-.heading {
-  background-image: linear-gradient(43deg, #21beee, #ee21d9 46%, #ee2121);
-  -webkit-animation: home_btn__VDNR5 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-  animation: home_btn__VDNR5 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-  /* -webkit-background-clip: text; */
-  /* -webkit-text-fill-color: transparent; */
-  width: 381.58px;
-  text-align: center;
-}
-
-.heading a {
-  font-weight: bold;
-  font-size: 30px;
-  color: white;
-  padding: 10px 5px;
-}
-
-/* hover */
-.image-card:hover {
-  box-shadow: 0 0 10px #5942e9;
-  z-index: 1;
-}
-
-.image-card:hover {
-  transform: scale(1.1);
-}
-
-@media (max-width: 768px) {
-
-  /* *, ::after, ::before {
-    box-sizing: border-box;
-    width: inherit; */
-  #header {
-    width: 100vw;
-    overflow-x: hidden;
-
-  }
-
-  .instituteImages,
-  .heading {
-    width: 100%;
-  }
-
-  #one,
-  #two,
-  #three {
-    display: block;
-  }
-}
 body {
   font-family:
     Varela Round,
@@ -388,11 +246,7 @@ body {
 }
 
 .card-title a {
-  color: white;
-}
-
-.card-title a:hover {
-  color: #009ffd;
+  color: white !important;
 }
 
 .card-text {
@@ -414,11 +268,6 @@ body {
     rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
   height: 150px;
   box-sizing: border-box;
-  transition: transform 0.5s ease;
-}
-
-.img-fluid:hover{
-  transform: scale(1.1);
 }
 
 .row {
@@ -448,6 +297,10 @@ body {
 }
 
 @media (min-width: 35em) {
+  .card img {
+    width: 100% !important;
+    height: 100% !important;
+  }
   .card-title,
   .card-text {
     text-align: center !important;
@@ -458,12 +311,12 @@ body {
   .card > div > div {
     height: unset;
   }
-}
 
+
 #footer .footer-top h4 {
   font-size: 16px;
   font-weight: bold;
   position: relative;
   padding-bottom: 12px;
   margin-right: 150px;
-}
+}}