index.html

<link rel="stylesheet" href="index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto" rel="stylesheet">
<div class="page">
  <div class="header-nav">
    <div class="logo">Header Logo</div>
    <div class="links"><div>header link one</div><div>header link two</div><div>header link three</div></div>
  </div>
  <div class="header">
    <div class="header-info">
      <div class="main-text">This website is awesome</div>
      <div class="body-text">This website has some subtext that goes here
        under the main title. It's a smaller font and the
        color is lower contrast</div>
      <button class="signup-btn">Sign up</button>
    </div>
    <div class="header-image">
      <p>this is a placeholder for an image</p>
    </div>
  </div>
  <div class="info-title">
    <div class="info-title-text">Some random information.</div>
  </div>
  <div class="info">
    <div class="info-div">
      <div class="info-box"></div>
      <div class="info-text">
        this is some subtext under an illustration or image
      </div>
    </div>
    <div class="info-div">
      <div class="info-box"></div>
      <div class="info-text">
        this is some subtext under an illustration or image
      </div>
    </div>
    <div class="info-div">
      <div class="info-box"></div>
      <div class="info-text">
        this is some subtext under an illustration or image
      </div>
    </div>
    <div class="info-div">
      <div class="info-box"></div>
      <div class="info-text">
        this is some subtext under an illustration or image
      </div>
    </div>
  </div>
  <div class="quote">
    <div class="quote-text">
      This is an inspiring quote, or a testimonial from a 
      customer. Maybe it's just filling up space or maybe 
      people will actually read it. Who knows? All i know
      is that it looks nice.
    </div>
    <div class="quoter">
      -Mario, Plumber
    </div>
  </div>
  <div class="signup">
    <div class="signup-form">
      <div class="signup-text">
        <div class="signup-header">
          Call to action! Its Time!
        </div>
        <div class="signup-body">
          Sign up for our service with the simple click of a button!
        </div>
      </div>
      <div class="signup-right">
        <button class="signup-btn">Sign up</button>
      </div>
    </div>
  </div>
  <div class="footer">
    <div>Not Copyrighted, Axel Carlsson 2022</div>
  </div>
</div>