Revert "Edited Hero"

This reverts commit d975b7c.

archive/css/style.css

@@ -21,7 +21,7 @@ nav {
 
 nav .logo-container {
     margin-right: auto; /* Set margin-right to auto to push the nav links to the right */
-    margin-left: 60px;
+    margin-left: 20px;
 }
 
 nav .logo-container img {
@@ -32,7 +32,7 @@ nav .nav-links {
     display: flex;
     justify-content: flex-end;
     align-items: center;
-    margin-right: 60px;
+    margin-right: 20px;
 }
 
 nav .nav-links a {
@@ -85,11 +85,11 @@ nav .nav-links a:last-child:hover::before {
 /* Styling for the welcome text and image */
 .welcome-section {
     text-align: center;
-    background: url('../Images/Mountain_Range.webp'), #32373B;
+    background: url('../Images/Mountain_Range.png'), #32373B;
     background-repeat: no-repeat;
     background-size: cover;
-    background-blend-mode: multiply;
     padding:200px 0;
+    background-blend-mode: multiply;
     height: 100%;
 }
 .image-wrapper {
@@ -102,16 +102,16 @@ nav .nav-links a:last-child:hover::before {
 .image-wrapper img {
     display: block;
     max-width: 100%;
-    height: 80%;
+    height: 100%;
 }
 
 .text-wrapper {
     display: inline-block;
-    width: 60%;
+    width: 40%;
     vertical-align: middle;
     max-width: 800px;
     margin: 0 auto;
-    height: 80%;
+    height: 100%;
     color: #fff;
 }
 .text-wrapper h1 {

home.html

@@ -27,14 +27,22 @@
 
 	<!-- Home page -->
 	<section class="welcome-section">
-		<div class = "text-wrapper">
-			<h4>Hello, I'm</h4>
-            <h1>Mehul Goel</h1>
+		<div class="image-wrapper">
+			<img src="Images\Person-Coding.png" alt="Mehul Goel">
 		</div>
-        <!-- <div>
-            <h2>AKA</h2>
-            <p>mevulkian. the cs dude. your ta. your friend. your colleague. your family. your fellow internet stranger. tech support. film enjoyer. meHUSTLE. mehulio. that dude. your bro. or whatever else i am.</p>
-        </div> -->
+		<div class="text-wrapper">
+			<h1>Hello, <br>I'm Mehul.</h1>
+		</div>
+	</section>
+
+	<!-- About Me section -->
+	<section id="about">
+		<!-- Add content for the About Me section here -->
+	</section>
+
+	<!-- Projects section -->
+	<section id="projects">
+		<!-- Add content for the Projects section here -->
 	</section>
 </body>
 </html>