index.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="icon" type="image/png" href="tp.PNG"/> <!--icon eli fou9 fel bar-->
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" integrity="sha384-Bfad6CLCknfcloXFOyFnlgtENryhrpZCe29RTifKEixXQZ38WheV+i/6YWSzkz3V" crossorigin="anonymous">
        <title>Mr Farouk</title>
        <style> article{
            text-align: center;
        }
        .mheader{
            text-align: center;
            color: crimson;
        }</style>
        <title>Document</title>
    </head>
    <body style="background-color: darkseagreen;">
        <header ><h1 style="color: crimson; text-align: center;"><b>Welcome to my website</b></h1></header><hr style="color: darkblue;">
       <main> 
           <article>
        <header>
          <h1 style="color: deeppink;">My name is Mohamed Farouk Ayadi</h1>
          <p><b>i am 21 years old</b></p>
        </header>
        <p>
        <b>i live in sfax , i study at enetcom university</b></p>
      </article>
      <img src="myPicture.jpg" class="img-thumbnail" alt=" Mr Farouk">
      <nav><hr style="color: deeppink;">
          <a href="www.google.com" title="warning !!! do not press"> link to me</a>
      </nav>
      <footer>
        <p>Posted by: Ayadi Mohamed Farouk</p>
        <p>Contact information: <a href="tables.html" target="self">
          go to an example of table</a>.</p>
          <a href="https://www.google.com/?hl=ar" aria-label="google"><i class="fas fa-air-freshener fa-7x"></i></a><!--And here is a link that use an font awesome icon-->
      </footer></main> 
       
          

   
    </body>
    </html>