templates/home/travel_program.html.twig line 1

Open in your IDE?
  1. <section class="pt-2 pt-md-5 bg-gradient-light-white">
  2.     <div class="container">
  5.         <div class="row justify-content-center">
  6.             <div class="col-12 col-md-10 col-lg-8 text-center">
  8.                 <!-- Heading -->
  9.                 <h2 class="fw-bold">
  10.                     Nos prochains départs
  11.                 </h2>
  13.             </div>
  14.         </div> <!-- / .row -->
  15.         <div class="row">
  16.             <div class="col-12 text-center">
  18.                 <!-- Button -->
  19.                 <a href="#about" class="btn btn-white text-warning btn-rounded-circle shadow mt-n12 mt-md-n14" data-scroll>
  20.                     <i class="fe fe-arrow-down"></i>
  21.                 </a>
  23.             </div>
  24.         </div> <!-- / .row -->
  25.         <div class="row">
  26.             {% if programs is not null and programs is defined %}
  27.                 {% for program in programs['aerien_de_cnkry'] %}
  28.                     <div class="col-12 col-md-4" data-aos="fade-up">
  30.                         <!-- Card -->
  31.                         <div class="card shadow-light-lg mb-6 mb-md-0 lift lift-lg">
  33.                             <!-- Image -->
  34.                             <img src="{{ asset('uploads/airport-service-preparation-unloading-baggage-from-airplane-standing-airfield.jpg') | imagine_filter('travelProgram') }}" alt="{{ sitewebFullname }}" class="card-img-top">
  36.                             <!-- Shape -->
  37.                             <div class="position-relative">
  38.                                 <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
  39.                                     <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  40.                                         <path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/>
  41.                                     </svg>
  42.                                 </div>
  43.                             </div>
  45.                             <!-- Body -->
  46.                             <div class="card-body position-relative">
  48.                                 <!-- Badge -->
  49.                                 <div class="position-relative text-end mt-n8 me-n4 mb-3">
  50.                   <span class="badge rounded-pill bg-success">
  51.                     <span class="h6 text-uppercase">Aérien Conakry</span>
  52.                   </span>
  53.                                 </div>
  55.                                 <!-- Heading -->
  56.                                 <h3>
  57.                                     Aérien Conakry
  58.                                 </h3>
  60.                                 <!-- Text -->
  61.                                 <p class="text-muted">
  62.                                     {{ program['code'] }}
  63.                                 </p>
  64.                                 <p class="text-muted">
  65.                                     Départ: {{ program['dateDepart']|format_datetime(locale='fr',pattern="EEEE dd
  66.                     MMMM YYYY") }}
  67.                                 </p>
  68.                                 <p class="text-muted">
  69.                                     Arrivée: {{ program['dateArrive']|format_datetime(locale='fr',pattern="EEEE dd
  70.                     MMMM YYYY") }}
  71.                                 </p>
  73.                                 <a href="#!" class="fw-bold text-decoration-none">
  74.                                     <strong>Statut: </strong> {{ program['status'] }}
  75.                                 </a>
  76.                             </div>
  78.                         </div>
  80.                     </div>
  81.                 {% endfor %}
  82.             {% endif %}
  83.             {% if programs is not null and programs is defined %}
  84.                 {% for program in programs['maritime'] %}
  85.                     <div class="col-12 col-md-4" data-aos="fade-up" data-aos-delay="100">
  87.                         <!-- Card -->
  88.                         <div class="card shadow-light-lg mb-6 mb-md-0 lift lift-lg">
  90.                             <!-- Image -->
  91.                             <img src="{{ asset('uploads/container-ship-arriving-commercial-port.jpg') | imagine_filter('travelProgram') }}" alt="{{ sitewebFullname }}" class="card-img-top" >
  93.                             <!-- Shape -->
  94.                             <div class="position-relative">
  95.                                 <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
  96.                                     <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  97.                                         <path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/>
  98.                                     </svg>
  99.                                 </div>
  100.                             </div>
  102.                             <!-- Body -->
  103.                             <div class="card-body position-relative">
  105.                                 <!-- Badge -->
  106.                                 <div class="position-relative text-end mt-n8 me-n4 mb-3">
  107.                   <span class="badge rounded-pill bg-primary">
  108.                     <span class="h6 text-uppercase">Maritime</span>
  109.                   </span>
  110.                                 </div>
  112.                                 <!-- Heading -->
  113.                                 <h3>
  114.                                     Maritime
  115.                                 </h3>
  117.                                 <!-- Text -->
  118.                                 <p class="text-muted">
  119.                                     {{ program['code'] }}
  120.                                 </p>
  122.                                 <p class="text-muted">
  123.                                     <strong>Départ: </strong> {{ program['dateDepart']|format_datetime(locale='fr',pattern="EEEE dd
  124.                     MMMM YYYY") }}
  125.                                 </p>
  126.                                 <p class="text-muted">
  128.                                     <strong>
  129.                                         Arrivée: </strong> {{ program['dateArrive']|format_datetime(locale='fr',pattern="EEEE dd
  130.                     MMMM YYYY") }}
  131.                                 </p>
  132.                                 <!-- Link -->
  133.                                 <a href="#!" class="fw-bold text-decoration-none">
  134.                                     <strong>Statut: </strong> {{ program['status'] }}
  135.                                 </a>
  137.                             </div>
  139.                         </div>
  141.                     </div>
  142.                 {% endfor %}
  143.             {% endif %}
  144.             {% if programs is not null and programs is defined %}
  145.                 {% for program in programs['aerien'] %}
  146.                     <div class="col-12 col-md-4" data-aos="fade-up" data-aos-delay="200">
  148.                         <!-- Card -->
  149.                         <div class="card shadow-light-lg lift lift-lg">
  151.                             <!-- Image -->
  152.                             <img src="{{ asset('uploads/airport-service-preparation-unloading-baggage-from-airplane-standing-airfield.jpg') | imagine_filter('travelProgram') }}" alt="{{ sitewebFullname }}" class="card-img-top">
  154.                             <!-- Shape -->
  155.                             <div class="position-relative">
  156.                                 <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
  157.                                     <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  158.                                         <path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/>
  159.                                     </svg>
  160.                                 </div>
  161.                             </div>
  163.                             <!-- Body -->
  164.                             <div class="card-body position-relative">
  166.                                 <!-- Badge -->
  167.                                 <div class="position-relative text-end mt-n8 me-n4 mb-3">
  168.                   <span class="badge rounded-pill bg-info">
  169.                     <span class="h6 text-uppercase">Aérien</span>
  170.                   </span>
  171.                                 </div>
  173.                                 <!-- Heading -->
  174.                                 <h3>
  175.                                     Aérien
  176.                                 </h3>
  178.                                 <!-- Text -->
  179.                                 <p class="text-muted">
  180.                                     {{ program['code'] }}
  181.                                 </p>
  182.                                 <p class="text-muted">
  184.                                     <strong>Départ: </strong> {{ program['dateDepart']|format_datetime(locale='fr',pattern="EEEE dd
  185.                     MMMM YYYY") }}
  186.                                 </p>
  187.                                 <p class="text-muted">
  189.                                     <strong>Arrivée: </strong> {{ program['dateArrive']|format_datetime(locale='fr',pattern="EEEE dd
  190.                     MMMM YYYY") }}
  191.                                 </p>
  192.                                 <!-- Link -->
  193.                                 <a href="#!" class="fw-bold text-decoration-none">
  194.                                     <strong>Statut: </strong> {{ program['status'] }}
  195.                                 </a>
  197.                             </div>
  199.                         </div>
  201.                     </div>
  202.                 {% endfor %}
  203.             {% endif %}
  204.         </div> <!-- / .row -->
  205.     </div> <!-- / .container -->
  206. </section>