kstrap/test.html at master · JoakimLofgren/kstrap · 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
        <link rel="stylesheet" href="main.css">
        <style>
            #nestedmenu {
                width: 250px;
            }
        </style>
    </head>
    <body>
        <header id="klarna_header">
            <span class="logo"></span>

            <a href="http://www.klarna.com">klarna.com</a>
            <a href="https://docs.klarna.com">docs.klarna.com</a>
        </header>
    <h2>Contact us</h2>
    <form>
        <label for="email">Email</label>
        <input id="email" required placeholder="Email address" type="text">

        <label for="colour">Favourite colour</label>
        <input id="colour" placeholder="e.g red" type="text">

        <label for="disabled_input">Disabled</label>
        <input id="disabled_input" disabled placeholder="Can't touch this" type="text">

        <button class="action" type="submit"><span>Submit</span></button>
    </form>


    <article>

    <h2>some logos will go here</h2>
    <span class="logo small"></span>
    <span class="logo medium"></span>
    <span class="logo large"></span>

        <p>Arnold ipsum. I'll be back. Danger's my trade. Bullshit. Who is your daddy, and what does he do? Get down or I'll put you down. You should not drink and bake. Excuse me. Don't disturb my friend. He's dead tired. Only pain. Only pain. Look who's talking. Doesn't anyone stay dead anymore? The Iceman cometh. Feel how soft my skin is. You are not you you're me. Consider it a divorce. Allow me to break the ice. Bring your toy back to the carpet. Bring it back to the carpet. Screw you! I'll be back. Fuck you asshowr. Stop being such a pussy. Who the fuck are you? Traffic. Get down or I'll put you down. </p>

        <div>
            <ul class="hmenu">
                <li class="active"><a href="#spam">spam</a></li>
                <li><a href="#egg">egg</a></li>
                <li><a href="#bacon">bacon</a></li>
            </ul>
        </div>

        <h1>Nested menu</h1>

        <div id="nestedmenu">
            <ul class="menu">
                <li><a href="#spam">one</a></li>
                <li>
                    <a href="#egg">two</a>
                    <ul class="menu">
                        <li><a href="#egg.1">2.1</a></li>
                        <li class="active">
                            <a href="#egg.2">2.2</a>
                            <ul class="menu">
                                <li><a href="#egg.1">2.2.1</a></li>
                                <li><a href="#egg.1">2.2.2</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#bacon">three</a></li>
            </ul>
        </div>
        <p>There is no bathroom. This hero stuff has it's limits. I have my orders. Como esta. I'm the famous comedian, Arnold Brownswagger. This is war. Como esta. I'm not shitting on you. Take it BACK. I'll be back. Consider it a divorce. Get to the choppa. Fuck you asshowr. The Iceman cometh. Well that hit the spot. Freeze well. Fuck you asshowr. There is no bathroom. </p>
        <section>
        <p>The Iceman cometh. Screw you! Feel how soft my skin is. I'll be back. Go on! Do it now! Kill me! I'm here. You set us up. There is no bathroom. It's not a tumor. I'm a cybernetic organizm. Living tissue over endoskeleton. You're not going to have your mommies right behind you to wipe your little tushies. Who the hell are you. When the governor get's here, call me. Put the cookie down. Now! Who is your daddy, and what does he do? You are terminated. You cold blooded bastard. I'll tell you what I think of it. I'll live to see you eat that contract. But I hope you leave enough room for my fist. Because I'm going to ram it into your stomach and break your goddamn spine!!! I'm the famous comedian, Arnold Brownswagger. Because I'm going to say please. </p>
        </section>
        <section>
        <h2>test</h2>
        <h3>test</h3>
        <h4>test</h4>
        <p>The Iceman cometh. Screw you! Feel how soft my skin is. I'll be back. Go on! Do it now! Kill me! I'm here. You set us up. There is no bathroom. It's not a tumor. I'm a cybernetic organizm. Living tissue over endoskeleton. You're not going to have your mommies right behind you to wipe your little tushies. Who the hell are you. When the governor get's here, call me. Put the cookie down. Now! Who is your daddy, and what does he do? You are terminated. You cold blooded bastard. I'll tell you what I think of it. I'll live to see you eat that contract. But I hope you leave enough room for my fist. Because I'm going to ram it into your stomach and break your goddamn spine!!! I'm the famous comedian, Arnold Brownswagger. Because I'm going to say please. </p>
        </section>
    </article>
    <section>
        <button>click me</button>

        <p>C-coo-ool. I'm the party pooper. Hey light head. Hey Christmas tree. No problemo. Hey, I'm a police officer. This is an arrest. I'm a cop you idiot! I'm detective John Kimble. This man is under arrest. No problemo. Get down. Born to be bad. Just bodies. To be or not to be. Not to be. You're a stupid. Come on Bennet, let's party. You cold blooded bastard. I'll tell you what I think of it. I'll live to see you eat that contract. But I hope you leave enough room for my fist. Because I'm going to ram it into your stomach and break your goddamn spine!!! I'll be back. Screw you! Knock knock. My nipples are very sensitive. Doesn't anyone stay dead anymore?  Make your own on ArnoldIpsum.com</p>
    </section>
    <section>
        <p>Excuse me. Don't disturb my friend. He's dead tired. I'm the party pooper. Back to the carpet. You're a fucking choir boy compared to me. A choir boy!! I did nothing. The pavement with his enemy. Consider it a divorce. Well that hit the spot. Doesn't anyone stay dead anymore? Put the cookie down. Now! Allow me to break the ice. I need your clothes, your boots, and your motorcycle. You're fired. You've just been erased. I'll be back. You're not going to have your mommies right behind you to wipe your little tushies. You cold blooded bastard. I'll tell you what I think of it. I'll live to see you eat that contract. But I hope you leave enough room for my fist. Because I'm going to ram it into your stomach and break your goddamn spine!!! What the hell are you? I'll be back. Get down. Bullshit. Hey, I'm a police officer. This is an arrest. I'm a cop you idiot! I'm detective John Kimble. This man is under arrest. The hell you will. Well then God shouldn't have cloned my dog. You cold blooded bastard. I'll tell you what I think of it. I'll live to see you eat that contract. But I hope you leave enough room for my fist. Because I'm going to ram it into your stomach and break your goddamn spine!!! </p>
    </section>
    <article>
    <span class="logo white small"></span>
    <span class="logo white medium"></span>
    <span class="logo white large"></span>
    </article>
    </body>
</html>