From dcfaabf575a4d3ce504ffff9ebaffa435a395211 Mon Sep 17 00:00:00 2001
From: Lakhdeep <95624426+lakhdeepjawandha@users.noreply.github.com>
Date: Fri, 6 Sep 2024 22:51:25 +1000
Subject: [PATCH] Update index.html

---
 index.html | 71 +++++++++++++++++++++++++++---------------------------
 1 file changed, 36 insertions(+), 35 deletions(-)

diff --git a/index.html b/index.html
index 88f4858..09f165d 100644
--- a/index.html
+++ b/index.html
@@ -12,34 +12,24 @@
             line-height: 1.6;
             color: #333;
             scroll-behavior: smooth;
-        }
-        .container {
-            max-width: 1200px;
-            margin: 0 auto;
-            padding: 20px;
+            background-color: #f4f6f9;
         }
         header {
-            background-color: #fff;
+            background: linear-gradient(135deg, #3498db, #2c3e50);
+            color: #fff;
             text-align: center;
-            padding: 100px 0;
+            padding: 100px 20px;
             position: relative;
-        }
-        .profile-img {
-            width: 200px;
-            height: 200px;
-            border-radius: 50%;
-            margin-bottom: 20px;
-            border: 5px solid #fff;
-            box-shadow: 0 0 20px rgba(0,0,0,0.1);
+            overflow: hidden;
         }
         h1 {
-            font-size: 2.5em;
+            font-size: 3em;
             margin-bottom: 10px;
         }
         .job-title {
-            font-size: 1.2em;
-            color: #666;
+            font-size: 1.3em;
             margin-bottom: 30px;
+            font-weight: 300;
         }
         .menu-icon {
             position: fixed;
@@ -47,40 +37,52 @@
             left: 20px;
             font-size: 24px;
             cursor: pointer;
+            color: #fff;
             z-index: 1000;
         }
         .portfolio-section {
             text-align: center;
-            padding: 50px 0;
-            background-color: #f9f9f9;
+            padding: 50px 20px;
+            background: #fff;
+            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+            margin-bottom: 20px;
         }
         .portfolio-heading {
-            font-size: 2em;
+            font-size: 2.5em;
             margin-bottom: 20px;
+            color: #3498db;
         }
         .down-arrow {
             font-size: 2em;
-            color: #666;
+            color: #3498db;
         }
         .section {
-            padding: 50px 0;
+            padding: 60px 20px;
+            background: #fff;
+            margin-bottom: 20px;
+            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+            border-radius: 8px;
         }
         .section h2 {
             text-align: center;
-            margin-bottom: 30px;
+            margin-bottom: 20px;
+            font-size: 2.2em;
+            color: #2c3e50;
         }
         .skills {
             display: flex;
             flex-wrap: wrap;
             justify-content: center;
             gap: 10px;
+            margin-top: 20px;
         }
         .skill {
-            background-color: #e9e9e9;
-            color: #333;
+            background-color: #3498db;
+            color: #fff;
             padding: 10px 20px;
             border-radius: 20px;
             font-size: 0.9em;
+            font-weight: 500;
         }
         .project {
             background-color: #fff;
@@ -101,6 +103,7 @@
             margin-top: 10px;
             color: #3498db;
             text-decoration: none;
+            font-weight: 500;
         }
         .project a:hover {
             text-decoration: underline;
@@ -109,21 +112,20 @@
             display: flex;
             justify-content: center;
             gap: 20px;
+            margin-top: 20px;
         }
         .contact a {
-            color: #333;
+            color: #2c3e50;
             text-decoration: none;
+            font-weight: 500;
         }
         .contact a:hover {
             text-decoration: underline;
         }
         @media (max-width: 768px) {
-            .container {
-                padding: 10px;
-            }
-            .profile-img {
-                width: 150px;
-                height: 150px;
+            .skills {
+                flex-direction: column;
+                align-items: center;
             }
         }
     </style>
@@ -132,13 +134,12 @@
     <div class="menu-icon">☰</div>
 
     <header>
-        <img src="https://via.placeholder.com/200" alt="Lakhdeep Singh Jawandha" class="profile-img">
         <h1>Lakhdeep Singh Jawandha</h1>
         <p class="job-title">Senior iOS Software Engineer</p>
     </header>
 
     <div class="portfolio-section">
-        <h2 class="portfolio-heading">portfolio</h2>
+        <h2 class="portfolio-heading">Portfolio</h2>
         <div class="down-arrow">▼</div>
     </div>