index.php

<?php
include_once 'header.php' ;
?>
<main id="main-content">
  <section class="usa-hero"  aria-label="Introduction" style='background-image: url("assets/img/wallhaven-3zqdjv.jpg");'>
  <div class="grid-container">
    <div class="usa-hero__callout">
      <h1 class="usa-hero__heading" ><span class="usa-hero__heading--alt">Welcome!</span>To my official blog.
      </h1><p>A means to my test my web programming abilities</p><a class="usa-button" href="about.php">More about me.</a>
    </div>
  </div>
</section>


  
  <section class="grid-container usa-section">
    <div class="grid-row grid-gap">
      <div class="tablet:grid-col-4">
        <h2 class="font-heading-xl margin-top-0 tablet:margin-bottom-0">Dennis Fundi's<br> official blog.</h2>
      </div>
      <div class="tablet:grid-col-8 usa-prose">
        <p>The site is a personal blog and portfolio</p>
<p>It is also a test site for learning new features and technologies</p>

      </div>
    </div>
  </section>
  

  <section class="usa-graphic-list usa-section usa-section--dark">
  <div class="grid-container">
    <div class="usa-graphic-list__row grid-row grid-gap">
      <div class="usa-media-block tablet:grid-col">
        <img class="usa-media-block__img"  src="assets/img/circle-124.png" alt="Alt text">
        <div class="usa-media-block__body">
          <h2 class="usa-graphic-list__heading">The about page.</h2>
          <p>The about page features publicly known information about my life and educational background</p>
        </div>
      </div>
      <div class="usa-media-block tablet:grid-col">
        <img class="usa-media-block__img"  src="assets/img/circle-124.png" alt="Alt text">
        <div class="usa-media-block__body">
          <h2 class="usa-graphic-list__heading">The CV </h2>
          <p>The CV part of the website features my Curriculum Vitae</p>
        </div>
      </div>
    </div>
    <div class="usa-graphic-list__row grid-row grid-gap">
      <div class="usa-media-block tablet:grid-col">
        <img class="usa-media-block__img"  src="assets/img/circle-124.png" alt="Alt text">
        <div class="usa-media-block__body">
          <h2 class="usa-graphic-list__heading">Account</h2>
          <p>The Account portion features account registration, login, a work in progress profile and log out items..</p>
        </div>
      </div>
      <div class="usa-media-block tablet:grid-col">
        <img class="usa-media-block__img"  src="assets/img/circle-124.png" alt="Alt text">
        <div class="usa-media-block__body">
          <h2 class="usa-graphic-list__heading">Changes</h2>
          <p>This is an experimental website check back to see new features.</p>
        </div>
      </div>
    </div>
  </div>
</section>


  <section id="test-section-id" class="usa-section">
    <div class="grid-container">
      <h2 class="font-heading-xl margin-y-0">Join us!</h2>
      <p class="usa-intro">Some features such as the courses page are only accessible by having an account, which is free and always will be so sign up below or login in to your existing account from above.</p>
      <a class="usa-button usa-button--big" href="signup.php">Sign up!</a>
    </div>
  </section>

<script src="assets/js/uswds.min.js"></script>
</body>
</html>