index.html

<!DOCTYPE html>
<html>
    <head><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
        <title>cool project</title>
        <link rel="stylesheet" href="styles.css">
        <style>
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300&display=swap');
        </style>
    </head>
    <body>
        <header>
        <h1>shoetaken | freelance front-end developer<h1>
        </header>
        <p class="description">i wake up, i go to school, i go home, i sleep. 
            sometimes i learn how to code</p>
        <br>
        <p>some cool projects:</p>
        <div class="projects">
          <figure>
          <img src="front-end-dev.png" class="front-end-dev"width="100%" class="img-one" href="index.html">
          <figcaption> <a href="index.html">this very page (first day of coding it)</a> </figcaption>
          </figure>
          <figure>
          <img src="bsod.png" class="front-end-dev" width="100%" class="img-two" href="./projects/bsod/bsod.html">
          <figcaption><a href="./projects/bsod/bsod.html">Blue Screen Of Death Prank (fullscreen it)</a></figcaption>
          </figure>
          </div>
        </div>
    </body>
</html>
        