HTMLify

<!DOCTYPE html>
<html>
  <head>
    <!-- character encoding for the HTML document -->
    <meta charset="UTF-8" />

    <!-- the following meta tags for Search engine optimization(SEO)-->
    <meta name="description" content="30 Days of HTML Challenge" />
    <meta name="keywords" content="HTML, CSS, Web Development" />
    <meta name="author" content="Asabeneh Yetayeh" />
    <!-- base url https://www.30daysofreact.com -->
    <base href=" https://www.30daysofreact.com" target="_blank" />
    <!-- Goes to the task bar on the browser-->
    <title>30 Days Of HTML</title>
    <!-- to lik external css -->

    <link rel="stylesheet" href="" />
    <!-- inline styling is very tideous, we can also use internal style
     we can use tag name, id or class to select an element. Id is unique and class is for a single or group of elements

     When we select by id we use # followed by the id name and if we select by class name we use . followed by a class name.
     
     -->
    <style>
      .letter {
        font-size: 68px;
      }
      #letter-h {
        color: #e34c26;
      }
      #letter-t {
        color: #264de4;
      }
      #letter-m {
        color: #f0db4f;
      }
      #letter-l {
        color: #61dbfb;
      }
    </style>
    <!-- The script tag allows to write JS code -->
    <script>
      console.log('Welcome to 30 Days of JavaScript')
    </script>
  </head>
  <body>
    <header>
      <span class="letter" id="letter-h">H</span>
      <span class="letter" id="letter-t">T</span>
      <span class="letter" id="letter-m">M</span>
      <span class="letter" id="letter-l">L</span>
    </header>
    <main>
      <section>
        <h1 id="first-title">The Building Blocks of the web</h1>
        <p>
          There is not website without HTML. Learn HTML and build websites and
          web applications
        </p>
        <a href="/course/30-days-of-htm.html">30 Days Of HTML</a>
      </section>
    </main>
    <footer>
      <small>Copyright 2021 | Asabeneh Yetayeh</small>
    </footer>
  </body>
</html>