113 lines
4.5 KiB
PHP
113 lines
4.5 KiB
PHP
@extends('layouts.layout')
|
||
|
||
@section('title', __('Contactez-nous'))
|
||
|
||
@section('content')
|
||
|
||
|
||
|
||
<div class="hero-banner">
|
||
<div class="hero-banner__wrapper wrapper">
|
||
<img src="img/hero_contacts.jpg" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="contact-page section">
|
||
<h1 class="contact-page__title title">{{ $content->title }}</h1>
|
||
|
||
<div class="contact-page__content">
|
||
<div class="contact-page__wrapper wrapper">
|
||
<div class="contact-page__row">
|
||
<div class="contact-page__row-block">
|
||
<div class="contacts__text">
|
||
@if ($content !== null)
|
||
{!!$content->value!!}
|
||
@endif
|
||
</div>
|
||
|
||
<div class="contacts__blocks">
|
||
<div class="contacts__block title title_small">
|
||
<div class="contacts__block-name">Téléphone : </div>
|
||
<div class="contacts__block-value">02 43 00 00 00</div>
|
||
</div>
|
||
<div class="contacts__block title title_small">
|
||
<div class="contacts__block-name">Adresse :</div>
|
||
<div class="contacts__block-value">125 Duis vel arcu rhoncus orci,<br>72000 Le Mans - France</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="contacts__map">
|
||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d42721.457042559516!2d0.12766763110983567!3d47.99262722819604!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e285faee931a29%3A0x1c0d3755a0e04870!2zNzIwMDAg0JvQtS3QnNCw0L0sINCk0YDQsNC90YbQuNGP!5e0!3m2!1sru!2sua!4v1607351691019!5m2!1sru!2sua" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
|
||
</div>
|
||
</div>
|
||
<div class="contact-page__row-block">
|
||
<form class="contacts__form form">
|
||
<div class="form__row">
|
||
<div class="form__field">
|
||
<input class="form__input" type="text" name="name" placeholder="Nom*" required="" />
|
||
</div>
|
||
<div class="form__field">
|
||
<input class="form__input" type="text" name="surname" placeholder="Prénom*" required="" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form__field">
|
||
<input class="form__input error" type="email" name="email" placeholder="Email*" required="" />
|
||
<div class="field__error">Le champ Email est obligatoire</div>
|
||
</div>
|
||
|
||
<div class="form__field">
|
||
<input class="form__input" type="text" name="objet" placeholder="Objet*" required="" />
|
||
</div>
|
||
|
||
<div class="form__field">
|
||
<input class="form__input" type="text" name="order" placeholder="Numéro de commande" />
|
||
</div>
|
||
|
||
<div class="form__field">
|
||
<textarea class="form__input" name="message" placeholder="Message**"></textarea>
|
||
</div>
|
||
|
||
<div class="form__field form__file">
|
||
<div class="form__upload-field">
|
||
<input class="file-name form__input form__input_file" type="text" readonly="" placeholder="Pièce jointe (pdf, jpeg, png, 5Mo max)">
|
||
<label for="file" class="form__upload-button btn btn_blue">Choisir un fichier</label>
|
||
<input class="file-source" id="file" type="file" accept=".jpg,.jpeg,.png,.gif,.pdf">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form__field">
|
||
<label class="custom-input custom-input_checkbox">
|
||
<input type="checkbox" name="agree" />
|
||
<span>J’ai lu et accepte les conditions générales et la politique de gestion des données personnelles.</span>
|
||
</label>
|
||
</div>
|
||
<div class="form__field form__submit">
|
||
<button class="form__btn btn btn_blue">Envoyer</button>
|
||
</div>
|
||
|
||
<div class="form__text mb0">*Champs obligatoires</div>
|
||
|
||
<div class="form-result form-result_confirm" style="display: none;">
|
||
<div class="form-result__image"><img src="img/form_confirm.png"></div>
|
||
<div class="form-result__title title title_small">Votre message a bien été envoyé !</div>
|
||
<div class="form-result__text">Nos services mettent tout en oeuvre pour y répondre au plus vite.</div>
|
||
</div>
|
||
|
||
<div class="form-result form-result_fail">
|
||
<div class="form-result__image"><img src="img/form_fail.png"></div>
|
||
<div class="form-result__title title">Oups ! Une erreur s’est produite...</div>
|
||
<div class="form-result__text">Votre message n’a pas pu être envoyé.<br>Nous en sommes désolés et vous prions<br>de bien vouloir réessayer plus tard.</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{{--<h1>Contact</h1>
|
||
@if ($content !== null)
|
||
{!!$content->value!!}
|
||
@endif--}}
|
||
@endsection
|