templates/pages/home/presentation.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/front/baseinternes.html.twig' %}
  2. {% block title %}{{ parametres.structure.name ?? company_name }} | {{ title }}{% endblock %}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/animsition.min.css') }}">
  5.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/animate.min.css') }}">
  6.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/jquery.fancybox.min.css') }}">
  7.     <link rel="stylesheet" href="{{ asset('assetics/assets/lib/css/lightgallery.min.css') }}">
  8.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/style3.min.css') }}">
  9.     <style>
  10.         .card{
  11.             margin-bottom: 20px!important;
  12.         }
  13.         .card h5 button{
  14.             font-size: 18px!important;outline: none!important;
  15.         }
  16.         .btn-link:focus, .btn-link:hover {
  17.             color: #23527c;
  18.             text-decoration: none!important;
  19.             background-color: transparent;
  20.         }
  21.         .blog-single-aside__content .title{
  22.             color: #993300!important;
  23.             text-shadow: none!important;
  24.         }
  25.         .card-header {
  26.             padding: .75rem 1.25rem;
  27.             margin-bottom: 0;
  28.             background-color: rgba(226, 173, 56, 0.7);
  29.             border-bottom: 1px solid rgba(0,0,0,.125);
  30.         }
  31.         .card-header .btn-link {
  32.             font-weight: 400;
  33.             color: #000!important;
  34.             border-radius: 0;
  35.         }
  36.     </style>
  37. {% endblock %}
  38. {% block body %}
  39.     <section class="top-banniere">
  40.         <div class="page-banner" style="background-image: url({{ asset('assetics/internes/images/fete.jpg') }})">
  41.             {{ fil_arial(title) }}
  42.         </div>
  43.     </section>
  44.     <section class="tour-item-banner-2">
  45.         <div class="container">
  46.             <h4 class="pull-right"><a href="{{ path('home') }}">Accueil</a> / {{ menu }} / <span> {{ title|u.truncate(50, '...') }}</span></h4>
  47.         </div>
  48.     </section>
  49.     <section>
  50.         <div class="container">
  51.             <div class="row">
  52.                 <div class="col-lg-9">
  53.                     <aside>
  54.                         <div class="blog-single-aside" style="padding: 20px 30px 20px 0;">
  55.                             <div class="special-tour__tittle">
  56.                                 <!-- section tittle -->
  57.                                 <div class="section-tittle">
  58.                                     <h2>{{ title }}</h2>
  59.                                     <div class="section-tittle__line-under"></div>
  60.                                     <p><span>{{ title }}</span></p>
  61.                                 </div>
  62.                             </div>
  63.                             <div class="row mt-5">
  64.                                 <div class="col-md-12">
  65.                                     <div id="accordion">
  66.                                         <div class="card">
  67.                                             <div class="card-header" id="headingOne">
  68.                                                 <h5 class="mb-0">
  69.                                                     <button style="font-size: 13px!important;" class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  70.                                                         <i class="fa fa-chevron-down"></i> {{ presentation.name }}
  71.                                                     </button>
  72.                                                 </h5>
  73.                                             </div>
  74.                                             <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
  75.                                                 <div class="card-body">
  76.                                                     <div class="blog-list" style="padding: 0 30px 30px 0;">
  77.                                                         <div class="blog-list__item">
  78.                                                             <div class="row">
  79.                                                                 <div class="col-md-12">
  80.                                                                     <div class="blog-list__info" >
  81.                                                                         <div>
  82.                                                                             {{ presentation.content|raw }}
  83.                                                                         </div>
  84.                                                                         <a class="pull-right text-danger" href="{{ path('ci.pages', {'id': presentation.id, 'slug': presentation.slug}) }}"><i class="fa fa-plus"></i> En savoir plus</a>
  85.                                                                     </div>
  86.                                                                 </div>
  87.                                                             </div>
  88.                                                         </div>
  89.                                                     </div>
  90.                                                 </div>
  91.                                             </div>
  92.                                         </div>
  93.                                         <div class="card">
  94.                                             <div class="card-header" id="headingTwo">
  95.                                                 <h5 class="mb-0">
  96.                                                     <button style="font-size: 13px!important;" class="btn btn-link" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
  97.                                                         <i class="fa fa-chevron-down"></i> Directions & Attributions
  98.                                                     </button>
  99.                                                 </h5>
  100.                                             </div>
  101.                                             <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
  102.                                                 <div class="card-body">
  103.                                                     <div class="best-selling-tour mt-lg-5" style="padding-bottom: 0!important;">
  104.                                                         <div class="row">
  105.                                                             {% for direction in directions %}
  106.                                                                 <div class="col-lg-4 col-md-6">
  107.                                                                     <a href="{{ path('directions.show', {'id': direction.id, 'slug': direction.slug}) }}" class="best-selling-tour__item">
  108.                                                                         <div class="best-selling-tour__item__thumb">
  109.                                                                             {% if direction.filename %}
  110.                                                                                 <img src="{{ vich_uploader_asset(direction, 'imageFile') | imagine_filter('medium') }}" alt="{{ direction.name }}">
  111.                                                                             {% else %}
  112.                                                                                 <img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="{{ direction.name }}">
  113.                                                                             {% endif %}
  114.                                                                             <div class="best-selling-tour__item__info">
  115.                                                                                 <div class="best-selling-tour__item__tittle">
  116.                                                                                     <h3 class="trending-tour-item__name">{{ direction.name }}</h3>
  117.                                                                                     <p class="trending-tour-item__group-infor__rating"></p>
  118.                                                                                 </div>
  119.                                                                             </div>
  120.                                                                         </div>
  121.                                                                     </a>
  122.                                                                 </div>
  123.                                                             {% endfor %}
  124.                                                         </div>
  125.                                                     </div>
  126.                                                 </div>
  127.                                             </div>
  128.                                         </div>
  129.                                         <div class="card">
  130.                                             <div class="card-header" id="headingThree">
  131.                                                 <h5 class="mb-0">
  132.                                                     <button style="font-size: 13px!important;" class="btn btn-link" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
  133.                                                         <i class="fa fa-chevron-down"></i> Lois - décrets et documentations
  134.                                                     </button>
  135.                                                 </h5>
  136.                                             </div>
  137.                                             <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
  138.                                                 <div class="card-body">
  139.                                                     <div class="best-selling-tour mt-lg-5" style="padding-bottom: 0!important;">
  140.                                                         <div class="row">
  141.                                                             {% if documentations|length != 0 %}
  142.                                                                 <div class="best-selling-tour mt-lg-5" style="padding-bottom: 0!important;">
  143.                                                                     {% include 'pages/internes/cit/documentations/partials/__table.html.twig' with {documentations: documentations } %}
  144.                                                                 </div>
  145.                                                                 <div class="destination-mansory-layout__pagination" style="padding: 10px 0 20px;">
  146.                                                                     <!-- pagination -->
  147.                                                                     <div class="wander-pagination__pagination" style="display: flex; justify-content: center; justify-items: center;">
  148.                                                                         <div>
  149.                                                                             {{ knp_pagination_render(documentations) }}
  150.                                                                         </div>
  151.                                                                     </div>
  152.                                                                 </div>
  153.                                                             {% else %}
  154.                                                                 <div class="jumbotron mt-5">
  155.                                                                     <div class="alert alert-info">
  156.                                                                         <i class="fa fa-info-circle"></i> Documents a venir...
  157.                                                                     </div>
  158.                                                                 </div>
  159.                                                             {% endif %}
  160.                                                         </div>
  161.                                                     </div>
  162.                                                 </div>
  163.                                             </div>
  164.                                         </div>
  165.                                         <div class="card">
  166.                                             <div class="card-header" id="headingFour">
  167.                                                 <h5 class="mb-0">
  168.                                                     <button style="font-size: 13px!important;" class="btn btn-link" data-toggle="collapse" data-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
  169.                                                         <i class="fa fa-chevron-down"></i> Notre distinction
  170.                                                     </button>
  171.                                                 </h5>
  172.                                             </div>
  173.                                             <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
  174.                                                 <div class="card-body">
  175.                                                     <div class="best-selling-tour mt-lg-5" style="padding-bottom: 0!important;">
  176.                                                         <div class="row">
  177.                                                             {% for distinction in distinctions %}
  178.                                                                 <div class="col-lg-4 col-md-6">
  179.                                                                     <a href="{{ path('cit.distinctions.show', {'id': distinction.id, 'slug': distinction.slug}) }}" class="best-selling-tour__item">
  180.                                                                         <div class="best-selling-tour__item__thumb">
  181.                                                                             {% if distinction.filename %}
  182.                                                                                 <img src="{{ vich_uploader_asset(distinction, 'imageFile') | imagine_filter('medium') }}" alt="{{ distinction.name }}">
  183.                                                                             {% else %}
  184.                                                                                 <img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="{{ distinction.name }}">
  185.                                                                             {% endif %}
  186.                                                                             <div class="best-selling-tour__item__info">
  187.                                                                                 <div class="best-selling-tour__item__tittle">
  188.                                                                                     <h3 class="trending-tour-item__name">{{ distinction.name }}</h3>
  189.                                                                                     <p class="trending-tour-item__group-infor__rating"></p>
  190.                                                                                 </div>
  191.                                                                             </div>
  192.                                                                         </div>
  193.                                                                     </a>
  194.                                                                 </div>
  195.                                                             {% endfor %}
  196.                                                         </div>
  197.                                                     </div>
  198.                                                 </div>
  199.                                             </div>
  200.                                         </div>
  201.                                         <div class="card">
  202.                                             <div class="card-header" id="headingFive">
  203.                                                 <h5 class="mb-0">
  204.                                                     <button style="font-size: 13px!important;" class="btn btn-link" data-toggle="collapse" data-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
  205.                                                         <i class="fa fa-chevron-down"></i> {{ politique.name }}
  206.                                                     </button>
  207.                                                 </h5>
  208.                                             </div>
  209.                                             <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion">
  210.                                                 <div class="card-body">
  211.                                                     <div class="blog-list" style="padding: 0p 30px 30px 0;">
  212.                                                         <div class="blog-list__item">
  213.                                                             <div class="row">
  214.                                                                 <div class="col-md-12">
  215.                                                                     <div class="blog-list__info" >
  216.                                                                         <div>
  217.                                                                             {{ politique.content|raw }}
  218.                                                                         </div>
  219.                                                                         <a class="pull-right text-danger" href="{{ path('ci.pages', {'id': politique.id, 'slug': politique.slug}) }}"><i class="fa fa-plus"></i> En savoir plus</a>
  220.                                                                     </div>
  221.                                                                 </div>
  222.                                                             </div>
  223.                                                         </div>
  224.                                                     </div>
  225.                                                 </div>
  226.                                             </div>
  227.                                         </div>
  228.                                         <div class="card">
  229.                                             <div class="card-header" id="headingSix">
  230.                                                 <h5 class="mb-0">
  231.                                                     <button style="font-size: 13px!important;" class="btn btn-link" data-toggle="collapse" data-target="#collapseSix" aria-expanded="true" aria-controls="collapseSix">
  232.                                                         <i class="fa fa-chevron-down"></i> Nos partenaires
  233.                                                     </button>
  234.                                                 </h5>
  235.                                             </div>
  236.                                             <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordion">
  237.                                                 <div class="card-body">
  238.                                                     <div class="blog-list" style="padding: 20px 30px 30px 0;">
  239.                                                         <div class="blog-list__item">
  240.                                                             <div class="row">
  241.                                                                 <div id="special-tour-container" class="container">
  242.                                                                     <div id="special-tour-slider" class="row" style="padding: 20px;">
  243.                                                                         {% include 'pages/internes/cit/partenaires/partials/__card.html.twig' with {partenaires: partenaires } %}
  244.                                                                     </div>
  245.                                                                 </div>
  246.                                                             </div>
  247.                                                         </div>
  248.                                                     </div>
  249.                                                 </div>
  250.                                             </div>
  251.                                         </div>
  252.                                     </div>
  253.                                 </div>
  254.                             </div>
  255.                         </div>
  256.                     </aside>
  257.                 </div>
  258.                 <div class="col-lg-3">
  259.                     {% include 'pages/partials/__sidebar.html.twig' %}
  260.                 </div>
  261.             </div>
  262.         </div>
  263.     </section>
  264. {% endblock %}
  265. {% block javascripts %}
  266.     <script src="{{ asset('assetics/assets/js/jquery-3.3.1.min.js') }}"></script>
  267.     <script src="{{ asset('assetics/assets/js/equalHeightsPlugin.min.js') }}"></script>
  268.     <script src="{{ asset('assetics/assets/js/jquery.fancybox.min.js') }}"></script>
  269.     <script src="{{ asset('assetics/assets/js/jquery.fitvids.min.js') }}"></script>
  270.     <script src="{{ asset('assetics/assets/js/swiper3.min.js') }}"></script>
  271.     <script src="{{ asset('assetics/assets/lib/js/lightgallery.min.js') }}"></script>
  272.     <script src="{{ asset('assetics/assets/lib/js/jquery.justifiedGallery.min.js') }}"></script>
  273.     <script src="{{ asset('assetics/assets/js/jquery.sliphover.min.js') }}"></script>
  274.     <script src="{{ asset('assetics/assets/js/script.js') }}"></script>
  275.     <script>
  276.         $(document).ready(function () {
  277.             $('.collapse').collapse()
  278.         })
  279.     </script>
  280. {% endblock %}