diff --git a/static/css/freelancer.css b/static/css/freelancer.css
index 8338f8e..42713f3 100644
--- a/static/css/freelancer.css
+++ b/static/css/freelancer.css
@@ -229,7 +229,7 @@ section.success a.active {
         padding-top: 75px;
     }
 }
-/*#jams .portfolio-item {
+#jams .portfolio-item {
     right: 0;
     margin: 0 0 15px;
 	width: 40%;
@@ -276,7 +276,7 @@ section.success a.active {
 #jams .portfolio-item .portfolio-link .caption .caption-content h3,
 #jams .portfolio-item .portfolio-link .caption .caption-content h4 {
     margin: 0;
-}*/
+}
 
 #jams * {
     z-index: 2;
@@ -288,6 +288,20 @@ section.success a.active {
     }
 }
 
+.imageJams 
+{
+	padding:10px;
+	height:200px;
+	width:200px;
+}
+
+.gameJamBattle 
+{
+	margin:0 auto;
+	height:200px;
+	width:200px;
+}
+
 .btn-outline {
     margin-top: 15px;
     border: solid 2px #1A7AC5;
diff --git a/static/img/jams/asylumjam.png b/static/img/jams/asylumjam.png
new file mode 100644
index 0000000..cebb8ca
Binary files /dev/null and b/static/img/jams/asylumjam.png differ
diff --git a/templates/index.html b/templates/index.html
index dcf473b..b48d9fe 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -28,7 +28,7 @@ Venez rejoindre notre équipe de gens motivé et passioné pour vivre votre pass
     </section>
 
     <!-- Montreal Game Jam Section -->
-    <section id="mtlgamejam">
+    <section id="mtlgj">
         <div class="container">
             <div class="row">
                 <div class="col-lg-12 text-center">
@@ -70,22 +70,30 @@ dont le mandat commun est de promouvoir l’industrie du jeu vidéo</p>
                     <hr class="star-light">
                 </div>
             </div>
-			 <div class="row text-center">
-                <div class="col-lg-3  col-md-4 list-item">
-                    <img src="{% static 'img/jams/ggjlogo.png' %}" class="hidden-xs img-responsive" alt="">
+			 <div class="row">
+                <div class="col-sm-3">
+                    <img src="{% static 'img/jams/ggjlogo.png' %}" class="hidden-xs img-responsive imgJams"  alt="">
 					<p class="visible-xs">Global Game Jam</p>
                 </div>
-				<div class="col-lg-3 col-md-4 list-item">
-                    <img src="{% static 'img/jams/pixelChalenge.png' %}" class="hidden-xs img-responsive" alt="">
+				<div class="col-sm-3">
+                    <img src="{% static 'img/jams/pixelChalenge.png' %}" class="hidden-xs img-responsive imgJams" alt="">
 					<p class="visible-xs">Pixel Chalenge</p>
                 </div>
-				<div class="col-lg-3 col-md-4 list-item">
-                    <img src="{% static 'img/jams/GameJamBattle.png' %}" class="hidden-xs img-responsive" alt="">
+				<div class=" col-sm-3">
+                    <img src="{% static 'img/jams/GameJamBattle.png' %}" class="hidden-xs img-responsive imgJams"  alt="">
 					<p class="visible-xs">Game Jam Battle</p>
                 </div>
 				
-				<div class="col-lg-3 col-md-4 list-item">
-                    <img src="{% static 'img/jams/OjamLogo.png' %}" class="hidden-xs img-responsive" alt="">
+				<div class="col-sm-3">
+                    <img src="{% static 'img/jams/OjamLogo.png' %}" class="hidden-xs img-responsive imgJams" alt="">
+					<p class="visible-xs">O Jam</p>
+                </div>
+				<div class="col-sm-3">
+                    <img src="{% static 'img/jams/ludumDare.png' %}" class="hidden-xs img-responsive imgJams" alt="">
+					<p class="visible-xs">Ludum Dare</p>
+                </div>
+				<div class="col-sm-3">
+                    <img src="{% static 'img/jams/asylumjam.png' %}" class="hidden-xs img-responsive imgJams" alt="">
 					<p class="visible-xs">O Jam</p>
                 </div>
 		</div>
diff --git a/templates/template.html b/templates/template.html
index 49846fb..0abf49b 100644
--- a/templates/template.html
+++ b/templates/template.html
@@ -46,8 +46,11 @@
                     </li>
                   <ul class="nav navbar-nav">
                 <li><a href="{% url 'index' %}">Accueil</a></li>
-                <li><a href="{% url 'project:index' %}">Projets</a></li>
-				<li><a href="{% url 'member:index' %}">Membres</a></li>
+				<li><a href="#club">Club</a></li>
+				<li><a href="#mtlgj">MTLGJ</a></li>
+				<li><a href="#jams">Jams</a></li>
+                <!--li><a href="{% url 'project:index' %}">Projets</a></li>
+				<li><a href="{% url 'member:index' %}">Membres</a></li-->
               </ul>
                 </ul>
             </div>