<!-- Block start -->
                  <div class="block-area">
                    <!-- Review start -->
                    <div id="review">
                      <!-- review title -->
                      <div class="block-title-6">
                        <h4 class="h5 border-primary border-2">
                          <span class="bg-primary text-white">Percent Review</span>
                        </h4>
                      </div>
                      <!-- Percent review -->
                      <div class="card mb-4">
                        <div class="review-box p-3 border-bottom">
                          <div class="row">
                            <!--star-->
                            <div class="col-4 col-md-2">
                              <div class="d-block text-center font-weight-bold display-3">75%</div>
                              <!-- rating star -->
                              <div class="star-rating" title="75%">
                                <!-- star -->
                                <ul class="ratings d-flex list-unstyled my-2 text-warning">
                                  <li class="active">
                                    <!-- icon -->
                                    <svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill="currentColor" viewBox='0 0 512 512'><path d='M394,480a16,16,0,0,1-9.39-3L256,383.76,127.39,477a16,16,0,0,1-24.55-18.08L153,310.35,23,221.2A16,16,0,0,1,32,192H192.38l48.4-148.95a16,16,0,0,1,30.44,0l48.4,149H480a16,16,0,0,1,9.05,29.2L359,310.35l50.13,148.53A16,16,0,0,1,394,480Z'/></svg>
                                  </li>
                                  <li class="active">
                                    <!-- icon -->
                                    <svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill="currentColor" viewBox='0 0 512 512'><path d='M394,480a16,16,0,0,1-9.39-3L256,383.76,127.39,477a16,16,0,0,1-24.55-18.08L153,310.35,23,221.2A16,16,0,0,1,32,192H192.38l48.4-148.95a16,16,0,0,1,30.44,0l48.4,149H480a16,16,0,0,1,9.05,29.2L359,310.35l50.13,148.53A16,16,0,0,1,394,480Z'/></svg>
                                  </li>
                                  <li class="active">
                                    <!-- icon -->
                                    <svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill="currentColor" viewBox='0 0 512 512'><path d='M394,480a16,16,0,0,1-9.39-3L256,383.76,127.39,477a16,16,0,0,1-24.55-18.08L153,310.35,23,221.2A16,16,0,0,1,32,192H192.38l48.4-148.95a16,16,0,0,1,30.44,0l48.4,149H480a16,16,0,0,1,9.05,29.2L359,310.35l50.13,148.53A16,16,0,0,1,394,480Z'/></svg>
                                  </li>
                                  <li class="active">
                                    <!-- icon -->
                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 512 512"><path d="M480,208H308L256,48,204,208H32l140,96L118,464,256,364,394,464,340,304Z" style="fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:32px"/><polygon points="256 48 256 364 118 464 172 304 32 208 204 208 256 48"/></svg>
                                  </li>
                                  <li class="text-muted">
                                    <!-- icon -->
                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 512 512"><path d="M480,208H308L256,48,204,208H32l140,96L118,464,256,364,394,464,340,304Z" style="fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:32px"/></svg>
                                  </li>
                                </ul>
                              </div><!-- end rating star -->
                              <div class="d-block text-center">Awesome</div>
                            </div>
                            <div class="col-8 col-md-10">
                              <!-- title -->
                              <h4 class="h5">
                                <span class="font-weight-bold">The Daily Food</span>
                              </h4>
                              <!--description-->
                              <p>The Daily Food is the best and largest restaurant in New York City. We have many branches in California and New York. We have a special menu in Seafood and Chinese Food. We hope you enjoy the service, atmosphere and all the food menus that we serve.</p>
                            </div>
                          </div>
                        </div>
                        <div class="card-body">
                          <!--bars-->
                          <h6 class="card-title">Taste</h6>
                          <div class="progress mb-3">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">70%</div>
                          </div>
                          <h6 class="card-title">Price</h6>
                          <div class="progress mb-3">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">85%</div>
                          </div>
                          <h6 class="card-title">Atmosphere</h6>
                          <div class="progress mb-3">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">75%</div>
                          </div>
                          <h6 class="card-title">Service</h6>
                          <div class="progress mb-3">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">85%</div>
                          </div>
                          <h6 class="card-title">Place</h6>
                          <div class="progress mb-3">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">60%</div>
                          </div>
                        </div>
                      </div>
                      <!-- end Percent review -->
                    </div>
                    <!-- end review -->
                  </div>
                  <!--End Block-->