Page d'acceuil responsive

This commit is contained in:
antoine.mcnabb 2015-11-11 18:43:18 -05:00
parent e0993057a2
commit f62a785fc0
4 changed files with 39 additions and 14 deletions

View File

@ -229,7 +229,7 @@ section.success a.active {
padding-top: 75px; padding-top: 75px;
} }
} }
/*#jams .portfolio-item { #jams .portfolio-item {
right: 0; right: 0;
margin: 0 0 15px; margin: 0 0 15px;
width: 40%; 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 h3,
#jams .portfolio-item .portfolio-link .caption .caption-content h4 { #jams .portfolio-item .portfolio-link .caption .caption-content h4 {
margin: 0; margin: 0;
}*/ }
#jams * { #jams * {
z-index: 2; 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 { .btn-outline {
margin-top: 15px; margin-top: 15px;
border: solid 2px #1A7AC5; border: solid 2px #1A7AC5;

Binary file not shown.

After

Width:  |  Height:  |  Size: 201 KiB

View File

@ -28,7 +28,7 @@ Venez rejoindre notre équipe de gens motivé et passioné pour vivre votre pass
</section> </section>
<!-- Montreal Game Jam Section --> <!-- Montreal Game Jam Section -->
<section id="mtlgamejam"> <section id="mtlgj">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12 text-center"> <div class="col-lg-12 text-center">
@ -70,22 +70,30 @@ dont le mandat commun est de promouvoir lindustrie du jeu vidéo</p>
<hr class="star-light"> <hr class="star-light">
</div> </div>
</div> </div>
<div class="row text-center"> <div class="row">
<div class="col-lg-3 col-md-4 list-item"> <div class="col-sm-3">
<img src="{% static 'img/jams/ggjlogo.png' %}" class="hidden-xs img-responsive" alt=""> <img src="{% static 'img/jams/ggjlogo.png' %}" class="hidden-xs img-responsive imgJams" alt="">
<p class="visible-xs">Global Game Jam</p> <p class="visible-xs">Global Game Jam</p>
</div> </div>
<div class="col-lg-3 col-md-4 list-item"> <div class="col-sm-3">
<img src="{% static 'img/jams/pixelChalenge.png' %}" class="hidden-xs img-responsive" alt=""> <img src="{% static 'img/jams/pixelChalenge.png' %}" class="hidden-xs img-responsive imgJams" alt="">
<p class="visible-xs">Pixel Chalenge</p> <p class="visible-xs">Pixel Chalenge</p>
</div> </div>
<div class="col-lg-3 col-md-4 list-item"> <div class=" col-sm-3">
<img src="{% static 'img/jams/GameJamBattle.png' %}" class="hidden-xs img-responsive" alt=""> <img src="{% static 'img/jams/GameJamBattle.png' %}" class="hidden-xs img-responsive imgJams" alt="">
<p class="visible-xs">Game Jam Battle</p> <p class="visible-xs">Game Jam Battle</p>
</div> </div>
<div class="col-lg-3 col-md-4 list-item"> <div class="col-sm-3">
<img src="{% static 'img/jams/OjamLogo.png' %}" class="hidden-xs img-responsive" alt=""> <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> <p class="visible-xs">O Jam</p>
</div> </div>
</div> </div>

View File

@ -46,8 +46,11 @@
</li> </li>
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li><a href="{% url 'index' %}">Accueil</a></li> <li><a href="{% url 'index' %}">Accueil</a></li>
<li><a href="{% url 'project:index' %}">Projets</a></li> <li><a href="#club">Club</a></li>
<li><a href="{% url 'member:index' %}">Membres</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>
</ul> </ul>
</div> </div>