practiceHTML/index.html at master · terrathe2/practiceHTML · 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
<html>
    <head>
        <title>
            This is my first web page
        </title>
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <header>

            <img class="logo" src="assets/images/hactiv8-logo.png"/>
            <nav>
                <ul>
                    <li>
                        <a href="index.html">home</a>
                    </li>
                    <li>
                        <a href="about.html">about</a>
                    </li>
                    <li>
                        <a href="contact.html">contact</a>
                    </li>
                </ul>
            </nav>

        </header>

        <div class="content class_2 class_3" id="satu_id">
            <div class="slider">
                <img id="image_slider" src="assets/images/image-slider-2.jpg" />
            </div>

            <h1>Your site doesn't sit on a desk anymore</h1>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sollicitudin purus id tempus tempus. Mauris in risus justo. Quisque eleifend consequat auctor. Aliquam nibh justo, dapibus eu nisi id, elementum interdum ex. Cras feugiat a diam id maximus. Donec malesuada nec eros in tempus. Vivamus ac quam consequat sem iaculis rhoncus sed quis ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas in mi est. Suspendisse potenti. Praesent vel urna gravida, semper tellus id, viverra urna. Suspendisse potenti. Sed a lorem ante. In elit diam, molestie in tempor ut, bibendum pellentesque augue.
                <br /><br />
                Suspendisse ultrices leo eget cursus pharetra. Mauris in tincidunt lacus. Aenean velit erat, mattis posuere malesuada eu, imperdiet sit amet libero. Duis mauris augue, pellentesque in tempor at, blandit nec mi. In sit amet rutrum tortor. Phasellus lorem turpis, egestas et vehicula eget, eleifend nec nibh. Nam auctor ligula justo, at vestibulum magna posuere accumsan. Etiam tempor ornare enim, nec ultrices ex lacinia id. Proin in posuere sapien. Integer at interdum nisi.
            </p>
        </div>
    </body>
</html>