index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

    <title>My webpages</title>
    <style>
      body{
        background-color: white;
        text-align: center;
        margin-left: 20%;
        margin-right: 20%;
      }
      a{
        padding-right: 5%;
        text-align: center;
      }
      button{
        color: black;
        background-color: grey;
      }
      h2 {
        text-align: center;
      }
      p{
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h2>My webpages</h2>
    <p>Click on the links below to view the webpages I have created with and without any framework.</p>
    <hr>
    <a href = "webpages/index.html"><button> My first webpage </button></a>
    <a href = "webpages/index-grid.html"><button> My second webpage </button></a>

  </body>
</html>