Merge branch 'pec---hacks-main-page'

css/style1.css

@@ -46,7 +46,7 @@ a.more {
 }
 
 .custom-navbar {
-	background: #f2c173 !important ;
+	background: var(--BGCOLOR) !important ;
 	padding-top: 20px;
 	padding-bottom: 20px;
 	position: fixed;
@@ -94,7 +94,7 @@ a.more {
 
 .custom-navbar .custom-navbar-nav li a {
 	font-weight: 500;
-	color: black !important;
+	color: #f0f5fa !important;
 	opacity: 0.5;
 	-webkit-transition: 0.3s all ease;
 	-o-transition: 0.3s all ease;
@@ -109,7 +109,7 @@ a.more {
 		bottom: 0;
 		left: 8px;
 		right: 8px;
-		background: #f9bf29;
+		background: #f0f5fa;
 		height: 5px;
 		opacity: 1;
 		visibility: visible;
@@ -604,19 +604,19 @@ input:checked + .clash .description {
 }
 
 .clash[for="c2"] {
-	background-image: url("../img/Domains/ai.jpeg");
+	background-image: url("../img/Domains/ai.jpg");
 }
 
 .clash[for="c3"] {
-	background-image: url("../img/Domains/health care.png");
+	background-image: url("../img/Domains/healthcare.jpg");
 }
 
 .clash[for="c4"] {
 	background-image: url("../img/Domains/socialimpact.jpg");
 }
 
 .clash[for="c5"] {
-	background-image: url("../img/Domains/open.jpg");
+	background-image: url("../img/Domains/schooltrack.png");
 }
 
 .clash[for="c6"] {
@@ -761,7 +761,7 @@ input:checked + .clash .description {
 	font-size: 16px;
 	line-height: 1.5;
 	color: #e1e1e1;
-	margin-bottom: 30px;
+
 }
 
 .cta-btn {

css/style2.css

@@ -62,11 +62,11 @@ h2 {
 }
 
 .back_puw {
-	background-color: #9a9a4a;
+	background-color: #f0f5fa;
 }
 
 .back_timeline {
-	background-color: #9a9a4a;
+	background-color: #f0f5fa;
 }
 
 .back_contact {
@@ -91,11 +91,16 @@ h2 {
 
 .back_about {
 	color: black;
-	font-size: 16px;
+	font-size: 1.4rem;
+	/* justify text */
+	text-align: justify;
+
+
+
 }
 
 .back_about span {
-	font-size: 30px;
+	font-weight: bolder;
 }
 
 .about_img img {
@@ -678,7 +683,7 @@ div .contact_name .name{
     font-weight: 400;
 }
 .heading-shadow {
-    color: hsla(0, 0%, 100%, .16);
+    color: hsla(0, 0%, 100%, 0.16);
     font-style: normal;
     font-size: 16vw;
     line-height: 20.798vw;
@@ -760,7 +765,7 @@ div .contact_name .name{
 	}
 	#hero-sub{
 		font-size: 1.5rem;
-		color: ;
+		color: #fff;
 		line-height: 4vw;
 	}
 	.hero-buttons a{
@@ -968,3 +973,8 @@ div .contact_name .name{
 .contact_name {
     text-align: center; /* Center the text */
 }
+
+
+#light-des{
+	color: #f0f5fa;
+}

index.html

@@ -85,15 +85,15 @@
 				</button>
 
 				<div class="collapse navbar-collapse navi" id="navbarsFurni">
-					<ul class="custom-navbar-nav navbar-nav ms-auto mb-2 mb-md-0">
-						<li class="nav-item active"><a class="nav-link" href="#Home">Home</a></li>
-						<li><a class="nav-link" href="#About">About</a></li>
-						<li><a class="nav-link" href="#Domains">Domains</a></li>
-
-						<li><a class="nav-link" href="#Timeline">Timeline</a></li>
-						<li><a class="nav-link" href="#Prizes">Prizes</a></li>
-						<li><a class="nav-link" href="#Partners">Partners</a></li>
-						<li><a class="nav-link" href="#Contact">Contact</a></li>
+					<ul class="custom-navbar-nav navbar-nav ms-auto mb-2 mb-md-0" id="nav-js">
+						<li class="nav-item"><a class="nav-link" href="#Home">Home</a></li>
+						<li class="nav-item"><a class="nav-link" href="#About">About</a></li>
+						<li class="nav-item"><a class="nav-link" href="#Domains">Domains</a></li>
+
+						<li class="nav-item"><a class="nav-link" href="#Timeline">Timeline</a></li>
+						<li class="nav-item"><a class="nav-link" href="#Prizes">Prizes</a></li>
+						<li class="nav-item"><a class="nav-link" href="#Partners">Sponsors</a></li>
+						<li class="nav-item"><a class="nav-link" href="#FAQ">FAQs</a></li>
 					</ul>
 				</div>
 			</div>
@@ -149,12 +149,12 @@ <h1 class="anton-sc-regular heading-pec" id="heading-pec">PEC HACKS 2.0</h1>
 		<!-- Start of About Section -->
 		<section class="back_about">
 			<div class="container">
-				<div id="About" data-aos="fade-down" data-aos-once="true">
+				<div id="About"  data-aos="fade-down" data-aos-once="true">
 					<!-- HEADING -->
 					 <br>
 					 <br>
 					<div class="heading">
-						<h1 class="heading-shadow">ABOUT</h1>
+						<h1 class="heading-shadow" id="white-back">ABOUT</h1>
 						<h2 class="heading-small">
 							<div style="overflow: hidden"><div style="transform: translateY(0%); will-change: auto">A</div></div>
 							<div style="overflow: hidden"><div style="transform: translateY(0%); will-change: auto">B</div></div>
@@ -175,7 +175,7 @@ <h3>Welcome, Hackers!</h3>
 								organized by <span>Panimalar Engineering College</span>. It is your gateway to a world of possibilities, where passionate
 								individuals like you come together to unleash their creativity, solve real-world challenges, and make a meaningful difference."
 							</p>
-							<!-- <p class="prize-pool">Prize Pool of <span>₹ 20 Lakh+</span></p> -->
+							<p class="prize-pool">Prize Pool of <span>₹ 12.5 Lakh+</span></p>
 						</div>
 						<div class="about_img" data-aos="fade-left" data-aos-once="true">
 							<img src="img/about_img.png" alt="About_Img" />
@@ -184,7 +184,7 @@ <h3>Welcome, Hackers!</h3>
 					<div class="new-section" style="text-align: center; margin-top: 30px;" data-aos="fade-right" data-aos-once="true"000000000000000000000000000000000000000000000>
 						<img src="img/pec-logo.png" alt="Organized_By" style="max-width: 100%; height: auto;" />
 						<div class="con" data-aos="fade-up" data-aos-once="true">
-							<p style="margin-top: 15px; font-size: 40px;">
+							<p style="margin-top: 15px; font-size: 20px;">
 								Organized by <span class="org">Panimalar Engineering College</span>
 							</p>
 						</div>
@@ -228,7 +228,7 @@ <h2 class="heading-small">
 									<div class="glimpse_flip-card">
 										<div class="glimpse_flip-card-inner">
 											<div class="glimpse_flip-card-front">
-												<img src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Gallery/24.jpg?updatedAt=1724386468028" alt="Avatar" />
+												<img src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Gallery/5.jpg?updatedAt=1724386470255" alt="Avatar" />
 											</div>
 											<div class="glimpse_flip-card-back">
 												<img src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Gallery/9.jpg?updatedAt=1724386472569" alt="Avatar" />
@@ -304,7 +304,7 @@ <h2 class="heading-small">
 									<div class="glimpse_flip-card glimps_RowTwosecondCard">
 										<div class="glimpse_flip-card-inner">
 											<div class="glimpse_flip-card-front">
-												<img src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Gallery/20.jpg?updatedAt=1724386465246" alt="Avatar" />
+												<img src="img/8.webp" alt="Avatar" />
 											</div>
 											<div class="glimpse_flip-card-back">
 												<img src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Gallery/21.jpg?updatedAt=1724386467720" alt="Avatar" />
@@ -380,7 +380,7 @@ <h2 class="heading-small">
 									<div class="glimpse_flip-card remove">
 										<div class="glimpse_flip-card-inner">
 											<div class="glimpse_flip-card-front">
-												<img src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Gallery/1.jpg?updatedAt=1724386498446" alt="Avatar" />
+												<img src="img/8.webp" alt="Avatar" />
 											</div>
 											<div class="glimpse_flip-card-back">
 												<img src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Gallery/10.jpg?updatedAt=1724386499606" alt="Avatar" />
@@ -407,7 +407,7 @@ <h2 class="heading-small">
 				<div class="heading">
 					<!-- HEADING -->
 					<h1 class="heading-shadow">DOMAINS</h1>
-					<h2 class="heading-small">
+					<h2 class="heading-small" style="color: #ffffff;">
 						<div style="overflow: hidden"><div style="transform: translateY(0%); will-change: auto">D</div></div>
 						<div style="overflow: hidden"><div style="transform: translateY(0%); will-change: auto">O</div></div>
 						<div style="overflow: hidden"><div style="transform: translateY(0%); will-change: auto">M</div></div>
@@ -484,7 +484,7 @@ <h4>Open Track</h4>
 
 		<!-- Start of Timeline	 -->
 		<section id="Timeline" class="whole back_timeline">
-			<img class="big" src="img/mob.png" alt="Timeline" />
+			<img class="big" src="img/timeline.png" alt="Timeline" />
 			<img class="small" src="img/big.png" alt="Timeline" />
 		</section>
 		<!-- End of Timeline -->
@@ -511,33 +511,41 @@ <h2 class="heading-small">
 				<div class="award-container">
 					<div class="first-row">
 						<div class="award-box">
-							<img class="winners" src="img/Prices/prices.jpg" alt="First Prize Winner" />
+							<img class="winners" src="img/Prices/1.jpeg" alt="First Prize Winner" />
 							<div class="award-content">
 								<h3>First Prize</h3>
 								<p>Cash Prize of INR 60,000+</p>
 							</div>
 						</div>
-					</div>
-					<div class="second-row">
 						<div class="award-box">
-							<img class="winners" src="img/Prices/sec.jpg" alt="Second Prize Winner" />
+							<img class="winners" src="img/Prices/2.jpeg" alt="Second Prize Winner" />
 							<div class="award-content">
 								<h3>Second Prize</h3>
-								<p>Cash Prize of INR 50,000+</p>
+								<p>Cash Prize of INR 30,000+</p>
 							</div>
 						</div>
+					</div>
+					<div class="second-row">
+
 						<div class="award-box">
-							<img class="winners" src="img/Prices/third.jpg" alt="Third Prize Winner" />
+							<img class="winners" src="img/Prices/3.jpeg" alt="Third Prize Winner" />
 							<div class="award-content">
 								<h3>Third Prize</h3>
-								<p>Cash Prize of INR 40,000+</p>
+								<p>Cash Prize of INR 15,000+</p>
 							</div>
 						</div>
 						<div class="award-box">
 							<img class="winners" src="img/Prices/school.jpg" alt="School Prize Winner" />
 							<div class="award-content">
-								<h3>School Prize</h3>
-								<p>Cash Prize of INR 30,000+</p>
+								<h3>High School Prize</h3>
+								<p>Cash Prize of INR 10,000+</p>
+							</div>
+						</div>
+						<div class="award-box">
+							<img class="winners" src="img/Prices/school.jpg" alt="School Prize Winner" />
+							<div class="award-content">
+								<h3>Best All Girls Team Prize</h3>
+								<p>Cash Prize of INR 15,000+</p>
 							</div>
 						</div>
 					</div>
@@ -552,8 +560,8 @@ <h3>School Prize</h3>
 				<br />
 				<!-- HEADING -->
 				<div class="heading">
-					<h1 class="heading-shadow">SPONSORS</h1>
-					<h2 class="heading-small">
+					<h1 class="heading-shadow" >SPONSORS</h1>
+					<h2 class="heading-small" style="color: #ffffff;">
 						<div style="overflow: hidden"><div style="transform: translateY(0%); will-change: auto">S</div></div>
 						<div style="overflow: hidden"><div style="transform: translateY(0%); will-change: auto">P</div></div>
 						<div style="overflow: hidden"><div style="transform: translateY(0%); will-change: auto">O</div></div>
@@ -568,18 +576,29 @@ <h2 class="heading-small">
 
 				<div class="sponsers">
 					<br />
-					<pre><h2><b>Gold Sponsors</b></h2></pre>
+					<pre><h2><b id="light-des">Gold Sponsors</b></h2></pre>
 					<div class="gold">
 						<img class="hvr-float-shadow" src="img/devfolio.png" alt="DEVFOLIO LOGO" />
 						<img class="hvr-float-shadow" src="img/polygon.png" alt="POLYGON LOGO" />
 						<img class="hvr-float-shadow" src="imag/image/ethindia.png" alt="ETHINDIA LOGO" />
 					</div>
 				</div>
 				<br />
-				<pre><h2><b>Silver Sponsors</b></h2></pre>
+				<pre><h2><b id="light-des">Silver Sponsors</b></h2></pre>
 				<div class="gold silver">
 					<img class="hvr-float-shadow" src="img/sponsors/github.jpg" alt="Silver_Sponse" />
 				</div>
+				<pre><h2><b id="light-des">Bronze Sponsors</b></h2></pre>
+					<div class="gold">
+						<img class="hvr-float-shadow" src="img/sponsors/niia.png" alt="DEVFOLIO LOGO" />
+						<img class="hvr-float-shadow" src="img/sponsors/axure.png" alt="POLYGON LOGO" />
+						<img class="hvr-float-shadow" src="img/sponsors/flatlogic.png" alt="ETHINDIA LOGO" />
+					</div>
+					<br>
+					<div class="gold">
+						<img class="hvr-float-shadow" src="img/sponsors/balsamiq.png" alt="ETHINDIA LOGO" />
+					</div>
+					<br />
 			</div>
 		</section>
 		<!-- End of Sponsors Section -->
@@ -600,45 +619,47 @@ <h3 class="non-selectable">WANT TO PARTNER WITH US?</h3>
 						<br />
 						<div class="puw-btn">
 							<a class="cta-btn sponsor-brochure" href="assets/PEC Hacks 2.0 - Sponsor Deck.pdf">View Brochure</a>
-							<span> | </span>
-							<a class="cta-btn contact-cta" href="#contact">Contact Us</a>
+							<!-- <span> | </span>
+							<a class="cta-btn contact-cta" href="#Contact">Contact Us</a> -->
 						</div>
 					</div>
 				</div>
 			</div>
 		</section>
 		<!-- End of partner with us -->
 
-		<div class="row aos-init mb-4" data-aos="none">
-			<div class="col-lg-6 col-md-6 d-flex justify-content-center align-items-center flex-column contact-container">
-				<i class="bx bx-envelope icon-style"></i>
-				<h3 class="contact-title">Email Us</h3>
-				<p class="contact-detail"><b>[email protected]</b></p>
-			</div>
-
-			<div class="col-lg-6 col-md-6 d-flex justify-content-center align-items-center flex-column contact-container">
-				<i class="bx bx-phone-call icon-style"></i>
-				<h3 class="contact-title">Call Us</h3>
-				<div class="contact_name">
-					<p class="name contact-detail">
-						<b>Ajay Raj</b> <br>
-						<b>+91 88254 17048</b> <br />
-					</p>
-					<p class="name contact-detail">
-						<b>Dilip V</b> <br>
-						<b>+91 99946 45361</b> <br />
-					</p>
+			<div class="row aos-init mb-4" data-aos="none">
+				<div class="col-lg-6 col-md-6 d-flex justify-content-center align-items-center flex-column contact-container">
+					<i class="bx bx-envelope icon-style"></i>
+					<h3 class="contact-title">Email Us</h3>
+					<p class="contact-detail"><b>[email protected]</b></p>
+				</div>
+
+				<div class="col-lg-6 col-md-6 d-flex justify-content-center align-items-center flex-column contact-container">
+					<i class="bx bx-phone-call icon-style"></i>
+					<h3 class="contact-title">Call Us</h3>
+					<div class="contact_name">
+						<p class="name contact-detail">
+							<b>Ajay Raj</b> <br>
+							<b>+91 88254 17048</b> <br />
+						</p>
+						<p class="name contact-detail">
+							<b>Dilip V</b> <br>
+							<b>+91 99946 45361</b> <br />
+						</p>
+					</div>
 				</div>
 			</div>
-		</div>
+
+
 
 
 
 
 		<!-- End of Contact us -->
 
 		<!-- Start of FAQ's Section -->
-		<section class="bsb-faq-2 py-3 py-md-5 py-xl-8 back_faq">
+		<section id="FAQ" class="bsb-faq-2 py-3 py-md-5 py-xl-8 back_faq">
 			<div data-aos="fade-down" data-aos-once="true">
 				<br />
 				<pre><h2 id="faq-head"><b>Frequently Asked Questions</b></h2></pre>