Mecca.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Mecca :)</title>
    <style >
      .cMe{
        margin: 200px ;
        font-size:30px;
        padding:10px;
        border: 2px solid #a11f92 ;
        background-color:#e86dda ;
        border-radius:3px
      }

    </style>
  </head>
  <body>
    <header style="width:99.7% ; background-color:#e86dda ; padding:2px ; border: 2px solid #a11f92 ; border-radius:4px" >
      <table style="width:100%">
        <tr  >
          <!--logo here -->
            <td  style="width:35% ; ">
              <img src="whateverLogo.png" alt="site logo" width="100">
            </td>
          <!--menu here -->
            <td  style="width:70px ; align:center" >
      <ul>
        <li style="color:#75166a ; font-weight:bold "> Maps </li>
      </ul>
            </td>
            <td style="padding:0px ; margin:2px ; width:70px">
      <ul>
        <li style="color:#75166a ; font-weight:bold "> Resources </li>
      </ul>
            </td>
            <td style="padding:0px ; margin:2px ; width:70px">
      <ul>
        <li style="color:#75166a ; font-weight:bold "> Events </li>
      </ul>
            </td>
            <td style="padding:0px ; margin:2px ; width:70px">
      <ul>
        <li style="color:#75166a ; font-weight:bold "> Products </li>
      </ul>
            </td>

            <!--SI/SU here -->
              <td>

        <table style=" margin-left:65%" >
          <tr style="text-align:center">
            <td><a href="index.html"><img src="home.png" alt="home logo" width="50" ></a></td>
          </tr>

        </table>

              </td>
            </tr>
          </table>
        </header>


    <div class="cMe" >
    Mecca, officially Makkah al-Mukarramah and commonly shortened to Makkah,
     is the holiest city in Islam and the capital of the Makkah Province of Saudi Arabia.
      The city is 70 km (43 mi) inland from Jeddah on the Red Sea,
       in a narrow valley 277 m (909 ft) above sea level.
        Its last recorded population was 1,578,722 in 2015.
        The estimated metro population in 2020 is 2.042 million,
         making it the third-most populated city in the kingdom.
          Pilgrims more than triple this number every year during the Ḥajj pilgrimage,
           observed in the twelfth Hijri month of Dhūl-Ḥijjah.
    </div>

    <footer style="text-align:center ; ">
      <p>Author: Saad Mohammed Alshrideh<br>
      <a href="mailto:s201723530@kfupm.edu.sa">s201723530@kfupm.edu.sa</a></p><br>
      <a href="https://imgur.com/ARfwzjD">validation</a>
    </footer>

  </body>

</html>