diff --git a/Untitled-1.html b/Untitled-1.html
new file mode 100644
index 0000000..4b91411
--- /dev/null
+++ b/Untitled-1.html
@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>PartTime Profession - Lets find your next part-time profession</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+        }
+
+        body {
+            background-color: beige;
+        }
+
+        .header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 1rem;
+            border-bottom: 2px solid #eee;
+            background-color: white;
+        }
+
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 1rem;
+            font-size: 1.5rem;
+            font-weight: bolder;
+            color: #00416A;
+        }
+
+        .logo img {
+            height: 50px;
+            width: auto;
+        }
+
+        .nav-links {
+            display: flex;
+            gap: 2rem;
+        }
+
+        .nav-links a {
+            text-decoration: none;
+            color: #333;
+            font-size: 1rem;
+            padding: 0.5rem 1rem;
+        }
+
+        .nav-links a:hover {
+            color: #00416A;
+        }
+
+        .search-container {
+            max-width: 800px;
+            margin: 2rem auto;
+            padding: 0 1rem;
+        }
+
+        .search-bar {
+            width: 100%;
+            padding: 1rem;
+            border: 2px solid #ddd;
+            border-radius: 25px;
+            font-size: 1rem;
+            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        }
+
+        .section-title {
+            font-size: 1.5rem;
+            color: #00416A;
+            margin: 2rem 1rem;
+        }
+
+        .featured-jobs {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 1.5rem;
+            padding: 0 1rem;
+        }
+
+        .job-card {
+            background-color: white;
+            border-radius: 8px;
+            padding: 1.5rem;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        }
+
+        .job-title {
+            font-size: 1.2rem;
+            color: #00416A;
+            margin-bottom: 0.5rem;
+        }
+
+        .job-location {
+            color: #666;
+            margin-bottom: 1rem;
+        }
+
+        .job-description {
+            color: #333;
+            font-size: 0.9rem;
+            line-height: 1.5;
+        }
+
+        .categories {
+            display: flex;
+            gap: 2rem;
+            padding: 2rem;
+            flex-wrap: wrap;
+        }
+
+        .category {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 0.5rem;
+            text-decoration: none;
+            color: #00416A;
+        }
+
+        .category-icon {
+            width: 80px;
+            height: 80px;
+            background: #f5f5f5;
+            border-radius: 8px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            overflow: hidden;
+        }
+
+        .category-icon img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+
+        footer {
+            margin-top: 3rem;
+            padding: 2rem;
+            background: #00416A;
+            color: white;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        footer ul {
+            list-style: none;
+        }
+
+        footer ul li {
+            margin-bottom: 1rem;
+        }
+
+        footer a {
+            text-decoration: none;
+            color: white;
+            font-size: 0.9rem;
+        }
+    </style>
+</head>
+<body>
+    <header class="header">
+        <div class="logo">
+            <img src="TEMPHIRE_LOGO.png" alt="TEMPHIRE LOGO">
+            <span>PartTime Profession</span>
+        </div>
+        <nav class="nav-links">
+            <a href="#">Home</a>
+            <a href="#">Job Listings</a>
+            <a href="#">User Account</a>
+        </nav>
+    </header>
+
+    <div class="search-container">
+        <input type="text" class="search-bar" placeholder="Search for part-time jobs...">
+    </div>
+
+    <h2 class="section-title">Featured Jobs</h2>
+    <div class="featured-jobs">
+        <div class="job-card">
+            <h3 class="job-title">Care Taker</h3>
+            <div class="job-location">Location: Balaju, Kathmandu</div>
+            <p class="job-description">Take care of dogs for two days. Experience with pets required.</p>
+        </div>
+        <div class="job-card">
+            <h3 class="job-title">Old Aged Helper</h3>
+            <div class="job-location">Location: Bouddha, Kathmandu</div>
+            <p class="job-description">Take care of elderly people for 3 days. Prior experience preferred.</p>
+        </div>
+    </div>
+
+    <h2 class="section-title">Job Categories</h2>
+    <div class="categories">
+        <a href="#" class="category">
+            <div class="category-icon">
+                <img src="Pet-care-taker.jpg" alt="Dog Care">
+            </div>
+            <span>Dog Care Taker</span>
+        </a>
+        <a href="#" class="category">
+            <div class="category-icon">
+                <img src="old-aged-people-care-taker.jpeg" alt="Elderly Care">
+            </div>
+            <span>Old Aged Care Taker</span>
+        </a>
+    </div>
+
+    <footer>
+        <ul>
+            <li><a href="#">About Us</a></li>
+            <li><a href="#">Contact</a></li>
+            <li><a href="#">Privacy Policy</a></li>
+        </ul>
+        <ul>
+            <li><a href="#">Jobs</a></li>
+            <li><a href="#">Companies</a></li>
+            <li><a href="#">Support</a></li>
+        </ul>
+    </footer>
+</body>
+</html>
diff --git a/YOLO b/YOLO
new file mode 160000
index 0000000..4bdb85b
--- /dev/null
+++ b/YOLO
@@ -0,0 +1 @@
+Subproject commit 4bdb85bff7567151b15e51566ccf08447e97cd68
diff --git a/index.html b/index.html
deleted file mode 100644
index 24367dc..0000000
--- a/index.html
+++ /dev/null
@@ -1,210 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    </html><meta charset="8"> 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0>"
-    <title>PartTime Profession-Lets find your next part-time profession</title>
-</head>
-<style>
-    * {
-        margin:0;
-        padding:0;
-        box-sizing: border-box;
-        font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
-
-    }
-    body {
-        background-color: beige;
-    }
-    .header {
-        display: flex;
-        justify-content: space-between;
-        align-items: left;
-        border-bottom: 2px solid #eff;
-    }
-
-    .logo {
-        display: flex;
-        align-items: center;
-        gap: 1px;
-        font-size: medium;
-        font-weight: bolder;
-        color: aqua;
-    }
-    .logo img {
-        height: 50px;
-        width: auto;
-    }
-    .nav-links {
-        display: flex;
-        gap: 2px;
-    }
-
-    .nav-links a {
-        text-decoration: none;
-        color: black;
-        font-size: 1px;
-        padding: 0.5px 1px;
-    }
-    .search-container {
-        max-width: fit-content;
-        margin: 5px auto;
-    }
-    .nav-links a:hover {
-        color: rgb(155, 205, 161);
-    }
-    .search-bar {
-        width: 100%;
-        padding: 1px;
-        border:2px solid #eff;
-        border-radius: 25px;
-        font-size: 1px;
-        box-shadow: none;
-    }
-    .section-title {
-        font-size: 2px;
-        color: bisque;
-    }
-    .featured-jobs {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-            gap: 2px;
-            padding: 0 2px;
-    }
-    .job-card {
-        background-color: bisque;
-        border-radius: 1.5px;
-        padding: 2px;
-        box-shadow: 0 2px 10px rgba(0,0, 0, 0.5);
-    }
-
-    .job-title {
-        font-size: 2px;
-        color: beige;
-        margin-bottom: 2px;
-
-    }
-
-    .jon-company, .job-location {
-        color: black;
-        margin-bottom: 2px;
-    }
-
-    .job-description {
-        color: black;
-        font-size: 8px;
-        line-height: 2px;
-        margin-top: 2px;
-    }
-
-    .categories {
-        display:flex;
-        flex-direction: column;
-        align-items: left;   
-    }
-
-    .category {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        gap: 2px;
-        text-decoration:none;
-        color: blueviolet;
-    }
-    
-    .category-icon {
-        width: 45px;
-        height: 45px;
-        background: #eff;
-        border-radius: 8px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: aquamarine;
-    }
-
-    .footer {
-        margin-top: 4px;
-        padding: 2px;
-        background: blue;
-        display: flex;
-        justify-content: space-between;
-    }
-
-    footer ul {
-        list-style: none;
-
-    }
-    footer ul li{
-       margin-bottom: 1px;   
-    }
-
-    footer a {
-        text-decoration: none;
-        color: blueviolets;
-        font-size: 3px;
-    }
-
-</style>
-
-</head>
-<body>
-    <header class="header">
-        <div class="logo">
-            <img src="c:\Users\Acer\Desktop\TEMPHIRE_LOGO.png" alt="TEMPHIRE_LOGO">
-            <span>PartTime Profession</span>
-        </div>
-        <nav class="nav-links">
-            <a href="#">Home</a>
-            <a href="#">Job Listings</a>
-            <a href="#">User Accounts</a>
-        </nav>
-</header>
-
-<div class="search-container">
-    <input type="text" class="search-bar" placeholder="Search for part-time jobs..">
-</div>
-
-<h2 class="section-title">Featured Jobs</h2>
-<div class="featured-jobs">
-    <div class="job-card">
-        <h3 class="job-title">Care Taker</h3>
-        <div class="job-location">Location: Balaju, Kathmandu</div>
-        <p class="job-description">Take care of dogs for two day.</p>
-    </div>
-</div>
-<div class="job-card">
-    <h3 class="job-title">Old aged helper</h3>
-    <div class="job-location">Location: Bouddha, Kathmandu</div>
-    <p class="job-description">Take care of Old aged people for 3 days.</p>
-</div>
-
-<h2 class="section-tiltle">Job Categories</h2>
-<div class="categories">
-    <a href="#" class="category">
-        <div class="category-icon" img src="Pet-care taker.jpg">dog</div>
-        <span>Dog Care Taker</span>
-    </a>
-    <a href="#" class="category">
-        <div class="category-icon" img src="old-aged people care taker.jpeg">old-people</div>
-        <span>Old Aged Care Taker</span>
-    </a>
-
-</div>
-
-<footer>
-    <ul>
-        <li><a href="#">About us</li>
-        <li><a href="#">Contact</li>
-        <li><a href="#">Privacy Policy</li>
-    </ul>
-    <ul>
-        <li><a href="#">Jobs</li>
-        <li><a href="#">Companies</li>
-        <li><a href="#">Support</li>
-    </ul>
-</footer>
-</body>
-</html>
-
-
