diff --git a/website/nutriform/static/nutriform/assets/css/main.css b/website/nutriform/static/nutriform/assets/css/main.css
index 08f34f53f1ca1e946f04aa642a65b24fbc728338..681b6ea2acd13282418799baf9547d97481f700f 100644
--- a/website/nutriform/static/nutriform/assets/css/main.css
+++ b/website/nutriform/static/nutriform/assets/css/main.css
@@ -2735,7 +2735,7 @@
 
 		.wrapper.style3 {
 			background-attachment: fixed;
-			background-image: url("images/overlay.png"), url("../../images/banner.jpg");
+			background-image: url("images/overlay.png"), url("../../images/fruits.jpg");
 			background-position: center center;
 			background-size: cover;
 		}
@@ -3090,7 +3090,7 @@
 	#banner {
 		padding: 16em 0 13em 0;
 		background-attachment: fixed;
-		background-image: url("images/overlay.png"), url("../../images/banner.jpg");
+		background-image: url("images/overlay.png"), url("../../images/fruits.jpg");
 		background-position: center top;
 		background-size: cover;
 		line-height: 1.75;
diff --git a/website/nutriform/static/nutriform/images/fruits.jpg b/website/nutriform/static/nutriform/images/fruits.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..7720d7462e9b298038b6ec8dc024dc457ca5b12c
Binary files /dev/null and b/website/nutriform/static/nutriform/images/fruits.jpg differ
diff --git a/website/nutriform/templates/nutriform/index.html b/website/nutriform/templates/nutriform/index.html
index 55829ebda7041956eafb713c282e29d6d75c3508..28be8953acc92ea37d5a988aba08b01f5dfcdedc 100644
--- a/website/nutriform/templates/nutriform/index.html
+++ b/website/nutriform/templates/nutriform/index.html
@@ -16,10 +16,10 @@
 
 		<!-- Header -->
 			<header id="header" class="alt">
-				<h1><strong><a href="index.html">NutriForm</a></strong> Design : SPATIAL by Templated</h1>
+				<h1><strong><a href="index.html">NutriForm</a></strong> tout simplement</h1>
 				<nav id="nav">
 					<ul>
-						<li><a href="index.html">Accueil</a></li>
+						<li><a href="{% url 'index' %}">Accueil</a></li>
 						<li><a href="generic.html">Mon compte</a></li>
 						<li><a href="elements.html">About us</a></li>
 					</ul>
@@ -65,13 +65,13 @@
 						<div class="row 150%">
 							<div class="6u 12u$(xsmall)">
 								<div class="image fit captioned">
-									<img src="images/pic02.jpg" alt="" />
+									<img src="{% static 'nutriform/images/pic02.jpg' %}" alt="" />
 									<h3>Lorem ipsum dolor sit amet.</h3>
 								</div>
 							</div>
 							<div class="6u$ 12u$(xsmall)">
 								<div class="image fit captioned">
-									<img src="images/pic03.jpg" alt="" />
+									<img src="{% static 'nutriform/images/pic03.jpg' %}" alt="" />
 									<h3>Illum, maiores tempora cupid?</h3>
 								</div>
 							</div>
@@ -92,7 +92,7 @@
 						</header>
 						<div class="feature-grid">
 							<div class="feature">
-								<div class="image rounded"><img src="images/pic04.jpg" alt="" /></div>
+								<div class="image rounded"><img src="{% static 'nutriform/images/pic04.jpg' %}" alt="" /></div>
 								<div class="content">
 									<header>
 										<h4>Lorem ipsum</h4>
@@ -102,7 +102,7 @@
 								</div>
 							</div>
 							<div class="feature">
-								<div class="image rounded"><img src="images/pic05.jpg" alt="" /></div>
+								<div class="image rounded"><img src="{% static 'nutriform/images/pic05.jpg' %}" alt="" /></div>
 								<div class="content">
 									<header>
 										<h4>Recusandae nemo</h4>
@@ -112,7 +112,7 @@
 								</div>
 							</div>
 							<div class="feature">
-								<div class="image rounded"><img src="images/pic06.jpg" alt="" /></div>
+								<div class="image rounded"><img src="{% static 'nutriform/images/pic06.jpg' %}" alt="" /></div>
 								<div class="content">
 									<header>
 										<h4>Laudantium fugit</h4>
@@ -122,7 +122,7 @@
 								</div>
 							</div>
 							<div class="feature">
-								<div class="image rounded"><img src="images/pic07.jpg" alt="" /></div>
+								<div class="image rounded"><img src="{% static 'nutriform/images/pic07.jpg' %}" alt="" /></div>
 								<div class="content">
 									<header>
 										<h4>Porro aliquam</h4>
@@ -139,15 +139,41 @@
 				<section id="four" class="wrapper style3 special">
 					<div class="container">
 						<header class="major">
-							<h2>Aenean elementum ligula</h2>
-							<p>Feugiat sed lorem ipsum magna</p>
+							<h2>Un besoin ? Des questions ?</h2>
+							<p>N'hésitez pas à nous contacter !</p>
 						</header>
+						<form method="post" action="#">
+							<div class="row uniform 50%" style="color: whitesmoke;">
+								<div class="6u 12u$(xsmall)">
+									<input type="text" name="name" id="name" value="" placeholder="Nom" />
+								</div>
+								<div class="6u$ 12u$(xsmall)">
+									<input type="email" name="email" id="email" value="" placeholder="Email" />
+								</div>
+								
+								<div class="12u$">
+									<textarea name="message" id="message" placeholder="Dites-nous tout" rows="6"></textarea>
+								</div>
+								<div class="12u$">
+									<ul class="actions">
+										<li><input type="submit" value="Nous contacter" class="special" /></li>
+										<li><input type="reset" value="Réinitialiser" /></li>
+									</ul>
+								</div>
+							</div>
+						</form>
+						<!--
 						<ul class="actions">
-							<li><a href="#" class="button special big">Get in touch</a></li>
+							<li><a href="#" class="button special big">Nous contacter</a></li>
 						</ul>
+						-->
 					</div>
 				</section>
 
+				<section id="one" class="wrapper style1">
+
+				</section>
+
 		<!-- Footer -->
 			<footer id="footer">
 				<div class="container">
@@ -157,7 +183,7 @@
 						<li><a href="#" class="icon fa-instagram"></a></li>
 					</ul>
 					<ul class="copyright">
-						<li>&copy; Untitled</li>
+						<li>&copy; NutriForm</li>
 						<li>Design: <a href="http://templated.co">TEMPLATED</a></li>
 						<li>Images: <a href="http://unsplash.com">Unsplash</a></li>
 					</ul>