calculator.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>React Calculator</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div class="sub-frame">
      <img id="background-img" src="Media/Photos/background-image.jpg" />
      <div class="see-through-background"></div>
      <section class="project-page">
        <a href="index.html">
          <img
            src="Media/Photos/logos-icons/back-arrow.png"
            class="back-icon"
          />
        </a>
        <div class="app-text">
          <h1>Basic React Calculator</h1>
          <br />
          <p>
            During the front-end portion of my Northcoders bootcamp I pair
            programmed this React calculator while we were getting to grips with
            the framework. After the course I've tried to tidy it up a litle and
            make it a bit prettier. You can find the repo
            <a
              target="_blank"
              href="https://github.com/CodingStunts/Basic-React-Calculator/"
              >here.</a
            >
          </p>
        </div>
        <section class="screenshots">
          <div class="single-screenshot">
            <img src="Media/Photos/React/React Calculator.png" />
            <h4>The calculator.</h4>
          </div>
          <div class="single-screenshot">
            <video height="560" controls="true">
              <source
                src="Media/Photos/React/React Calculator.mov"
                type="video/MP4"
              />
            </video>
            <h4>Demo video.</h4>
          </div>
        </section>
      </section>
      <div class="see-through-background"></div>
    </div>
  </body>
</html>