src/Aqarmap/Bundle/MainBundle/Resources/views/Expo/template.html.twig line 1

Open in your IDE?
  1. <div class="hero-bgimg display-container" id="home">
  2.   <div class="video full-width">
  3.     <div class="video-container">
  4.       <video id="expoVideo" autoplay muted loop>
  5.         <source src="/images/Expo/expo.mp4" type="video/mp4">
  6.       </video>
  7.     </div>
  8.   </div>
  9.   <div class="overlay">
  10.     <img src="/images/Emplim.svg" class="visible-sm visible-xs" />
  11.   </div>
  12.   <div class="hero-content">
  13.     <div class="hero-wrapper">
  14.       <div class="hero-body">
  15.         <div class="w-100">
  16.           <h1 class="mb-4 display-2 expo-title">{{ 'layout.expo_landing.title'|trans }}</h1>
  17.           <p class="mb-4">
  18.             {{ 'layout.expo_landing.book_online'|trans }}
  19.             <br />
  20.             <span class="hidden-sm hidden-xs">{{ 'layout.expo_landing.get_exclusive_discounts'|trans }}</span>
  21.           </p>
  22.           <div class="mb-4 expo-features">
  23.             <label>
  24.               <i class="fas fa-percent mx-2"></i> {{ 'layout.expo_landing.exclusive_discounts'|trans|raw }}
  25.             </label>
  26.             <label class="mx-3">
  27.               <i class="fas fa-clock mx-2"></i> {{ 'layout.expo_landing.event_time'|trans|raw }}
  28.             </label>
  29.             <label>
  30.               <i class="fas fa-dollar-sign mx-2"></i> {{ 'layout.expo_landing.refundable'|trans|raw }}
  31.             </label>
  32.           </div>
  33.           <a href="https://i.aqarmap.com/expo" class="register-button">
  34.             {{ 'layout.expo_landing.expo_url_redirect'|trans }}
  35.           </a>
  36.         </div>
  37.         <div class="video-controls">
  38.           <a id="play">
  39.             <i class="fas fa-pause"></i>
  40.           </a>
  41.           <a id="mute">
  42.             <i class="fas fa-volume-mute"></i>
  43.           </a>
  44.         </div>
  45.       </div>
  46.     </div>
  47.   </div>
  48. </div>
  50. <!-- What is Expo Section -->
  51. <div class="container video-section visible-sm visible-xs">
  52.   <div class="section-container pb-0">
  53.     <h3 class="text-center section-header w-100">{{ 'layout.expo_landing.what_is_expo'|trans }}</h3>
  54.     <div class="video mobile-width">
  55.       <video class="expoVideo" controls muted>
  56.         <source src="/images/Expo/expo.mp4" type="video/mp4">
  57.       </video>
  58.     </div>
  59.   </div>
  60. </div>
  62. <!-- How it works Section -->
  63. <div class="container" id="howItWorks">
  64.   <div class="section-container row">
  65.     <h3 class="text-center section-header w-100">
  66.       {{ 'layout.expo_landing.how_it_works'|trans }}
  67.     </h3>
  68.     <div class="w-100">
  69.       <div class="d-flex justify-content-between explore-element-container">
  70.         <div class="explore-element d-flex">
  71.             <div class="d-flex flex-column align-items-center">
  72.               <img src="/images/Expo/img_1.svg" />
  73.               <label class="h4 text-black">
  74.                 <strong>{{ 'layout.expo_landing.explore_projects'|trans }}</strong>
  75.               </label>
  76.               <p class="text-center">
  77.                 {{ 'layout.expo_landing.explore_available_projects'|trans|raw }}
  78.               </p>
  79.             </div>
  80.         </div>
  81.         <div class="explore-element d-flex">
  82.             <div class="d-flex flex-column align-items-center">
  83.               <img src="/images/Expo/img_2.svg" />
  84.               <label class="h4 text-black">
  85.                 <strong>{{ 'layout.expo_landing.exclusive_deals'|trans }}</strong>
  86.               </label>
  87.               <p class="text-center">
  88.                 {{ 'layout.expo_landing.select_suitable_unit'|trans|raw }}
  89.               </p>
  90.             </div>
  91.         </div>
  92.         <div class="explore-element d-flex">
  93.             <div class="d-flex flex-column align-items-center">
  94.               <img src="/images/Expo/img_3.svg" />
  95.               <label class="h4 text-black">
  96.                 <strong>{{ 'layout.expo_landing.book_online_title'|trans }}</strong>
  97.               </label>
  98.               <p class="text-center">
  99.                 {{ 'layout.expo_landing.book_online_payment'|trans|raw }}
  100.               </p>
  101.             </div>
  102.         </div>
  103.       </div>
  104.     </div>
  105.   </div>
  106. </div>
  108. <!-- Insights Section -->
  109. <div class="insights-bgimg display-container text-center">
  110.   <div class="container">
  111.     <div class="section-container d-flex flex-column justify-content-between">
  112.       <div class="overlay"></div>
  113.       <h3 class="section-header position-relative text-white">{{ 'layout.expo_landing.insights'|trans }}</h3>
  114.       <div class="d-flex justify-content-between position-relative text-white h3 insights-container">
  115.         <div class="insights-element">
  116.           <label class="insights-number">
  117.             <span class="stat-number" data-n="150">0</span>+
  118.           </label>
  119.           <br>
  120.           {{ 'layout.expo_landing.insights_partners'|trans }}
  121.         </div>
  122.         <div class="insights-element">
  123.           <label class="insights-number">
  124.             <span class="stat-number" data-n="150">0</span>+
  125.           </label>
  126.           <br>
  127.           {{ 'layout.expo_landing.insights_available_projects'|trans }}
  128.         </div>
  129.         <div class="insights-element">
  130.           <label class="insights-number">
  131.             <span class="stat-number" data-n="10000">0</span>+
  132.           </label>
  133.           <br>
  134.           {{ 'layout.expo_landing.insights_visitors'|trans }}
  135.         </div>
  136.         <div class="insights-element">
  137.           <label class="insights-number">
  138.             <span class="stat-number" data-n="300">0</span>+
  139.           </label>
  140.           <br>
  141.           {{ 'layout.expo_landing.insights_sold_unit'|trans }}
  142.         </div>
  143.       </div>
  144.     </div>
  145.   </div>
  146. </div>
  148. <!-- Testimonial Section -->
  149. {% if isEnabledFeature('web.enable.expo.testimonials') %}
  150. <div class="container" id="testimonial">
  151.   <div class="section-container">
  152.     <h3 class="text-center section-header">{{ 'layout.expo_landing.testimonials'|trans }}</h3>
  153.     <div class="testimonial-wrap">
  154.       <div class="row">
  155.         <div class="col-12 col-md-4 columns testimonial">
  156.               <div class="quote">
  157.                   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices, elit sed faucibus pharetra, diam mauris bibendum orci, sit amet ullamcorper purus dui sit amet augue. Donec aliquet diam ut neque mattis, eu tristique sem rutrum.</p>
  158.             </div>
  159.             <div class="user">
  160.               <div class="photo"> </div>
  161.                 <p class="user-name">Mohamed Ahmed</p>
  162.                 <p class="user-location">Egypt - Giza</p>
  163.             </div>
  164.         </div>
  165.         <div class="col-12 col-md-4 columns testimonial">
  166.             <div class="quote">
  167.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices, elit sed faucibus pharetra, diam mauris bibendum orci, sit amet ullamcorper purus dui sit amet augue. Donec aliquet diam ut neque mattis, eu tristique sem rutrum.  </p>
  168.             </div>
  169.             <div class="user">
  170.               <div class="photo"></div>
  171.               <p class="user-name">Mohamed Ahmed</p>
  172.               <p class="user-location">Egypt - Giza</p>
  173.             </div>
  174.         </div>
  175.         <div class="col-12 col-md-4 columns testimonial">
  176.             <div class="quote">
  177.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices, elit sed faucibus pharetra, diam mauris bibendum orci, sit amet ullamcorper purus dui sit amet augue. Donec aliquet diam ut neque mattis, eu tristique sem rutrum.  </p>
  178.             </div>
  179.             <div class="user">
  180.               <div class="photo"> </div>
  181.               <p class="user-name">Mohamed Ahmed</p>
  182.               <p class="user-location">Egypt - Giza</p>
  183.             </div>
  184.         </div>
  185.         <div class="col-12 col-md-4 columns testimonial">
  186.             <div class="quote">
  187.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices, elit sed faucibus pharetra, diam mauris bibendum orci, sit amet ullamcorper purus dui sit amet augue. Donec aliquet diam ut neque mattis, eu tristique sem rutrum.  </p>
  188.             </div>
  189.             <div class="user">
  190.               <div class="photo"> </div>
  191.               <p class="user-name">Mohamed Ahmed</p>
  192.               <p class="user-location">Egypt - Giza</p>
  193.             </div>
  194.         </div>
  195.       </div>
  196.     </div>
  197.   </div>
  198. </div>
  199. {% endif %}
  201. <!-- Exhibitors -->
  202. <div class="exhibitors" id="exhibitors">
  203.   <div class="container section-container">
  204.     <h3 class="text-center section-header w-100">{{ 'layout.expo_landing.exhibitors'|trans }}</h3>
  205.     <div class="w-100">
  206.       <div class="exhibitors-images row">
  207.         <div class="image-container col-md-2 col-xs-4">
  208.           <img src="{{ asset('images/Expo/Sodic.jpeg') }}">
  209.         </div>
  210.         <div class="image-container col-md-2 col-xs-4">
  211.           <img src="{{ asset('images/Expo/Ahly.jpeg') }}">
  212.         </div>
  213.         <div class="image-container col-md-2 col-xs-4">
  214.           <img src="{{ asset('images/Expo/Memaar.jpeg') }}">
  215.         </div>
  216.         <div class="image-container col-md-2 col-xs-4">
  217.           <img src="{{ asset('images/Expo/Oud.png') }}">
  218.         </div>
  219.         <div class="image-container col-md-2 col-xs-4">
  220.           <img src="{{ asset('images/Expo/Iwan.jpeg') }}">
  221.         </div>
  222.         <div class="image-container col-md-2 col-xs-4">
  223.           <img src="{{ asset('images/Expo/Palm Hils.jpeg') }}">
  224.         </div>
  225.         <div class="image-container col-md-2 col-xs-4">
  226.           <img src="{{ asset('images/Expo/land dev.jpeg') }}">
  227.         </div>
  228.         <div class="image-container col-md-2 col-xs-4">
  229.           <img src="{{ asset('images/Expo/Mabany.jpeg') }}">
  230.         </div>
  231.         <div class="image-container col-md-2 col-xs-4">
  232.           <img src="{{ asset('images/Expo/Next home.jpeg') }}">
  233.         </div>
  234.         <div class="image-container col-md-2 col-xs-4">
  235.           <img src="{{ asset('images/Expo/Ora.jpeg') }}">
  236.         </div>
  237.         <div class="image-container col-md-2 col-xs-4">
  238.           <img src="{{ asset('images/Expo/The ledge.png') }}">
  239.         </div>
  240.         <div class="image-container col-md-2 col-xs-4">
  241.           <img src="{{ asset('images/Expo/khozam.png') }}">
  242.         </div>
  243.       </div>
  244.     </div>
  245.   </div>
  246. </div>
  248. <!-- Become an Exhibitor -->
  249. <div class="add-exhibitor" id="exhibitors">
  250.   <div class="exhibitor-background">
  251.     <img src="/images/Emplim.svg" />
  252.   </div>
  253.   <div class="container">
  254.     <div class="section-container text-white">
  255.       <h3 class="text-center section-header text-white w-100">{{ 'layout.expo_landing.become_exhibitor'|trans }}</h3>
  256.       <div class="w-100 d-flex justify-content-center adding-exhibitors">
  257.         <a href="{{ app.request.locale == locale ? joinUsARURL : joinUsENURL }}">{{ 'layout.expo_landing.developers_registeration'|trans }}</a>
  258.         <a href="{{ path('app_register') }}">{{ 'layout.expo_landing.affiliates_registeration'|trans }}</a>
  259.       </div>
  260.     </div>
  261.   </div>
  262. </div>
  264. <!-- FAQs -->
  265. <div class="container faqs" id="faqs">
  266.   <div class="section-container clearfix">
  267.     <h3 class="text-center section-header w-100">{{ 'layout.expo_landing.faq.title'|trans }}</h3>
  268.     <nav class="expo-faqs">
  269.         <div class="containers">
  270.             <ul class="nav nav-tabs">
  271.                 <li>
  272.                     <a class="active" data-toggle="tab" href="#concept">
  273.                         {{ 'layout.expo_landing.faq.tabs.concept'|trans }}
  274.                     </a>
  275.                 </li>
  276.                 <li>
  277.                     <a data-toggle="tab" href="#outsideEgypt">
  278.                         {{ 'layout.expo_landing.faq.tabs.outside_egypt'|trans }}
  279.                     </a>
  280.                 </li>
  281.                 <li>
  282.                     <a  data-toggle="tab" href="#trustConcerns">
  283.                         {{ 'layout.expo_landing.faq.tabs.trust_and_concerns'|trans }}
  284.                     </a>
  285.                 </li>
  286.                 <li>
  287.                     <a data-toggle="tab" href="#bookingProcess">
  288.                         {{ 'layout.expo_landing.faq.tabs.booking_process'|trans }}
  289.                     </a>
  290.                 </li>
  291.                 <li>
  292.                     <a data-toggle="tab" href="#paymentIssues">
  293.                         {{ 'layout.expo_landing.faq.tabs.payment_issues'|trans }}
  294.                     </a>
  295.                 </li>
  296.                 <li>
  297.                     <a data-toggle="tab" href="#otherQuestions">
  298.                         {{ 'layout.expo_landing.faq.tabs.other_questions'|trans }}
  299.                     </a>
  300.                 </li>
  301.             </ul>
  302.         </div>
  303.     </nav>
  304.     <div class="tab-content">
  305.         <div id="concept" class="tab-pane active">
  306.             <div class="table-heading-container">
  307.                 <div class="items-container">
  308.                   <p>
  309.                     {% for i in 1..2 %}
  310.                         <strong class="title">
  311.                           {{ ('layout.expo_landing.faq.content.concept.q_' ~ i)|trans }}
  312.                         </strong>
  313.                         {{ ('layout.expo_landing.faq.content.concept.ans_' ~ i)|trans }}
  314.                     {% endfor %}
  315.                   </p>
  316.                 </div>
  317.             </div>
  318.         </div>
  319.         <div id="outsideEgypt" class="tab-pane">
  320.             <div class="table-heading-container">
  321.                 <div class="items-container">
  322.                   <p>
  323.                     {{ 'layout.expo_landing.faq.content.outside_egypt.p_1'|trans }}
  324.                     {% for i in 1..5 %}
  325.                         <strong class="title">
  326.                           {{ ('layout.expo_landing.faq.content.outside_egypt.q_' ~ i)|trans }}
  327.                         </strong>
  328.                       {{ ('layout.expo_landing.faq.content.outside_egypt.ans_' ~ i)|trans }}
  329.                     {% endfor %}
  330.                   </p>
  331.                 </div>
  332.             </div>
  333.         </div>
  334.         <div id="trustConcerns" class="tab-pane">
  335.             <div class="table-heading-container">
  336.                 <div class="items-container">
  337.                     <p>
  338.                       {% for i in 1..6 %}
  339.                           <strong class="title">
  340.                             {{ ('layout.expo_landing.faq.content.trust_and_concerns.q_' ~ i)|trans }}
  341.                           </strong>
  342.                         {{ ('layout.expo_landing.faq.content.trust_and_concerns.ans_' ~ i)|trans }}
  343.                       {% endfor %}
  344.                     </p>
  345.                 </div>
  346.             </div>
  347.         </div>
  348.         <div id="bookingProcess" class="tab-pane">
  349.             <div class="table-heading-container">
  350.                 <div class="items-container">
  351.                   <p>
  352.                     {% for i in 1..8 %}
  353.                         <strong class="title">
  354.                           {{ ('layout.expo_landing.faq.content.booking_process.q_' ~ i)|trans }}
  355.                         </strong>
  356.                       {{ ('layout.expo_landing.faq.content.booking_process.ans_' ~ i)|trans }}
  357.                     {% endfor %}
  358.                   </p>
  359.                 </div>
  360.             </div>
  361.         </div>
  362.         <div id="paymentIssues" class="tab-pane">
  363.             <div class="table-heading-container">
  364.                 <div class="items-container">
  365.                   <p>
  366.                     {% for i in 1..2 %}
  367.                         <strong class="title">
  368.                           {{ ('layout.expo_landing.faq.content.payment_issues.q_' ~ i)|trans }}
  369.                         </strong>
  370.                       {{ ('layout.expo_landing.faq.content.payment_issues.ans_' ~ i)|trans }}
  371.                     {% endfor %}
  372.                   </p>
  373.                 </div>
  374.             </div>
  375.         </div>
  376.         <div id="otherQuestions" class="tab-pane">
  377.             <div class="table-heading-container">
  378.                 <div class="items-container">
  379.                   <p>
  380.                     {% for i in 1..9 %}
  381.                         <strong class="title">
  382.                           {{ ('layout.expo_landing.faq.content.other_questions.q_' ~ i)|trans }}
  383.                         </strong>
  384.                       {{ ('layout.expo_landing.faq.content.other_questions.ans_' ~ i)|trans }}
  385.                     {% endfor %}
  386.                   </p>
  387.                 </div>
  388.             </div>
  389.         </div>
  390.     </div>
  391.   </div>
  392. </div>