MicrosoftStudentChapter · Rishit-grg · Nov 7, 2025 · Nov 7, 2025 · Nov 9, 2025 · Nov 9, 2025
diff --git a/submissions/README.md b/submissions/README.md
diff --git a/submissions/Rishit-grg/README.md b/submissions/Rishit-grg/README.md
@@ -0,0 +1,37 @@
+# Portfolio | Rishit Garg
+
+## Features
+
+- Responsive design  
+- Smooth navigation across sections  
+- “About Me”, “Projects”, and “Contact” sections  
+- Interactive elements built using HTML, CSS, and JavaScript  
+- Easy to customize and update
+
+---
+
+## Tech Stack
+
+- **HTML5** – Structure and layout  
+- **CSS3** – Styling and responsiveness  
+- **JavaScript (ES6)** – Interactivity and dynamic content
+
+---
+
+## Project Structure
+portfolio/
+│
+├── index.html # Main HTML file
+├── style.css # Styling for the website
+├── script.js # JavaScript for interactivity
+├── assets/ # Images, icons, and other resources
+└── README.md # Project documentation
+
+---
+
+## Contact
+
+If you'd like to connect, collaborate, or just say hi — feel free to reach out!
+Email: rishitalig@gmail.com
+LinkedIn: https://www.linkedin.com/in/rishit-garg-660505363/
+GitHub: https://github.com/Rishit-grg
diff --git a/submissions/Rishit-grg/assets/Screenshot 2025-11-02 150551.png b/submissions/Rishit-grg/assets/Screenshot 2025-11-02 150551.png
diff --git a/submissions/Rishit-grg/assets/icons8-github-90.png b/submissions/Rishit-grg/assets/icons8-github-90.png
diff --git a/submissions/Rishit-grg/assets/icons8-linkedin-90.png b/submissions/Rishit-grg/assets/icons8-linkedin-90.png
diff --git a/submissions/Rishit-grg/assets/icons8-mail-90 (1).png b/submissions/Rishit-grg/assets/icons8-mail-90 (1).png
diff --git a/submissions/Rishit-grg/assets/pexels-joaojesusdesign-925743.jpg b/submissions/Rishit-grg/assets/pexels-joaojesusdesign-925743.jpg
diff --git a/submissions/Rishit-grg/index.html b/submissions/Rishit-grg/index.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Rishit Garg — Aspiring Software Engineer & Web Developer</title>
+
+  <link rel="stylesheet" href="style.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=Ephesis&family=Quicksand:wght@300..700&display=swap"
+    rel="stylesheet">
+
+</head>
+
+<body>
+  <!-- Navigation Bar -->
+  <header>
+    <!-- <div class="logo"> <img src="./assets/rg LOGO.png" alt=""> </div> -->
+    <!-- <nav>
+      <a href="#about">ABOUT</a>
+      <a href="#skills">SKILLS</a>
+      <a href="#work">MY WORK</a>
+    </nav> -->
+  </header>
+
+  <!-- Hero Section -->
+  <section class="hero">
+    <div class="intro">
+      <h1> Hello, I'm <br> <span draggable="true" class="my_name">Rishit Garg</span></h1>
+      <p class="subtitle">Aspiring Software Engineer & Web Developer</p>
+    </div>
+
+    <!-- socials -->
+    <div class="socials">
+      <a href="mailto:rishitalig@gmail.com"><img src="./assets/icons8-mail-90 (1).png" alt=""></a>
+      <a href="https://www.linkedin.com/in/rishit-garg-660505363/" target="_blank"><img
+          src="./assets/icons8-linkedin-90.png" alt=""></a>
+      <a href="https://github.com/Rishit-grg" target="_blank"><img id="gh logo" src="./assets/icons8-github-90.png"
+          alt=""></a>
+    </div>
+  </section>
+
+<!-- navbar -->
+  <nav>
+    <a href="#about">About</a>
+    <a href="#skills">Skills</a>
+    <a href="#work">My Work</a>
+  </nav>
+
+  <!-- About Section -->
+  <section id="about" class="about">
+    <h2>About Me</h2>
+    <p>Newbie !!!</p>
+    <p>I’m a Computer Science student with a growing passion for software development and problem-solving. I enjoy
+      understanding how things work and finding better ways to build them.</p>
+    <p>Right now, I’m focused on sharpening my development stack, and discovering the basics of Artifical intelligence to eventually turn ideas into scalable products.</p>
+    <p>My goal? To create meaningful software that adds value, learn from every challenge I
+      take on, and grow into a developer who builds with purpose.</p>
+  </section>
+
+  <!-- Skills Section -->
+  <section id="skills" class="skills">
+    <h2>Skills</h2>
+    <ul>
+      <li>Web Dev - HTML, CSS, JavaScript</li>
+      <li>C-Programming </li>
+      <li>Python</li>
+      <li>Version Control (Git/GitHub)</li>
+    </ul>
+  </section>
+
+  <!-- Work Section -->
+  <section id="work" class="work">
+    <h2>My Work</h2>
+    <div class="projects">
+
+      <div class="project-item">
+        <div class="project-card" id="pc1">
+          <a href="https://rishit-grg.github.io/404.INSIGHTS/">
+            <img src="./assets/Screenshot 2025-11-02 150551.png" alt="404 insights, a tech blog">
+          </a>
+        </div>
+        <div class="project-label">404.INSIGHTS — Tech Blog</div>
+      </div>
+
+      <div class="project-item">
+        <div class="project-card" id="pc2"></div>
+        <div class="project-label">Coming Soon....</div>
+      </div>
+
+      <div class="project-item">
+        <div class="project-card" id="pc3"></div>
+        <div class="project-label">Coming Soon....</div>
+      </div>
+
+      <div class="project-item">
+        <div class="project-card" id="pc4"></div>
+        <div class="project-label">Coming Soon....</div>
+      </div>
+
+    </div>
+  </section>
+
+  <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/submissions/Rishit-grg/script.js b/submissions/Rishit-grg/script.js
@@ -0,0 +1,9 @@
+// Script for smooth scrolling between sections
+document.querySelectorAll('nav a').forEach(link => {
+  link.addEventListener('click', (e) => {
+    e.preventDefault();
+    document.querySelector(link.getAttribute('href')).scrollIntoView({
+      behavior: 'smooth'
+    });
+  });
+});