templates/metiers.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Saltaf Studio | Nos Métiers{% endblock %}
  5. {% block body %}
  6. <style>body{
  7.     background-color:#E8E0C9;
  8. }</style>
  9. <div class="top">
  10. </div>
  11. <div class="tip">
  12. </div><a href="{{ path('projet') }}">
  13. <div class="fity">
  14. <img class="fit-picture"
  15.      src="{{asset(('images/site/logo.png'))}}"
  16.      alt="logo Saltaf">
  17. </div></a>
  18. <div class="block-metier" >
  19.     <div class="titre-metier">
  20.         <div class="titre-met">
  21.         
  22.             <div  class="links">
  23.             <p style="font-size:25px;font-family:'Karrik';text-align:center;">A propos :</p>
  24.             <a >Nos métiers</a>
  25.             </div>
  26.         </div>
  27.         <h1 class="h1-met">Le monde <br>change<br> et avec lui <br>notre <br>regard.</h1>
  28.         <p class="titre-p">La communication évolue constamment et nous devons nous adapter à ses nouvelles contraintes.
  30. Les petites et moyennes entreprises peuvent bénéficier d'un regard professionnel pour leurs communications.
  32. C'est pourquoi nous sommes ravis de vous offrir notre expertise et de vous proposer un service global pour tous vos projets,
  34. quels qu'ils soient. Nous sommes convaincus que cela vous aidera à atteindre vos objectifs.
  36. …</p>
  37. <img src="{{asset('images/contactimg.png')}}" class="img-metier">
  38. <div  class="catee">
  39. <div class="categorie">
  40.         {% for categorie in categories %}
  41.     
  42.     <p  class="metierDescription"> {{ categorie.description }}</p>
  43.     <a href="categorie/{{ categorie.id }}"  ><span>{{ categorie.titre }}</a>
  44.     
  45.     {% endfor %}
  46.     </div>
  47.     </div>
  48.     <div class="projet">
  49.     <h2 class="projetdefile" > PROJET PROJET PROJET PROJET PROJET PROJET PROJET PROJET</h2>
  50.     </div>
  51.     <div class="scrolling-container">
  52.    <div  class="scrolling-text">
  53.     {% for projet in projets %}
  54.     <a style="text-decoration:none;color:black;" href="{{ path('app_projet_show', {'id': projet.id}) }}" >
  55.                 
  56.                     <img src="{{asset('images/' ~ projet.imagePresentation)}}" alt="" style="width:30%;margin-bottom:100px;">
  58.             </a>
  59.     
  60.     {% endfor %}
  61.     </div>
  62.     </div>
  63.     <div >
  64.     <div class="reseau">
  65.  
  66.     </div>
  67.   </div>
  68.     
  69.     
  70.     
  71.     <div class="contai" >
  72.         <div class="foottest">
  73.         <img 
  74.      src="{{asset('images/sltflogo.svg')}}" class="foots">
  75.     </div>
  76.     <div  class="testr" id="contact">
  77.     
  78.         <p class="contactt-p">Contactez nous</p>
  79.         
  80.         <div class="container" style="margin:0;">
  81.             <div class="row contactSaltafa">
  82.                 <div class="col-md-3">
  83.                 <a href="mailto:studio.saltaf@gmail.com"><img src="{{asset('images/mail.svg')}}" class="mail"></a>
  84.     </div>
  85.                 <div class="col-md-3"><a href="tel:+33666440867"><img src="{{asset('images/tel.svg')}}" class="tel"></a></div>
  86.                 <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>
  87.                 <div class="col-md-3"><a href="https://www.facebook.com/saltafprod" target="_blank"><img src="{{asset('images/fb.svg')}}" class="fb"></a></div>
  88.         </div>
  89.    
  90.     <p class="bbtnn-p">
  92.  
  94. Studio Saltaf reste à votre dispostition pour tous projets graphiques ,
  96. de communication, de site web & autres .<br>
  98.  
  100. Nous serions ravis de vous accompagner dans vos futurs projets</p>
  101. <footer class="cont" >
  102.     Saltaf.Studio<br>
  103.     Studio de Graphisme<br>
  104.     42 rue du grand Faubourg<br>
  105.     Chartres - 28000 France
  106.     <br><br>
  107. </footer>
  108.         
  109.     </div>
  110. </div>
  112. </div>
  115. {% endblock %}