templates/services/details.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.     <style type="text/css">
  6.         .owl-prev {
  7.             left: 20px;
  8.             top: 0;
  9.             position: absolute;
  10.             font-size: 24px !important;
  11.             bottom: 0;
  12.             height: 100px;
  13.             margin: auto;
  14.         }
  15.         .owl-next {
  16.             right: 20px;
  17.             top: 0;
  18.             position: absolute;
  19.             font-size: 24px !important;
  20.             bottom: 0;
  21.             height: 100px;
  22.             margin: auto;
  23.         }
  25.         .section-title {
  26.             margin: 0;
  27.         }
  28.     </style>
  30.     <!-- Start Page Title Area -->
  31.     <div class="page-title-area page-title-bg2">
  32.         <div class="d-table">
  33.             <div class="d-table-cell">
  34.                 <div class="container">
  35.                     <div class="page-title-content">
  36.                         <h2>Buy {{ ((current_sub_service.Name | lower)) | trans }}</h2>
  37.                         <p class="text-white">No spam, no fake followers, no bots. Just pure organic growth powered by our cutting edge Artificial Intelligence technology.</p>
  38.                     </div>
  39.                 </div>
  40.             </div>
  41.         </div>
  43.         {# {% include 'partials/shapes/'~(current_service.SocialNetwork | lower)~'-shapes.html.twig' %} #}
  44.     </div>
  45.     <!-- End Page Title Area -->
  47.     {% macro truncate_to_two_decimals(number) %}
  48.         {% set integer_part = number | round(0, 'floor') %}
  49.         {% set decimal_part = ((number - integer_part) * 100) | round(0, 'floor') %}
  50.         {{ integer_part }}.{{ "%02d"|format(decimal_part) }}
  51.     {% endmacro %}
  53.     {% import _self as utils %}
  54.     
  55.     <section class="pricing-area" style="padding-top: 50px">
  56.         <div class="container">
  57.             <div class="section-title">
  58.                 <span class="sub-title">Offers</span>
  59.                 <h2>Take advantage of the best offers of {{current_sub_service.Name}}</h2>
  60.             </div>
  61.             <div class="offers-slides owl-carousel owl-theme">
  62.                 {% for offer in current_sub_service.offers %}
  63.                     <div class="single-pricing-box">
  64.                         <div class="ribbon ribbon-top-right"><span>{{offer.Discount}}% OFF</span></div>
  65.                         
  66.                         <div class="pricing-header">
  67.                             <h3>
  68.                                 <span>{{offer.Offer}}</span>
  69.                             </h3>
  70.                         </div>
  71.                         <div class="price">
  72.                             <sub class="text-decoration-line-through">
  73.                                 {{get_currency()}}{{utils.truncate_to_two_decimals(offer.Price * (1 + (offer.Discount / 100)))}}
  74.                             </sub>
  75.                             {{get_currency()}}{{offer.Price}}
  76.                         </div>
  77.                         <div class="price">
  78.                             <sub style="font-size: 20px;color: #de223e;"><b>{{offer.Quantity}}</b> {{current_sub_service.Text}}</sub>
  79.                         </div>
  81.                         <div class="button">
  82.                             <a class="w-100 d-inline-block" href="{{path('order_sub_service', {Service: current_service.Text,SubService: current_sub_service.Text, IDSN: current_service.IDSN, IDGService: current_sub_service.IDGService, IDService: offer.IDService})}}">Get Started</a>
  83.                         </div>
  84.                         <ul class="price-features-list" style="border-bottom: none;">
  85.                             <li><i class="fa fa-user-plus"></i> {{current_sub_service.proprety1txt}}</li>
  86.                             <li><i class="fa fa-clock"></i> {{current_sub_service.proprety2txt}}</li>
  87.                             <li><i class="{{current_sub_service.proprety3css}}"></i> {{current_sub_service.proprety3txt}}</li>
  88.                             <li><i class="{{current_sub_service.proprety4css}}"></i> {{current_sub_service.proprety4txt}}</li>
  89.                             <li><i class="fa fa-circle-question"></i> {{current_sub_service.proprety5txt}}</li>
  90.                             <li><i class="{{current_sub_service.proprety6css}}"></i> {{current_sub_service.proprety6txt}}</li>
  91.                         </ul>
  92.                         
  93.                     </div>
  94.                 {% endfor %}
  95.             </div>
  96.         </div>
  97.     </section>
  99. {% endblock %}