index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Tharin Edirisinghe</title>
    <link rel="stylesheet" href="index.css" />
  </head>
  <body>
    <header>
      <h1>Tharin Edirisinghe</h1>
      <h3>IT Undergraduate | ICT Teacher | Content Creator</h3>
    </header>

    <nav>
      <ul>
        <li>
          <b><a href="index.html">About Me</a></b>
        </li>
        <li>
          <b><a href="projects.html">Projects</a></b>
        </li>
        <li>
          <b><a href="contact.html">Contact</a></b>
        </li>
      </ul>
    </nav>

    <section id="about">
      <h1>About Me</h1>
      <div class="about-container">
        <img src="IMG-20230221-WA00451.png" alt="Tharin Edirisinghe" />
        <div class="about-text">
          <p>
            Hi, I'm Tharin, an undergraduate student at the
            <b
              >Faculty of Information Technology, University of Moratuwa, Sri
              Lanka</b
            >.
          </p>
          <p>
            I teach ICT for
            <b>G.C.E Advanced Level and G.C.E Ordinary Level</b> students,
            guiding them to success in their exams.
          </p>
          <p>
            I'm also a <b>social media content creator</b>, sharing insights and
            tutorials across various fields.
          </p>
          <p
            style="
              font-family: IBM Plex Mono, monospace;
              font-weight: 100;
              font-style: normal;
            "
          >
            Thank you for visiting my portfolio. Feel free to explore my work
            and connect with me for collaborations or inquiries.
          </p>
        </div>
      </div>
    </section>

    <footer>
      <p>&copy; 2024 Tharin Edirisinghe</p>
      <p>
        Follow me on:
        <a
          href="https://www.linkedin.com/in/tharin-edirisinghe-838a54223"
          target="_blank"
          >LinkedIn</a
        >
        |
        <a href="https://github.com/tharinedirisinghe" target="_blank"
          >GitHub</a
        >
      </p>
    </footer>

    <script src="index.js"></script>
  </body>
</html>