templates/RatingsReviews/listing.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.         <title>Pimcore Company</title>
  8.         
  9.        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/>
  10.         
  11.         
  12.         {#font awesome cdn link#}
  13.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  14.         
  15.         {#custom css file link#}
  16.         <style>
  17.       .heading{
  18.           margin-top:5px;
  19.       }
  20.       .box-container .box{
  21.           padding:10px;
  22.           text-align:center;
  23.       }
  24.       .box-container .box h2{
  25.       color:#5D5D5D;
  26.       font-size:revert;
  27.       font-style:oblique;
  28.       word-spacing:1px;
  29.       }
  30.       #review_fas{
  31.           padding:10px;
  32.           color:#759698;
  33.       }
  34.       .box-container .box h3{
  35.       font-size:18px;
  36.       color:#132444;
  37.       word-spacing:1px;
  38.       padding:4px;
  39.       }
  40.       .box-container .box p{
  41.       font-size:13px;
  42.       color:#6B7381;
  43.       word-spacing:1px;
  44.       }
  45.       #designation{
  46.       color:#164293;
  47.       font-size:12px;
  48.       word-spacing:1px;
  49.       }
  50.       
  51.       
  52. </style>
  53.         
  54.     </head>
  55.     <body>
  56.         
  57.         {#header section starts#}
  58.         {% include 'includes/company-home-header.html.twig' %}
  59.     
  60.         {#header section ends#}
  61.         
  62.         {#article section starts#}
  63.         
  64.         <section class="articles_reviews articles" id="reviews">
  65.             <h1 class="heading"><span>Reviews</span></h1>
  66.             <div class="box-container">
  67.                 {% for repos in ReviewsAndRatings %}
  68.                 <div class="box">
  69.                     <i class="fas fa-user" style="font-size:10rem; text-align:center" id="review_fas"></i>
  70.                     <h3>{{repos.companies}}</h3>
  71.                     <p>{{repos.writeReview}}</p>
  72.                     {% if repos.name|length %}
  73.                     <h2>Reviewer's Name: {{repos.name}}</h2>
  74.                     {% endif %}
  75.                     {% if repos.designation|length %}
  76.                     <p id="designation">{{repos.designation}}</p>
  77.                     {% endif %}
  78.                       <h3> {{repos.rating}}</h3>
  79.                       
  80.                       <div class="d-flex" style="color: orange;">
  81.                             {% for i in range(0, 4) %}
  82.                                 {% if repos.rating - i >= 0.8 %}
  83.                                     <i class="fas fa-star"></i>
  84.                                 {% elseif repos.rating - i <= 0.2 %}
  85.                                     <i class="far fa-star"></i>
  86.                                 {% else %}
  87.                                     <i class="fas fa-star-half-alt"></i>
  88.                                 {% endif %}
  89.                             {% endfor %}
  90.                                 {#<span class="ps-1">{{repos.rating}}</span>#}
  91.                             </div>
  92.                       
  93.                       {#rating looping section ends#}
  94.                     
  95.                    
  96.                 </div>
  97.                {% endfor %} 
  98.             </div>
  99.         </section>
  100.         
  101.         {#article section ends#}
  102.         
  103.         
  104.         {#footer section starts#}
  105.         
  106.         {% include 'includes/company-footer.html.twig' %}
  107.         
  108.         {#footer section ends#}
  109.         
  110.         {#custom js file link#}
  111.         {#<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>#}
  112.         {#<script>#}
  113.             
  114.             
  115.         {#    let navbar = document.querySelector('.navbar');#}
  116.         {#    document.querySelector('#menu-btn').onclick = () => {#}
  117.         {#        navbar.classList.toggle('active');#}
  118.         {#        searchForm.classList.remove('active');#}
  119.         {#        shoppingCart.classList.remove('active');#}
  120.         {#        loginForm.classList.remove('active');#}
  121.         {#    }#}
  122.             
  123.         {#    window.onscroll = () =>{#}
  124.         {#        searchForm.classList.remove('active');#}
  125.         {#        shoppingCart.classList.remove('active');#}
  126.         {#        loginForm.classList.remove('active');#}
  127.         {#        navbar.classList.remove('active');#}
  128.         {#    }#}
  129.             
  130.         {#    var swiper = new Swiper(".review-slider",{#}
  131.         {#        loop:true,#}
  132.         {#        spaceBetween: 20,#}
  133.         {#        autoplay: {#}
  134.         {#            delay: 7500,#}
  135.         {#            disableOnInteraction: false,#}
  136.         {#        },#}
  137.         {#        centeredSlides: true,#}
  138.         {#        breakpoints: {#}
  139.         {#            0: {#}
  140.         {#                slidePreview: 1,#}
  141.         {#            },#}
  142.         {#            768: {#}
  143.         {#                slidesPerView: 2,#}
  144.         {#            },#}
  145.         {#            1024: {#}
  146.         {#                slidesPerView: 3,#}
  147.         {#            },#}
  148.         {#        },#}
  149.         {#    });#}
  150.             
  151.         {#</script>#}
  152.     </body>
  153.     </html>