Service_WWW/index.html

116 lines
6.9 KiB
HTML
Raw Normal View History

2021-09-03 18:10:01 +02:00
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Association Libre en Communs</title>
<link rel="stylesheet" media="screen" href="styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Adrien Bourmault">
<meta name="description" content="Draft of a website for Libre en Communs">
<meta name="robots" content="all">
</head>
<!--
Accessing source is a feature, not a bug. Thanks for your curiosity ;)
-->
<body id="css-a-lec">
<div class="page-wrapper">
<section class="introduction" id="a-lec-introduction">
<header role="banner">
<h1>Libre en Communs</h1>
<h2>”Connaissance, partage, éducation et solidarité“</h2>
</header>
<div class="summary" id="a-lec-summary" role="article">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dapibus ex at ligula commodo ultrices. Proin viverra ligula orci, eu bibendum ante fermentum a. Nam vel nulla auctor, eleifend mauris sed, luctus mi. Phasellus varius velit vitae tellus malesuada, vel facilisis diam mattis. Aenean condimentum tortor a interdum fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tellus dui, dapibus non laoreet in, dictum at mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec maximus lacus.</p>
<p>Suspendisse luctus iaculis nulla, ut feugiat nulla semper a. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras volutpat dui eget est feugiat convallis. Quisque rutrum aliquam turpis et imperdiet. Cras ut risus elit. Nulla massa ex, vulputate ac quam non, rhoncus maximus felis. Fusce cursus eros id ipsum varius tincidunt.</p>
</div>
<div class="preamble" id="a-lec-preamble" role="article">
<h3>La route est longue...</h3>
<p>Praesent consectetur lorem non lacus hendrerit, et facilisis justo ultrices. Morbi sem neque, tempor id tincidunt eu, viverra ac quam. Etiam nisl turpis, ultrices sed cursus vel, molestie vel dolor. Donec sed nisi tristique, molestie velit eu, pretium libero. Pellentesque et lobortis massa. Cras lobortis tempor erat at dapibus. In a hendrerit massa, id rhoncus augue. Morbi porta sit amet nisi non imperdiet. In ornare purus in diam efficitur, eget hendrerit sapien mollis. Vestibulum euismod vehicula quam vel semper.</p>
</div>
</section>
<div class="main supporting" id="a-lec-supporting" role="main">
<div class="explanation" id="a-lec-explanation" role="article">
<h3>...mais la voie est libre!</h3>
<p>In eget mi id neque malesuada congue et in dui. Maecenas turpis turpis, mattis vitae leo vel, tristique aliquet ligula. Nunc interdum interdum purus sed pharetra. Proin porta felis non dolor bibendum, in ornare tellus maximus. Praesent semper purus eget ipsum varius, non rhoncus libero ultricies. Pellentesque risus dolor, hendrerit non scelerisque vel, euismod condimentum sapien. Phasellus pretium, arcu nec pharetra euismod, augue lorem consequat erat, vitae volutpat felis tellus ut ante. Quisque elit ipsum, consectetur in magna ut, scelerisque sollicitudin risus. Aenean non blandit enim.</p>
</div>
<div class="apropos" id="a-lec-apropos" role="article">
<h3>Organisation à but non lucratif</h3>
<p>Nunc malesuada facilisis nunc. Integer ac mollis sapien. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam at dui vitae nibh interdum accumsan sed id mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque nisi vulputate varius aliquam. Duis vulputate elit vel feugiat interdum. Nullam rutrum nibh at finibus laoreet. Phasellus in ipsum massa. Curabitur sit amet est non lacus placerat aliquam. Proin ac facilisis est, id finibus diam. Cras vehicula, nunc sed sollicitudin pulvinar, dolor turpis posuere eros, ac blandit ipsum risus sit amet arcu.</p>
</div>
<div class="apropossuite" id="a-lec-apropossuite" role="article">
<h3>Des bénéfices pour les membres, évidemment</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dapibus ex at ligula commodo ultrices. Proin viverra ligula orci, eu bibendum ante fermentum a. Nam vel nulla auctor, eleifend mauris sed, luctus mi. Phasellus varius velit vitae tellus malesuada, vel facilisis diam mattis. Aenean condimentum tortor a interdum fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tellus dui, dapibus non laoreet in, dictum at mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec maximus lacus.</p>
</div>
<div class="adhesion" id="a-lec-adhesion" role="article">
<h3>Comment adhérer ?</h3>
<p>Suspendisse luctus iaculis nulla, ut feugiat nulla semper a. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras volutpat dui eget est feugiat convallis. Quisque rutrum aliquam turpis et imperdiet. Cras ut risus elit. Nulla massa ex, vulputate ac quam non, rhoncus maximus felis. Fusce cursus eros id ipsum varius tincidunt.</p>
<p><br/></p>
<p role="contentinfo">In the free/libre software movement, we develop software that respects users' freedom, so we and you can escape from software that doesn't. I could have made money this way, and perhaps amused myself writing code. But I knew that at the end of my career, I would look back on years of building walls to divide people, and feel I had spent my life making the world a worse place.<br />
Richard Matthew Stallman
</p>
</div>
</div>
<aside class="sidebar" role="complementary">
<div class="wrapper">
<div class="latest-articles" id="latest-articles">
<h3 class="select">Derniers évènements</h3>
<nav role="navigation">
<ul>
<li>
<a href="" class="design-name">Titre</a> by <a href="" class="designer-name">Commentaire</a>
</li>
<li>
<a href="" class="design-name">Titre</a> by <a href="" class="designer-name">Commentaire</a>
</li>
<li>
<a href="" class="design-name">Titre</a> by <a href="" class="designer-name">Commentaire</a>
</li>
<li>
<a href="" class="design-name">Titre</a> by <a href="" class="designer-name">Commentaire</a>
</li>
<li>
<a href="" class="design-name">Titre</a> by <a href="" class="designer-name">Commentaire</a>
</li>
</nav>
</div>
<div class="a-lec-resources" id="a-lec-resources">
<h3 class="resources">Resources:</h3>
<ul>
<li>
<a href="" title="Super statuts">Statuts de l'association</a>
</li>
<li>
<a href="" title="Super règlement intérieur">Règlement intérieur</a>
</li>
</ul>
</div>
</div>
</aside>
</div>
<footer>
Copyright © 2021 Association Libre en Communs CC-BY-SA 4.0
</footer>
</body>
</html>