index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Startup</title>

    <!-- Required meta tags, allows us to create web pages that are mobile first, utf-8 allows text to be written this standard -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

    <!-- Bootstrap CSS from a CDN. This way you don't have to include the bootstrap file yourself -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    
    <!-- Your own stylesheet -->
    <link rel="stylesheet" type="text/css" href="style_startup.css">

  </head>
  <body>

   <!-- enabling flex box system, h-100 spans entire height of site in bootstrap -->
      <div class="container d-flex align-items-center h-100">
       <div class="row">
          <!-- bootstrap uses 12 grid system, screen adjusts properly-->
          <header class="text-center col-12">
            <h1 class="text-uppercase"><strong>The biggest startup event of the year</strong></h1>
          </header>
        <div class="buffer col-12"></div>
          <!-- bootstrap uses 12 grid system, screen adjusts properly -->
          <section class="text-center col-12">
              <!-- add horizontal line -->
              <hr>
               <!-- website link -->
                <a href="https://mailchi.mp/d8aeb63f4505/ztmstudents">
                  <!-- add bootstrap button -->
                  <button class="btn btn-primary btn-xl">Find out more</button> 
                </a>

             

          </section>

      </div>
    </div>
  </body> 
</html>
      