index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/svg+xml" href="./assets/img/Logo_.png" />
    <title>JavaScript Projects: Biginners</title>
    <meta
      name="description"
      content="Looking to improve your JavaScript skills? Discover a wide variety of JavaScript projects that cater to all skill levels, from beginners to advanced developers. Dive into hands-on projects ranging from web development and dynamic interactive applications to innovative creative solutions. These projects will help you strengthen your JavaScript knowledge, master new techniques, and build a compelling portfolio that showcases your coding abilities. Start exploring these JavaScript projects today to elevate your programming skills and become a more proficient developer."
    />
    <meta
      name="keywords"
      content="JavaScript Project, JavaScript mini Project, JavaScript Project for Biginners, JavaScript, GitHub Project, JavaScript beginner, projects, JavaScript tutorials, coding projects, JavaScript practice, web development, JavaScript skills"
    />
    <meta name="author" content="Code phat gaya" />
    <meta name="robots" content="index, follow" />
    <meta name="googlebot" content="index, follow" />
    <meta property="og:title" content="JavaScript Projects: Biginners (Code phat gaya)" />
    <meta
      property="og:description"
      content="Explore JavaScript projects for biginners to enhance your coding skills. Find hands-on projects to practice and master JavaScript."
    />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="JavaScript Projects : Biginners" />
    <link rel="stylesheet" href="./assets/styles/style.css" />
    <script defer src="./assets/js/index.js"></script>
  </head>
  <body>
    <!-- Header -->
    <header>
      <div class="container header">
        <h1 class="logo">
          <object
            data="./assets/img/Logo_.png"
            type="image/png"
            width="50px"
            style="vertical-align: text-bottom"
          ></object
          >Code Phat Gaya
        </h1>
        <nav>
          <ul>
            <li><a href="">Home</a></li>
            <li><a href="" onclick="event.preventDefault();">Projects</a></li>
            <li><a href="" onclick="event.preventDefault();">Blog</a></li>
          </ul>
        </nav>
      </div>
    </header>
    <div class="home__hero container">
      <h1 class="project-name">JavaScript Projects : Biginners</h1>
      <h2 class="project-tagline">
        Explore a diverse range of JavaScript projects for Biginners
      </h2>
      <a
        href="https://github.com/PrajapatiRoshan/javascript-projects-beginners"
        target="_blank"
        class="btn"
        >View on GitHub</a
      >
    </div>
    <main id="content" class="main-content" role="main">
      <!-- Project Lists -->
      <main id="container" class="projects-list container"></main>
    </main>
    <!-- Footer -->
    <footer>
      <div class="container footer">
        Code &nbsp;with&nbsp;
        <object data="./assets/img/Logo_.png" type="image/png" width="30px"></object>
        Code Phat Gaya
      </div>
    </footer>
  </body>
</html>