positiontest/index.html at master · lerasimon/positiontest · 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
<!DOCTYPE html>

<html>
    <head>
        <title>tompixels</title>
        <link href='style.css' rel='stylesheet'/>
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel="stylesheet">
    </head>

    <body>
        <header>
            <div class='logo'>
                <img class='logo' src='pixeltom_logo.JPG' />
            </div>
            <ul>
                <li class='purple'>Start</li>
                <li>Kurse</li>
                <li>Vorlagen</li>
                <li>Preise</li>
                <li>Docs</li>
                <li>Resources</li>
                <li>Blog</li>
            </ul>
            <div class='container'>
                <div class='button-container'>
                    <div class='button1'>Anmelden</div>
                </div>
                <div class='button-container'>
                    <div class='button2'>Registrieren</div>
                </div>
            </div>
        </header>
        <div class='main-container'>
            <div class='main'>
                <h3 class='purple'>JETZT STARTEN</h3>
                <h1>Dein einziger<br> Webdesign Kurs fur Dich</h1>
                <h3>Lerne jetzt wie du eine unwidersteglich gute Webseite selber<br> umsetzen kannst.</h3>

                <div class='icons'>
                    <img class='icon' src='IMG_8584.JPG' />
                    <p>Bootstrap</p>
                    <img class='icon' src='IMG_8583.JPG' />
                    <p>HTML</p>
                    <img  class='icon' src='IMG_8582.JPG' />
                    <p>In Kurze Launchen!</p>
                </div>
            </div>
        </div>
        <div class='footer'>
            <img class='chat' src='chat-icon.jpg' />
        </div>
    </body>
</html>