Frames/githubFrame.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>GitHub</title>
    <link rel="stylesheet" href="githubFrame.css">
  </head>
  <body>
    <div class="box">
      <img src="..\Media\icons\GitHub-Mark.svg" id="github-mark">
      <h2 id="github-heading">GitHub</h2>
      <img src="..\Media\Photos\GitHub-Art.png" id="github-art">
      <h2 id="github-profile-name">Yunus Parvez Khan</h2>
      <h3 id="github-profile-username">@yunusparvezkhan</h3>
        <div class="count-cards following-card">
          <h1 class="count-card-number">7</h1>
          <h3 class="count-card-lebel">Following</h3>
        </div>

        <div class="count-cards repo-card">
          <h1 class="count-card-number">6</h1>
          <h3 class="count-card-lebel">Repositories</h3>
        </div>

        <div class="count-cards followers-card">
          <h1 class="count-card-number">2</h1>
          <h3 class="count-card-lebel">Followers</h3>
        </div>

        <a target="_blank" href="https://www.github.com/yunusparvezkhan/">
         <button type="button" id="profile-btn">
          View Profile
          </button>
         </a>
    </div>

  </body>
</html>