pDianaReview.html

<!DOCTYPE html>
<html>
    <head>
        <title> Diana's reviews </title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" type="images/png" href="images/logo.png" >
        <!--import google fonts & stars-->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="style.css" >
        <link rel="stylesheet" href="footer.css" >
        <link rel="stylesheet" href="myReviews.css">

    </head> 

    <body>

    <!-- HEADER CODE -->
    <header>
      <a href="#" class="logo"><img src="images/logo.png" alt="logo icon"></a>
      <nav class="navbar">
      <ul> 
      <li><a href="mprofile.html"> Home </a></li>

      <li> <a href="ViewOffers.html"> Offers </a>

      <li> <a href="#"> Settings </a>
      <ul class="inner">
      <li class="first"><a href="BabysitterProfile.html"> view profile</a></li>
      <li><a href="index.html"> Sign out </a></li>
          
      </ul>
      
      </li>
      
      </ul>
      </nav>
      </header>
      
     <!-- FOOTER CODE -->

  <footer class="footer-distributed">

    <div class="footer-left">

        <img class="logo" src="images/logo.png" alt="Oun">

        <p class="footer-links">
            <a href="mprofile.html" class="link-1">Home</a>
            <!--<a href="#">About</a>-->
            <a href="mailto:support@Ouun.com">Contact</a>
        </p>

        <p class="footer-company-name">Oun © 2022</p>
    </div>

    <div class="footer-center">

        <div>
            <i class="fa fa-map-marker"></i>
            <p><span>12534 AlOlaya st.</span> Riyadh , Saudi Arabia</p>
        </div>

        <div>
            <i class="fa fa-phone"></i>
            <p>+9669200000834</p>
        </div>

        <div>
            <i class="fa fa-envelope"></i>
            <p><a href="mailto:support@Ouun.com">support@Oun.com</a></p>
        </div>

    </div>

    <div class="footer-right">

        <p class="footer-company-about">
            <span>About us</span>
           Oun is an online platform that helps mothers find babysitters anytime and anywhere.
</p>

    </div>

</footer>

       <!-- STARS RATING CODE -->


  <h1 class="mytitle"> Diana's Rating </h1>
  <div class = "stars">
      <center>
      <span class="fa fa-star checked"></span>
      <span class="fa fa-star checked"></span>
      <span class="fa fa-star checked"></span>
      <span class="fa fa-star "></span>
      <span class="fa fa-star"></span>   
      </center>
    </div>

     <!-- MY REVIEWS PAGE CODE -->

     <h1 class="mytitle2"> Diana's Reviews </h1>

  <div>

    <figure class="review">
  <blockquote>Diana was great but she takes too long to reply.</blockquote>
  <div class="author">
    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS30JTpvdB_GGY5U0TQeKZx8l1J_4yAogTV2QSNXRg3sP1FFpgrzSHRaQJq50GRV9dL7UA&usqp=CAU" alt="sq-sample1"/>
    <h5> Muneera H. </h5>
  </div>
</figure>

<figure class="review">
    <blockquote>She was very caring and sweet!      </blockquote>
    <div class="author">
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS30JTpvdB_GGY5U0TQeKZx8l1J_4yAogTV2QSNXRg3sP1FFpgrzSHRaQJq50GRV9dL7UA&usqp=CAU" alt="sq-sample1"/>
      <h5>Nourah A.</h5>
    </div>
  </figure>

  <figure class="review">
    <blockquote>She's good but left the house a bit messy.  </blockquote>
    <div class="author">
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS30JTpvdB_GGY5U0TQeKZx8l1J_4yAogTV2QSNXRg3sP1FFpgrzSHRaQJq50GRV9dL7UA&usqp=CAU" alt="sq-sample1"/>
      <h5>Anoud F.</h5>
    </div>
  </figure>


</div>

</body>
</html>