templates/main/Pages/home.html.twig line 34

Open in your IDE?
  1. {# src/CeremhBundle/Ressources/home.html.twig #}
  3. {% extends "main/_Layout.html.twig" %}
  5. {% block Meta %}
  7.     <title>{{ meta.title }}</title>
  8.     <meta name="description" content="{{ meta.description }}">
  9.     <meta name="keyword" content="{{ meta.keyword }}">
  11. {% endblock %}
  13. {% block content %}
  15.     <!--
  16.     <div class="page-titles-img title-space-lg bg-parallax parallax-overlay "  style=' height: 300px;  background-image: url({{ asset('_Assets/Images/image_fond_13.png') }})'>
  17.         <div class="container">
  18.             <div class="row">
  19.                 <div class="col-md-8" style="text-align: left">
  20.                     <h4 class="banner-Subtitle" style="z-index:7">une politique de mobilité</h4>
  21.                     <h2 class="banner-title" style="z-index:7"> a destination de l'innovation</h2>
  22.                 </div>
  23.             </div>
  24.         </div>
  25.     </div><!--page title end-->
  29.     <div id="rev_slider_1078_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="classic4export" data-source="gallery" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;height: 200px!important;">
  30.         <!-- START REVOLUTION SLIDER 5.4.1 auto mode -->
  31.         <div id="rev_slider_1078_1" class="rev_slider fullwidthabanner" style="display:none; height: 100px" data-version="5.4.1">
  32.             <ul>
  34.                 {% for bd in bandeau.records %}
  36.                     <!-- SLIDE  -->
  37.                     <li data-index="rs-3045-{{ bd.fields.Name }}" data-transition="parallaxtoleft" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  38.                         <!-- MAIN IMAGE -->
  39.                         <img src="{{ bd.fields.bd_image[0].url }}"  alt="image auto-école"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
  40.                         <!-- LAYERS -->
  41.                         <!-- LAYER NR. 1 -->
  42.                         <div class="tp-caption mainSlide-Subtitle   tp-resizeme"
  43.                              id="slide-1706-layer-1"
  44.                              data-x="['left','left','left','left']" data-hoffset="['30','15','15','15']"
  45.                              data-y="['middle','middle','middle','middle']" data-voffset="['-102','-102','-92','-68']"
  46.                              data-width="none"
  47.                              data-height="none"
  48.                              data-whitespace="nowrap"
  49.                              data-fontsize="['20','20','20','20']"
  50.                              data-lineheight="['25','25','25','25']"
  51.                              data-type="text"
  52.                              data-responsive_offset="on"
  53.                              data-frames='[{"delay":800,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  54.                              data-textAlign="['left','left','left','left']"
  55.                              data-paddingtop="[0,0,0,0]"
  56.                              data-paddingright="[0,0,0,0]"
  57.                              data-paddingbottom="[0,0,0,0]"
  58.                              data-paddingleft="[0,0,0,0]"
  60.                              style="z-index: 7; white-space: nowrap;text-transform:left;">CEREMH - {{ bd.fields.bd_marque }}</div>
  61.                         <!-- LAYER NR. 1 -->
  62.                         <div class="tp-caption mainSlide-Title-Centered   tp-resizeme"
  63.                              id="slide-1706-layer-2"
  64.                              data-x="['left','left','left','left']" data-hoffset="['30','15','15','15']"
  65.                              data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','1']"
  66.                              data-fontsize="['55','55','40','30']"
  67.                              data-lineheight="['65','65','55','35']"
  68.                              data-width="['800','700','621','420']"
  69.                              data-height="none"
  70.                              data-whitespace="normal"
  72.                              data-type="text"
  73.                              data-responsive_offset="on"
  74.                              data-frames='[{"delay":1400,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  75.                              data-textAlign="['left','left','left','left']"
  76.                              data-paddingtop="[0,0,0,0]"
  77.                              data-paddingright="[0,0,0,0]"
  78.                              data-paddingbottom="[10,10,10,10]"
  79.                              data-paddingleft="[0,0,0,0]"
  80.                              style="z-index: 6; text-align:left; max-width:1170px; white-space: normal;">{{ bd.fields.bd_claim }} </div>
  81.                         <!-- LAYER NR. 3 -->
  82.                         <div class="tp-caption mainSlide-Button btn btn-lg btn-white-outline "
  83.                              id="slide-1706-layer-3"
  84.                              data-x="['left','left','left','left']" data-hoffset="['30','15','15','15']"
  85.                              data-y="['middle','middle','middle','middle']" data-voffset="['112','112','112','96']"
  86.                              data-width="none"
  87.                              data-height="none"
  88.                              data-whitespace="nowrap"
  90.                              data-type="button"
  91.                              data-actions='[{"event":"click","action":"http://www.ceremh.org","offset":"px","delay":""}]'
  92.                              data-responsive_offset="on"
  93.                              data-responsive="off"
  94.                              data-frames='[{"delay":2000,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  95.                              data-textAlign="['left','left','left','left']"
  96.                              data-paddingtop="[12,12,12,12]"
  97.                              data-paddingright="[35,35,35,35]"
  98.                              data-paddingbottom="[12,12,12,12]"
  99.                              data-paddingleft="[35,35,35,35]"
  102.                              style="z-index: 8; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"><a href="{{ bd.fields.bd_lien }}" style="color: darkgray">{{ bd.fields.bd_titre_btn }}</a> </div>
  103.                     </li>
  104.                     <!-- SLIDE  -->
  107.                 {% endfor %}
  110.             </ul>
  111.             <div class="tp-bannertimer" style="height: 7px; background-color: rgba(255, 255, 255, 0.25);"></div>    </div>
  112.     </div><!-- END REVOLUTION SLIDER -->
  115.     {% for flashMessage in app.session.flashbag.get('1') %}
  116.         <div class="alert alert-success alert-dismissable">
  117.             <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
  118.             {{ flashMessage }}
  119.         </div>
  120.     {% endfor%}
  122.     {% for flashMessage in app.session.flashbag.get('2') %}
  123.         <div class="alert alert-alert alert-dismissable">
  124.             <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
  125.             {{ flashMessage }}
  126.         </div>
  127.     {% endfor%}
  129.     <div class="container pt50 pb50">
  131.         <div class="row">
  132.             <div class="col-8">
  134.                 <h2>Le CEREMH vous accompagne pour une mobilité à destination de tous</h2>
  135.                 <hr>
  137.                 <p>Les compétences du CEREMH sont à votre service pour vous accompagner dans vos projets de mobilité à destination des personnes en situation de handicap.</p>
  139.                 <p>Nous sommes en mesure de vous proposer différentes formes d'accompagnement.
  140.                 Notre fonctionnement en LivingLab nous permet d'accéder à différentes ressources matérielles
  141.                     ou partenaires pour répondre complètement à vos besoins.</p>
  147.                 <div class="row">
  148.                     <div class="col-md-4">
  149.                         <div class="card mb30">
  150.                             <img class="card-img-top img-fluid" style="padding: 5px" src="_Assets/Images/logo_ceremh/Logo_Ceremh_Conduite.png" alt="Card image cap">
  151.                             <div class="card-body text-center">
  152.                                 <h4 class="card-title">
  153.                                     Ceremh Conduite
  154.                                 </h4>
  155.                                 <p class="card-text"></p>
  156.                                 <a href="{{ path('conduite') }}" class="btn btn-primary">Rejoindre</a>
  157.                             </div>
  158.                         </div>
  159.                     </div>
  160.                     <div class="col-md-4">
  161.                         <div class="card mb30">
  162.                             <img class="card-img-top img-fluid" style="padding: 5px" src="_Assets/Images/logo_ceremh/Logo_Ceremh_Formation.png" alt="Card image cap">
  163.                             <div class="card-body text-center">
  164.                                 <h4 class="card-title">
  165.                                     Ceremh Formation
  166.                                 </h4>
  167.                                 <p class="card-text"></p>
  168.                                 <a href="{{ path('formation') }}" class="btn btn-primary">Rejoindre</a>
  169.                             </div>
  170.                         </div>
  171.                     </div>
  172.                     <div class="col-md-4">
  173.                         <div class="card mb30">
  174.                             <img class="card-img-top img-fluid" style="padding: 5px" src="_Assets/Images/logo_ceremh/Logo_Ceremh_Lab.png" alt="Card image cap">
  175.                             <div class="card-body text-center">
  176.                                 <h4 class="card-title">
  177.                                     Ceremh Lab
  178.                                 </h4>
  179.                                 <p class="card-text"></p>
  180.                                 <a href="{{ path('lab') }}" class="btn btn-primary">Rejoindre</a>
  181.                             </div>
  182.                         </div>
  183.                     </div>
  184.                 </div>
  185.             </div>
  187.             <div class="col-4" style="padding-left: 50px">
  188.                 
  189.                 <img src="{{ asset('_Assets/Images/logo_ceremh/Logo_Ceremh.png') }}" class="" style="width: 80%; margin-bottom: 60px">
  192.                 <h4> CEREMH</h4>
  193.                 <p>10-12 avenue de l'Europe, <br>78140 - Vélizy Villacoublay - France</p>
  194.                 <P><i class="fa fa-envelope"> </i> contact@ceremh.org <br> <i class="fa fa-phone"> </i> 01 39 25 49 87  </P>
  197.             </div>
  199.         </div>
  201.     </div>
  203.     <div class=" pt40 pb40 bg-faded">
  205.         <div class="container">
  207.             <div class="title-heading1">
  208.                 <H3>Des actualités à consulter</h3>
  209.             </div>
  211.             <div class="row">
  215.                 {% for data in actu.records %}
  218.                     <div class="col-lg-4">
  219.                         <div class="card" style="margin-top: 20px">
  220.                             <div class="card-body">
  221.                                 <h4 class="card-title">
  222.                                     {{ data.fields.ac_titre }}
  223.                                 </h4>
  224.                                 <span class="card-subtitle text-muted">
  227.                                                 {% if data.fields.ac_marque == 'Conduite' %}
  228.                                                     <i  style="color:#2C57A3" class="fa fa-tags"></i> <a href="#">CEREMH Conduite</a>
  229.                                                 {% endif %}
  230.                                                 {% if data.fields.ac_marque == 'Lab' %}
  231.                                                     <i  style="color:#7CC27C" class="fa fa-tags"></i> <a href="#">CEREMH Lab</a>
  232.                                                 {% endif %}
  233.                                                 {% if data.fields.ac_marque == 'Formation' %}
  234.                                                     <i  style="color:orange" class="fa fa-tags"></i> <a href="#">CEREMH Formation</a>
  235.                                                 {% endif %}
  237.                                 </span>
  238.                             </div>
  240.                             {% if  data.fields.ac_nom_image is not null %}
  241.                             <img class="img-fluid" src="{{ data.fields.ac_image[0].url }}" alt="Card image cap">
  242.                             {% endif %}
  244.                             <div class="card-body">
  245.                                 {%  if data.fields.ac_contenu is not null %}
  246.                                 <p class="card-text">{{ data.fields.ac_contenu }}</p>
  247.                                 {% endif %}
  248.                                 <a href="{{ data.fields.ac_lien }}" class="btn btn-primary">{{ data.fields.ac_titre_btn }}</a>
  249.                             </div>
  250.                         </div>
  251.                     </div>
  253.                 {% endfor %}
  255.             </div>
  256.         </div>
  257.     </div>
  259.     <!--
  260.     <div class="cta bg-faded pt50 pb50">
  261.         <div class="container">
  262.             <div class="row align-items-center">
  263.                 <div class="col-lg-8">
  264.                     <h4>Le CEREMH accompagne les acteurs de la mobilité pour la conception de produits et services innovants.</h4>
  265.                 </div>
  266.                 <div class="col-lg-4">
  267.                     <a href="#" class="btn btn-rounded btn-lg btn-outline-primary">
  268.                         Nous connaitre en détail
  269.                     </a>
  270.                 </div>
  271.             </div>
  272.         </div>
  273.     </div> -->
  275. {% endblock %}