From 8cd94b2da20705657b94d494d4068bc239052003 Mon Sep 17 00:00:00 2001 From: RitiChandak <96969496+RitiChandak@users.noreply.github.com> Date: Mon, 7 Aug 2023 15:38:44 +0530 Subject: [PATCH] chapter page improved --- assets/css/chapter.css | 187 ++----------------- chapters/chapter.html | 403 +++++++++++++++++++---------------------- 2 files changed, 202 insertions(+), 388 deletions(-) diff --git a/assets/css/chapter.css b/assets/css/chapter.css index ac0b0fed..3e948c25 100644 --- 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; } @@ -213,45 +182,6 @@ 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; @@ -259,78 +189,6 @@ a:hover { } } -#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, @@ -380,11 +238,7 @@ body { } .card-title a { - color: white; -} - -.card-title a:hover { - color: #009ffd; + color: white !important; } .card-text { @@ -406,11 +260,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 { @@ -440,6 +289,10 @@ body { } @media (min-width: 35em) { + .card img { + width: 100% !important; + height: 100% !important; + } .card-title, .card-text { text-align: center !important; @@ -450,12 +303,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; -} \ No newline at end of file +}} \ No newline at end of file diff --git a/chapters/chapter.html b/chapters/chapter.html index c7fe972b..c856948b 100644 --- a/chapters/chapter.html +++ b/chapters/chapter.html @@ -1,71 +1,97 @@ + + + + + OS-CODE | Chapters + + + + + + + + + + + + + + + + + + + + + + + + - - - - - OS-CODE | Chapters - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
- -
-
    + + -
    -
    -
    -
    - - -
    - -
    -
    -
    - -
    -

    College Chapters

    - -
    - + + + +
    +
    +
    +
    +
      - - - - - - + +
      + +
      +
      +
      +
      +

      College Chapters

      +
      -
      --> @@ -766,4 +727,4 @@

      Community

      // }); - + \ No newline at end of file