expolibre-squelettes/_index.htm

152 lines
6.5 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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