index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Startup</title>
    <!-- Required meta tags -->
    <!-- Meta tags allows us to add new information to our html page -->
    <meta charset="utf-8">
    <!-- utf-8 its saying hey were going to use this form of encoding to write text to our pages-->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Viewpoint allow us to create web pages that are devloped mobile first (scrolling ,touching , viewing, zooming)-->
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

    <!-- Note that the below Bootstrap file is a specific version. If you grab the most
    current from Bootstrap website, you will see the button grow transition being a lot faster
    than in my video.  Use whichever style sheet you like best! -->
    <!-- Bootstrap CSS from a CDN. This way you don't have to include the bootstrap file yourself -->
<!-- CSS only -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">    <!-- My own stylesheet -->
    <link href="style.css" rel="stylesheet">
  </head>
  <body>
    <div class="justify-content-center h-100">

      <div class="row">
        <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">
  <section class="text-center col-12">
    <hr>
  </div>

   <a href="https://mailchi.mp/af949aad69ca/apple0"> 
    <button class="btn btn-primary  btn-xl align-center">Find out more</button></a>
  </section>
</div>
  </body>
</html>