changed to fit pechacks

thecoding-society · Jul 16, 2024 · 727deea · 727deea
1 parent 9e950b7
commit 727deea
Show file tree

Hide file tree

Showing 3 changed files with 58 additions and 22 deletions.
diff --git a/css/main.css b/css/main.css
@@ -132,6 +132,17 @@ Primary use:
   }
 }
 
+.dis{
+  /* disable highlight and drag */
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Safari */
+  -khtml-user-select: none; /* Konqueror HTML */
+  -moz-user-select: none; /* Old versions of Firefox */
+  -ms-user-select: none; /* Internet Explorer/Edge */
+  user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
+
+
+}
 
 /*//////////////////////////////////////////////////////////////////
 [ Simple slide100 ]*/
@@ -208,6 +219,15 @@ Primary use:
   line-height: 1.1;
 }
 
+.l1-txt3 {
+  font-family: "Macondo Swash Caps", cursive;
+  font-weight: 400;
+  font-style: normal;
+
+  font-size: 40px;
+  color: #fff;
+  line-height: 1.1;
+}
 
 /*==================================================================
    SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE
@@ -522,6 +542,11 @@ Primary use:
    .respon1 {
     font-size: 80px;
   }
+
+  .l1-txt3{
+    font-size: 30px;
+
+  }
 
 }
 

diff --git a/images/icons/logo.png b/images/icons/logo.png
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-	<title>Coming Soon 13</title>
+	<title>PEC HACKS 2.0</title>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 <!--===============================================================================================-->	
@@ -20,25 +20,33 @@
 	<link rel="stylesheet" type="text/css" href="css/util.css">
 	<link rel="stylesheet" type="text/css" href="css/main.css">
 <!--===============================================================================================-->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Macondo+Swash+Caps&display=swap" rel="stylesheet">
+
 </head>
 <body>
 
 	<!--  -->
 	<div class="simpleslide100">
-		<div class="simpleslide100-item bg-img1" style="background-image: url('images/bg01.jpg');"></div>
-		<div class="simpleslide100-item bg-img1" style="background-image: url('images/bg02.jpg');"></div>
+		<!-- <div class="simpleslide100-item bg-img1" style="background-image: url('images/bg01.jpg');"></div> -->
+		<!-- <div class="simpleslide100-item bg-img1" style="background-image: url('images/bg02.jpg');"></div> -->
 		<div class="simpleslide100-item bg-img1" style="background-image: url('images/bg03.jpg');"></div>
-		<div class="simpleslide100-item bg-img1" style="background-image: url('images/bg04.jpg');"></div>
+		<!-- <div class="simpleslide100-item bg-img1" style="background-image: url('images/bg04.jpg');"></div> -->
 	</div>
 
 	<div class="flex-col-c-sb size1 overlay1 p-l-75 p-r-75 p-t-20 p-b-40 p-lr-15-sm">
 		<!--  -->
-		<div class="w-full flex-w flex-sb-m">
-			<div class="wrappic1 m-r-30 m-t-10 m-b-10">
-				<a href="#"><img src="images/icons/logo.png" alt="LOGO"></a>
+		<div class="w-full flex-w flex-sb-m dis">
+			<div class="wrappic1 m-r-30 m-l-30 m-t-10 m-b-10">
+				<div class="wrappic1 m-r-30 m-l-30 m-t-10 m-b-10">
+					<a href="#" style="display: flex; justify-content: center;">
+						<img src="images/icons/logo.png" alt="LOGO" width="380px">
+					</a>
+				</div>
 			</div>
 
-			<div class="flex-w cd100 p-t-15 p-b-15 p-r-36">
+			<!-- <div class="flex-w cd100 p-t-15 p-b-15 p-r-36">
 				<div class="flex-w flex-b m-r-22 m-t-8 m-b-8">
 					<span class="l1-txt1 wsize1 days">35</span>
 					<span class="m1-txt1 p-b-2">Days</span>
@@ -58,53 +66,56 @@
 					<span class="l1-txt1 wsize1 seconds">39</span>
 					<span class="m1-txt1 p-b-2">Sec</span>
 				</div>
-			</div>
+			</div> -->
 
-			<div class="m-t-10 m-b-10">
+			<!-- <div class="m-t-10 m-b-10">
 				<a href="#" class="size2 s1-txt1 flex-c-m how-btn1 trans-04">
 					Sign Up
 				</a>
-			</div>
+			</div> -->
 		</div>
 
 		<!--  -->
 		<div class="flex-col-c-m p-l-15 p-r-15 p-t-80 p-b-90">
-			<h3 class="l1-txt2 txt-center p-b-55 respon1">
+			<h3 class="l1-txt2 txt-center p-b-55 respon1 dis" >
 				Coming Soon
 			</h3>
+			<h3 class="l1-txt3 txt-center p-b-55 dis" >
+				Forging the Future
+			</h3>
 
-			<div>
+			<!-- <div>
 				<button class="how-btn-play1 flex-c-m">
 					<i class="zmdi zmdi-play"></i>
 				</button>
-			</div>
+			</div> -->
 		</div>
 
 		<div class="flex-sb-m flex-w w-full">
 			<!--  -->
 			<div class="flex-w flex-c-m m-t-10 m-b-10">
-				<a href="#" class="size3 flex-c-m how-social trans-04 m-r-3 m-l-3 m-b-3 m-t-3">
-					<i class="fa fa-facebook"></i>
+				<a href="https://www.linkedin.com/company/pec-hacks" class="size3 flex-c-m how-social trans-04 m-r-3 m-l-3 m-b-3 m-t-3">
+					<i class="fa fa-linkedin"></i>
 				</a>
 
-				<a href="#" class="size3 flex-c-m how-social trans-04 m-r-3 m-l-3 m-b-3 m-t-3">
-					<i class="fa fa-twitter"></i>
+				<a href="https://chat.whatsapp.com/CG3ni2opMFPGZTDiG45kP0" class="size3 flex-c-m how-social trans-04 m-r-3 m-l-3 m-b-3 m-t-3">
+					<i class="fa fa-whatsapp"></i>
 				</a>
 
-				<a href="#" class="size3 flex-c-m how-social trans-04 m-r-3 m-l-3 m-b-3 m-t-3">
-					<i class="fa fa-youtube-play"></i>
+				<a href="https://www.instagram.com/pechacks/" class="size3 flex-c-m how-social trans-04 m-r-3 m-l-3 m-b-3 m-t-3">
+					<i class="fa fa-instagram"></i>
 				</a>
 			</div>
 
-			<form class="contact100-form validate-form m-t-10 m-b-10">
+			<!-- <form class="contact100-form validate-form m-t-10 m-b-10">
 				<div class="wrap-input100 validate-input m-lr-auto-lg" data-validate = "Email is required: [email protected]">
 					<input class="s2-txt1 placeholder0 input100 trans-04" type="text" name="email" placeholder="Email Address">
 
 					<button class="flex-c-m ab-t-r size4 s1-txt1 hov1">
 						<i class="zmdi zmdi-long-arrow-right fs-16 cl1 trans-04"></i>
 					</button>
 				</div>		
-			</form>
+			</form> -->
 		</div>
 	</div>