<section class="" id="contact">
		<div class="hero-body ">
			<div class="container has-text-centered">
				<div class="columns  is-variable  ">
					<div class="column is-one-third ">
                   
          </div>

					<div class="column is-one-third has-text-left">
                <h4 class="title is-2 is-3-mobile has-text-centered">Contactez moi</h4>
                        <form action="/mecontacter" method="POST">
                            {% csrf_token %}
                            <div class="field">
                                <label class="label">Nom</label>
                                <div class="control">
                                    <input class="input  is-medium" type="text" name="nom">
                                </div>
                            </div>
                            <div class="field">
                                <label class="label">Email</label>
                                <div class="control">
                                    <input class="input is-medium" type="text" name="email">
                                </div>
                            </div>
                            <div class="field">
                                <label class="label">Message</label>
                                <div class="control">
                                    <textarea name="message" class="textarea is-medium"></textarea>
                                </div>
                            </div>
                            <div class="control">
                                <button style="background-color: #0d575c;" type="submit" class="button is-success is-fullwidth has-text-weight-medium is-medium">Envoyer</button>
                            </div>
                        </form>
					</div>
				</div>
			</div>
		</div>
	</section>