Add index.html: Frontend Developer Portfolio static page

[Copilot]

The repository had no HTML — only a stub README. This adds the initial index.html implementing a semantic, no-CSS Frontend Developer Portfolio layout.

Structure

• <header> — logo placeholder spans, nav (Home / Projects / Articles / Contact), hero heading
• <main>
  • Projects list, Work Experience (roadmap.sh + OpenSource), Education (CGPA, courses)
  • Teacher reviews section (3 testimonial articles)
• <footer> — copyright notice

All layout uses native semantic HTML elements (<header>, <main>, <nav>, <article>, <section>, <footer>) with no inline styles or external dependencies.

Original prompt

<title>Frontend Developer Portfolio</title>

your name

<nav>
  <a href="#">Home</a> /
  <a href="#">Projects</a> /
  <a href="#">Articles</a> /
  <a href="#">Contact</a>
</nav>

<section>
  <h1>Frontend Developer</h1>
  <p>html only with proper layout, no styling</p>
</section>

Projects

• HTML Only Portfolio
• Calculator
• Quiz App
• Countdown Timer
• Product Upcoming Page

  <article>
    <h2>Work Experience</h2>

    <div>
      <h3>roadmap.sh</h3>
      <p>Solved all the frontend projects</p>
      <a href="#">Visit my Profile</a>
    </div>

    <div>
      <h3>OpenSource Work</h3>
      <p>Contributed to 50 opensource projects. Made my own projects with 200 GitHub Stars.</p>
      <a href="#">Visit my GitHub Profile</a>
    </div>
  </article>

  <article>
    <h2>Education</h2>
    <p>Graduated with 3.76 out of 4 CGPA. Won Acme Hackathon. Organized 30 sessions.</p>
    <p>Courses I took:</p>
    <ul>
      <li>Object Oriented Programming</li>
      <li>Data Structures and Algorithms</li>
      <li>Web Engineering</li>
      <li>Artificial Intelligence</li>
      <li>Human Computer Interaction</li>
      <li>Computer Graphics</li>
      <li>Database Management Systems</li>
      <li>Distributed Database Systems</li>
      <li>Discreet Mathematics</li>
    </ul>
  </article>
</section>

<section>
  <h2>Reviews from my Teachers</h2>

  <article>
    <p>John doe was a brilliant student; always stood out with his assignments.</p>
    <p>Jane Doe<br />Assistant Professor</p>
  </article>

  <article>
    <p>John doe was a brilliant student; always stood out with his assignments.</p>
    <p>Jane Doe<br />Assistant Professor</p>
  </article>

  <article>
    <p>John doe was a brilliant student; always stood out with his assignments.</p>
    <p>Jane Doe<br />Assistant Professor</p>
  </article>
</section>

© all rights reserved 2025