index.html

<!DOCTYPE html>
<!--[if lte IE 6]> <html class="ie6 ie67 ie678" lang="fr"> <![endif]-->
<!--[if lte IE 7]> <html class="ie7 ie67 ie678" lang="fr"> <![endif]-->
<!--[if IE 8]> <html class="ie8 ie678" lang="fr"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="fr"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Unitcss</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">

        <link rel="stylesheet" href="stylesheets/style.css">

        <!--[if lt IE 9]>
            <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js"></script>
            <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script>
        <![endif]-->
    </head>
    <body>

        <div class="wrapper">

            <div class="typo">

                <h1>Qu'est ce que le Lorem Ipsum ?</h1>

                <p>Le <a href="http://fr.lipsum.com" class="link">Lorem Ipsum</a> est simplement
                du faux texte <strong>employé</strong> dans la composition et la mise en page avant impression.
                Le <em>Lorem Ipsum</em> est le faux texte standard de l'imprimerie depuis les années
                1500, quand un peintre anonyme assembla ensemble des morceaux de texte pour
                réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre
                cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que
                son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à
                la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus
                récemment, par son inclusion dans des applications de mise en page de texte,
                comme Aldus PageMaker.</p>

                <h2>Pourquoi l'utiliser ?</h2>
                <p>On sait depuis longtemps que travailler avec du texte lisible et contenant du
                sens est source de distractions, et empêche de se concentrer sur la mise en
                page elle-même. L'avantage du Lorem Ipsum sur un texte générique comme 'Du
                texte. Du texte. Du texte.' est qu'il possède une distribution de lettres plus
                ou moins normale, et en tout cas comparable avec celle du français standard. De
                nombreuses suites logicielles de mise en page ou éditeurs de sites Web ont fait
                du Lorem Ipsum leur faux texte par défaut, et une recherche pour 'Lorem Ipsum'
                vous conduira vers de nombreux sites qui n'en sont encore qu'à leur phase de
                construction. Plusieurs versions sont apparues avec le temps, parfois par
                accident, souvent intentionnellement (histoire d'y rajouter de petits clins
                d'oeil, voire des phrases embarassantes).</p>
                <h3>D'où vient-il ?</h3>
                <p>Contrairement à une opinion répandue, le Lorem Ipsum n'est pas simplement du
                texte aléatoire. Il trouve ses racines dans une oeuvre de la littérature latine
                classique datant de 45 av. J.-C., le rendant vieux de 2000 ans. Un professeur du
                Hampden-Sydney College, en Virginie, s'est intéressé à un des mots latins les
                plus obscurs, consectetur, extrait d'un passage du Lorem Ipsum, et en étudiant
                tous les usages de ce mot dans la littérature classique, découvrit la source
                incontestable du Lorem Ipsum. Il provient en fait des sections 1.10.32 et
                1.10.33 du "De Finibus Bonorum et Malorum" (Des Suprêmes Biens et des Suprêmes
                Maux) de Cicéron. Cet ouvrage, très populaire pendant la Renaissance, est un
                traité sur la théorie de l'éthique. Les premières lignes du Lorem Ipsum, "Lorem
                ipsum dolor sit amet...", proviennent de la section 1.10.32.</p>
                <p>L'extrait standard de Lorem Ipsum utilisé depuis le XVIè siècle est reproduit
                ci-dessous pour les curieux. Les sections 1.10.32 et 1.10.33 du "De Finibus
                Bonorum et Malorum" de Cicéron sont aussi reproduites dans leur version
                originale, accompagnée de la traduction anglaise de H. Rackham (1914).</p>
                <h4>Où puis-je m'en procurer ?</h4>
                <p>Plusieurs variations de Lorem Ipsum peuvent être trouvées ici ou là, mais la
                majeure partie d'entre elles a été altérée par l'addition d'humour ou de mots
                aléatoires qui ne ressemblent pas une seconde à du texte standard. Si vous
                voulez utiliser un passage du Lorem Ipsum, vous devez être sûr qu'il n'y a rien
                d'embarrassant caché dans le texte. Tous les générateurs de Lorem Ipsum sur
                Internet tendent à reproduire le même extrait sans fin, ce qui fait de
                lipsum.com le seul vrai générateur de Lorem Ipsum. Iil utilise un dictionnaire
                de plus de 200 mots latins, en combinaison de plusieurs structures de phrases,
                pour générer un Lorem Ipsum irréprochable. Le Lorem Ipsum ainsi obtenu ne
                contient aucune répétition, ni ne contient des mots farfelus, ou des touches
                d'humour.</p>
                <h5>Qu'est ce que le Lorem Ipsum ?</h5>
                <h6>Qu'est ce que le Lorem Ipsum ?</h6>
                <p>Nulla sit amet libero molestie, laoreet odio vitae, tincidunt metus. Nunc sit
                amet leo posuere, mollis velit a, lobortis lacus. Pellentesque at odio libero.
                Nullam massa ligula, fermentum quis semper non, consequat viverra nisi. Cras id
                varius metus, quis eleifend ante. Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. Nulla consequat, dui pharetra ultrices commodo, ante metus
                placerat sapien, in congue mauris lectus vel metus. Etiam nec purus blandit,
                blandit velit vitae, auctor mauris. Nullam sodales nulla lacus, vitae faucibus
                lacus euismod eu. Aenean accumsan vel orci at fermentum. Vestibulum vehicula
                nulla eu lacinia interdum. Duis condimentum urna at hendrerit ullamcorper. Nulla
                gravida justo ac magna sagittis cursus. Sed pellentesque interdum ultrices. Duis
                ac purus odio.</p>
            </div>

        </div>

    </body>
</html>