index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="daily-tasksviewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
    />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
      integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
      crossorigin="anonymous"
    />
    <link
      href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="style.css" />
    <title>Work Day Scheduler</title>
  </head>

  <body>
    <header class="jumbotron">
      <h1 class="display-4">Work Day Scheduler</h1>
      <p class="lead quote">"An hour of planning can save you 10 hours of doing."<cite> -Dale Carnegie</cite></p>
      <p id="currentDay" class="lead"></p>
      <p id="currentTime"></p>
    </header>

    <main>

      <div class="container">

        <div class="row time-block">
          <div class="col-1 hour">9AM</div>
          <textarea class="col-10 description" id="hourNine"></textarea>
          <button class="col-1 saveBtn saveBtn1"><i class="far fa-save"></i></button>
        </div>
      

        <div class="row time-block">
          <div class="col-1 hour">10AM</div>
          <textarea class="col-10 description" id="hourTen"></textarea>
          <button class="col-1 saveBtn"><i class="far fa-save"></i></button>
        </div>
     

        <div class="row time-block">
          <div class="col-1 hour">11AM</div>
          <textarea class="col-10 description" id="hourEleven"></textarea>
          <button class="col-1 saveBtn"><i class="far fa-save"></i></button>
        </div>
      

        <div class="row time-block">
          <div class="col-1 hour">12PM</div>
          <textarea class="col-10 description" id="hourTwelve"></textarea>
          <button class="col-1 saveBtn"><i class="far fa-save"></i></button>
        </div>
     

        <div class="row time-block">
          <div class="col-1 hour">1PM</div>
          <textarea class="col-10 description" id="hourOne"></textarea>
          <button class="col-1 saveBtn"><i class="far fa-save"></i></button>
        </div>
      

        <div class="row time-block">
          <div class="col-1 hour">2PM</div>
          <textarea class="col-10 description" id="hourTwo"></textarea>
          <button class="col-1 saveBtn"><i class="far fa-save"></i></button>
        </div>
      

        <div class="row time-block">
          <div class="col-1 hour">3PM</div>
          <textarea class="col-10 description" id="hourThree"></textarea>
          <button class="col-1 saveBtn"><i class="far fa-save"></i></button>
        </div>
      

        <div class="row time-block">
          <div class="col-1 hour">4PM</div>
          <textarea class="col-10 description" id="hourFour"></textarea>
          <button class="col-1 saveBtn"><i class="far fa-save"></i></button>
        </div>
      

        <div class="row time-block">
          <div class="col-1 hour">5PM</div>
          <textarea class="col-10 description" id="hourFive"></textarea>
          <button class="col-1 saveBtn"><i class="far fa-save"></i></button>
        </div>
      
      </div>

    </main>
      

    <footer class="mastfoot mt-auto">
      <div class="inner text-center">
        <p>&copy2020 Kameshia Ingram </p>
      </div>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
    <script src="script.js"></script>
  </body>
</html>