Bakery Website/Comments.html · Projects

<!DOCTYPE html>
<header>
    <title>Comments</title>
    <link rel="stylesheet" href="Comments.css"/>

    <nav class="navMenu">
      <img src="logo.png" id="logo-image">
      <a href="HomePage.html">Home</a>
      <a href="AboutUs.html">About Us</a>
      <a href="courseType.html">Courses</a>
      <a href="">Community</a>
      <a href="ProjectGallery.html">Gallery</a>
      <a href="contact us.html">Contact Us</a>
      <a href="faq.html">FAQ</a>
      <a href="ProjectLocations.html">Locations</a>
      <div class="dot"></div>
    </nav>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, intial-scale=1.0">
<title>Testimonial HTML</title>
<!--Stylesheet--------------------------->
<link rel="stylesheet" href="css/style.css"/>
<!--Fav-icon------------------------------>
<link rel="shortcut icon" href="images/fav-icon.png"/>
<!--poppins-font-family------------------->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!--using-Font-Awesome-------------------->
<script src="https://kit.fontawesome.com/c8e4d183c2.js" crossorigin="anonymous"></script>

  </header>
  <body id="top">

    
<!--Testimonials------------------->
    <section id="testimonials">
        <!--heading--->
        <div class="testimonial-heading">
            <span><h1>Comments</h1></span>
            
        </div>
        <!--testimonials-box-container------>
        <div class="testimonial-box-container">
            <!--BOX-1-------------->
            <div class="testimonial-box">
                <!--top------------------------->
                <div class="box-top">
                    <!--profile----->
                    <div class="profile">
                        <!--img---->
                        <div class="profile-img">
                            <img src="m1.png" />
                        </div>
                        <!--name-and-username-->
                        <div class="name-user">
                            <strong>Ahmaad</strong>
                            <span>@ahmmad354</span>
                        </div>
                    </div>
                    <!--reviews------>
                    <div class="reviews">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i><!--Empty star-->
                    </div>
                </div>
                <!--Comments---------------------------------------->
                <div class="client-comment">
                    <p>I benefited a lot from the course on how to make macarons and I am now opening my own shop</p>
                </div>
            </div>
            <!--BOX-2-------------->
            <div class="testimonial-box">
                <!--top------------------------->
                <div class="box-top">
                    <!--profile----->
                    <div class="profile">
                        <!--img---->
                        <div class="profile-img">
                            <img src="w1.png" />
                        </div>
                        <!--name-and-username-->
                        <div class="name-user">
                            <strong>Layan</strong>
                            <span>@89Layan_as</span>
                        </div>
                    </div>
                    <!--reviews------>
                    <div class="reviews">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i><!--Empty star-->
                    </div>
                </div>
                <!--Comments---------------------------------------->
                <div class="client-comment">
                    <p>The courses were very informative and I really enjoyed learning how to make croissants</p>
                </div>
            </div>
            <!--BOX-3-------------->
            <div class="testimonial-box">
                <!--top------------------------->
                <div class="box-top">
                    <!--profile----->
                    <div class="profile">
                        <!--img---->
                        <div class="profile-img">
                            <img src="w2.jpg" />
                        </div>
                        <!--name-and-username-->
                        <div class="name-user">
                            <strong>Sama </strong>
                            <span>@simo_22</span>
                        </div>
                    </div>
                    <!--reviews------>
                    <div class="reviews">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i><!--Empty star-->
                    </div>
                </div>
                <!--Comments---------------------------------------->
                <div class="client-comment">
                    <p>I learned a lot about how to bake cookies through the course and I really enjoyed it</p>
                </div>
            </div>
            <!--BOX-4-------------->
            <div class="testimonial-box">
                <!--top------------------------->
                <div class="box-top">
                    <!--profile----->
                    <div class="profile">
                        <!--img---->
                        <div class="profile-img">
                            <img src="m2.png" />
                        </div>
                        <!--name-and-username-->
                        <div class="name-user">
                            <strong>ِAbdulAziz</strong>
                            <span>@zozo12</span>
                        </div>
                    </div>
                    <!--reviews------>
                    <div class="reviews">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i><!--Empty star-->
                    </div>
                </div>
                <!--Comments---------------------------------------->
                <div class="client-comment">
                    <p>I loved that they provide cooking utensils with every course and the prices of the courses are good</p>
                </div>
            </div>
        </div>
    </section>

  </body>
  <footer>
    <small><a href="#top" te>Golden Butter Bakery</a> © 2022. All rights reserved.</small>
  </footer>
</html>