Commit 89965b6f5f72f7fb47d46c3315c50190744642eb
1 parent
7a7ccec6
Reformattage
Showing
11 changed files
with
335 additions
and
323 deletions
Show diff stats
404.php
| 1 | <div class="container"> | 1 | <div class="container"> |
| 2 | <h2>Page non-trouvée !</h2> | 2 | <h2>Page non-trouvée !</h2> |
| 3 | - <img alt="WALL-E tout cassé" src="img/404.png" style="max-height: 400px; max-width: 90%"/> | 3 | + <img alt="WALL-E tout cassé" src="img/404.png" style="max-height: 400px; max-width: 90%" /> |
| 4 | <p>Désolé !</p> | 4 | <p>Désolé !</p> |
| 5 | </div> | 5 | </div> |
footer.php
| 1 | <div id="footer" class="container text-center"> | 1 | <div id="footer" class="container text-center"> |
| 2 | <hr /> | 2 | <hr /> |
| 3 | - <div class="row"> | ||
| 4 | - <div class="col-lg-12"> | ||
| 5 | - <div class="col-md-6"> | ||
| 6 | - <ul class="nav nav-pills nav-stacked"> | ||
| 7 | - <li>Sponsorisé par Polytech Lille</li> | ||
| 8 | - <li><a href="http://www.polytech-lille.fr/ecole-d-ingenieurs.html" target="_blank"><img src="img/polytechlille.png" alt="Logo de Poltytech Lille"/></a></li> | ||
| 9 | - </ul> | ||
| 10 | - </div> | ||
| 11 | - <div class="col-md-6"> | ||
| 12 | - <ul class="nav nav-pills nav-stacked"> | ||
| 13 | - <li>Et par l'Université de Lille 1</li> | ||
| 14 | - <li><a href="http://www.univ-lille1.fr/" target="_blank"><img src="img/lille1.png" alt="Logo de l'Université de Lille 1 - Sciences et Technologies"/></a></li> | ||
| 15 | - </ul> | ||
| 16 | - </div> | 3 | + <div class="row"> |
| 4 | + <div class="col-lg-12"> | ||
| 5 | + <div class="col-md-6"> | ||
| 6 | + <ul class="nav nav-pills nav-stacked"> | ||
| 7 | + <li>Sponsorisé par Polytech Lille</li> | ||
| 8 | + <li> | ||
| 9 | + <a href="http://www.polytech-lille.fr/ecole-d-ingenieurs.html" target="_blank"> | ||
| 10 | + <img src="img/polytechlille.png" alt="Logo de Poltytech Lille" /> | ||
| 11 | + </a> | ||
| 12 | + </li> | ||
| 13 | + </ul> | ||
| 14 | + </div> | ||
| 15 | + <div class="col-md-6"> | ||
| 16 | + <ul class="nav nav-pills nav-stacked"> | ||
| 17 | + <li>Et par l'Université de Lille 1</li> | ||
| 18 | + <li> | ||
| 19 | + <a href="http://www.univ-lille1.fr/" target="_blank"> | ||
| 20 | + <img src="img/lille1.png" alt="Logo de l'Université de Lille 1 - Sciences et Technologies" /> | ||
| 21 | + </a> | ||
| 22 | + </li> | ||
| 23 | + </ul> | ||
| 24 | + </div> | ||
| 25 | + </div> | ||
| 17 | </div> | 26 | </div> |
| 18 | - </div> | ||
| 19 | </div> | 27 | </div> |
index.php
| @@ -26,39 +26,42 @@ if (isset($_GET['c'])) { | @@ -26,39 +26,42 @@ if (isset($_GET['c'])) { | ||
| 26 | require_once("$toLoad"); | 26 | require_once("$toLoad"); |
| 27 | } else { | 27 | } else { |
| 28 | ?> | 28 | ?> |
| 29 | -<!DOCTYPE html> | ||
| 30 | -<html> | ||
| 31 | - <head> | ||
| 32 | - <title>Coupe de Robotique des Ecoles Primaires</title> | ||
| 33 | - <meta name="description" content="Site Web de la Coupe de Robotique des Ecoles Primaires"> | ||
| 34 | - <meta name="author" content="Club Informatique de Polytech Lille"> | ||
| 35 | - <link rel="shortcut icon" href="favicon.ico"/> | ||
| 36 | - <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| 37 | - <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
| 38 | - <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| 39 | - <meta name="theme-color" content="#749BD1"> | ||
| 40 | - <link rel="stylesheet" href="css/bootstrap.min.css"> | ||
| 41 | - <link rel="stylesheet" href="css/crep.css"> | ||
| 42 | - <script type="text/javascript" src="js/jquery.min.js"></script> | ||
| 43 | - <script type="text/javascript" src="js/bootstrap.min.js"></script> | ||
| 44 | - <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> | ||
| 45 | - <script type="text/javascript" src="js/crep.js"></script> | ||
| 46 | - <script type="text/javascript" src="js/konami.js"></script> | ||
| 47 | - </head> | ||
| 48 | - <body> | ||
| 49 | -<?php require_once("topnavbar.php");?> | ||
| 50 | -<?php require_once("menu.php");?> | ||
| 51 | - <div class="col-md-12 center-block"> | ||
| 52 | - <div class="col-md-12" id="mainContainer"> | ||
| 53 | -<?php | 29 | + <!DOCTYPE html> |
| 30 | + <html> | ||
| 31 | + | ||
| 32 | + <head> | ||
| 33 | + <title>Coupe de Robotique des Ecoles Primaires</title> | ||
| 34 | + <meta name="description" content="Site Web de la Coupe de Robotique des Ecoles Primaires"> | ||
| 35 | + <meta name="author" content="Club Informatique de Polytech Lille"> | ||
| 36 | + <link rel="shortcut icon" href="favicon.ico" /> | ||
| 37 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| 38 | + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
| 39 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| 40 | + <meta name="theme-color" content="#749BD1"> | ||
| 41 | + <link rel="stylesheet" href="css/bootstrap.min.css"> | ||
| 42 | + <link rel="stylesheet" href="css/crep.css"> | ||
| 43 | + <script type="text/javascript" src="js/jquery.min.js"></script> | ||
| 44 | + <script type="text/javascript" src="js/bootstrap.min.js"></script> | ||
| 45 | + <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> | ||
| 46 | + <script type="text/javascript" src="js/crep.js"></script> | ||
| 47 | + <script type="text/javascript" src="js/konami.js"></script> | ||
| 48 | + </head> | ||
| 49 | + | ||
| 50 | + <body> | ||
| 51 | + <?php require_once("topnavbar.php");?> | ||
| 52 | + <?php require_once("menu.php");?> | ||
| 53 | + <div class="col-md-12 center-block"> | ||
| 54 | + <div class="col-md-12" id="mainContainer"> | ||
| 55 | + <?php | ||
| 54 | require_once("$toLoad"); | 56 | require_once("$toLoad"); |
| 55 | ?> | 57 | ?> |
| 56 | - </div> | ||
| 57 | - </div> | ||
| 58 | -<?php require_once("footer.php");?> | ||
| 59 | - </body> | ||
| 60 | -</html> | 58 | + </div> |
| 59 | + </div> | ||
| 60 | + <?php require_once("footer.php");?> | ||
| 61 | + </body> | ||
| 61 | 62 | ||
| 62 | -<?php | 63 | + </html> |
| 64 | + | ||
| 65 | + <?php | ||
| 63 | } | 66 | } |
| 64 | ?> | 67 | ?> |
menu.php
| 1 | <nav class="navbar navbar-default navbar-lower"> | 1 | <nav class="navbar navbar-default navbar-lower"> |
| 2 | - <div class="container-fluid"> | ||
| 3 | - <ul class="nav navbar-nav"> | ||
| 4 | - <li> | ||
| 5 | - <a href="home">Accueil</a> | ||
| 6 | - </li> | ||
| 7 | - <li> | ||
| 8 | - <a href="description">Description</a> | ||
| 9 | - </li> | ||
| 10 | - <li> | ||
| 11 | - <a href="sponsors">Sponsors</a> | ||
| 12 | - </li> | ||
| 13 | - <li> | ||
| 14 | - <a href="schools">Écoles</a> | ||
| 15 | - </li> | ||
| 16 | - <li> | ||
| 17 | - <a href="history">Historique</a> | ||
| 18 | - </li> | ||
| 19 | - <li> | ||
| 20 | - <a href="contact">Contact</a> | ||
| 21 | - </li> | ||
| 22 | - </ul> | ||
| 23 | - </div> | 2 | + <div class="container-fluid"> |
| 3 | + <ul class="nav navbar-nav"> | ||
| 4 | + <li> | ||
| 5 | + <a href="home">Accueil</a> | ||
| 6 | + </li> | ||
| 7 | + <li> | ||
| 8 | + <a href="description">Description</a> | ||
| 9 | + </li> | ||
| 10 | + <li> | ||
| 11 | + <a href="sponsors">Sponsors</a> | ||
| 12 | + </li> | ||
| 13 | + <li> | ||
| 14 | + <a href="schools">Écoles</a> | ||
| 15 | + </li> | ||
| 16 | + <li> | ||
| 17 | + <a href="history">Historique</a> | ||
| 18 | + </li> | ||
| 19 | + <li> | ||
| 20 | + <a href="contact">Contact</a> | ||
| 21 | + </li> | ||
| 22 | + </ul> | ||
| 23 | + </div> | ||
| 24 | </nav> | 24 | </nav> |
pages/contact.php
| 1 | <div class="jumbotron" style="min-height: 250px;"> | 1 | <div class="jumbotron" style="min-height: 250px;"> |
| 2 | - <img src="img/contact.jpg" align="left" style="margin-right: 20px;"> | ||
| 3 | - <h1>Contact</h1> | ||
| 4 | - <p>Pour toute information, vous pouvez contacter Mme Pichonat</p> | ||
| 5 | - <p><span class="glyphicon glyphicon-envelope"></span> <a href="mailto:emmanuelle.pichonat@polytech-lille.fr">emmanuelle.pichonat@polytech-lille.fr</a></p> | ||
| 6 | - <p><span class="glyphicon glyphicon-phone-alt"></span> <a href="tel:+33328767447">03 28 76 74 47</a></p> | ||
| 7 | - <p><span class="glyphicon glyphicon-map-marker"></span> Polytech Lille</p> | ||
| 8 | - <p>2, Bd Langevin</p> | ||
| 9 | - <p>59655 Villeneuve d'Ascq Cedex</p> | 2 | + <img src="img/contact.jpg" align="left" style="margin-right: 20px;"> |
| 3 | + <h1>Contact</h1> | ||
| 4 | + <p>Pour toute information, vous pouvez contacter Mme Pichonat</p> | ||
| 5 | + <p> | ||
| 6 | + <span class="glyphicon glyphicon-envelope"></span> | ||
| 7 | + <a href="mailto:emmanuelle.pichonat@polytech-lille.fr">emmanuelle.pichonat@polytech-lille.fr</a> | ||
| 8 | + </p> | ||
| 9 | + <p> | ||
| 10 | + <span class="glyphicon glyphicon-phone-alt"></span> | ||
| 11 | + <a href="tel:+33328767447">03 28 76 74 47</a> | ||
| 12 | + </p> | ||
| 13 | + <p> | ||
| 14 | + <span class="glyphicon glyphicon-map-marker"></span> Polytech Lille</p> | ||
| 15 | + <p>2, Bd Langevin</p> | ||
| 16 | + <p>59655 Villeneuve d'Ascq Cedex</p> | ||
| 10 | </div> | 17 | </div> |
| 11 | 18 | ||
| 12 | <div id="map-canvas"> | 19 | <div id="map-canvas"> |
| 13 | - <a href="https://www.google.fr/maps/place/Polytech+Lille/@50.607584,3.136977,15z/data=!4m2!3m1!1s0x0:0xcc566fb8dc443187"><img src="img/polyMap.png"/></a> | 20 | + <a href="https://www.google.fr/maps/place/Polytech+Lille/@50.607584,3.136977,15z/data=!4m2!3m1!1s0x0:0xcc566fb8dc443187"> |
| 21 | + <img src="img/polyMap.png" /> | ||
| 22 | + </a> | ||
| 14 | </div> | 23 | </div> |
pages/description.php
| 1 | -<div class="container" id="description"> | ||
| 2 | - <h1>Descriptif détaillé</h1> | ||
| 3 | - <div class="row"> | ||
| 4 | - <div class="col-md-12"> | ||
| 5 | - <img src="img/descDescriptif.jpg" /> | ||
| 6 | - <br class="visible-xs"/> | ||
| 7 | - <p>Depuis la rentrée scolaire 2013-2014, Polytech Lille en partenariat avec plusieurs circonscriptions de l’Académie de Lille (Lambersart, Marquette, Saint-André, Wambrechies) organise une initiation à la robotique en école primaire auprès d’élèves de CM1 et CM2. Cette année, la coupe se déroulera le jeudi 12 mai 2016 dans les locaux de Polytech avec 12 classes participantes et récompensera la meilleure équipe.</p> | ||
| 8 | - </div> | 1 | +v class="container" id="description"> |
| 2 | +<h1>Descriptif détaillé</h1> | ||
| 3 | +<div class="row"> | ||
| 4 | + <div class="col-md-12"> | ||
| 5 | + <img src="img/descDescriptif.jpg" /> | ||
| 6 | + <br class="visible-xs" /> | ||
| 7 | + <p>Depuis la rentrée scolaire 2013-2014, Polytech Lille en partenariat avec plusieurs circonscriptions de l’Académie de Lille (Lambersart, Marquette, Saint-André, Wambrechies) organise une initiation à la robotique en école primaire auprès d’élèves de CM1 et CM2. Cette année, la coupe se déroulera le jeudi 12 mai 2016 dans les locaux de Polytech avec 12 classes participantes et récompensera la meilleure équipe.</p> | ||
| 9 | </div> | 8 | </div> |
| 10 | - <h1>Concept</h1> | ||
| 11 | - <div class="row"> | ||
| 12 | - <div class="col-md-12"> | ||
| 13 | - <img src="img/descConcept.jpg" /> | ||
| 14 | - <p>Plusieurs membres de Robotech (le club de robotique de Polytech Lille) participent à ce projet pour aider les enfants dans leur démarche de d’initiation. Ils découvrent ainsi le monde de la robotique à l’aide de kits LEGO Mindstorms constitués de pièces LEGO et d’une « brique » programmable qui sont confiés à la classe. Ce kit permet la construction et la programmation d’un robot à l’aide d’un logiciel de programmation par schémas blocs. Deux étudiants de Polytech Lille interviennent les jeudis après midi dans les différentes classes pour les aider à programmer et à se familiariser avec le logiciel. Après cette phase de découverte, chaque école doit construire et programmer le robot selon un défi donné à toutes les écoles le jour de la CREP.</p> | ||
| 15 | - </div> | 9 | +</div> |
| 10 | +<h1>Concept</h1> | ||
| 11 | +<div class="row"> | ||
| 12 | + <div class="col-md-12"> | ||
| 13 | + <img src="img/descConcept.jpg" /> | ||
| 14 | + <p>Plusieurs membres de Robotech (le club de robotique de Polytech Lille) participent à ce projet pour aider les enfants dans leur démarche de d’initiation. Ils découvrent ainsi le monde de la robotique à l’aide de kits LEGO Mindstorms constitués de pièces LEGO et d’une « brique » programmable qui sont confiés à la classe. Ce kit permet la construction et la programmation d’un robot à l’aide d’un logiciel de programmation par schémas blocs. Deux étudiants de Polytech Lille interviennent les jeudis après midi dans les différentes classes pour les aider à programmer et à se familiariser avec le logiciel. Après cette phase de découverte, chaque école doit construire et programmer le robot selon un défi donné à toutes les écoles le jour de la CREP.</p> | ||
| 16 | </div> | 15 | </div> |
| 17 | - <h1>Activités</h1> | ||
| 18 | - <div class="row"> | ||
| 19 | - <div class="col-md-12"> | ||
| 20 | - <img src="img/descActivites.jpg" /> | ||
| 21 | - <p>Tout au long de cette journée, les classes des écoles primaires vont pouvoir s’amuser avec des jeux sportifs sur la pelouse de Polytech et seront accompagnés d’élèves ingénieurs. Le Bureau Des Etudiants (BDE), la Fanfare, la Sono, les Pompoms et bien sur le club Robotech seront de la partie. La CREP sera également l’occasion pour les enfants de visiter l’école Polytech Lille et ses salles de TP. A la fin de la journée, les élèves s’installeront dans l’amphithéâtre Migeon pour la remise des prix.</p> | ||
| 22 | - </div> | 16 | +</div> |
| 17 | +<h1>Activités</h1> | ||
| 18 | +<div class="row"> | ||
| 19 | + <div class="col-md-12"> | ||
| 20 | + <img src="img/descActivites.jpg" /> | ||
| 21 | + <p>Tout au long de cette journée, les classes des écoles primaires vont pouvoir s’amuser avec des jeux sportifs sur la pelouse de Polytech et seront accompagnés d’élèves ingénieurs. Le Bureau Des Etudiants (BDE), la Fanfare, la Sono, les Pompoms et bien sur le club Robotech seront de la partie. La CREP sera également l’occasion pour les enfants de visiter l’école Polytech Lille et ses salles de TP. A la fin de la journée, les élèves s’installeront dans l’amphithéâtre Migeon pour la remise des prix.</p> | ||
| 23 | </div> | 22 | </div> |
| 24 | - <br/> | ||
| 25 | - <p><a class="btn btn-primary btn-lg" href="description" role="button">L'histoire de la CREP</a></p> | ||
| 26 | - <h1>Vidéo de présentation</h1> | ||
| 27 | - <video poster="vid/pres2014.jpg" controls> | ||
| 28 | - <source src="vid/pres2014.mp4" type='video/mp4' /> | ||
| 29 | - <source src="vid/pres2014.webm" type='video/webm' /> | ||
| 30 | - <source src="vid/pres2014.ogg" type='video/ogg' /> | ||
| 31 | - <!-- Fallback en flash pour IE6, IE7, IE8 et Opera --> | ||
| 32 | - <object type="application/x-shockwave-flash" | ||
| 33 | - data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" | ||
| 34 | - width="1920" height="1080"> | 23 | +</div> |
| 24 | +<br/> | ||
| 25 | +<p> | ||
| 26 | + <a class="btn btn-primary btn-lg" href="description" role="button">L'histoire de la CREP</a> | ||
| 27 | +</p> | ||
| 28 | +<h1>Vidéo de présentation</h1> | ||
| 29 | +<video poster="vid/pres2014.jpg" controls> | ||
| 30 | + <source src="vid/pres2014.mp4" type='video/mp4' /> | ||
| 31 | + <source src="vid/pres2014.webm" type='video/webm' /> | ||
| 32 | + <source src="vid/pres2014.ogg" type='video/ogg' /> | ||
| 33 | + <!-- Fallback en flash pour IE6, IE7, IE8 et Opera --> | ||
| 34 | + <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="1920" height="1080"> | ||
| 35 | <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> | 35 | <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> |
| 36 | <param name="allowFullScreen" value="true" /> | 36 | <param name="allowFullScreen" value="true" /> |
| 37 | <param name="wmode" value="transparent" /> | 37 | <param name="wmode" value="transparent" /> |
| 38 | - <param name="flashVars" | ||
| 39 | - value="config={'playlist':['..%2Fvid%2Fpres2014.jpg', | 38 | + <param name="flashVars" value="config={'playlist':['..%2Fvid%2Fpres2014.jpg', |
| 40 | {'url':'..%2Fvid%2Fpres2014.mp4','autoPlay':false}]}" /> | 39 | {'url':'..%2Fvid%2Fpres2014.mp4','autoPlay':false}]}" /> |
| 41 | <!-- Fallback si Flash ne fonctionne pas --> | 40 | <!-- Fallback si Flash ne fonctionne pas --> |
| 42 | <img src="vid/pres2014.jpg" width="1920" height="1080" title="Impossible de charger la vidéo" /> | 41 | <img src="vid/pres2014.jpg" width="1920" height="1080" title="Impossible de charger la vidéo" /> |
| 43 | 42 | ||
| 44 | - </video> | 43 | +</video> |
| 45 | </div> | 44 | </div> |
pages/history.php
| 1 | <div class="container-fluid"> | 1 | <div class="container-fluid"> |
| 2 | -<h1>L'histoire de la CREP</h1> | ||
| 3 | -<p>A la rentrée 2013 | ||
| 4 | -un projet éducatif voyait le jour à l'école d'ingénieur de | ||
| 5 | -Polytech Lille: La CREP (Coupe Robotique des Ecoles Primaires).</p> | ||
| 6 | -<p>L'objectif de ce | ||
| 7 | -projet est de donner l'occasion à des écoliers de participer à un | ||
| 8 | -grand événement inter-écoles, réunissant initiation scientifique, | ||
| 9 | -défis, découvertes, échanges et jeux culturels et sportifs.</p> | ||
| 10 | -<p>Dès lors les | ||
| 11 | -organisateurs, enseignants et étudiants de l'école d'ingénieur | ||
| 12 | -Polytech Lille, en partenariat avec l'inspection de l'éducation | ||
| 13 | -nationale de la circonscription de Lille1-Lambersart, font tout leur | ||
| 14 | -possible pour organiser chaque année cet événement au sein de leur | ||
| 15 | -propre école.</p> | ||
| 16 | -<p>Ainsi les 2 | ||
| 17 | -premières éditions de la CREP ont vu la participation de centaines | ||
| 18 | -d'écoliers de CM1 et CM2 venant d'une douzaine d'écoles | ||
| 19 | -différentes, accompagnés et encadrés par des dizaines d'étudiants | ||
| 20 | -et d'enseignants dans une ambiance chaleureuse.</p> | ||
| 21 | -<p>L'activité | ||
| 22 | -principale de la CREP est un challenge ludique entre les différentes | ||
| 23 | -écoles sur le thème de la robotique.</p> | ||
| 24 | -<p> | ||
| 25 | -Tout au long de l'année chaque école doit construire et programmer | ||
| 26 | -un robot selon un défi commun donné à toutes les écoles avec | ||
| 27 | -l'aide des étudiants de Polytech dont les membres du Robotech (le | ||
| 28 | -club robotique de Polytech Lille) qui interviennent dans les classes | ||
| 29 | -pour aider les élèves dans leur démarche de programmation et de | ||
| 30 | -réflexion. Les élèves de chaque classe devront alors présenter ce | ||
| 31 | -qu'ils ont fait le jour de la CREP de leur mieux pour remporter la | ||
| 32 | -coupe !</p> | ||
| 33 | -<p>La CREP sera aussi | ||
| 34 | -l'occasion pour les écoliers de visiter l'école. Accompagnés par | ||
| 35 | -les étudiants, ils découvrent ce que l’on peut faire en école | ||
| 36 | -d'ingénieur à travers les salles de travaux pratiques et | ||
| 37 | -laboratoires de l'école.</p> | ||
| 38 | -<p>Un moment culture et | ||
| 39 | -sport est également organisé toute la journée par les clubs de | ||
| 40 | -l'école. | ||
| 41 | -</p> | ||
| 42 | -<p>La CREP donne ainsi | ||
| 43 | -l'opportunité aux élèves de manipuler, d'expérimenter de faire | ||
| 44 | -preuve d'esprit critique et de développer la créativité, la | ||
| 45 | -curiosité et l'intérêt pour un domaine technologique et | ||
| 46 | -scientifique.</p> | ||
| 47 | -<p>La présence et la | ||
| 48 | -participation de sponsors lors de la CREP ont permis le développement | ||
| 49 | -de l’événement et participe à son rayonnement.</p> | ||
| 50 | -<p>Les succès des 2 | ||
| 51 | -premières éditions de la CREP qui ont satisfaites l'ensemble des | ||
| 52 | -participants, tant les enfants et les encadrants que les sponsors et | ||
| 53 | -représentants de l'inspection d'Académie sont très encourageants | ||
| 54 | -pour la pérennité de l’événement.</p> | ||
| 55 | - <div class="row"><div class="col-md-12"><h1>Vainqueurs des éditions précédentes</h1></div></div> | 2 | + <h1>L'histoire de la CREP</h1> |
| 3 | + <p>A la rentrée 2013 un projet éducatif voyait le jour à l'école d'ingénieur de Polytech Lille: La CREP (Coupe Robotique des Ecoles Primaires).</p> | ||
| 4 | + <p>L'objectif de ce projet est de donner l'occasion à des écoliers de participer à un grand événement inter-écoles, réunissant initiation scientifique, défis, découvertes, échanges et jeux culturels et sportifs.</p> | ||
| 5 | + <p>Dès lors les organisateurs, enseignants et étudiants de l'école d'ingénieur Polytech Lille, en partenariat avec l'inspection de l'éducation nationale de la circonscription de Lille1-Lambersart, font tout leur possible pour organiser chaque année cet événement au sein de leur propre école.</p> | ||
| 6 | + <p>Ainsi les 2 premières éditions de la CREP ont vu la participation de centaines d'écoliers de CM1 et CM2 venant d'une douzaine d'écoles différentes, accompagnés et encadrés par des dizaines d'étudiants et d'enseignants dans une ambiance chaleureuse.</p> | ||
| 7 | + <p>L'activité principale de la CREP est un challenge ludique entre les différentes écoles sur le thème de la robotique.</p> | ||
| 8 | + <p>Tout au long de l'année chaque école doit construire et programmer un robot selon un défi commun donné à toutes les écoles avec l'aide des étudiants de Polytech dont les membres du Robotech (le club robotique de Polytech Lille) qui interviennent dans les classes pour aider les élèves dans leur démarche de programmation et de réflexion. Les élèves de chaque classe devront alors présenter ce qu'ils ont fait le jour de la CREP de leur mieux pour remporter la coupe ! | ||
| 9 | + </p> | ||
| 10 | + <p>La CREP sera aussi l'occasion pour les écoliers de visiter l'école. Accompagnés par les étudiants, ils découvrent ce que l’on peut faire en école d'ingénieur à travers les salles de travaux pratiques et laboratoires de l'école.</p> | ||
| 11 | + <p>Un moment culture et sport est également organisé toute la journée par les clubs de l'école. | ||
| 12 | + </p> | ||
| 13 | + <p>La CREP donne ainsi l'opportunité aux élèves de manipuler, d'expérimenter de faire preuve d'esprit critique et de développer la créativité, la curiosité et l'intérêt pour un domaine technologique et scientifique. | ||
| 14 | + </p> | ||
| 15 | + <p>La présence et la participation de sponsors lors de la CREP ont permis le développement de l’événement et participe à son rayonnement.</p> | ||
| 16 | + <p>Les succès des 2 premières éditions de la CREP qui ont satisfaites l'ensemble des participants, tant les enfants et les encadrants que les sponsors et représentants de l'inspection d'Académie sont très encourageants pour la pérennité de l’événement.</p> | ||
| 17 | + <div class="row"> | ||
| 18 | + <div class="col-md-12"> | ||
| 19 | + <h1>Vainqueurs des éditions précédentes</h1> | ||
| 20 | + </div> | ||
| 21 | + </div> | ||
| 56 | 22 | ||
| 57 | - <br/><br/> | ||
| 58 | - <!-- Les tableaux --> | 23 | + <br/> |
| 24 | + <br/> | ||
| 25 | + <!-- Les tableaux --> | ||
| 59 | 26 | ||
| 60 | - <!-- Vainqueurs de 2015 --> | ||
| 61 | - <div class="row"><div class="col-md-12"> | ||
| 62 | - <table class="table table-bordered table-responsive"> | ||
| 63 | - <tr> | ||
| 64 | - <th colspan='3'>CREP du 9 avril 2015</th> | ||
| 65 | - </tr> | ||
| 66 | - <tr> | ||
| 67 | - <td class="col-md-2">1</td> | ||
| 68 | - <td class="col-md-6">École Samain</td> | ||
| 69 | - <td class="col-md-4">Lambersart</td> | ||
| 70 | - </tr> | ||
| 71 | - <tr> | ||
| 72 | - <td>2</td> | ||
| 73 | - <td>École Condorcet</td> | ||
| 74 | - <td>Willems</td> | ||
| 75 | - </tr> | ||
| 76 | - </table> | ||
| 77 | - </div></div> | 27 | + <!-- Vainqueurs de 2015 --> |
| 28 | + <div class="row"> | ||
| 29 | + <div class="col-md-12"> | ||
| 30 | + <table class="table table-bordered table-responsive"> | ||
| 31 | + <tr> | ||
| 32 | + <th colspan='3'>CREP du 9 avril 2015</th> | ||
| 33 | + </tr> | ||
| 34 | + <tr> | ||
| 35 | + <td class="col-md-2">1</td> | ||
| 36 | + <td class="col-md-6">École Samain</td> | ||
| 37 | + <td class="col-md-4">Lambersart</td> | ||
| 38 | + </tr> | ||
| 39 | + <tr> | ||
| 40 | + <td>2</td> | ||
| 41 | + <td>École Condorcet</td> | ||
| 42 | + <td>Willems</td> | ||
| 43 | + </tr> | ||
| 44 | + </table> | ||
| 45 | + </div> | ||
| 46 | + </div> | ||
| 78 | 47 | ||
| 79 | - <br/> | ||
| 80 | - | ||
| 81 | - <!-- Vainqueurs de 2014 --> | ||
| 82 | - <div class="row"><div class="col-md-12"> | ||
| 83 | - <table class="table table-bordered table-responsive"> | ||
| 84 | - <tr> | ||
| 85 | - <th colspan='3'>CREP du 15 mai 2014</th> | ||
| 86 | - </tr> | ||
| 87 | - <tr> | ||
| 88 | - <td class="col-md-2">1</td> | ||
| 89 | - <td class="col-md-6">École Jules Ferry</td> | ||
| 90 | - <td class="col-md-4">Wambrechies</td> | ||
| 91 | - </tr> | ||
| 92 | - <tr> | ||
| 93 | - <td>2</td> | ||
| 94 | - <td>École Louise de Bettignies</td> | ||
| 95 | - <td>Lambersart</td> | ||
| 96 | - </tr> | ||
| 97 | - </table> | ||
| 98 | - </div></div> | 48 | + <br/> |
| 49 | + | ||
| 50 | + <!-- Vainqueurs de 2014 --> | ||
| 51 | + <div class="row"> | ||
| 52 | + <div class="col-md-12"> | ||
| 53 | + <table class="table table-bordered table-responsive"> | ||
| 54 | + <tr> | ||
| 55 | + <th colspan='3'>CREP du 15 mai 2014</th> | ||
| 56 | + </tr> | ||
| 57 | + <tr> | ||
| 58 | + <td class="col-md-2">1</td> | ||
| 59 | + <td class="col-md-6">École Jules Ferry</td> | ||
| 60 | + <td class="col-md-4">Wambrechies</td> | ||
| 61 | + </tr> | ||
| 62 | + <tr> | ||
| 63 | + <td>2</td> | ||
| 64 | + <td>École Louise de Bettignies</td> | ||
| 65 | + <td>Lambersart</td> | ||
| 66 | + </tr> | ||
| 67 | + </table> | ||
| 68 | + </div> | ||
| 69 | + </div> | ||
| 99 | 70 | ||
| 100 | </div> | 71 | </div> |
pages/home.php
| 1 | <div id="homecarousel" class="carousel slide" data-ride="carousel" align="center"> | 1 | <div id="homecarousel" class="carousel slide" data-ride="carousel" align="center"> |
| 2 | - <ol class="carousel-indicators"> | ||
| 3 | - <li data-target="#homecarousel" data-slide-to="0" class="active"></li> | ||
| 4 | - <li data-target="#homecarousel" data-slide-to="1"></li> | ||
| 5 | - <li data-target="#homecarousel" data-slide-to="2"></li> | ||
| 6 | - <li data-target="#homecarousel" data-slide-to="3"></li> | ||
| 7 | - <li data-target="#homecarousel" data-slide-to="4"></li> | ||
| 8 | - </ol> | ||
| 9 | - <div class="carousel-inner" role="listbox"> | ||
| 10 | - <div class="item active"> | ||
| 11 | - <img src="img/CREP-1.jpg" alt=""> | ||
| 12 | - <div class="carousel-caption"> | ||
| 13 | - Coupe Robotique des Ecoles Primaires - Edition 2015 | ||
| 14 | - </div> | ||
| 15 | - </div> | ||
| 16 | - <div class="item"> | ||
| 17 | - <img src="img/CREP-2.jpg" alt=""> | ||
| 18 | - <div class="carousel-caption"> | ||
| 19 | - Projet réalisé sur des robots LEGO Mindstorms | ||
| 20 | - </div> | ||
| 21 | - </div> | ||
| 22 | - <div class="item"> | ||
| 23 | - <img src="img/CREP-3.jpg" alt=""> | ||
| 24 | - <div class="carousel-caption"> | ||
| 25 | - 300 écoliers venus relever le défi | ||
| 26 | - </div> | ||
| 27 | - </div> | ||
| 28 | - <div class="item"> | ||
| 29 | - <img src="img/CREP-4.jpg" alt=""> | ||
| 30 | - <div class="carousel-caption"> | ||
| 31 | - Visite de l’école : Démonstration du robot NAO | ||
| 32 | - </div> | ||
| 33 | - </div> | ||
| 34 | - <div class="item"> | ||
| 35 | - <img src="img/CREP-5.jpg" alt=""> | ||
| 36 | - <div class="carousel-caption"> | ||
| 37 | - Journée rythmée par des activités animées par les étudiants | ||
| 38 | - </div> | ||
| 39 | - </div> | ||
| 40 | - </div> | ||
| 41 | - <a class="left carousel-control" href="#homecarousel" role="button" data-slide="prev"> | ||
| 42 | - <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> | ||
| 43 | - <span class="sr-only">Previous</span> | ||
| 44 | - </a> | ||
| 45 | - <a class="right carousel-control" href="#homecarousel" role="button" data-slide="next"> | ||
| 46 | - <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> | ||
| 47 | - <span class="sr-only">Next</span> | ||
| 48 | - </a> | 2 | + <ol class="carousel-indicators"> |
| 3 | + <li data-target="#homecarousel" data-slide-to="0" class="active"></li> | ||
| 4 | + <li data-target="#homecarousel" data-slide-to="1"></li> | ||
| 5 | + <li data-target="#homecarousel" data-slide-to="2"></li> | ||
| 6 | + <li data-target="#homecarousel" data-slide-to="3"></li> | ||
| 7 | + <li data-target="#homecarousel" data-slide-to="4"></li> | ||
| 8 | + </ol> | ||
| 9 | + <div class="carousel-inner" role="listbox"> | ||
| 10 | + <div class="item active"> | ||
| 11 | + <img src="img/CREP-1.jpg" alt=""> | ||
| 12 | + <div class="carousel-caption"> | ||
| 13 | + Coupe Robotique des Ecoles Primaires - Edition 2015 | ||
| 14 | + </div> | ||
| 15 | + </div> | ||
| 16 | + <div class="item"> | ||
| 17 | + <img src="img/CREP-2.jpg" alt=""> | ||
| 18 | + <div class="carousel-caption"> | ||
| 19 | + Projet réalisé sur des robots LEGO Mindstorms | ||
| 20 | + </div> | ||
| 21 | + </div> | ||
| 22 | + <div class="item"> | ||
| 23 | + <img src="img/CREP-3.jpg" alt=""> | ||
| 24 | + <div class="carousel-caption"> | ||
| 25 | + 300 écoliers venus relever le défi | ||
| 26 | + </div> | ||
| 27 | + </div> | ||
| 28 | + <div class="item"> | ||
| 29 | + <img src="img/CREP-4.jpg" alt=""> | ||
| 30 | + <div class="carousel-caption"> | ||
| 31 | + Visite de l’école : Démonstration du robot NAO | ||
| 32 | + </div> | ||
| 33 | + </div> | ||
| 34 | + <div class="item"> | ||
| 35 | + <img src="img/CREP-5.jpg" alt=""> | ||
| 36 | + <div class="carousel-caption"> | ||
| 37 | + Journée rythmée par des activités animées par les étudiants | ||
| 38 | + </div> | ||
| 39 | + </div> | ||
| 40 | + </div> | ||
| 41 | + <a class="left carousel-control" href="#homecarousel" role="button" data-slide="prev"> | ||
| 42 | + <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> | ||
| 43 | + <span class="sr-only">Previous</span> | ||
| 44 | + </a> | ||
| 45 | + <a class="right carousel-control" href="#homecarousel" role="button" data-slide="next"> | ||
| 46 | + <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> | ||
| 47 | + <span class="sr-only">Next</span> | ||
| 48 | + </a> | ||
| 49 | </div> | 49 | </div> |
| 50 | <div class="jumbotron"> | 50 | <div class="jumbotron"> |
| 51 | - <h1>La CREP, c'est quoi ?</h1> | ||
| 52 | - <p>La Coupe Robotique des Ecoles Primaires est un projet qui a vu le jour il y a quatre ans, mené par des étudiants de l’école Polytech Lille. Le principe est de faire découvrir les sciences de l’ingénieur à travers un challenge ludique à des élèves de CM1 et de CM2. Depuis la rentrée scolaire 2015-2016, chaque école doit construire un parcours imposé et programmer un robot LEGO® Mindstorms® selon un défi donné aux douze écoles partenaires. Le 12 mai 2016, la grande coupe inter-école sera organisée dans les locaux de Polytech, à l’issu de cette journée, la meilleure école sera récompensée.</p> | ||
| 53 | - <p><a class="btn btn-primary btn-lg" href="description" role="button">En savoir plus</a></p> | 51 | + <h1>La CREP, c'est quoi ?</h1> |
| 52 | + <p>La Coupe Robotique des Ecoles Primaires est un projet qui a vu le jour il y a quatre ans, mené par des étudiants de l’école Polytech Lille. Le principe est de faire découvrir les sciences de l’ingénieur à travers un challenge ludique à des élèves de CM1 et de CM2. Depuis la rentrée scolaire 2015-2016, chaque école doit construire un parcours imposé et programmer un robot LEGO® Mindstorms® selon un défi donné aux douze écoles partenaires. Le 12 mai 2016, la grande coupe inter-école sera organisée dans les locaux de Polytech, à l’issu de cette journée, la meilleure école sera récompensée.</p> | ||
| 53 | + <p> | ||
| 54 | + <a class="btn btn-primary btn-lg" href="description" role="button">En savoir plus</a> | ||
| 55 | + </p> | ||
| 54 | </div> | 56 | </div> |
pages/schools.php
| @@ -16,19 +16,19 @@ $ecoles = array( | @@ -16,19 +16,19 @@ $ecoles = array( | ||
| 16 | ); | 16 | ); |
| 17 | ?> | 17 | ?> |
| 18 | 18 | ||
| 19 | -<center> | ||
| 20 | - <table class="table table-striped table-responsive table-bordered"> | ||
| 21 | - <div class="panel_heading"> | ||
| 22 | - <thead> | ||
| 23 | - <tr> | ||
| 24 | - <th>Nom de l'école</th> | ||
| 25 | - <th>Adresse</th> | ||
| 26 | - <th>Enseignant</th> | ||
| 27 | - </tr> | ||
| 28 | - </thead> | ||
| 29 | - </div > | ||
| 30 | - <tbody> | ||
| 31 | -<?php | 19 | + <center> |
| 20 | + <table class="table table-striped table-responsive table-bordered"> | ||
| 21 | + <div class="panel_heading"> | ||
| 22 | + <thead> | ||
| 23 | + <tr> | ||
| 24 | + <th>Nom de l'école</th> | ||
| 25 | + <th>Adresse</th> | ||
| 26 | + <th>Enseignant</th> | ||
| 27 | + </tr> | ||
| 28 | + </thead> | ||
| 29 | + </div> | ||
| 30 | + <tbody> | ||
| 31 | + <?php | ||
| 32 | 32 | ||
| 33 | foreach($ecoles as $row) { | 33 | foreach($ecoles as $row) { |
| 34 | echo '<tr>'; | 34 | echo '<tr>'; |
| @@ -45,6 +45,6 @@ $ecoles = array( | @@ -45,6 +45,6 @@ $ecoles = array( | ||
| 45 | } | 45 | } |
| 46 | ?> | 46 | ?> |
| 47 | 47 | ||
| 48 | - </tbody> | ||
| 49 | - </table> | ||
| 50 | -</center> | 48 | + </tbody> |
| 49 | + </table> | ||
| 50 | + </center> |
pages/sponsors.php
| 1 | <div id="sponsors" class="container text-center"> | 1 | <div id="sponsors" class="container text-center"> |
| 2 | - <h2>Partenaires actuels</h2> | ||
| 3 | - <div class="row"> | ||
| 4 | - <div class="col-lg-12"> | ||
| 5 | -<!-- Partenaires à insérer ici, modifier la taille de la colonne, le nom et le logo ! :) | 2 | + <h2>Partenaires actuels</h2> |
| 3 | + <div class="row"> | ||
| 4 | + <div class="col-lg-12"> | ||
| 5 | + <!-- Partenaires à insérer ici, modifier la taille de la colonne, le nom et le logo ! :) | ||
| 6 | <div class="col-md-6"> | 6 | <div class="col-md-6"> |
| 7 | <ul class="nav nav-pills nav-stacked"> | 7 | <ul class="nav nav-pills nav-stacked"> |
| 8 | <li><h3>LEGO Education</h3></li> | 8 | <li><h3>LEGO Education</h3></li> |
| @@ -10,33 +10,51 @@ | @@ -10,33 +10,51 @@ | ||
| 10 | </ul> | 10 | </ul> |
| 11 | </div> | 11 | </div> |
| 12 | --> | 12 | --> |
| 13 | + </div> | ||
| 14 | + </div> | ||
| 15 | + <h2>Partenaires précédents</h2> | ||
| 16 | + <div class="row"> | ||
| 17 | + <div class="col-lg-12"> | ||
| 18 | + <div class="col-md-6"> | ||
| 19 | + <ul class="nav nav-pills nav-stacked"> | ||
| 20 | + <li> | ||
| 21 | + <h3>LEGO Education</h3> | ||
| 22 | + </li> | ||
| 23 | + <li> | ||
| 24 | + <a href="http://education.lego.com/" target="_blank"> | ||
| 25 | + <img class="logo" alt="Logo LEGO Education" src="img/legoEducation.png" /> | ||
| 26 | + </a> | ||
| 27 | + </li> | ||
| 28 | + </ul> | ||
| 29 | + </div> | ||
| 30 | + <div class="col-md-6"> | ||
| 31 | + <ul class="nav nav-pills nav-stacked"> | ||
| 32 | + <li> | ||
| 33 | + <h3>Polytech Instrumentation</h3> | ||
| 34 | + </li> | ||
| 35 | + <li> | ||
| 36 | + <a href="http://www.polytech-instrumentation.fr/" target="_blank"> | ||
| 37 | + <img class="logo" alt="Logo Polytech Instrumentation" src="img/polytechInstrumentation.png" /> | ||
| 38 | + </a> | ||
| 39 | + </li> | ||
| 40 | + </ul> | ||
| 41 | + </div> | ||
| 42 | + <div class="col-md-3"> | ||
| 43 | + </div> | ||
| 44 | + <div class="col-md-6"> | ||
| 45 | + <ul class="nav nav-pills nav-stacked"> | ||
| 46 | + <li> | ||
| 47 | + <h3>Oxybul</h3> | ||
| 48 | + </li> | ||
| 49 | + <li> | ||
| 50 | + <a href="http://www.oxybul.com" target="_blank"> | ||
| 51 | + <img class="logo" alt="Logo Oxybul" src="img/oxybul.png" /> | ||
| 52 | + </a> | ||
| 53 | + </li> | ||
| 54 | + </ul> | ||
| 55 | + </div> | ||
| 56 | + <div class="col-md-3"> | ||
| 57 | + </div> | ||
| 58 | + </div> | ||
| 13 | </div> | 59 | </div> |
| 14 | - </div> | ||
| 15 | - <h2>Partenaires précédents</h2> | ||
| 16 | - <div class="row"> | ||
| 17 | - <div class="col-lg-12"> | ||
| 18 | - <div class="col-md-6"> | ||
| 19 | - <ul class="nav nav-pills nav-stacked"> | ||
| 20 | - <li><h3>LEGO Education</h3></li> | ||
| 21 | - <li><a href="http://education.lego.com/" target="_blank"><img class="logo" alt="Logo LEGO Education" src="img/legoEducation.png" /></a></li> | ||
| 22 | - </ul> | ||
| 23 | - </div> | ||
| 24 | - <div class="col-md-6"> | ||
| 25 | - <ul class="nav nav-pills nav-stacked"> | ||
| 26 | - <li><h3>Polytech Instrumentation</h3></li> | ||
| 27 | - <li><a href="http://www.polytech-instrumentation.fr/" target="_blank"><img class="logo" alt="Logo Polytech Instrumentation" src="img/polytechInstrumentation.png" /></a></li> | ||
| 28 | - </ul> | ||
| 29 | - </div> | ||
| 30 | - <div class="col-md-3"> | ||
| 31 | - </div> | ||
| 32 | - <div class="col-md-6"> | ||
| 33 | - <ul class="nav nav-pills nav-stacked"> | ||
| 34 | - <li><h3>Oxybul</h3></li> | ||
| 35 | - <li><a href="http://www.oxybul.com" target="_blank"><img class="logo" alt="Logo Oxybul" src="img/oxybul.png" /></a></li> | ||
| 36 | - </ul> | ||
| 37 | - </div> | ||
| 38 | - <div class="col-md-3"> | ||
| 39 | - </div> | ||
| 40 | - </div> | ||
| 41 | - </div> | ||
| 42 | </div> | 60 | </div> |
topnavbar.php
| 1 | <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> | 1 | <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> |
| 2 | - <div class="container-fluid"> | ||
| 3 | - <div class="navbar-header"> | ||
| 4 | - <a class="navbar-brand" data-toggle="tooltip" data-placement="bottom" title="Aller à la page d'accueil" href="home"> | ||
| 5 | - <!-- <img src="img/icon.png" alt="Icone de la CREP" height="30" style="display: inline;"> --> | ||
| 6 | - <span class="hidden-xs">Coupe de Robotique des Ecoles Primaires</span> | ||
| 7 | - <span class="visible-xs"><img src="img/logo.png" height="20" /></span> | ||
| 8 | - </a> | ||
| 9 | - <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | ||
| 10 | - <span class="sr-only">Voir le menu</span> | ||
| 11 | - <span class="icon-bar"></span> | ||
| 12 | - <span class="icon-bar"></span> | ||
| 13 | - <span class="icon-bar"></span> | ||
| 14 | - </button> | 2 | + <div class="container-fluid"> |
| 3 | + <div class="navbar-header"> | ||
| 4 | + <a class="navbar-brand" data-toggle="tooltip" data-placement="bottom" title="Aller à la page d'accueil" href="home"> | ||
| 5 | + <!-- <img src="img/icon.png" alt="Icone de la CREP" height="30" style="display: inline;"> --> | ||
| 6 | + <span class="hidden-xs">Coupe de Robotique des Ecoles Primaires</span> | ||
| 7 | + <span class="visible-xs"> | ||
| 8 | + <img src="img/logo.png" height="20" /> | ||
| 9 | + </span> | ||
| 10 | + </a> | ||
| 11 | + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | ||
| 12 | + <span class="sr-only">Voir le menu</span> | ||
| 13 | + <span class="icon-bar"></span> | ||
| 14 | + <span class="icon-bar"></span> | ||
| 15 | + <span class="icon-bar"></span> | ||
| 16 | + </button> | ||
| 17 | + </div> | ||
| 18 | + <div class="collapse navbar-collapse" style="margin-right: 10px;"> | ||
| 19 | + <p class="navbar-text navbar-right"> | ||
| 20 | + <img src="img/logo.png" height="20" /> | ||
| 21 | + </p> | ||
| 22 | + </div> | ||
| 15 | </div> | 23 | </div> |
| 16 | - <div class="collapse navbar-collapse" style="margin-right: 10px;"> | ||
| 17 | - <p class="navbar-text navbar-right"> | ||
| 18 | - <img src="img/logo.png" height="20" /> | ||
| 19 | - </p> | ||
| 20 | - </div> | ||
| 21 | - </div> | ||
| 22 | </nav> | 24 | </nav> |