152 lines
6.5 KiB
HTML
152 lines
6.5 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<!--[if IE 9]><html class="lt-ie10" lang="fr" > <![endif]-->
|
||
<html class="no-js" lang="fr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="Author" content="Antoine Bardelli, April.org">
|
||
<meta name="geo.region" content="FR">
|
||
<meta name="Description" content="Expolibre, l'exposition itinérante expliquant les logiciels libres au grand public.">
|
||
<meta name="Keywords" content="expolibre, expolibre 3, expolibree III, exposition logiciels libres, exposition libre, logiciels libres, logiciels open source, libre, sensibilisation, formats ouverts, informatique libre, exposition gratuite, exposition informatique, April.org, April">
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:site" content="@aprilorg">
|
||
<meta name="twitter:creator" content="@aprilorg">
|
||
<meta name="twitter:image" content="https://expolibre.org/images/expolibrepageaccueil.png">
|
||
<meta name="twitter:image:alt" content="Page d'accueil du site">
|
||
<meta name="twitter:title" content="L'Expolibre : l'expo sur les libertés informatiques">
|
||
<meta property="og:image" content="https://expolibre.org/images/expolibrepageaccueil.png">
|
||
<meta property="og:title" content="L'Expolibre : l'expo sur les libertés informatiques">
|
||
<meta property="og:type" content="article">
|
||
<meta property="og:url" content="https://www.expolibre.org">
|
||
<title>Exposition logiciels libres</title>
|
||
<!-- css -->
|
||
<link rel="stylesheet" href="css/foundation.css"><link rel="stylesheet" href="css/expolibre-tangram.css">
|
||
<!-- script -->
|
||
<script src="js/vendor/modernizr.js"></script>
|
||
<!-- font -->
|
||
</head>
|
||
<body>
|
||
<!-- body content here -->
|
||
<!-- top bar -->
|
||
|
||
<div class="fixed">
|
||
<nav class="top-bar" data-topbar="" role="navigation">
|
||
<ul class="title-area">
|
||
<li class="name">
|
||
<h1><a href="index.php.html">Expolibre</a></h1>
|
||
</li>
|
||
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
|
||
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
|
||
</ul>
|
||
<!-- menu droit -->
|
||
<section class="top-bar-section">
|
||
<!-- Right Nav Section -->
|
||
<ul class="right">
|
||
<li class="active"><a href="index.php.html">Accueil</a></li>
|
||
<li class="has-dropdown"><a href="exposition.php.html">l'Exposition</a>
|
||
<ul class="dropdown">
|
||
<li><a href="logiciel-libre.php.html">Qu'est-ce que le logiciel libre ?</a></li>
|
||
<li><a href="enjeux-du-logiciel-libre.php.html">Les enjeux du Logiciel Libre</a></li>
|
||
<li><a href="logiciel-libre-au-quotidien.php.html">Les logiciels libres au quotidien</a></li>
|
||
<li><a href="formats-ouverts.php.html">Les Formats ouverts</a></li>
|
||
<li><a href="logiciels-libres-pour-education.php.html">Les atouts pour l'éducation</a></li>
|
||
<li><a href="licences-logiciels-libres.php.html">Licences et cadre juridique</a></li>
|
||
<li><a href="modeles-libres.php.html">Au-delà du logiciel libre</a></li>
|
||
<li><a href="a-propos-april-et-expolibre.php.html">À propos de l'April et de l'Expolibre</a></li>
|
||
</ul></li>
|
||
<li><a href="telecharger.php.html">Télécharger</a></li>
|
||
<li><a href="louer.php.html">Louer</a></li>
|
||
<li><a href="contact.php.html">Contact</a></li>
|
||
<li class="has-dropdown"><a href="">Langue</a>
|
||
<ul class="dropdown">
|
||
<li><a href="index.htm">Français</a></li>
|
||
<li><a href="en/index.htm">English</a></li>
|
||
<li><a href="es/index.htm">Español</a></li>
|
||
<li><a href="it/index.htm">Italiano</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- fin menu droit -->
|
||
</nav>
|
||
</div>
|
||
|
||
<!-- fin nav -->
|
||
|
||
<!-- row 12 col - boite presentation -->
|
||
<section class="scroll-container accueil" role="main">
|
||
<div class="row">
|
||
<div class="large-2 columns"></div>
|
||
<div class="large-8 columns">
|
||
<h2>Expolibre</h2>
|
||
<p class="intro"><span>Expolibre est une exposition itinérante expliquant les logiciels libres au grand public.</span>
|
||
<a href="exposition.php.html">Des panneaux</a> présentent la philosophie du logiciel libre, mouvement qui se développe depuis le début des années 1980. L'objectif est de sensibiliser aux enjeux de société liés à cette révolution informatique.
|
||
<br>
|
||
Dans l'esprit du logiciel libre, cette exposition est « libre » et nous vous invitons à la <a href="telecharger.php.html">télécharger</a> pour diffuser, la copier, l'exposer ou l'adapter. L'April propose les panneaux à la <a href="louer.php.html">location</a>.
|
||
<br>
|
||
Bonne lecture à tous !</p>
|
||
<!-- contenu -->
|
||
<div class="row">
|
||
<div class="large-4 columns">
|
||
<div class="panel">
|
||
<a class="button" href="exposition.php.html">Découvrir</a>
|
||
<p>Découvrez les panneaux dès maintenant !</p>
|
||
</div>
|
||
</div>
|
||
<div class="large-4 columns">
|
||
<div class="panel">
|
||
<a class="button" href="telecharger.php.html">Télécharger</a>
|
||
<p>Télécharger les panneaux de l'exposition dans différents formats, ainsi que les sources de création.</p>
|
||
</div>
|
||
</div>
|
||
<div class="large-4 columns">
|
||
<div class="panel">
|
||
<a class="button" href="louer.php.html">Louer</a>
|
||
<p>Commandez les panneaux pour organiser une exposition dans votre ville.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- fin contenu -->
|
||
</div>
|
||
<!-- fin boite presentation -->
|
||
<div class="large-2 columns"></div>
|
||
</div>
|
||
<!-- fin row 1 -->
|
||
</section>
|
||
|
||
<!-- footer -->
|
||
|
||
<section class="scroll-container footer" role="main">
|
||
<div class="row">
|
||
<div class="large-2 columns"></div>
|
||
<div class="large-8 columns">
|
||
<ul class="inline-list">
|
||
<li><a href="index.php.html">Accueil</a></li>
|
||
<li><a href="exposition.php.html">l'Exposition</a></li>
|
||
<li><a href="telecharger.php.html">Télécharger</a></li>
|
||
<li><a href="louer.php.html">Louer</a></li>
|
||
<li><a href="a-propos.php.html">À propos</a></li>
|
||
<li><a href="credits.php.html">Crédits</a></li>
|
||
<li><a href="contact.php.html">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="large-2 columns logo">
|
||
<a href="http://www.april.org/"><img src="img/april_logo.svg" alt="Association April" title="APRIL, organisation de promotion et de défense du logiciel libre."></a>
|
||
</div>
|
||
</div>
|
||
<!-- fin footer -->
|
||
</section>
|
||
<!-- fin footer -->
|
||
|
||
<!-- fin body -->
|
||
|
||
<script src="js/vendor/jquery.js"></script>
|
||
<script src="js/foundation.min.js"></script>
|
||
<script>
|
||
$(document).foundation();
|
||
</script>
|
||
</body>
|
||
</html>
|