templates/projets/show.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Saltaf Studio | Projets{% endblock %}
  5. {% block body %}
  6. <style>
  7. p,h1,h2,a{
  8. color:{{ projet.couleurBackText }}!important;
  9. border-color:{{ projet.couleurBackText }}!important;
  10. }
  11. a{
  13. }
  14. </style>
  15.     <div style="position: fixed;
  16.         top:100px;
  17.         width: 100%;
  18.         height:100px;
  19.         background: linear-gradient(to bottom, {{ projet.couleurs }}, transparent);
  20.         z-index:100;">
  21. </div>
  22. <div style="position: fixed;
  23.         top:0;
  24.         width: 100%;
  25.         height: 100px;
  26.         background-color: {{projet.couleurs}};
  27.         z-index:100;">
  28. </div><a href="{{ path('projet') }}">
  29. <div class="fity">
  30. <img class="fit-picture"
  31.      src="{{asset(('images/site/logo.png'))}}"
  32.      alt="logo Saltaf">
  33. </div></a>
  34.     <div class="containe" style="background-color:{{ projet.couleurs }}!important;">
  35.         <div class="ro">
  36.             <div class="gauche" style="background-color:{{ projet.couleurs }}!important;">
  37.             <div class="presentation">
  38.                 <h1 style="font-family:'daitatyperegular';">{{ projet.titre }}</h1>
  39.                 <h2>{{ projet.client }}</h2>
  40.                 <div class="center-tag">
  41.                 {% for tag in projet.tag %}
  42.                 
  43.                     <a href="{{ path('app_categorie_ind')}}/{{ tag.id }}" class="lien"> {{ tag.titre }}</a>
  44.            
  45.                 {% endfor %}
  46.                 </div>
  47.                 <p class="description-projet">{{ projet.description }}</p>
  48.             </div>
  49.             </div>
  50.             <div class="droite " style="background-color:{{ projet.couleurBack }}!important;z-index:125;">
  51.                 
  52.      
  53.                 <img src="{{ asset('images/' ~ projet.imagePresentation) }}" style="width:100%;"></td>
  54.           
  55.             
  56.                   <img src="{{ asset('images/' ~ projet.image2) }}" style="width:100%;"></td>
  57.           
  58.              
  59.                  <img src="{{ asset('images/' ~ projet.image3) }}" style="width:100%;"></td>
  60.         
  61.             
  62.                   <img src="{{ asset('images/' ~ projet.image4) }}" style="width:100%;"></td>
  63.        
  64.              
  65.                   <img src="{{ asset('images/' ~ projet.image5) }}" style="width:100%;"></td>
  66.        
  67.           
  68.                   <img src="{{ asset('images/' ~ projet.image6) }}" style="width:100%;"></td>
  69.          
  70.             
  71.            <div class="descriptionprojet">
  72.             <p style="color:{{ projet.couleurBackText }}!important;">{{ projet.description2 }}</p>
  73.             <div class="container">
  74.                 <div class="row">
  75.                  <div class="col-md-6">
  76.                     <a href="{{ projet.siteWeb }}"  style="text-decoration:none;text-align:center;"  target="_blank">Site web</a>
  77.                   </div>
  78.                   <div class="col-md-6">
  79.                   <a href="{{ projet.reseaux }}" style="text-decoration:none;color:{{ projet.couleurBackText }};text-align:center;" target="_blank">Réseau</a>
  80.                    </div>
  81.                  </div>
  82.              </div>
  83.             
  84.             
  85.            </div>
  86.            <div class="projet">
  87.     <h2 class="projetdefile" style=" font-size:40px;" > PROJET &nbsp; PROJET &nbsp; PROJET &nbsp; PROJET &nbsp; PROJET &nbsp; PROJET &nbsp; PROJET &nbsp; PROJET &nbsp; PROJET &nbsp; PROJET &nbsp; PROJET &nbsp; PROJET &nbsp; PROJET </h2>
  88.     </div>
  89.     <div class="scrolling-container">
  90.    <div  class="scrolling-text">
  91.     {% for projet in projets %}
  92.     <a style="text-decoration:none;color:black;" href="{{ path('app_projet_show', {'id': projet.id}) }}" >
  93.                 
  94.                     <img src="{{asset('images/' ~ projet.imagePresentation)}}" alt="" style="width:30%;margin-bottom:100px;">
  96.             </a>
  97.     
  98.     {% endfor %}
  99.     </div>
  100.     </div>
  101.                 
  102.        
  103.             </div>
  104.         </div>
  105.         
  107.     </div>
  108.     
  111. {% endblock %}