Merge pull request #31 from ikjot-2605/main

Teams page

Author: vsushruth

CNAME

@@ -1 +1 @@
-hackverse.nitk.ac.in
+hackverse.nitk.ac.in

css/styles.css

@@ -750,6 +750,44 @@ body {
   background-image: linear-gradient(180deg, #047cb4 0%, #02867b 100%);
 }
 
+.sticky {
+  position: sticky;
+  top: 0;
+  width: 100%;
+}
+
+.our-speaker-area {
+  align-items: center;
+  justify-content: center; 
+  
+}
+.container_patrons{
+  align-items: center;
+  justify-content: center;
+  background-image:linear-gradient(#81f8ee, #91F6EE);
+}
+.container_adv{
+  align-items: center;
+  justify-content: center;
+  background-image: linear-gradient(#8CDDFB, rgba(10, 235, 216, 0.863));
+}
+.container_fac{
+  align-items: center;
+  justify-content: center;
+  padding-bottom: 10%;
+  background-image: linear-gradient(#23bef9 ,#0ba597);
+}
+.container_student{
+  align-items: center;
+  justify-content: center;
+  background-image: linear-gradient(#047eaf,#09857a);
+}
+
+@keyframes AnimateBG { 
+  0%{background-position:0% 50%}
+  50%{background-position:100% 50%}
+  100%{background-position:0% 50%}
+}
 .section-header-faq {
   text-align: center;
 }
@@ -888,6 +926,43 @@ body {
 a:hover {
   text-decoration: none;
 }
+.topnav {
+  background-color:black;
+  overflow: hidden;
+}
+
+/* Style the links inside the navigation bar */
+.topnav a {
+  float: left;
+  display: block;
+  color: #f2f2f2;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+  font-size: 17px;
+}
+
+/* Change the color of links on hover */
+.topnav a:hover {
+  background-color: #ddd;
+  color: black;
+}
+
+/* Add an active class to highlight the current page */
+.topnav a.active {
+  background-color: #077729;
+  color: white;
+}
+
+/* Hide the link that should open and close the topnav on small screens */
+.topnav .icon {
+  display: none;
+}
+
+.team_page_logo{
+  height: 50.0;
+  width: 50.0;
+}
 
 #sea-creatures {
   width: 15%;
@@ -896,6 +971,13 @@ a:hover {
 .footer-color #sea-creatures {
   width: 30%;
 }
+.page-title {
+  color:rgb(17, 4, 4);
+  font-size: 45px;
+  font-weight: 700; }
+  @media only screen and (max-width: 767px) {
+    .breadcrumb-area .page-title {
+      font-size: 24px; } }
 
 .comm-part {
   text-align: center;
@@ -914,8 +996,78 @@ a:hover {
 
   .footer-color #sea-creatures {
     width: 50%;
-  }
+  }  
 }
+.single-speaker-area {
+  position: relative;;
+  z-index: 1;
+  overflow: hidden;
+  border: none;
+  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif ;
+  border-radius: 10px; 
+  height: 380px;
+  }
+  .single-speaker-area .speaker-single-thumb {
+    position: relative;
+    z-index: 1;
+    border: none;
+    border-radius: 10%;
+   }
+    .single-speaker-area .speaker-single-thumb img {
+      -webkit-transition-duration: 1500ms;
+      -o-transition-duration: 1500ms;
+      transition-duration: 1500ms;
+      width: 100%;
+      -webkit-box-shadow: 0 8px 26px -6px black;
+      -moz-box-shadow: 0 8px 26px -6px black;
+      box-shadow: 0 8px 26px -6px black;   
+      border-radius: 50%;
+      margin-bottom: 80px;
+   }
+  .single-speaker-area .social-info {
+    position: absolute;
+    top: -180px;
+    right: 0;
+    z-index: 22;
+    background-color: #233452;
+    padding: 15px;
+    border-radius: 0 10px 0 10px;
+    text-align: center;
+    -webkit-transition-duration: 800ms;
+    -o-transition-duration: 800ms;
+    transition-duration: 800ms; }
+    .single-speaker-area .social-info a {
+      display: block;
+      font-size: 18px;
+      color: #ffffff;
+      margin-bottom: 5px; }
+      .single-speaker-area .social-info a:last-child {
+        margin-bottom: 0; }
+  .single-speaker-area .speaker-info {
+    position: absolute;
+    padding-top: 90%;
+    bottom: 0px;
+    z-index: 22;
+     }
+
+    .single-speaker-area .speaker-info h5 {
+      font-size: 20px;
+      font-weight: 800;
+      color: rgb(139, 11, 11)		;
+      letter-spacing: 1px;
+      margin-bottom: 0px;
+     }
+    .single-speaker-area .speaker-info p {
+      color:#FBC901;
+      margin-bottom: 0;
+      letter-spacing: 1px;
+      line-height: 1; }
+  .single-speaker-area:hover .social-info, .single-speaker-area:focus .social-info {
+    top: 0; }
+
+  .patron_div{
+    background-color: #87DAF6;
+  }  
 
 #prizes {
   background-image: linear-gradient(180deg, #45c8f9 0%, #2cefde 100%);
@@ -1130,6 +1282,4 @@ a:hover {
 .single-we-offer-content:focus .offer-icon::after {
   width: 800%;
   height: 800%;
-}
-
-/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
+}