templates/Loyalty Program/loyalty-program.html.twig line 1

Open in your IDE?
  1. {% extends "layout/layout.html.twig" %}
  3. {# {% block title %}GFS::Loyalty Program{% endblock %} #}
  5. {% block content %}
  7.     <!--Start Main Slider-->
  8.     <section class="main-slider-section loyalty-program-banner-section">
  9.         <div class="container container-lg">
  10.             <div class="custom-slider singal-slider main-slider loyalty-slider">
  11.                 <div class="slide">
  12.                     <div class="slide-media slide-media-desktop">
  13.                         <video
  14.                             poster="{{loyaltybannerspotlight.sliders[0].slider_image.data}}">
  15.                             {# <source src="/static/assets/videos/oceans.mp4" type="video/mp4"> #}
  16.                             Your browser does not support the video tag.
  17.                         </video>
  18.                     </div>
  19.                     <div class="slide-media slide-media-mobile">
  20.                         <video
  21.                             poster="{{loyaltybannerspotlight.sliders[0].slider_image_mobile.data}}">
  22.                             {# <source src="/static/assets/videos/oceans.mp4" type="video/mp4"> #}
  23.                             Your browser does not support the video tag.
  24.                         </video>
  25.                     </div>
  26.                     <div class="silde-content-box">
  27.                         <div class="slide-content">
  29.                             <h1>
  30.                                 <span class="title-sm d-block">
  31.                                     {{ loyaltybannerspotlight.sliders[0].localizedfields.data.getLocalizedValue('heading')}}</span>
  32.                                 <span class="title-lg underline-end">{{ loyaltybannerspotlight.sliders[0].localizedfields.data.getLocalizedValue('heading1')}}</span>
  33.                             </h1>
  35.                             {# <h3 class="title-lg">you <u>deserve</u></h3> #}
  36.                             <div
  37.                                 class="control-options">{# <i class="fas fa-play-circle"></i>
  38.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   <i class="fas fa-pause-circle"></i> #}
  39.                             </div>
  40.                         </div>
  41.                     </div>
  43.                 </div>
  45.                 {# <div class="slide d-none">
  46.                                                                                                                                                                                                                                                                                                                                             <div class="slide-media">
  47.                                                                                                                                                                                                                                                                                                                                               <video poster="/static/assets/images/main-banner01.png">
  48.                                                                                                                                                                                                                                                                                                                                                 <source src="/static/assets/videos/oceans.mp4" type="video/mp4">
  49.                                                                                                                                                                                                                                                                                                                                                 Your browser does not support the video tag.
  50.                                                                                                                                                                                                                                                                                                                                               </video>
  51.                                                                                                                                                                                                                                                                                                                                             </div>
  52.                                                                                                                                                                                                                                                                                                                                 
  53.                                                                                                                                                                                                                                                                                                                                             <div class="silde-content-box">
  54.                                                                                                                                                                                                                                                                                                                                               <div class="slide-content">
  55.                                                                                                                                                                                                                                                                                                                                                 <h4 class="title-sm">We reward you for everything</h4>
  56.                                                                                                                                                                                                                                                                                                                                                 <h3 class="title-lg">you do <u>for us</u></h3>
  57.                                                                                                                                                                                                                                                                                                                                                 <div class="control-options">
  58.                                                                                                                                                                                                                                                                                                                                                   <i class="fas fa-play-circle"></i>
  59.                                                                                                                                                                                                                                                                                                                                                   <i class="fas fa-pause-circle"></i>
  60.                                                                                                                                                                                                                                                                                                                                                 </div>
  61.                                                                                                                                                                                                                                                                                                                                               </div>
  62.                                                                                                                                                                                                                                                                                                                                             </div>
  63.                                                                                                                                                                                                                                                                                                                                           </div> #}
  65.             </div>
  66.         </div>
  67.     </section>
  68.     <!--End Main Slider-->
  70.     <!--Start Main training search-->
  71.     <section class="bread-crumbs-section">
  72.         <div class="container container-lg">
  73.             <div class="bread-crumbs-section-box">
  74.                 <div class="breadcrumb-holder">
  75.                     <ol class="breadcrumb">
  76.                         <li class="breadcrumb-item">
  77.                             <a href="/{{app.request.locale}}">{{'Home'|trans}}</a>
  78.                         </li>
  79.                         <li class="breadcrumb-item">
  80.                             <a href="javascript:void(0);">{{'Loyalty Program'|trans}}</a>
  81.                         </li>
  82.                     </ol>
  83.                 </div>
  84.             </div>
  85.         </div>
  86.     </section>
  87.     <!--End Main training search-->
  89.     <!--Start Info Media-->
  90.     <section class="info-media loyalty-program-box position-bg-img loyalty-program-sec-one">
  91.         <div class="container container-sm">
  92.             <div class="info-section">
  93.                 <h5>{{'Welcome, let’s earn some reward '|trans}}!</h5>
  94.                 <h4>{{loyaltyProgramhomepage.heading}}</h4>
  95.                 <h3>{{loyaltyProgramhomepage.heading1}}</h3>
  96.                 <ul class="list-unstyled recipe-info d-none">
  97.                     <li class="share-white">Share</li>
  98.                     <li class="like-white">Like</li>
  99.                     <li class="save-white">Save</li>
  100.                 </ul>
  101.                 <p>{{loyaltyProgramhomepage.description}}</p>
  102.                 <ul class="list-unstyled step-account">
  103.                     <li>
  104.                         <div class="step">
  105.                             <div class="step-no">{{'Step'|trans}}
  106.                                 01</div>
  107.                             <div class="step-image">
  108.                                 <img src="/static/assets/images/account.png" alt="account-user">
  109.                             </div>
  110.                             <div class="step-content">{{'Create an account'|trans}}</div>
  111.                         </div>
  112.                     </li>
  113.                     <li>
  114.                         <div class="step">
  115.                             <div class="step-no">{{'Step'|trans}}
  116.                                 02</div>
  117.                             <div class="step-image">
  118.                                 <img src="/static/assets/images/place-order.png" alt="account-user">
  119.                             </div>
  120.                             <div class="step-content">{{'Place and order online'|trans}}</div>
  121.                         </div>
  122.                     </li>
  123.                     <li>
  124.                         <div class="step">
  125.                             <div class="step-no">{{'Step'|trans}}
  126.                                 03</div>
  127.                             <div class="step-image">
  128.                                 <img src="/static/assets/images/reward-box.png" alt="account-user">
  129.                             </div>
  130.                             <div class="step-content">{{'Reward with loyalty program '|trans}}</div>
  131.                         </div>
  132.                     </li>
  133.                 </ul>
  134.                 <div class="newsletter-subscribe">
  135.                     <h4 class="cstsmLP">"{{'Coming Soon'|trans}}"</h4>
  136.                 </div>
  137.                 <div class="btn-holder">
  138.                     {% if app.session.get('loginUserName') is null %}
  139.                         <div class="btn-border d-none">
  140.                             <a href="/{{app.request.locale}}/signup" class="btn btn-custom btn-lg-o-white">{{'Signup Today'|trans}}!</a>
  141.                         </div>
  143.                     {% endif %}
  144.                     <div class="btn-border d-none">
  145.                         <a href="#faqs" class="btn btn-custom btn-lg-o-white">{{"FAQ's"|trans}}</a>
  146.                     </div>
  147.                 </div>
  148.             </div>
  150.             <div class="media-section slide-media-desktop">
  151.                 <video
  152.                     poster="{{loyaltyProgramhomepage.image}}">
  153.                     {# <source src="/static/assets/videos/oceans.mp4" type="video/mp4"> #}
  154.                     Your browser does not support the video tag.
  155.                 </video>
  156.                 <div
  157.                     class="control-options">{# <i class="fas fa-play-circle"></i>
  158.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <i class="fas fa-pause-circle"></i> #}
  159.                 </div>
  160.             </div>
  162.             <div class="media-section slide-media-mobile">
  163.                 <video
  164.                     poster="/static/assets/images/2nd-section-image-mobile.jpg">
  165.                     {# <source src="/static/assets/videos/oceans.mp4" type="video/mp4"> #}
  166.                     Your browser does not support the video tag.
  167.                 </video>
  168.                 <div
  169.                     class="control-options">{# <i class="fas fa-play-circle"></i>
  170.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <i class="fas fa-pause-circle"></i> #}
  171.                 </div>
  172.             </div>
  174.         </div>
  175.         {% include "layout/baseimage.html.twig" %}
  176.     </section>
  177.     <!--End Info Media-->
  179.     <!--Start training area Media-->
  180.     <section class="training-area training-area-loyalty">
  181.         <div class="training-area-media training-area-slider">
  182.             <div class="training-area-media-content">
  183.                 <h5>{{'Loyalty Program'|trans}}</h5>
  184.                 <h4>{{loyaltyProgramhomepage.head}}</h4>
  185.                 <p>{{loyaltyProgramhomepage.desc}}</p>
  186.                 <ul class="list-unstyled earn-point">
  187.                     <li class="earn-point-ways">
  188.                         <div class="icon">
  189.                             <img src="/static/assets/images/Purchase.png" alt="shopping-cart">
  190.                         </div>
  191.                         <div class="content">
  192.                             {{'Purchase'|trans}}
  193.                         </div>
  194.                     </li>
  195.                     <li class="earn-point-ways">
  196.                         <div class="icon">
  197.                             <img src="/static/assets/images/Training1.png" alt="shopping-cart">
  198.                         </div>
  199.                         <div class="content">
  200.                             {{'Training'|trans}}
  201.                         </div>
  202.                     </li>
  203.                     <li class="earn-point-ways">
  204.                         <div class="icon">
  205.                             <img src="/static/assets/images/upload.png" alt="shopping-cart">
  206.                         </div>
  207.                         <div class="content">
  208.                             {{'upload'|trans}}
  209.                         </div>
  210.                     </li>
  211.                     <li class="earn-point-ways">
  212.                         <div class="icon">
  213.                             <img src="/static/assets/images/Refer.png" alt="shopping-cart">
  214.                         </div>
  215.                         <div class="content">
  216.                             {{'Refer'|trans}}
  217.                         </div>
  218.                     </li>
  219.                     <li class="earn-point-ways">
  220.                         <div class="icon">
  221.                             <img src="/static/assets/images/Like&Share.png" alt="shopping-cart">
  222.                         </div>
  223.                         <div class="content">
  224.                             {{'Like/Share'|trans}}
  225.                         </div>
  226.                     </li>
  227.                     <li class="earn-point-ways">
  228.                         <div class="icon">
  229.                             <img src="/static/assets/images/Tools.png" alt="shopping-cart">
  230.                         </div>
  231.                         <div class="content">
  232.                             {{'Tools'|trans}}
  233.                         </div>
  234.                     </li>
  235.                     <li class="earn-point-ways">
  236.                         <div class="icon">
  237.                             <img src="/static/assets/images/Save-&-Print.png" alt="shopping-cart">
  238.                         </div>
  239.                         <div class="content">
  240.                             {{'Save/Print'|trans}}
  241.                         </div>
  242.                     </li>
  243.                     <li class="earn-point-ways">
  244.                         <div class="icon">
  245.                             <img src="/static/assets/images/comments.png" alt="shopping-cart">
  246.                         </div>
  247.                         <div class="content">
  248.                             {{'Comments'|trans}}
  249.                         </div>
  250.                     </li>
  251.                 </ul>
  252.                 <div class="newsletter-subscribe">
  253.                     <h4 class="cstsmLP">"{{'Coming Soon'|trans}}"</h4>
  254.                 </div>
  255.                 <div class="btn-holder">
  257.                     <div class="btn-holder btn-border d-none">
  258.                         <a href="#faqs" class="btn btn-custom btn-lg-o-white">{{"FAQ's"|trans}}</a>
  259.                     </div>
  260.                 </div>
  261.             </div>
  262.             <div class="training-area-slide-wrapper">
  263.                 <div class="product-area product-slider">
  264.                     {% for slider in loyaltyProgramhomepage.ways_slider %}
  265.                         <div class="product-area-item">
  266.                             <div class="product-area-item-image">
  267.                                 <img src="{{slider.ways_slider_image.data}}" alt="product-img">
  268.                             </div>
  270.                             <div class="product-area-item-content">
  271.                                 <h5>{{slider.localizedfields.data.getLocalizedValue('ways_head_1')}}</h5>
  272.                                 <h4>{{slider.localizedfields.data.getLocalizedValue('ways_head_2')}}</h4>
  273.                                 <p>{{slider.localizedfields.data.getLocalizedValue('ways_desc')}}</p>
  274.                                 <div class="slider-btn-box">
  275.                                     <a href="javascript:void(0)" class="custom-btn">
  276.                                         <span>{{'Your Earn'|trans}}</span>
  277.                                         <span>{{'1 SAR = 1 Reward Point'|trans}}</span>
  278.                                     </a>
  279.                                 </div>
  280.                             </div>
  281.                         </div>
  282.                     {% endfor %}
  283.                 </div>
  284.             </div>
  285.         </div>
  286.     </section>
  287.     <!--End training area Media-->
  289.     <!--Start GFS Loyalty Program-->
  290.     {{ 
  291.         pimcore_areablock("content-loyalty", {
  292.         "allowed": ["loyalty-banner"],
  294.         })
  295.     }}
  296.     {% if loyaltybanner.sliders[0] is defined %}
  297.         <section class="info-media loyalty-program loyalty-program-inner loyalty-program-sec-two d-none">
  298.             <div class="container container-sm">
  299.                 <div class="info-section">
  300.                     <h5>{{'Loyalty Program'|trans}}</h5>
  301.                     <h4>{{ loyaltybanner.sliders[0].localizedfields.data.getLocalizedValue('heading')}}</h4>
  302.                     <h3>{{ loyaltybanner.sliders[0].localizedfields.data.getLocalizedValue('heading1')}}</h3>
  303.                     <p>{{ loyaltybanner.sliders[0].localizedfields.data.getLocalizedValue('description')}}</p>
  306.                     <div class="btn-holder">
  307.                         <div class="btn-border d-none">
  308.                             <a href="javascript:void(0)" class="btn btn-custom btn-green">{{'Discover More'|trans}}</a>
  309.                         </div>
  310.                         <div class="newsletter-subscribe">
  311.                             <h4 class="cstsmLP">"{{'Coming Soon'|trans}}"</h4>
  312.                         </div>
  314.                         {% if app.session.get('loginUserName') is null %}
  315.                             <div class="btn-border btn-border-black d-none">
  316.                                 <a href="/{{app.request.locale}}/signup" class="btn btn-custom btn-lg-o-black">{{'Sign-up Now'|trans}}!</a>
  317.                             </div>
  318.                         {% endif %}
  319.                     </div>
  320.                 </div>
  321.                 {% if loyaltybanner.sliders[0].slider_image  %}
  322.                     <div class="media-section">
  323.                         <img src="{{loyaltybanner.sliders[0].slider_image.data}}" alt="loyaltybanner slider">
  324.                     </div>
  325.                 {% endif %}
  326.             </div>
  327.         </section>
  328.     {% endif %}
  329.     <!--End GFS Loyalty Program-->
  331.     <!--Start Reedeam Points-->
  332.     <section class="loyalty-point-section top-bottom loyaltyProgram">
  333.         <div class="container container-lg">
  334.             <div class="loyalty-point-bannar">
  335.                 <div class="loyalty-point-bannar-item">
  336.                     <div class="loyalty-point-bannar-item-image slide-media-desktop">
  337.                         <figure class="loyalty-point-bannar-item-image-wrapper">
  338.                             <img src="{{loyaltyProgramhomepage.main_image}}" alt="loyalty-banner">
  339.                         </figure>
  340.                     </div>
  341.                     <div class="loyalty-point-bannar-item-image slide-media-mobile">
  342.                         <figure class="loyalty-point-bannar-item-image-wrapper">
  343.                             <img src="{{loyaltyProgramhomepage.main_image_mobile}}" alt="loyalty-banner">
  344.                         </figure>
  345.                     </div>
  346.                     <div class="loyalty-point-bannar-item-content">
  347.                         <div class="loyalty-point-bannar-item-content-box">
  348.                             <h5>{{'Get reward'|trans}}</h5>
  349.                             <h3 class="text-white">{{loyaltyProgramhomepage.reward_head}}</h3>
  350.                             <p>{{loyaltyProgramhomepage.reward_desc}}</p>
  351.                             <ul class="list-unstyled step-account">
  352.                                 <li>
  353.                                     <div class="step">
  354.                                         <div class="step-no">{{'Step'|trans}}
  355.                                             01</div>
  356.                                         <div class="step-image">
  357.                                             <img src="/static/assets/images/login-white.png" alt="account-user">
  358.                                         </div>
  359.                                         <div class="step-content">{{'Login'|trans}}</div>
  360.                                     </div>
  361.                                 </li>
  362.                                 <li>
  363.                                     <div class="step">
  364.                                         <div class="step-no">{{'Step'|trans}}
  365.                                             02</div>
  366.                                         <div class="step-image">
  367.                                             <img src="/static/assets/images/place-order-white.png" alt="account-user">
  368.                                         </div>
  369.                                         <div class="step-content">{{'Check points balance'|trans}}</div>
  370.                                     </div>
  371.                                 </li>
  372.                                 <li>
  373.                                     <div class="step">
  374.                                         <div class="step-no">{{'Step'|trans}}
  375.                                             03</div>
  376.                                         <div class="step-image">
  377.                                             <img src="/static/assets/images/reward-box-white.png" alt="account-user">
  378.                                         </div>
  379.                                         <div class="step-content">{{'Add to cart & checkout'|trans}}</div>
  380.                                     </div>
  381.                                 </li>
  382.                             </ul>
  383.                             <div class="newsletter-subscribe">
  384.                                 <h4 class="cstsmLP">"{{'Coming Soon'|trans}}"</h4>
  385.                             </div>
  386.                             <div class="btn-holder">
  388.                                 <div class="btn-holder btn-border d-none">
  389.                                     <a href="/{{app.request.locale}}/loyalty-program-catalog/" class="btn btn-custom btn-lg-o-white">{{'Explore Catalogue'|trans}}</a>
  390.                                 </div>
  391.                             </div>
  392.                         </div>
  393.                     </div>
  395.                 </div>
  396.             </div>
  397.         </div>
  398.     </section>
  399.     <!--End GFS Loyalty Program-->
  401.     <!--Start Reedeam Points-->
  402.     <section class="faq-section d-none" id="faqs">
  403.         <div class="container container-sm">
  404.             <div class="faq">
  405.                 <h2 class="heading">FAQ’s</h2>
  406.                 <div class="row">
  407.                     <div class="col-md-4">
  408.                         <div class="faq-box">
  409.                             <div class="faq-box-content">
  410.                                 Lorem Epsum Lorem Epsum Lorem Epsum Lorem  Epsum Lorem Epsum Lorem?
  411.                             </div>
  412.                             <div class="faq-box-btn">
  413.                                 <a href="javascript:void(0)" class="faq-box-btn-anchor">
  414.                                     <span class="btn-box">
  415.                                         <img src="/static/assets/images/minus-square.png" alt="minus square">
  416.                                     </span>
  417.                                 </a>
  418.                             </div>
  419.                         </div>
  420.                     </div>
  421.                     <div class="col-md-4">
  422.                         <div class="faq-box">
  423.                             <div class="faq-box-content">
  424.                                 Lorem Epsum Lorem Epsum Lorem Epsum Lorem  Epsum Lorem Epsum Lorem?
  425.                             </div>
  426.                             <div class="faq-box-btn">
  427.                                 <a href="javascript:void(0)" class="faq-box-btn-anchor">
  428.                                     <span class="btn-box">
  429.                                         <img src="/static/assets/images/minus-square.png" alt="minus square">
  430.                                     </span>
  431.                                 </a>
  432.                             </div>
  433.                         </div>
  434.                     </div>
  435.                     <div class="col-md-4">
  436.                         <div class="faq-box">
  437.                             <div class="faq-box-content">
  438.                                 Lorem Epsum Lorem Epsum Lorem Epsum Lorem  Epsum Lorem Epsum Lorem?
  439.                             </div>
  440.                             <div class="faq-box-btn">
  441.                                 <a href="javascript:void(0)" class="faq-box-btn-anchor">
  442.                                     <span class="btn-box">
  443.                                         <img src="/static/assets/images/minus-square.png" alt="minus square">
  444.                                     </span>
  445.                                 </a>
  446.                             </div>
  447.                         </div>
  448.                     </div>
  449.                     <div class="col-md-4">
  450.                         <div class="faq-box">
  451.                             <div class="faq-box-content">
  452.                                 Lorem Epsum Lorem Epsum Lorem Epsum Lorem  Epsum Lorem Epsum Lorem?
  453.                             </div>
  454.                             <div class="faq-box-btn">
  455.                                 <a href="javascript:void(0)" class="faq-box-btn-anchor">
  456.                                     <span class="btn-box">
  457.                                         <img src="/static/assets/images/minus-square.png" alt="minus square">
  458.                                     </span>
  459.                                 </a>
  460.                             </div>
  461.                         </div>
  462.                     </div>
  463.                     <div class="col-md-4">
  464.                         <div class="faq-box">
  465.                             <div class="faq-box-content">
  466.                                 Lorem Epsum Lorem Epsum Lorem Epsum Lorem  Epsum Lorem Epsum Lorem?
  467.                             </div>
  468.                             <div class="faq-box-btn">
  469.                                 <a href="javascript:void(0)" class="faq-box-btn-anchor">
  470.                                     <span class="btn-box">
  471.                                         <img src="/static/assets/images/minus-square.png" alt="minus square">
  472.                                     </span>
  473.                                 </a>
  474.                             </div>
  475.                         </div>
  476.                     </div>
  477.                     <div class="col-md-4">
  478.                         <div class="faq-box">
  479.                             <div class="faq-box-content">
  480.                                 Lorem Epsum Lorem Epsum Lorem Epsum Lorem  Epsum Lorem Epsum Lorem?
  481.                             </div>
  482.                             <div class="faq-box-btn">
  483.                                 <a href="javascript:void(0)" class="faq-box-btn-anchor">
  484.                                     <span class="btn-box">
  485.                                         <img src="/static/assets/images/minus-square.png" alt="minus square">
  486.                                     </span>
  487.                                 </a>
  488.                             </div>
  489.                         </div>
  490.                     </div>
  491.                     <div class="col-md-4">
  492.                         <div class="faq-box">
  493.                             <div class="faq-box-content">
  494.                                 Lorem Epsum Lorem Epsum Lorem Epsum Lorem  Epsum Lorem Epsum Lorem?
  495.                             </div>
  496.                             <div class="faq-box-btn">
  497.                                 <a href="javascript:void(0)" class="faq-box-btn-anchor">
  498.                                     <span class="btn-box">
  499.                                         <img src="/static/assets/images/minus-square.png" alt="minus square">
  500.                                     </span>
  501.                                 </a>
  502.                             </div>
  503.                         </div>
  504.                     </div>
  505.                     <div class="col-md-4">
  506.                         <div class="faq-box">
  507.                             <div class="faq-box-content">
  508.                                 Lorem Epsum Lorem Epsum Lorem Epsum Lorem  Epsum Lorem Epsum Lorem?
  509.                             </div>
  510.                             <div class="faq-box-btn">
  511.                                 <a href="javascript:void(0)" class="faq-box-btn-anchor">
  512.                                     <span class="btn-box">
  513.                                         <img src="/static/assets/images/minus-square.png" alt="minus square">
  514.                                     </span>
  515.                                 </a>
  516.                             </div>
  517.                         </div>
  518.                     </div>
  519.                     <div class="col-md-4">
  520.                         <div class="faq-box">
  521.                             <div class="faq-box-content">
  522.                                 Lorem Epsum Lorem Epsum Lorem Epsum Lorem  Epsum Lorem Epsum Lorem?
  523.                             </div>
  524.                             <div class="faq-box-btn">
  525.                                 <a href="javascript:void(0)" class="faq-box-btn-anchor">
  526.                                     <span class="btn-box">
  527.                                         <img src="/static/assets/images/minus-square.png" alt="minus square">
  528.                                     </span>
  529.                                 </a>
  530.                             </div>
  531.                         </div>
  532.                     </div>
  533.                     <div class="col-md-4">
  534.                         <div class="faq-box">
  535.                             <div class="faq-box-content">
  536.                                 Lorem Epsum Lorem Epsum Lorem Epsum Lorem  Epsum Lorem Epsum Lorem?
  537.                             </div>
  538.                             <div class="faq-box-btn">
  539.                                 <a href="javascript:void(0)" class="faq-box-btn-anchor">
  540.                                     <span class="btn-box">
  541.                                         <img src="/static/assets/images/minus-square.png" alt="minus square">
  542.                                     </span>
  543.                                 </a>
  544.                             </div>
  545.                         </div>
  546.                     </div>
  547.                     <div class="col-md-4">
  548.                         <div class="faq-box">
  549.                             <div class="faq-box-content">
  550.                                 Lorem Epsum Lorem Epsum Lorem Epsum Lorem  Epsum Lorem Epsum Lorem?
  551.                             </div>
  552.                             <div class="faq-box-btn">
  553.                                 <a href="javascript:void(0)" class="faq-box-btn-anchor">
  554.                                     <span class="btn-box">
  555.                                         <img src="/static/assets/images/minus-square.png" alt="minus square">
  556.                                     </span>
  557.                                 </a>
  558.                             </div>
  559.                         </div>
  560.                     </div>
  561.                     <div class="col-md-4">
  562.                         <div class="faq-box">
  563.                             <div class="faq-box-content">
  564.                                 Lorem Epsum Lorem Epsum Lorem Epsum Lorem  Epsum Lorem Epsum Lorem?
  565.                             </div>
  566.                             <div class="faq-box-btn">
  567.                                 <a href="javascript:void(0)" class="faq-box-btn-anchor">
  568.                                     <span class="btn-box">
  569.                                         <img src="/static/assets/images/minus-square.png" alt="minus square">
  570.                                     </span>
  571.                                 </a>
  572.                             </div>
  573.                         </div>
  574.                     </div>
  575.                 </div>
  576.             </div>
  577.         </div>
  578.     </section>
  579.     <!--End GFS Loyalty Program-->
  580.     {% if (app.request.locale =='ar') %}
  581.         {% set topMenu ="/en/loyalty-program" %}
  582.     {% else %}
  583.         {% set topMenu ="/ar/loyalty-program" %}
  584.     {% endif %}
  585.     <script>
  586.         var _TopMenuLink = "{{ topMenu }}";
  587.     </script>
  588. {% endblock %}