CarWebPage/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
    />
    <title>Automative car</title>
  </head>
  <body>
    <!-- header section starts -->
    <header>
      <nav class="container">
        <!-- the main logo of the page  -->
        <div class="logo"><i class="fas fa-car"></i> Automotive</div>
        <!-- the main nav section starts  -->
        <ul>
          <li><a href="#" class="selected">Home</a></li>
          <li><a href="#">Features</a></li>
          <li><a href="#">Price</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#" class="highlight">Book Appointment</a></li>
        </ul>
      </nav>
      <!-- nav section end's  -->

      <!-- the content and the paragraph section starts  -->
      <div class="content">
        <div class="container">
          <h2>Your car Repairs</h2>
          <p>visit us for your service</p>
          <a href="#" class="highlight">Book Appointment</a>
        </div>
      </div>
    </header>
    <!-- the header section and the content section ends  -->

    <!-- The footer section starts  -->
    <footer>
      <ul class="container">
        <li>
          <strong>Location</strong>
          <p>Unknown</p>
        </li>
        <li>
          <strong>Phone</strong>
          <p>090 090 0099</p>
        </li>
        <li>
          <strong>Email</strong>
          <p>AutomativeCar@gmail.com</p>
        </li>
      </ul>
    </footer>
    <!-- the footer section ends  -->
  </body>
</html>