diff --git a/assignments/JyotiJoshi/assignment1/image.png b/assignments/JyotiJoshi/assignment1/image.png
new file mode 100644
index 0000000..1a48159
Binary files /dev/null and b/assignments/JyotiJoshi/assignment1/image.png differ
diff --git a/assignments/JyotiJoshi/assignment1/index.html b/assignments/JyotiJoshi/assignment1/index.html
new file mode 100644
index 0000000..fd65587
--- /dev/null
+++ b/assignments/JyotiJoshi/assignment1/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Grid & Flexbox Practice</title>
+  <style>
+    * {
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+      font-family: "Segoe UI", sans-serif;
+    }
+
+    body {
+      background: #f4f6f8;
+      color: #333;
+      display: flex;
+      flex-direction: column;
+      min-height: 100vh;
+    }
+
+    header {
+      background: #282c34;
+      color: white;
+      padding: 2rem;
+      text-align: center;
+      animation: slideDown 1s ease-out forwards;
+    }
+
+    @keyframes slideDown {
+      from {
+        opacity: 0;
+        transform: translateY(-30px);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+
+    .container {
+      flex: 1;
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+      gap: 1.5rem;
+      padding: 2rem;
+      animation: fadeIn 1.2s ease-in;
+    }
+
+    @keyframes fadeIn {
+      from {
+        opacity: 0;
+        transform: translateY(20px);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+
+    .card {
+      border-radius: 10px;
+      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+      padding: 1.5rem;
+      transition: transform 0.3s ease, box-shadow 0.3s ease;
+      color: white;
+      font-weight: 500;
+    }
+    .card:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 6px 16px rgba(0,0,0,0.15);
+    }
+    .card.card1 { background: #2a9d8f; }
+    .card.card2 { background: #f4a261; }
+    .card.card3 { background: #e76f51; }
+    .card.card4 { background: #264653; }
+
+    footer {
+      background: #222;
+      color: #ddd;
+      text-align: center;
+      padding: 1rem;
+      font-size: 0.9rem;
+    }
+  </style>
+</head>
+<body>
+
+  <header>
+    <h1>Practice Grid & Flexbox Layout</h1>
+    <p>Hands-on learning with colorful boxes</p>
+  </header>
+
+  <div class="container">
+    <div class="card card1">
+      <h3>Practice: CSS Grid Basics</h3>
+      
+    </div>
+    <div class="card card2">
+      <h3>Practice: Responsive Design</h3>
+    </div>
+    <div class="card card3">
+      <h3>Practice: Flexbox Structure</h3>
+    </div>
+    <div class="card card4">
+      <h3>Practice: Animations</h3>
+    </div>
+  </div>
+
+  <footer>
+    <p>Grid & Flexbox Practice — HTML & CSS only — 2025</p>
+  </footer>
+
+</body>
+</html>
diff --git a/assignments/exampleuser/assignment1/index.html b/assignments/exampleuser/assignment1/index.html
deleted file mode 100644
index e27ffc8..0000000
--- a/assignments/exampleuser/assignment1/index.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-</head>
-<body>
-    This is a sample file
-</body>
-</html>
\ No newline at end of file
diff --git a/readme.md b/readme.md
deleted file mode 100644
index 322cdd7..0000000
--- a/readme.md
+++ /dev/null
@@ -1,74 +0,0 @@
-# 🌞 Open Summer of Code '25 Web Development Assignments
-
-Welcome to the official repository for the **Open Summer of Code '25 (OSoC'25)** Web Development assignments! This repository serves as a central hub for all student submissions.
-
----
-
-## 🚀 Getting Started
-
-This repository is where you will submit your completed assignments for the Web Development track of OSoC'25. Please follow the guidelines below carefully to ensure your submissions are processed correctly.
-
----
-
-## 📝 Submission Guidelines
-
-To keep everything organized, please adhere to the following submission structure:
-
-1. **Fork this repository:**  
-   Start by forking this repository to your own GitHub account.
-
-2. **Create a dedicated folder for your assignments:**
-   - Inside the `assignments/` directory, create a new folder named after your GitHub username.  
-     Example: `assignments/your-github-username/`
-
-3. **Organize by assignment:**
-   - For each assignment, create a subfolder inside your username directory.  
-     Example: `assignments/your-github-username/assignment-1/`
-
-4. **Name your files clearly:**
-   - Use descriptive and conventional names like `index.html`, `styles.css`, and `script.js`.
-
-5. **Include a README.md in each assignment folder:**  
-   This file should include:
-   - Assignment name
-   - A short description of what the assignment does
-   - (Optional) Challenges faced and how you overcame them
-
-6. **Commit your changes:**
-   - Write clear and concise commit messages for each change.
-
-7. **Create a Pull Request (PR):**
-   - After completing an assignment, push your changes to your forked repository.
-   - Open a Pull Request to this original repository.
-   - **PR Title Format:** `Assignment 1: [Your Name] - Basic HTML Page`
-   - **PR Description:** Brief summary of your work.
-
----
-
-## 📂 Project Structure
-
-```text
-.
-├── assignments/
-│   └── your-github-username/
-│       ├── assignment-1/
-│       │   ├── index.html
-│       │   ├── styles.css
-│       │   ├── script.js
-│       │   └── README.md
-│       └── assignment-2/
-│           ├── index.html
-│           └── README.md
-└── README.md (this file)
-
-
----
-
-## 📞 Contact
-
-If you have any questions or need assistance, please reach out to your mentors or the OSoC'25 organizers through the WhatsApp Group
-
----
-
-Happy coding and best of luck! 🚀  
-– The OSoC'25 Web Dev Mentorship Team
