templates/pages/apropos.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  5.     <style>
  7.         .mobile-version{
  8.             display:none !important;
  9.         }        
  10.         .borderright {
  11.             border-right: 80px solid #ffeb9c !important;
  12.             left: 40px;
  13.             position: relative;
  14.         }
  15.         .borderleft {
  16.             right: 40px;
  18.             position: relative;
  19.             border-left: 80px solid #ffeb9c !important;
  20.         }
  21.         .math {
  22.             position: absolute;
  23.             right: 60px;
  24.             bottom: 0;
  25.         }
  26.         p {
  27.             margin-bottom: 0 !important;
  28.         }
  29.         .row > * {
  31.             padding-right: revert !important;
  32.             padding-left: revert !important;
  33.         }
  34.         .mysection .container {
  35.             background-repeat: no-repeat;
  36.             background-size: cover;
  37.             width: revert;
  39.             border-radius: 0 0 73px 73px;
  40.             background-image: url('{{ asset('front/images/apropos.png') }}');
  41.             top: 140px;
  42.             margin-bottom: 140px;
  44.         }
  45.         .mysection {
  46.             width: 98%;
  47.             height:auto;
  48.         }
  49.         hr {
  50.             width: 36px;
  51.             height: 3px !important;
  52.             background: #00008F;
  53.             margin: 1.5rem 0;
  54.             border: 0;
  55.             opacity: 1;
  56.         }
  58.         .imageslide {
  59.             color: #FFF;
  60.             font-family: Poppins;
  61.             font-size: 40px;
  62.             font-style: normal;
  63.             font-weight: 600;
  64.             line-height: 188%;
  65.         }
  66.         button a {
  67.             color: white;
  68.             font-size: 16px;
  69.             font-weight: 600;
  70.         }
  71.         #btnslide {
  73.             background-color: transparent;
  74.             width: 250px;
  75.             height: 75px;
  77.             position: relative;
  78.             box-shadow: 0 20px 73px rgba(173.19, 173.19, 173.19, 0.50);
  79.             border-radius: 10px;
  80.             border: 2px #FFEE9D solid;
  82.         }
  84.         #btnslide1 {
  85.             background-color: transparent;
  86.             width: 250px;
  87.             height: 75px;
  89.             position: relative;
  91.             border: 2px transparent solid;
  94.         }
  95.         .cont {
  96.             max-width: 800px;
  97.         }
  98.         img.papier-img {
  99.             right: -4px;
  100.             margin-top: 70px;
  101.             position: absolute;
  102.             height: 640px;
  103.             border-radius: 5px 50px 5px 5px;
  104.         }
  105.         img.peckar-img {
  106.             right: -4px;
  107.             margin-top: 70px;
  108.             position: absolute;
  109.             height: 40px;
  110.             border-radius: 5px 50px 5px 5px;
  111.         }
  112.         
  113.         .mysection .container-fluid {
  114.             background-repeat: no-repeat;
  115.             background-size: cover;
  116.             background-image: url(/front/images/Group10.png);
  117.             top: 140px;
  118.             margin-bottom: 140px;
  119.             height: auto;
  120.             
  121.         }
  122.         .margin-upper-mysection {
  123.             margin-top: 7%;
  124.         }
  125.         .col-sm-5.methodologie{
  126.             position: relative;
  127.             top: -120px;
  128.         }
  129.         
  130.         @media only screen and (max-width: 767px) {
  132.             .laptop-version{
  133.                 display:none !important;
  134.             }
  135.             .borderleft {
  136.                 right: 0px;
  137.                 border-left: 40px solid #ffeb9c !important;
  138.             }
  139.             
  140.             
  141.             .borderright {
  142.                 border-right: 50px solid #ffeb9c !important;
  143.                 left: 0;
  144.                 position: relative;
  145.             }
  146.             
  147.             .math {
  148.                 position: relative;
  149.             }
  150.             .objectif {
  152.                 height: revert !important;
  153.                 background-image: url('{{ asset('front/images/objectif.png') }}')
  154.             }
  155.             .travel {
  157.                 height: revert !important;
  158.                 background-image: url('{{ asset('front/images/travel.png') }}')
  159.             }
  160.             .slide {
  162.                 height: revert !important;
  163.                 background-image: url('{{ asset('front/images/slide.png') }}')
  164.             }
  165.             .margin-upper-mysection {
  166.                 margin-top: 40%;
  167.             }
  168.             .mobile-version{
  169.                 display:block !important;
  170.             }
  171.             .container{
  172.                 padding:0px 18px;
  173.             }
  175.         }
  176.     </style>
  177. {% endblock %}
  179. {% block body %}
  182.     {# travel #}
  183. <div class="margin-upper-mysection"></div>
  184. <div class="laptop-version">
  185.     <div class="mysection mb-5">
  186.         <div class="container-fluid">
  187.             <div class="row">
  188.                 <div class="col-sm-2"></div>
  189.                 <div class="col-sm-8" style="border-radius: 50px;background: linear-gradient(241deg, #FFF 32.3%, rgba(255, 255, 255, 0.92) 89.67%);box-shadow: 0px 1px 24px 0px rgba(3, 1, 56, 0.10);padding-top: 50px;padding-bottom: 50px;margin-top: 10%;">
  190.                     <center><img src="{{ asset("front/images/rec.png") }}" width="170" height="27" alt="Gimnasio"></center>
  191.                     <h3 style="text-align: center !important;color:#030138;">À propos</h3>
  192.                     <p style="padding: 0px 40px 0px 40px;font-size: 15px;line-height: 26px;color: #8D96B5;font-weight: normal;margin-bottom: 26px;margin-top: 35px;font-size:14px">Spécialiste de la construction de décors depuis 1996, SET UP,(anciennement Générale Décors), a construit les décors de télévision les plus prestigieux. Des décors des émissions les plus emblématiques de grands diffuseurs comme TF1, France télévision, M6, Canal+, Bein sports et bien d'autres medias, aux décors de diffuseurs plus confidentiels, notre entreprise reste aujourd'hui une référence en termes de réactivité, de sécurité et de qualité deprestations techniques et artistiques. Pour sauvegarder le savoir faire de l'entreprise, SETUP Paris accompagné de Smart Formation souhaitent s'appuyer sur la jeunesse. Notre ambition est de faire découvrir des métiers nobles au service des acteurs du monde audiovisuel. Nos équipes vieillissantes ont besoins d'un second souffle, d'un vent de jeunesse. C'est pour cela que nous souhaitons créer notre la SETUP ACADEMY, un CFA d'entreprise afin de promouvoir auprès des jeunes ces filières manuelles, artisanales, qui sont si souvent décriées à l'école et réduite à des voies dîtes :" de garage".</p>
  193.                     <center><img src="{{ asset("front/images/smart.png") }}" width="170" height="27" alt="Gimnasio" style="margin-top: 45px;"></center>
  194.                     
  195.                 </div>
  196.                 <div class="col-sm-2"></div>
  197.             </div>
  198.             
  199.             <div class="row">
  200.                 <div class="col-sm-1"></div>
  201.                 <div class="col-sm-5 setup">
  202.                     <img src="{{ asset("front/images/mdi_paris.svg") }}" width="70" height="27" alt="Gimnasio" style="position:relative;top: 15px;left: 46px;width: 32%;">
  203.                     <div class="borderright" style=" border-radius: 50px 0px 0px 50px;background: linear-gradient(241deg, #FFF 32.3%, rgba(255, 255, 255, 0.92) 89.67%);box-shadow: 0px 1px 24px 0px rgba(3, 1, 56, 0.10);padding-top: 40px">
  205.                             <img src="{{ asset("front/images/rec.png") }}" width="170" height="27" alt="Gimnasio" style="margin-left:40px">
  208.                             <h3 style="color:#030138; margin-left:40px">Setup Paris</h3>
  209.                             <p style="padding:40px;font-size: 14px;line-height: 26px;color: #8D96B5;font-weight: normal; ">Située à proximité de Paris, SETUP abrite tous les corps de métiers utiles et nécessaires à l'excellence de ses prestations. Un atelier de 4000 m2 divisé par zone de spécialisation abrite ainsi : une menuiserie susceptible de travailler aussi bien le bois que tous les matériaux composites grâce à des outils numériques les plus modernes. Une serrurerie métallerie rompue au travail et à la soudure de tous les métaux ferreux ou non. Un service de découpe et surfaçage numérique de tous les matériaux. Un magasin de bois et de quincaillerie afin de répondre au plus vite à toute sollicitation urgente quelle que soit son ampleur. Un bureau d'étude habité par des dessinateurs et décorateurs prompts, aussi bien, à accompagner tout projet artistique qu'à mettre en place les méthodes de construction qui en découleront.</p>
  210.                         </div>
  211.                 </div>
  212.                 <div class="col-sm-5"></div>
  213.                 <div class="col-sm-1"></div>
  214.             </div>
  215.             
  216.             <div class="row">
  217.                 
  218.                 <div class="col-sm-5">
  219.                     <img src="{{ asset("front/images/designer.png") }}" width="70px"  alt="Gimnasio" style="position:relative;top: 28px;left: 8%;width: 90%;border-radius: 11px 40px 11px 11px">
  220.                 </div>
  221.                 <div class="col-sm-1"></div>
  222.                 <div class="col-sm-5 methodologie">
  223.                     
  224.                     <img src="{{ asset("front/images/peckar.png") }}" width="70px"  alt="Gimnasio" style="position:relative;top: 28px;left: 68%;width: 32%;">
  225.                     <div class="borderleft" style=" border-radius:0px 50px 50px 0px;background: linear-gradient(241deg, #FFF 32.3%, rgba(255, 255, 255, 0.92) 89.67%);box-shadow: 0px 1px 24px 0px rgba(3, 1, 56, 0.10);padding-bottom: 30px;">
  227.                             <img src="{{ asset("front/images/rec.png") }}" width="170" height="27" alt="Gimnasio" style="margin-left:40px;padding-top: 40px;">
  230.                             <h3 style="color:#030138; margin-left:40px; color:#030138;">Méthodologie</h3>
  231.                             <p style="padding:0px 40px;font-size: 12px;line-height: 26px;color: #8D96B5;font-weight: normal; ">Savoir-être et Savoir-faire, voici les deux axes sur lesquels l'académie d'excellence s'engage. Nos enseignants véhiculent ses principes au travers de leurs expertises métiers et relationnelles.</p>
  232.                             <br>
  233.                             {#<h3 style="padding: 0px 40px 0px 40px;color:#030138;">Logo</h3>#}
  234.                             <h6 style="padding: 0px 40px 0px 40px; color:black;">Pédagogie & R&D</h6>
  236.                             <p style="padding:0px 40px;font-size: 12px;line-height: 26px;color: #8D96B5;font-weight: normal; "> L'académie d'excellence disposera en son sein d'un pôle de recherche et développement afin de contribuer à son indépendance technologique, industrielle & énergétiques</p>
  237.                             <br>
  238.                             {#<h3 style="padding: 0px 40px 0px 40px;color:#030138;">Logo</h3>#}
  239.                             <h6 style="padding: 0px 40px 0px 40px; color:black;">Incubateur & Pépinière</h6>
  240.                             <p style="padding:0px 40px;font-size: 12px;line-height: 26px;color: #8D96B5;font-weight: normal; ">L'académie d'excellence disposera d'un incubateur afin de dynamiser l'économie locale en accompagnant les étudiants dans leurs projets entrepreneuriaux.</p>
  241.                         </div>
  242.                         
  243.                 </div>
  244.                 
  245.                 <div class="col-sm-1"></div>
  246.             </div>
  247.         </div>
  248.     </div>
  249.     </div>
  250.    <div class="mobile-version">
  251.        
  252.         <div class="container">
  253.             <div class="row">
  254.                 <div class="col-sm-12" style="border-radius: 50px;background: linear-gradient(241deg, #FFF 32.3%, rgba(255, 255, 255, 0.92) 89.67%);box-shadow: 0px 1px 24px 0px rgba(3, 1, 56, 0.10);padding-top: 50px;padding-bottom: 50px;text-align: justify;margin-bottom: 10%;">
  255.                     <center><img src="/front/images/rec.png" width="170" height="27" alt="Gimnasio"></center>
  256.                     <h3 style="text-align: center !important;color:#030138;">à propos</h3>
  257.                     <p style="padding: 0px 30px 0px 30px;font-size: 15px;line-height: 26px;color: #8D96B5;font-weight: normal;margin-bottom: 26px;margin-top: 35px;font-size:14px">Spécialiste de la construction de décors depuis 1996, SET UP,(anciennement Générale Décors), a construit les décors de télévision les plus prestigieux. Des décors des émissions les plus emblématiques de grands diffuseurs comme TF1, France télévision, M6, Canal+, Bein sports et bien d'autres medias, aux décors de diffuseurs plus confidentiels, notre entreprise reste aujourd'hui une référence en termes de réactivité, de sécurité et de qualité deprestations techniques et artistiques. Pour sauvegarder le savoir faire de l'entreprise, SETUP Paris accompagné de Smart Formation souhaitent s'appuyer sur la jeunesse. Notre ambition est de faire découvrir des métiers nobles au service des acteurs du monde audiovisuel. Nos équipes vieillissantes ont besoins d'un second souffle, d'un vent de jeunesse. C'est pour cela que nous souhaitons créer notre la SETUP ACADEMY, un CFA d'entreprise afin de promouvoir auprès des jeunes ces filières manuelles, artisanales, qui sont si souvent décriées à l'école et réduite à des voies dîtes :" de garage".</p>
  258.                     <center><img src="/front/images/smart.png" width="170" height="27" alt="Gimnasio" style="margin-top: 45px;"></center>
  259.                     
  260.                 </div>
  261.                 
  262.                 <div class="col-sm-12">
  263.                     <img src="/front/images/mdi_paris.svg" width="70" height="27" alt="Gimnasio" style="position:relative;top: 15px;left: 46px;width: 32%;">
  264.                     <div class="borderright" style=" border-radius: 50px 0px 0px 50px;background: linear-gradient(241deg, #FFF 32.3%, rgba(255, 255, 255, 0.92) 89.67%);box-shadow: 0px 1px 24px 0px rgba(3, 1, 56, 0.10);padding-top: 40px">
  266.                             <img src="/front/images/rec.png" width="170" height="27" alt="Gimnasio" style="margin-left:40px">
  269.                             <h3 style="color:#030138; margin-left:40px">Setup Paris</h3>
  270.                             <p style="padding:20px;font-size: 14px;line-height: 26px;color: #8D96B5;font-weight: normal;    text-align: justify; ">Située à proximité de Paris, SETUP abrite tous les corps de métiers utiles et nécessaires à l'excellence de ses prestations. Un atelier de 4000 m2 divisé par zone de spécialisation abrite ainsi : une menuiserie susceptible de travailler aussi bien le bois que tous les matériaux composites grâce à des outils numériques les plus modernes. Une serrurerie métallerie rompue au travail et à la soudure de tous les métaux ferreux ou non. Un service de découpe et surfaçage numérique de tous les matériaux. Un magasin de bois et de quincaillerie afin de répondre au plus vite à toute sollicitation urgente quelle que soit son ampleur. Un bureau d'étude habité par des dessinateurs et décorateurs prompts, aussi bien, à accompagner tout projet artistique qu'à mettre en place les méthodes de construction qui en découleront.</p>
  271.                             
  272.                             
  273.                         </div>
  274.                 </div>
  275.                 <center><img src="{{ asset("front/images/designer.png") }}" width="70px"  alt="Gimnasio" style="width: 90%;border-radius: 11px 40px 11px 11px;margin-top:10%; margin-bottom:10%"></center>
  276.                 
  277.                 <div class="col-sm-12 mb-5">
  278.                     
  279.                     <img src="/front/images/peckar.png" width="70px" alt="Gimnasio" style="position:relative;top: 28px;left: 68%;width: 32%;">
  280.                     <div class="borderleft" style=" border-radius:0px 50px 50px 0px;background: linear-gradient(241deg, #FFF 32.3%, rgba(255, 255, 255, 0.92) 89.67%);box-shadow: 0px 1px 24px 0px rgba(3, 1, 56, 0.10);padding-bottom: 30px;">
  282.                             <img src="/front/images/rec.png" width="170" height="27" alt="Gimnasio" style="margin-left:40px;padding-top: 40px;">
  285.                             <h3 style="color:#030138; margin-left:40px; color:#030138;">Méthodologie</h3>
  286.                             <p style="padding:0px 30px;font-size: 12px;line-height: 26px;color: #8D96B5;font-weight: normal; ">Savoir-être et Savoir-faire, voici les deux axes sur lesquels l'académie d'excellence s'engage. Nos enseignants véhiculent ses principes au travers de leurs expertises métiers et relationnelles.</p>
  287.                             <br>
  288.                             <h3 style="padding: 0px 30px 0px 30px;color:#030138;">Logo</h3>
  289.                             <h6 style="padding: 0px 30px 0px 30px; color:black;">Pédagogie &amp; R&amp;D</h6>
  291.                             <p style="padding:0px 30px;font-size: 12px;line-height: 26px;color: #8D96B5;font-weight: normal; "> L'académie d'excellence disposera en son sein d'un pôle de recherche et développement afin de contribuer à son indépendance technologique, industrielle &amp; énergétiques</p>
  292.                             <br>
  293.                             <h3 style="padding: 0px 30px 0px 30px;color:#030138;">Logo</h3>
  294.                             <h6 style="padding: 0px 30px 0px 30px; color:black;">Incubateur &amp; Pépinière</h6>
  295.                             <p style="padding:0px 30px;font-size: 12px;line-height: 26px;color: #8D96B5;font-weight: normal; ">L'académie d'excellence disposera d'un incubateur afin de dynamiser l'économie locale en accompagnant les étudiants dans leurs projets entrepreneuriaux.</p>
  296.                         </div>
  297.                     
  298.                 </div>
  299.             </div>
  300.         </div>
  301.     </div>
  302. </div> 
  303.     
  304. {% endblock %}