ldc-boutique-cnc-sable/integration/contacts.php

<?php require_once('header.php'); ?>


<div class="main">

	<div class="breadrumbs content">
		<div class="breadrumbs__wrapper wrapper">
			<div class="breadrumbs__inner">
				<div class="left__offset"></div>

				<a href="/">Accueil</a>
				<span class="breadrumbs__arrow">&gt;</span>
				<span>Contactez-nous</span>
			</div>
		</div>
	</div>

	<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">Contactez-nous</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">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sodales ipsum eros, sit amet porttitor dui commodo vitae. Cras rutrum dapibus mauris ut rutrum. Aliquam nec accumsan purus, eu volutpat nisl. Fusce sed viverra magna. Duis aliquam augue nec tortor egestas, hendrerit dapibus ex ornare. Aliquam iaculis at ipsum in efficitur.
						</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>

</div>

<?php require_once('footer.php'); ?>