Merge pull request #14 from agastya3636/main

fix navbar and team page
Amitanand983 · May 20, 2024 · 2659ddb · 2659ddb
2 parents e86e125 + be6d788
commit 2659ddb
Show file tree

Hide file tree

Showing 8 changed files with 229 additions and 1,302 deletions.
diff --git a/contact.html b/contact.html
@@ -145,10 +145,7 @@
 		<div class="row">
 			<div class="col-md-12">
 				<h2>Contact Us</h2>
-				<ol class="breadcrumb header-bradcrumb justify-content-center">
-					<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
-					<li class="breadcrumb-item active" aria-current="page">Contact Us</li>
-				</ol>
+
 			</div>
 		</div>
 	</div>

diff --git a/css/style.css b/css/style.css
@@ -2023,50 +2023,83 @@ h2{
   margin-left: 0px;
 }
 
-.img-wrapper {
-  width: 10rem;
-  height: 10rem;
-}
-.img-wrapper img{
-  border-radius: 50%;
-  height: 10rem;
-  width: 10rem;
-  /* padding:4rem; */
-  /* border:2px solid rgb(0, 135, 177); */
-  margin: 1rem 1rem;
-  /* box-shadow: 0px 0px 4px 10px rgba(40, 38, 38, 0.3); */
+.team-card-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 10px;
+  width: 280px;
+  margin: 0 0 40px 0;
 }
 
 .team-card {
   display: flex;
   flex-direction: column;
   align-items: center;
-  border: 2px solid rgb(0, 135, 177);
+  border: 2px solid #ddd;
   border-radius: 1rem;
-  margin: 0px 1rem;
-  padding: 1rem;
+  margin: auto;
+  padding: 10px;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  max-width: 400px;
   box-sizing: border-box;
-  height: 25rem;
-  width: 18vw;
-  justify-content: space-evenly;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }
 
-.Chief-Patron{
-  border: 2px solid rgb(0, 135, 177);
+.img-wrapper {
+  width: 100%;
+  overflow: hidden;
+  margin-bottom: 10px; /* Adjust as needed */
+}
+
+.img-wrapper img {
+  border-radius: 50%;
+  width: 100%;
+  height: 300px;
+  display: block;
+}
+
+.text-blk {
+  font-size: 1.2em;
+  margin: 10px 0;
+}
+
+.position {
+  font-size: 1em;
+  color: #666;
+  margin: 10px 0;
+  margin-top: auto; /* Push to bottom */
+}
+
+.team-card a {
+  display: inline-block;
+  margin-top: 10px;
+  text-decoration: none;
+  color: #007bff;
+  margin-top: auto; /* Push to bottom */
+}
+
+.team-card a:hover {
+  text-decoration: underline;
+}
+
+.Chief-Patron {
+  border: 2px solid #ddd;
   border-radius: 1rem;
-  width: 50vw;
+  width: 80%; /* Adjusted width for better responsiveness */
+  max-width: 600px; /* Limiting maximum width for larger screens */
   display: flex;
   flex-direction: column;
   align-items: center;
-  border: 2px solid rgb(0, 135, 177);
-  border-radius: 1rem;
-  margin: 0px 1rem;
+  margin: 0 auto; /* Center the container horizontally */
   padding: 1rem;
   box-sizing: border-box;
-  height: 25rem;
-
+  height: auto; /* Allowing height to adjust based on content */
 }
-.team-card-head{
+
+.team-card-head {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -2085,44 +2118,34 @@ h2{
   display: flex;
   justify-content: center;
 }
-.social-media-links i{
+
+.social-media-links i {
   margin: 1rem;
   height: 1rem;
   width: 1rem;
 }
 
-
 .name {
   font-size: 25px;
   font-weight: 700;
   color: rgb(102, 102, 102);
   margin-top: 2rem;
-  margin-right: 0px;
   margin-bottom: 5px;
-  margin-left: 0px;
   text-align: center;
 }
 
 .position {
-  font-size: 25px;
-  font-weight: 700;
+  font-size: 20px;
+  font-weight: 50;
   color: rgb(0, 135, 177);
-  margin-top: 0px;
-  margin-right: 0px;
   margin-bottom: 1rem;
-  margin-left: 0px;
 }
 
 .team-img {
   width: 100%;
   height: 100%;
 }
 
-.team-card-container {
-  width: 280px;
-  margin: 0 0 40px 0;
-}
-
 /*=================================================================
   Our Teams responsive css section experimental
 ==================================================================*/

diff --git a/registration.html b/registration.html
@@ -149,10 +149,6 @@
 		<div class="row">
 			<div class="col-md-12">
 				<h2>Registration</h2>
-				<ol class="breadcrumb header-bradcrumb justify-content-center">
-					<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
-					<li class="breadcrumb-item active" aria-current="page">Registration</li>
-				</ol>
 			</div>
 		</div>
 	</div>

diff --git a/schedule.html b/schedule.html
@@ -147,10 +147,6 @@
 		<div class="row">
 			<div class="col-md-12">
 				<h2>Schedule</h2>
-				<ol class="breadcrumb header-bradcrumb justify-content-center">
-					<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
-					<li class="breadcrumb-item active" aria-current="page">Schedule</li>
-				</ol>
 			</div>
 		</div>
 	</div>

diff --git a/souvenir.html b/souvenir.html
@@ -150,10 +150,6 @@
 		<div class="row">
 			<div class="col-md-12">
 				<h2>Souvenir</h2>
-				<ol class="breadcrumb header-bradcrumb justify-content-center">
-					<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
-					<li class="breadcrumb-item active" aria-current="page">Souvenir</li>
-				</ol>
 			</div>
 		</div>
 	</div>

diff --git a/sponser-form.html b/sponser-form.html
@@ -149,10 +149,7 @@
 		<div class="row">
 			<div class="col-md-12">
 				<h2>Sponser</h2>
-				<ol class="breadcrumb header-bradcrumb justify-content-center">
-					<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
-					<li class="breadcrumb-item active" aria-current="page">Become a Sponsers</li>
-				</ol>
+
 			</div>
 		</div>
 	</div>

diff --git a/submission.html b/submission.html
@@ -147,10 +147,7 @@
 		<div class="row">
 			<div class="col-md-12">
 				<h2>Submissions</h2>
-				<ol class="breadcrumb header-bradcrumb justify-content-center">
-					<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
-					<li class="breadcrumb-item active" aria-current="page">Submissions</li>
-				</ol>
+
 			</div>
 		</div>
 	</div>