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;
}
}
/*#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;

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>
<!-- 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 lindustrie 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>

View File

@ -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>