expolibre-squelettes/_index.htm

152 lines
6.5 KiB
HTML
Raw Normal View History

2023-12-16 23:09:59 +01:00

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