index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>qoute</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <section class="">
      <div class="continar text-center py-5">
        <h1 class="my-3">Quote of the Day</h1>
        <h3 class="my-3">Press the button below to recieve a random quote!</h3>
        <button type="button" class="" id="newQoute">New Quote</button>
        <p class="" id="qoute">
          “Be yourself; everyone else is already taken.”
        </p>
        <p class="" id="auther">"― Oscar Wilde"</p>
      </div>
    </section>

    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/script.js"></script>
  </body>
</html>