practicas-kodemia/exercises/flexbox-layout/index.html at master · osiux/practicas-kodemia · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
    <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>Flexbox Layout</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
    </head>
    <body>
        <main>
            <header>
                <h1>Kodemia</h1>
            </header>
            <section>
                <article>
                    <h2>Title 1</h2>
                    <p>
                        I love cuddles instantly break out into full speed
                        gallop across the house for no reason hide from vacuum
                        cleaner for mouse. Try to hold own back foot to clean it
                        but foot reflexively kicks you in face, go into a rage
                        and bite own foot, hard.
                    </p>
                </article>
                <article>
                    <h2>Title 2</h2>
                    <p>
                        Sleep on keyboard steal the warm chair right after you
                        get up so bury the poop bury it deep pet me pet me pet
                        me pet me, bite, scratch, why are you petting me i is
                        not fat, i is fluffy. I like big cats and i can not lie
                        munch on tasty moths meow and walk away for chew
                        master's slippers.
                    </p>
                </article>
                <article>
                    <h2>Title 3</h2>
                    <p>
                        Cats are cute in the middle of the night i crawl onto
                        your chest and purr gently to help you sleep i will be
                        pet i will be pet and then i will hiss yet i’m so hungry
                        i’m so hungry but ew not for that for why must they do
                        that, or catch mouse and gave it as a present chew foot.
                    </p>
                </article>
                <article>
                    <h2>Title 4</h2>
                    <p>
                        Check cat door for ambush 10 times before coming in
                        stand in doorway, unwilling to chose whether to stay in
                        or go out and i want to go outside let me go outside
                        nevermind inside is better love yet dead stare with ears
                        cocked so this is the day and chirp at birds.
                    </p>
                </article>
                <article>
                    <h2>Title 5</h2>
                    <p>
                        Weigh eight pounds but take up a full-size bed mark
                        territory, so pretend not to be evil or inspect anything
                        brought into the house, flex claws on the human's belly
                        and purr like a lawnmower fight own tail yet prance
                        along on top of the garden fence, annoy the neighbor's
                        dog and make it bark.
                    </p>
                </article>
            </section>
            <aside>
                <nav>
                    <ul>
                        <li><a href="#">Link 1</a></li>
                        <li><a href="#">Link 2</a></li>
                        <li><a href="#">Link 3</a></li>
                        <li><a href="#">Link 4</a></li>
                        <li><a href="#">Link 5</a></li>
                    </ul>
                </nav>
            </aside>
            <footer>
                <a href="#">Link 1</a>
                <a href="#">Link 2</a>
                <a href="#">Link 3</a>
                <a href="#">Link 4</a>
            </footer>
        </main>
    </body>
</html>