Applesite/integration1.html at master · Fabgraph/Applesite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie-edge">
        <title>My first Web Design</title>
        <link href="css/integration1.css" rel="stylesheet">
        <!-- la typo PT sans chez google -->
        <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">

    </head>
    <body>
        <div id="conteneur">
            <h1 id="header"><a href="integration1.html" title="Colored Design : my first Web Design">Colored Design</a></h1>
            <nav>
                <ul>
                    <li><a href="#" title="Colored Design">&Eacute;tape #1</a></li>
                    <li><a href="#" title="Colored Design">&Eacute;tape #2</a></li>
                    <li><a href="#" title="Colored Design">&Eacute;tape #3</a></li>
                    <li><a href="#" title="Colored Design">&Eacute;tape #4</a></li>
                    <li><a href="#" title="Colored Design">&Eacute;tape #5</a></li>
                </ul>
            </nav>
            <div id="contenu">
                <h2>An Apple a Day Makes the Doctor Away !</h2>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Enim eos quasi aliquid magni labore saepe illum error hic quam nihil iusto officia, qui, maxime quas nulla laborum incidunt! Laudantium, pariatur!</p>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odit optio quis reprehenderit atque maiores laborum itaque ipsa fugit repellat obcaecati voluptate quae debitis, iste provident iusto incidunt distinctio magnam. Necessitatibus!</p>
                <blockquote><p>"Anyone can count the seeds in an apple, but only God can count the number of apples in a seed."</p><p><em>Robert H. Schuller</em></p></blockquote>

                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cumque excepturi perferendis vitae repudiandae? Repudiandae exercitationem earum aspernatur. Inventore harum illo repellendus expedita obcaecati excepturi, iure minus. Labore nihil nostrum veritatis.</p>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Enim eos quasi aliquid magni labore saepe illum error hic quam nihil iusto officia, qui, maxime quas nulla laborum incidunt! Laudantium, pariatur!</p>
                <h3>An Apple a Day Makes the Doctor Away ! Again</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Enim eos quasi aliquid magni labore saepe illum error hic quam nihil iusto officia, qui, maxime quas nulla laborum incidunt! Laudantium, pariatur!</p>
            </div>
            <footer>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Officiis expedita omnis tenetur! Ipsam corrupti adipisci aliquid consectetur, voluptatem qui, odit, tempora ad maiores tempore incidunt dicta vel consequatur vitae cumque.</p>
            </footer>

        </div>


    </body>
</html>