templates/categorie/voir.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Saltaf Studio | Catégorie{% endblock %}
  5. {% block body %}
  6. <style>body{
  7.     background-color:#E8E0C9;
  8. }</style>
  9. <div class="topo">
  10. </div>
  11. <div class="tipo">
  12. </div><a href="{{ path('projet') }}">
  13. <div class="fityy">
  14. <img class="fit-picture"
  15.      src="{{asset(('images/site/logo.png'))}}">
  16. </div></a>
  17. <div class="picture-titree">
  18.         <img 
  19.      src="{{asset('images/sltflogo.svg')}}" class="trucss">
  20.     </div>
  21. <div>
  22. <!--div class="triangle">
  23.     <p class="contacts">Bonjour@saltaf.com</p>
  24. </div-->
  27. <div class="listProjet"></a>
  28.     
  29.      <div style="display:flex;margin-top:80px;" class="link">
  30. <a href="#contact" class="conta">Contact</a>
  31.         <a href="{{ path('app_projet_metiers')}}">Nos métiers</a>
  32.     </div>
  33.     <ul >
  34.         {% for projet in projet %}
  35.         
  36.         <li id="element">
  37.             <img id="hover_image" src="{{asset('images/' ~ projet.imagePresentation)}}" alt="">
  38.             <img id="hover_image2" src="{{asset('images/' ~ projet.image2)}}" alt="">
  39.             <a href="{{ path('app_projet_show', {'id': projet.id}) }}" class="typo" >
  40.                 
  41.                 <p id="mon_element">{{projet.titre}}</p>
  42.             </a>
  43.         </li>
  44.         
  45.         {% endfor %}
  46.         <div style="height:40px;"> </div>
  48.     </ul>
  49.     <div style="max-width:450px;" class="menuzen">
  50.         <p class="p-shox-projet">
  51.         {% for categorie in categories %}
  52.         {% if parameterValue == categorie.id  %}
  53.         {{ categorie.description }}
  54.         {% endif %}
  55.         {% endfor %}
  56.         </p>
  57.     </div>
  58.     
  59.      <div class="contain" >
  60.         <div class="foottest">
  61.         <img 
  62.      src="{{asset('images/sltflogo.svg')}}" class="foots">
  63.     </div>
  65.     <div class="categorie">
  66.     {% for categorie in categories %}
  67.     
  68.     
  69.    
  70.     {% if parameterValue == categorie.id  %}
  71.         <a href="{{ categorie.id }}" class="titre-show"><span>{{ categorie.titre }}</span></a>
  72.     {% else %}
  73.        
  74.         <a href="{{ categorie.id }}" style="text-decoration:none;rgba(0,0,0,0.7);" class="liste-show"><span  style="display:flex;">{{ categorie.titre }}</span></a>
  75.     {% endif %}
  76.     {% endfor %}
  77.               
  78. </div>
  79.     <div  class="testr" id="contact">
  80.     
  81.         <p class="contact-p">Contactez nous</p>
  82.         <div class="container" style="margin:0;">
  83.             <div class="row contactSaltaf">
  84.                 <div class="col-md-3">
  85.                 <a href="mailto:studio.saltaf@gmail.com"><img src="{{asset('images/mail.svg')}}" class="mail"></a>
  86.     </div>
  87.                 <div class="col-md-3"><a href="tel:+33666440867"><img src="{{asset('images/tel.svg')}}" class="tel"></a></div>
  88.                 <div class="col-md-3"><a href="https://www.instagram.com/saltaf_studio/" target="_blank"><img src="{{asset('images/insta.svg')}}" class="insta"></a></div>
  89.                 <div class="col-md-3"><a href="https://www.facebook.com/saltafprod" target="_blank"><img src="{{asset('images/fb.svg')}}" class="fb"></a></div>
  90.         </div>
  91.         
  92.    
  93.     <p class="bbtn-p">
  95.  
  97. Studio Saltaf reste à votre dispostition pour tous projets graphiques ,
  99. de communication, de site web & autres .<br>
  101.  
  103. Nous serions ravis de vous accompagner dans vos futurs projets</p>
  104. <footer class="con">
  105.     Saltaf.Studio<br>
  106.     Studio de Graphisme<br>
  107.     42 rue du grand Faubourg<br>
  108.     Chartres - 28000 France
  109.     <br><br>
  110. </footer>
  111.         
  112.     </div>
  113. </div>
  115. </div>
  120. {% endblock %}