Commit a20d6e2a authored by Tifenn Guillas's avatar Tifenn Guillas
Browse files

Modifications diverses page home

parent 787790df
......@@ -2,137 +2,143 @@
{% block title %}Home{% endblock %}
{% block content %}
<div class="banner">
<div class="banner">
<div class="banner-content">
<h1>JDEV 2017</h1>
<p>4ème édition, Marseille</p>
<h1>JDEV 2017</h1>
<p>4ème édition, Marseille</p>
</div>
<div class="banner-inscription">
<a href="inscription" class="btn-treehouse btn-inscription">Inscription</a>
<a href="inscription" class="btn-treehouse btn-inscription">Inscription</a>
</div>
</div>
</div>
<div class="container">
<div class="container">
<div class="row banner-info">
<div class="col-md-12">
<div>
<h4><i class="fa fa-map-marker"></i> Où ?</h4>
<h5>Faculté de droit, La Canebière</h5>
</div>
<div>
<h4><i class="fa fa-calendar"></i> Quand ?</h4>
<h5>Les 4, 5, 6, 7 juillet 2017</h5>
</div>
<div>
<h4><i class="fa fa-users"></i> Qui ?</h4>
<h5>Agents CNRS, Université...</h5>
<div class="col-md-12">
<div>
<h4><i class="fa fa-map-marker"></i> Où ?</h4>
<h5>Faculté de droit, La Canebière</h5>
</div>
<div>
<h4><i class="fa fa-calendar"></i> Quand ?</h4>
<h5>Les 4, 5, 6, 7 juillet 2017</h5>
</div>
<div>
<h4><i class="fa fa-users"></i> Qui ?</h4>
<h5>Académique, industriel</h5>
</div>
</div>
</div>
</div>
<div class="row news">
<div class="col-md-12">
<p class="text-center">
<img src="images/news.png">
<i class="fa fa-arrow-circle-o-right"></i>
Inscriptions ouvertes aux JDEV-2017. Inscriptions possible jusqu'au 3 juillet 2017, avec des phases de tarifs progressifs
<img src="images/news.png">
<i class="fa fa-arrow-circle-o-right"></i>
Inscriptions ouvertes aux JDEV-2017. Inscriptions possible jusqu'au 3 juillet 2017, avec des phases de tarifs progressifs
</p>
</div>
</div>
<div class="row intro-jdev">
<div class="col-md-6 col-sm-12">
<h2>A propos des JDEV</h2>
<p>Les JDEVs ont pour vocation à contribuer à l'amélioration de la production de logiciels indispensables à la société de la connaissance et à l'innovation.
Elles facilitent la transition numérique des entités de recherche et sont vecteur d'accélération pour la compréhension des évolutions technologiques et scientifiques, l'identification des technologies, des méthodes et des bonnes pratiques appelées à impacter les laboratoires.
C'est un lieu pour tisser son réseau professionnel en participant à des communautés et rencontrer des experts.</p>
<hr>
<p>Dates Clés :</p>
<ul>
<li>1ere phase des inscriptions <span>15/03/2017</span></li>
<li>2nde phase des inscriptions <span>15/05/2017</span></li>
<li>3ème phase des inscriptions <span>15/06/2017</span></li>
</ul>
</div>
<div class="col-md-6 col-sm-12 img">
<a href="images/aff-jdev-2017_v03.png" target="_blank">
<img src="images/aff-jdev-2017_v03_min.png" alt="">
</a>
</div>
<div class="col-md-6 col-sm-12">
<h2>A propos des JDEV</h2>
<p class="text-justify">
Les JDEVs, les Journées du DEVeloppement logiciel, ont pour vocation à contribuer à l'amélioration
de la production de logiciels indispensables à la société de la connaissance et à l'innovation.
Elles facilitent la transition numérique des entités de recherche et sont vecteur d'accélération
pour la compréhension des évolutions technologiques et scientifiques, l'identification des
technologies, des méthodes et des bonnes pratiques appelées à impacter les laboratoires. C'est un
lieu pour tisser son réseau professionnel, échanger en participant à des communautés et rencontrer
des experts. C'est une opportunité pour les industriels de venir à la rencontre du monde académique.
</p>
<hr>
<p>Dates Clés :</p>
<ul>
<li>1ere phase des inscriptions <span>15/03/2017</span></li>
<li>2nde phase des inscriptions <span>15/05/2017</span></li>
<li>3ème phase des inscriptions <span>15/06/2017</span></li>
</ul>
</div>
<div class="col-md-6 col-sm-12 img">
<a href="images/aff-jdev-2017_v04.png" target="_blank">
<img src="images/aff-jdev-2017_v04_min.png" alt="">
</a>
</div>
</div>
<div class="row tickets">
<h2 class="title">Tickets</h2>
<div class="col-xs-12 col-sm-4">
<div class="ticket">
<p class="ticket-titre">PASS COMPLET</p>
<p class="ticket-prix">
Académique 250€ TTC<br>
Etudiant 200€ TTC<br>
Industriel 500€ TTC<br>
</p>
<a href="inscription" class="btn-treehouse btn-inscription ticket-inscription">S'inscrire</a>
<p class="ticket-description">
Conférences, Groupes de travail et Ateliers
</p>
</div>
<div class="ticket">
<p class="ticket-titre">PASS COMPLET</p>
<p class="ticket-prix">
Académique 250€ TTC<br>
Etudiant 200€ TTC<br>
Industriel 500€ TTC<br>
</p>
<a href="inscription" class="btn-treehouse btn-inscription ticket-inscription">S'inscrire</a>
<p class="ticket-description">
Conférences, Groupes de travail et Ateliers
</p>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="ticket">
<p class="ticket-titre">PASS LIBRE</p>
<p class="ticket-prix">
Industriel 350€ TTC<br>
</p>
<a href="inscription" class="btn-treehouse btn-inscription ticket-inscription">S'inscrire</a>
<p class="ticket-description">
Conférences et Groupes de travail
</p>
</div>
<div class="ticket">
<p class="ticket-titre">PASS LIBRE</p>
<p class="ticket-prix">
Industriel 350€ TTC<br>
</p>
<a href="inscription" class="btn-treehouse btn-inscription ticket-inscription">S'inscrire</a>
<p class="ticket-description">
Conférences et Groupes de travail
</p>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="ticket">
<p class="ticket-titre">PASS ACCOMPAGNANT</p>
<p class="ticket-prix">40€ TTC</p>
<a href="inscription" class="btn-treehouse btn-inscription ticket-inscription">S'inscrire</a>
<p class="ticket-description">
Seulement Buffet dînatoire et Spectacle
</p>
</div>
<div class="ticket">
<p class="ticket-titre">PASS ACCOMPAGNANT</p>
<p class="ticket-prix">40€ TTC</p>
<a href="inscription" class="btn-treehouse btn-inscription ticket-inscription">S'inscrire</a>
<p class="ticket-description">
Seulement Buffet dînatoire et Spectacle
</p>
</div>
</div>
</div>
<div class="row info-pratiques">
<h2 class="title">Informations pratiques</h2>
<div class="col-xs-12 col-sm-4">
<div class="info-pratique">
<div class="info-pratique-img" style="background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2)), url('images/mrs-acces_min.png');">
</div>
<div class="info-pratique-text">
<p>La faculté de droit se situe sur le haut de la Canebière (Transports M2, T2)</p>
<a href="info-acces" class="btn btn-info">Informations Accès</a>
</div>
<h2 class="title">Informations pratiques</h2>
<div class="col-xs-12 col-sm-4">
<div class="info-pratique">
<div class="info-pratique-img" style="background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2)), url('images/mrs-acces_min.png');">
</div>
<div class="info-pratique-text">
<p>La faculté de droit se situe sur le haut de la Canebière (Transports M2, T2)</p>
<a href="info-acces" class="btn btn-info">Informations Accès</a>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="info-pratique">
<div class="info-pratique-img" style="background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2)), url('images/hotel2_min.png');">
</div>
<div class="info-pratique-text">
<p>Les JDEV vous propose une liste d'hotels situés proches de la conférence.</p>
<a href="info-hebergement" class="btn btn-info">Informations Hébergement</a>
</div>
<div class="col-xs-12 col-sm-4">
<div class="info-pratique">
<div class="info-pratique-img" style="background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2)), url('images/hotel2_min.png');">
</div>
<div class="info-pratique-text">
<p>Les JDEV vous propose une liste d'hotels situés proches de la conférence.</p>
<a href="info-hebergement" class="btn btn-info">Informations Hébergement</a>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="info-pratique">
<div class="info-pratique-img" style="background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2)), url('images/mrs-2_min.png');">
</div>
<div class="info-pratique-text">
<p>Retrouvez ici les informations pratiques sur la ville de Marseille</p>
<a href="info-generales" class="btn btn-info">Informations générales</a>
</div>
<div class="col-xs-12 col-sm-4">
<div class="info-pratique">
<div class="info-pratique-img" style="background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2)), url('images/mrs-2_min.png');">
</div>
<div class="info-pratique-text">
<p>Retrouvez ici les informations pratiques sur la ville de Marseille</p>
<a href="info-generales" class="btn btn-info">Informations générales</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
......@@ -49,7 +49,7 @@
<div class="row">
<div class="col-md-12">
<h4>Thématiques</h4>
<h4>Thématiques (cliquez sur une thématique pour accéder à sa description)</h4>
<div class="panel-group" id="accordion">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment