templates/pages/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Contact — Raw Studio{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     <link rel="stylesheet" href="{{ asset('assets/css/portfolio.css') }}">
  8.     <link rel="stylesheet" href="{{ asset('assets/css/contact.css') }}">
  9.     <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@600;800;900&family=Work+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
  10. {% endblock %}
  12. {% block body %}
  14. <section class="contact-hero">
  15.     <div class="eyebrow">PARLONS DE VOTRE PROJET</div>
  16.     <h1>Contact</h1>
  17.     <p>Une idée de podcast, un mariage à immortaliser, un contenu à produire ? Écrivez-nous, on revient vers vous sous 24h.</p>
  18. </section>
  20. <div class="contact-wrap">
  22.     <div class="contact-info">
  23.         <div class="eyebrow">RAW STUDIO</div>
  24.         <h2>On tourne, on cadre, on raconte votre histoire.</h2>
  26.         <div class="info-block">
  27.             <div class="label">ADRESSE</div>
  28.             <div class="value">Cocody, Angré CHU — Abidjan, Côte d'Ivoire</div>
  29.         </div>
  31.         <div class="info-block">
  32.             <div class="label">TÉLÉPHONE</div>
  33.             <div class="value"><a href="tel:+2250140411717">+225 01 40 41 17 17</a></div>
  34.         </div>
  36.         <div class="info-block">
  37.             <div class="label">EMAIL</div>
  38.             <div class="value"><a href="mailto:hello@rawstudio.com">contact@rawstudiocompany.com</a></div>
  39.         </div>
  41.         <div class="info-block">
  42.             <div class="label">HORAIRES</div>
  43.             <div class="value">Lun – Sam · 9h00 — 19h00</div>
  44.         </div>
  46.         {# <div class="contact-social">
  47.             <a href="#">f</a><a href="#">ig</a><a href="#">tw</a><a href="#">p</a>
  48.         </div> #}
  49.     </div>
  51.     <div class="contact-form">
  52.         <h2>Envoyez-nous un message</h2>
  53.         <p class="sub">Tous les champs marqués sont nécessaires pour vous répondre au mieux.</p>
  55.         {% if sent %}
  56.             <div class="form-alert">Merci ! Votre message a bien été envoyé, nous revenons vers vous rapidement.</div>
  57.         {% endif %}
  59.         {{ form_start(form) }}
  60.             <div class="form-row">
  61.                 <div class="field">
  62.                     {{ form_label(form.fullName) }}
  63.                     {{ form_widget(form.fullName) }}
  64.                 </div>
  65.                 <div class="field">
  66.                     {{ form_label(form.email) }}
  67.                     {{ form_widget(form.email) }}
  68.                 </div>
  69.             </div>
  71.             <div class="field">
  72.                 {{ form_label(form.service) }}
  73.                 {{ form_widget(form.service) }}
  74.             </div>
  76.             <div class="field">
  77.                 {{ form_label(form.message) }}
  78.                 {{ form_widget(form.message) }}
  79.             </div>
  81.             <button type="submit" class="submit-btn">
  82.                 ENVOYER LE MESSAGE
  83.                 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M2 21l21-9L2 3v7l15 2-15 2z"/></svg>
  84.             </button>
  85.         {{ form_end(form) }}
  86.     </div>
  88. </div>
  90. {% endblock %}