templates/Informations/aboutus.html.twig line 1

Open in your IDE?
  1. {% extends "layout/layout.html.twig" %}
  3. {# {% block title %}GFS::About US{% endblock %} #}
  5. {% block content %}
  7. <!--Start Wrapper-->
  8. <!--Start Main Slider-->
  9.     <section class="main-slider-section"> <div class="container container-lg">
  10.         <div class="custom-slider singal-slider main-slider">
  11.             {% if not editmode  %}
  13.                 {% for i in pimcore_block('contentblock').iterator %}
  14.                     <div class="slide">
  15.                         <div
  16.                             class="slide-media slide-media-desktop">
  17.                             {# <video
  18.                                 poster="{{about_slide.slider_image.data}}">
  19.                                 <source src="{{about_slide.slider_video.data.data}}" type="video/mp4" />
  20.                                 Your browser does not support the video tag.
  21.                             </video> #}
  22.                             {{ pimcore_video('aboutus-banner-Video-desktop' , {attributes: {'controls': 'audio','controlsList':"nodownload",'autoplay':'true','loop':'true','muted':'','preload': 'auto','playsinline':'true',}}) }}
  23.                         </div>
  25.                         <div class="slide-media slide-media-mobile">
  26.                             {{ pimcore_video('aboutus-banner-Video-mobile' , {attributes: {'controls': 'audio' ,'controlsList':"nodownload",'autoplay':'true','loop':'true','muted':'','preload': 'auto','playsinline':'true',}}) }}
  27.                             {# <video
  28.                                 poster="{{about_slide.slider_image_mobile.data}}">
  29.                                 <source src="{{about_slide.slider_video.data.data}}" type="video/mp4" />
  30.                                 Your browser does not support the video tag.
  31.                             </video> #}
  32.                         </div>
  34.                         {# <div class="silde-content-box">
  35.                             <div class="slide-content">
  36.                                 <h4 class="title-sm mb-5">{{ pimcore_input('subline1') }}</h4>
  37.                                 <h3 class="title-lg underline-end">{{ pimcore_input('subline2') }}</h3>
  38.                                 <div class="control-options">
  39.                                     <i class="fas fa-play-circle"></i>
  40.                                     <i class="fas fa-pause-circle"></i>
  41.                                 </div>
  42.                                 <a href="javascript:void(0)" class="btn btn-custom btn-overlay">{{'Start Your Journey'|trans}}</a>
  43.                             </div>
  44.                         </div> #}
  45.                     </div>
  47.                 {% endfor %}
  48.             {% endif %}
  51.         </div>
  52.     </div>
  54.     {% if editmode  %}
  56.         {% for i in pimcore_block('contentblock').iterator %}
  57.             {{ pimcore_input('subline1') }}
  58.             {{ pimcore_input('subline2') }}
  59.             {{'Desktop Video'}}
  60.             {{ pimcore_video('aboutus-banner-Video-desktop', {width: 200,height: 200 ,attributes: {'controls': '','autoplay':'true','loop':'true','muted':'','preload': 'auto','playsinline':'true',}}) }}
  61.             {{'Mobile Video'}}
  62.             {{ pimcore_video('aboutus-banner-Video-mobile', {width: 100,height: 200 ,attributes: {'controls': '','autoplay':'true','loop':'true','muted':'','preload': 'auto','playsinline':'true',}}) }}
  64.         {% endfor %}
  67.     {% endif %}
  68. </section>
  69. <!--End Main Slider-->
  71. <!--Start Main training search-->
  72. <section class="bread-crumbs-section">
  73.     <div class="container container-lg">
  74.         <div class="bread-crumbs-section-box">
  75.             <div class="breadcrumb-holder">
  76.                 <ol class="breadcrumb">
  77.                     <li class="breadcrumb-item">
  78.                         <a href="/{{app.request.locale}}">{{'Home'|trans}}</a>
  79.                     </li>
  80.                     <li class="breadcrumb-item">
  81.                         <a href="javascript:void(0);">{{'about-us'|trans}}</a>
  82.                     </li>
  83.                 </ol>
  84.             </div>
  85.         </div>
  86.     </div>
  87. </section>
  88. <!--End Main training search-->
  90. <!--Start Info Media-->
  91. <section class="training-media-box info-media about-media-sec about-us-info position-bg-img position-bg-aboutus" id="history">
  92.     <div class="container container-sm">
  93.         <div class="info-section about-info-section">
  94.             <h5>{{'History'|trans}}</h5>
  95.             {# <h4>Get started with your</h4> #}
  96.             {# <h3>{{aboutus.heading}}</h3> #}
  97.             <h1>
  98.                 {{ pimcore_input("headling",{
  99.                         "placeholder": "heading"
  100.                 }) }}
  101.             </h1>
  102.             <p>
  103.                 {{ pimcore_textarea("description",{
  104.                     "nl2br": true,
  105.                     "placeholder": "About Description"
  106.                     }) 
  107.                 }}
  108.             </p>
  109.             </br>
  110.             <p>
  111.                 {{ pimcore_textarea("description1",{
  112.                     "placeholder": "About Description1"
  113.                     }) 
  114.                 }}
  115.             </p>
  116.             </br>
  117.             <h2>
  118.                 {{ pimcore_input("headling1",{
  119.                     "placeholder": "heading1"
  120.                 }) }}
  121.             </h2>
  122.             <p>
  123.                 {{ pimcore_textarea("description2",{
  124.                     "placeholder": "About Description2"
  125.                     }) 
  126.                 }}
  127.         <!-- <ul class="list-unstyled recipe-info">
  128.         <li class="mins">60 mins</li>
  129.         <li class="orders">No. Of Orders 8</li>
  130.         <li class="time">Dinner</li>
  131.         </ul> -->
  132.             </p>
  133. </div>
  134.         {% if editmode %}
  135.             {{ pimcore_image("myImage",{
  136.                 "title" : "Drag image for desktop",
  137.                 "width" : 200,
  138.                 "height" : 200,
  139.             
  140.                 
  141.             }) }}
  142.             {{ pimcore_image("mobileImage",{
  143.                 "title" : "Drag image for mobile",
  144.                 "width" : 200,
  145.                 "height" : 200
  147.             }) }}
  148.         {% endif %}
  150. <div class="media-section slide-media-desktop">
  151.     {% if not editmode %}
  152.     {% set thumbnail = pimcore_image("myImage").getThumbnail("") %}
  153.             <video poster="{{ thumbnail }}">
  154.         {# <source src="{{aboutus.banner_video.data}}" type="video/mp4" /> #}
  155.         Your browser does not support the video tag.
  156.     </video>
  157.     {% endif %}
  158.     <div class="control-options">
  159.         {# <i class="fas fa-play-circle"></i>
  160.         <i class="fas fa-pause-circle"></i> #}
  161.     </div>
  162. </div>
  164. <div class="media-section slide-media-mobile">
  165.     {% if not editmode %}
  166.     {% set thumbnail = pimcore_image("mobileImage").getThumbnail("") %}
  167.             <video poster="{{ thumbnail }}">
  168.         {# <source src="{{aboutus.banner_video.data}}" type="video/mp4" /> #}
  169.         Your browser does not support the video tag.
  170.     </video>
  171.     {% endif %}
  172.     <div class="control-options">
  173.         {# <i class="fas fa-play-circle"></i>
  174.         <i class="fas fa-pause-circle"></i> #}
  175.     </div>
  176. </div>
  177. </div>
  178. {% include "layout/baseimage.html.twig" %}
  179. </section>
  180. <!--End Info Media-->
  181. <!--Start Timeline -->
  182. <section class="timeline-section d-none">
  183. <div class="container container-lg">
  184. <div class="timeline-area">
  185.     <ul class="timeline" id="timeline">
  186.         {% for i in 0..aboutus.history|length -1 %}
  187.             {# {{dump(aboutus.history[0].localizedfields.data.getLocalizedValue('year','en'))}} #}
  189.             <li class="{{ (loop.index == 1) ? 'current' : '' }}">
  190.                 <div class="timestamp">
  191.                     <span class="year">{{aboutus.history[i].localizedfields.data.getLocalizedValue('year')}}</span>
  192.                 </div>
  193.                 <div class="status">
  194.                     <div class="status-box">
  195.                         <p>
  196.                             Lorem ipsum dolor sit
  197.                         </p>
  198.                         <p>
  199.                             Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
  200.                         </p>
  201.                     </div>
  202.                 </div>
  203.             </li>
  204.         {% endfor %}
  207.     </ul>
  208. </div>
  209. </div>
  210. </section>
  211. <!--End Timeline -->
  212. <!-- Vision Mission Start -->
  213. <section class="vision-mission-sec" id="vision-mission">
  214. <div class="container container-sm">
  215. <div class="vision-mission">
  216.     <div class="vision-box">
  217.         <h5>{{'Vision'|trans}}</h5>
  218.         {# <h2>{{aboutus.vision_heading}}</h2> #}
  219.         <p>
  220.             {{ pimcore_textarea("vision_description",{
  221.                 "placeholder": "Vision Description"
  222.                 }) 
  223.             }}
  224.         </p>
  225.     </div>
  226.     <div class="mission-box">
  227.         <div class="mission-box-content">
  228.             <h5>{{'Mission'|trans}}</h5>
  229.             {# <h2>{{aboutus.mission_heading}}</h2> #}
  230.             <p>
  231.                 {{ pimcore_textarea("mission_description",{
  232.                     "placeholder": "Mission Description"
  233.                 }) 
  234.                 }}
  235.             </p>
  236.         </div>
  237.     </div>
  238. </div>
  239. </div>
  240. </section>
  241. <!-- Vision Mission End -->
  242. <!-- Values Slider Start -->
  243. <section class="value-slider-sec">
  244. <div class="container container-sm">
  246. <div class="value-slide">
  247.     <div class="custom-slider singal-slider value-slide-roll">
  249.         {% if not editmode %}
  250.             {% for i in pimcore_block('value_block').iterator %}
  251.                 {# {% for j in 0..aboutus.values_block|length -1 %} #}
  252.                     <div class="value-slide-item">
  253.                         <h5>{{'Values'|trans}}</h5>
  254.                         {# <h2>{{'Valuesthatshineinsideout'|trans}}</h2> #}
  255.                         <p>
  256.                             {{ pimcore_textarea("values_description") 
  257.                             }}
  258.                         </p>
  260.                     </div>
  261.             {% endfor %}
  262.         {% endif %}
  265.     </div>
  266. </div>
  267. </div>
  269.         {% if editmode %}
  271.         {{"Values Slider"}}
  272.             {% for i in pimcore_block('value_block').iterator %}
  273.                 {# <h2>{{'Valuesthatshineinsideout'|trans}}</h2> #}
  274.                     {{ pimcore_textarea("values_description",{
  275.                                 "placeholder": "Values Description",
  276.                                 "width":300,
  277.                                 "height":200
  278.                                 }) 
  279.                     }}
  280.                 
  281.             {% endfor %}
  282.         {% endif %}
  283. </section>
  284. <!-- Values Slider End -->
  285. <!-- Meet Chefs Starts -->
  286. <section class="meet-chefs-sec d-none">
  287. <div class="training-area-media training-area-slider">
  288. <div class="training-area-media-content">
  289.     <h5>Meet Our Chefs</h5>
  290.     <h4>Lorem ipsum dolor sit amet.</h4>
  291.     <p>
  292.         Learn Professional Cookery Skills And Get A Diploma In
  293.         Professional Chef Training. Professional chef training Programs
  294.         that offer a guaranteed job placement in the top hospitality
  295.         brands in KSA, and knowledge & skills for entrepreneurs in the
  296.         Food Business.
  297.     </p>
  298.     <div class="btn-holder">
  299.         <div class="btn-holder btn-border">
  300.             <a href="/{{app.request.locale}}/our-professional-chefs" class="btn btn-custom btn-lg-o-white">Explore More</a>
  301.         </div>
  302.     </div>
  303. </div>
  304. <div class="training-area-slide-wrapper">
  305.     <div class="product-area product-slider">
  306.         {% for chef in ourchef %}
  308.             <div class="product-area-item">
  309.                 <div class="product-area-item-image">
  310.                     <img src="{{chef.chef_image}}" alt="product-img"/>
  311.                 </div>
  312.                 <div class="product-area-item-content">
  313.                     <h4>{{chef.chef_name}}</h4>
  314.                     <h5>{{chef.designation}}</h5>
  315.                 </div>
  316.             </div>
  317.         {% endfor %}
  320.     </div>
  321. </div>
  322. </div>
  323. </section>
  324. <!-- Meet Chefs End -->
  325. <!-- Why Buy From us Start -->
  326. <section class="start-tip buy-from-us-sec" id="why-buy-from-us">
  327. {% if editmode %}
  328. {{ pimcore_input('Whybuyfromus') }}
  329. {% for i in pimcore_block('Whybuyfromusblock').iterator %}
  331.     {{ pimcore_input('subline') }}
  332.     {{ pimcore_wysiwyg('content') }}
  333.     {{ pimcore_image("myImage") }}
  335. {% endfor %}{% endif %}<div class="container container-sm">
  336. {% if not editmode %}
  337.     <h2 class="sec-heading">{{ pimcore_input('Whybuyfromus') }}</h2>
  339.     <div class="start-tip-wrapper">
  341.         {% for i in pimcore_block('Whybuyfromusblock').iterator %}
  342.             {% if i % 2 == 0 %}
  344.                 <div
  345.                     class="start-tip-wrapper-item start-tip-wrapper-item-content">
  346.                     {# <h5>Experience</h5> #}
  347.                     <h4>{{ pimcore_input('subline') }}</h4>
  348.                     <p>{{ pimcore_wysiwyg('content') }}</p>
  349.                 </div>
  351.                 <div class="start-tip-wrapper-item">
  352.                     <figure class="start-tip-wrapper-item-img">
  354.                         {{ pimcore_image("myImage",{
  355.                             "thumbnail": "805x526"
  356.                         }
  357.                         )}}
  358.                     </figure>
  359.                 </div>
  361.             {% else %}
  362.                 <div class="start-tip-wrapper-item">
  363.                     <figure class="start-tip-wrapper-item-img">
  364.                         {{ pimcore_image("myImage",{
  365.                             "thumbnail": "805x526"
  366.                         }
  367.                         )}}
  368.                     </figure>
  369.                 </div>
  370.                 <div
  371.                     class="start-tip-wrapper-item start-tip-wrapper-item-content">
  372.                     {# <h5>Experience</h5> #}
  373.                     <h4>{{ pimcore_input('subline') }}</h4>
  374.                     <p>{{ pimcore_wysiwyg('content') }}</p>
  375.                 </div>
  376.             {% endif %}
  377.         {% endfor %}
  378.     {% endif %}
  381. </div>
  382. </div>
  383. </section>
  384. <!-- Why Buy From us End -->
  385. <!-- Our News Start -->
  386. <section class="info-media info-resources product-training our-new-sec d-none">
  387. <div class="container container-sm">
  388. <div class="info-section">
  389.     <h5>Our News</h5>
  390.     <h3>{{featurednews.news_name}}</h3>
  391.     <ul class="list-unstyled social-info social-info-small">
  392.         <li class="like">Like</li>
  393.         <li class="share">Share</li>
  394.     </ul>
  395.     <p>
  396.         {{featurednews.news_description}}
  397.     </p>
  398.     <div class="btn-holder">
  399.         <div class="btn-border">
  400.             <a href="javascript:void(0)" class="btn btn-custom btn-xl btn-lg-o-wblack">Read More</a>
  401.         </div>
  402.     </div>
  403. </div>
  405. <div class="media-section">
  406.     <img src="{{featurednews.news_image}}" alt="{{featurednews.news_name}}"/>
  407. </div>
  408. </div>
  409. </section>
  410. <!-- Our News End -->
  411. <section class="featured-recipes-section news-sec-products d-none">
  412. <div class="container container-sm">
  413. <div class="featured-recipes">
  414.     <div class="custom-slider featured-recipes-slider">
  415.         {% for newslist in news %}
  416.             <div class="slide">
  417.                 <div class="slide-holder">
  418.                     <figure class="slide-img">
  419.                         <img src="{{newslist.news_image}}" alt="{{newslist.news_name}}"/>
  420.                     </figure>
  421.                     <div class="slide-content">
  422.                         <h3>
  423.                             {{newslist.news_name}}
  424.                         </h3>
  425.                         <span>{{newslist.news_date|date('Y-m-d')}}</span>
  426.                         <p>
  427.                             {{newslist.news_description}}
  428.                         </p>
  430.                         <ul class="list-unstyled recipe-info">
  431.                             <li class="share">Share</li>
  432.                             <li class="like">Like</li>
  433.                         </ul>
  434.                     </div>
  435.                 </div>
  436.             </div>
  437.         {% endfor %}
  440.     </div>
  441.     <div class="btn-holder news-btn">
  442.         <a href="javascript:void(0)" class="btn btn-custom btn-black">View Recipe</a>
  443.     </div>
  444. </div>
  445. </div>
  446. </section>
  447. <!-- Our News End -->
  448. <!-- Event Start -->
  449. <section class="info-media info-resources event-box mob__changes about-us-event-div-edited">
  450. <div class="container container-sm">
  451. <div class="info-section">
  452.     <h5>{{'Featured Event'|trans}}</h5>
  453.     <h4>{{Featured_events.e_name}}</h4>
  454.     {# <h3>Showcasing & encouraging talents</h3> #}
  455.     <p>{{Featured_events.e_description}}</p>
  457.     {% if Featured_events.date_time > "now"|date('Y-m-d H:i') %}
  459.         <ul class="list-unstyled recipe-info ">
  461.             <li class="calendar-white">{{Featured_events.dateandtime}}</li>
  462.         </ul>
  463.         <ul class="list-unstyled recipe-info">
  464.             <li class="map-locator-white">{{Featured_events.location}}</li>
  465.         </ul>
  466.     {% endif %}
  467.     {% set user = app.session.get('loginUserName') %}
  468.     {% if user is not null %}
  469.         <ul class="list-unstyled recipe-info">
  470.             <li class="share-white" onclick="loyaltyProgram(this,{{Featured_events.id}},'{{Featured_events.e_name}}',10,'Event','Share')">
  471.                 <span onclick="sharemodal('Event','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/events/' ~ Featured_events.url}}','{{ " share event with your friends"|trans }}')">{{'Share'|trans}}</span>
  472.             </li>
  473.             {% if LikedEventfeature|length == 0 %}
  474.                 <li class="like-white featureEvent" onclick="loyaltyProgram(this,{{Featured_events.id}},'{{Featured_events.e_name}}',10,'Event','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li>
  475.             {% else %}
  476.                 <li class='liked'>{{'Like'|trans}}</li>
  477.             {% endif %}
  478.             {# <li class="download-white onclick = "loyaltyProgram(this,{{Featured_events.id}},'{{Featured_events.e_name}}',10,'Event','Save')">{{'Download'|trans}}</li> #}
  479.         </ul>
  480.     {% else %}
  481.         <ul class="list-unstyled recipe-info">
  482.             <li class="share-white" onclick="sharemodal('Event','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/events/' ~ Featured_events.url}}','{{ " share event with your friends"|trans }}')">{{'Share'|trans}}</li>
  483.             <li class="like-white logged-out">{{'Like'|trans}}</li>
  484.             {# <li class="download-white">{{'Download'|trans}}</li> #}
  485.         </ul>
  486.     {% endif %}
  488.     <div class="btn-holder">
  489.         <div class="btn-border">
  490.             <a href="/{{app.request.locale}}/events/{{Featured_events.url}}" class="btn btn-custom btn-xl btn-lg-o-wblack">{{'Discover More'|trans}}</a>
  491.         </div>
  492.         <div class="btn-border btn-border-black">
  493.             <a href="/{{app.request.locale}}/events" class="btn btn-custom btn-xl btn-primary">{{'More Events '|trans}}</a>
  494.         </div>
  495.     </div>
  496. </div>
  497. <div class="media-section about__mediaImage about__eventImage">
  498.     <img src="{{Featured_events.event_image}}" alt="{{Featured_events.e_name}}">
  499. </div>
  500. </div>
  501. </section>
  502. <!-- Event End -->
  503. <!-- Media Gallery Start -->
  504. <section class="media-gallery-sec">
  505.     <div class="container container-sm">
  506.         <h2 class="media-gallery-head">{{ pimcore_input("Heading")}}</h2>
  508.         {% if not editmode %}
  509.             <div class="custom-slider media-gallery-sec-slider">
  510.         {% endif %}
  512.                 {% for i in pimcore_block('image').iterator %}
  513.                     <div
  514.                         class="media-slide-item">
  515.                             {{ pimcore_image("myImage",{
  516.                                 "title" :"Drag image here",
  517.                                 "width" : 292,
  518.                                 "height" :300,
  519.                                 "thumbnail" :"298x256" 
  520.                             }) }}
  521.                     </div>
  522.                 {% endfor %}
  523.             
  524.             </div>
  525.     </div>
  526. </section>
  527. <!-- Media Gallery End -->
  528. <!-- Careers Section Start -->
  529. <section class="loyalty-point-section careers-join-sec d-none">
  530. <div class="container container-lg">
  531. <div class="loyalty-point-bannar">
  532.     <div class="loyalty-point-bannar-item">
  533.         <div class="loyalty-point-bannar-item-image">
  534.             <figure class="loyalty-point-bannar-item-image-wrapper">
  535.                 <img src="/static/assets/images/careers-sec-bg.png" alt="career-banner"/>
  536.             </figure>
  537.         </div>
  538.         <div class="loyalty-point-bannar-item-content">
  539.             <div class="loyalty-point-bannar-item-content-box">
  540.                 <h5>Careers</h5>
  541.                 <h3>Come join us and be part of a revolution</h3>
  542.                 <p>
  543.                     Learn Professional Cookery Skills And Get A Diploma In
  544.                     Professional Chef Training. Professional chef training
  545.                     Programs that offer a guaranteed job placement in the top
  546.                     hospitality brands in KSA, and knowledge & skills for
  547.                     entrepreneurs in the Food Business.
  548.                 </p>
  549.                 <div class="btn-holder">
  550.                     <div class="btn-holder btn-border">
  551.                         <a href="javascript:void(0)" class="btn btn-custom btn-lg-o-white">Our Culture</a>
  552.                     </div>
  553.                 </div>
  554.             </div>
  555.         </div>
  556.     </div>
  557. </div></div></section><section class="careers-opening-sec d-none"><div class="container container-lg">
  558. <div class="careers-opening-wrap">
  559.     <h2 class="careers-opening-sec-head">Openings</h2>
  560.     <div class="card-listing custom-slider featured-recipes-slider">
  561.         <div class="card-listing-box">
  562.             <h3>Executive Chef</h3>
  563.             <ul class="list-unstyled recipe-info in-column">
  564.                 <li class="brief-case-green">5 - 10 Years</li>
  565.                 <li class="map-locator-green">
  566.                     Jeddah, Makkah Al Mukarramah - Saudi Arabia
  567.                 </li>
  568.             </ul>
  569.             <p>
  570.                 Create and prepare all items as requires by the business
  571.                                                                                                                                                                                                                                                                                                                                                                                                                                                           Prepare, clean and organize ingredients for use in the kitchen
  572.                                                                                                                                                                                                                                                                                                                                                                                                                                                           Come up with recipe idea from scratch Plan the menu to co…
  573.             </p>
  574.             <div class="btn-with-share">
  575.                 <div class="apply-filter">
  576.                     <a href="javascript:void(0)" class="btn btn-custom btn-green">Apply Filter</a>
  577.                 </div>
  578.                 <ul class="list-unstyled recipe-info">
  579.                     <li class="share-green">Share</li>
  580.                     <li class="like-green">Like</li>
  581.                 </ul>
  582.             </div>
  583.         </div>
  584.         <div class="card-listing-box">
  585.             <h3>Executive Chef</h3>
  586.             <ul class="list-unstyled recipe-info in-column">
  587.                 <li class="brief-case-green">5 - 10 Years</li>
  588.                 <li class="map-locator-green">
  589.                     Jeddah, Makkah Al Mukarramah - Saudi Arabia
  590.                 </li>
  591.             </ul>
  592.             <p>
  593.                 Create and prepare all items as requires by the business
  594.                                                                                                                                                                                                                                                                                                                                                                                                                                                           Prepare, clean and organize ingredients for use in the kitchen
  595.                                                                                                                                                                                                                                                                                                                                                                                                                                                           Come up with recipe idea from scratch Plan the menu to co…
  596.             </p>
  597.             <div class="btn-with-share">
  598.                 <div class="apply-filter">
  599.                     <a href="javascript:void(0)" class="btn btn-custom btn-green">Apply Filter</a>
  600.                 </div>
  601.                 <ul class="list-unstyled recipe-info">
  602.                     <li class="share-green">Share</li>
  603.                     <li class="like-green">Like</li>
  604.                 </ul>
  605.             </div>
  606.         </div>
  607.         <div class="card-listing-box">
  608.             <h3>Executive Chef</h3>
  609.             <ul class="list-unstyled recipe-info in-column">
  610.                 <li class="brief-case-green">5 - 10 Years</li>
  611.                 <li class="map-locator-green">
  612.                     Jeddah, Makkah Al Mukarramah - Saudi Arabia
  613.                 </li>
  614.             </ul>
  615.             <p>
  616.                 Create and prepare all items as requires by the business
  617.                                                                                                                                                                                                                                                                                                                                                                                                                                                           Prepare, clean and organize ingredients for use in the kitchen
  618.                                                                                                                                                                                                                                                                                                                                                                                                                                                           Come up with recipe idea from scratch Plan the menu to co…
  619.             </p>
  620.             <div class="btn-with-share">
  621.                 <div class="apply-filter">
  622.                     <a href="javascript:void(0)" class="btn btn-custom btn-green">Apply Filter</a>
  623.                 </div>
  624.                 <ul class="list-unstyled recipe-info">
  625.                     <li class="share-green">Share</li>
  626.                     <li class="like-green">Like</li>
  627.                 </ul>
  628.             </div>
  629.         </div>
  630.     </div>
  631.     <div class="btn-holder news-btn">
  632.         <a href="javascript:void(0)" class="btn btn-custom btn-black">Explore More</a>
  633.     </div>
  634. </div></div>
  635. </section>
  636. <!-- Careers Section End -->
  637.     <!-- Badges Section Start -->
  638.     <section class="career-badge-sec">
  639.     <div class="container">
  640.     <div class="badge-wrap">
  641.         {% for i in pimcore_block('logos').iterator %}
  642.             {% set thumbnail = pimcore_image("logo").getThumbnail("130x130") %}
  643.             <img src="{{ thumbnail }}" alt="badge image"/>
  644.         {% endfor %}
  645.     </div>
  646.     </div>
  647.     </section>
  648.     <!-- Badges Section End -->
  649. {% if (app.request.locale =='ar') %}
  650.     {% set topMenu ="/en/about-us" %}
  651. {% else %}
  652.     {% set topMenu ="/ar/about-us" %}
  653. {% endif %}
  655.     <script>
  657.         $('.timeline li').on('click', function () {
  659.             $('.current').removeClass('current');
  660.             $(this).addClass('current');
  661.         });
  663.         var _TopMenuLink = "{{ topMenu }}";
  664.         
  665.         
  666.     
  667.     </script>
  668.     
  669.     <!--End Wrapper-->
  670.                                     
  671. {% endblock %}