WebDev-Notes/CSS/positioning.html at master · AnantLuthra/WebDev-Notes · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Positions</title>
    <link rel="stylesheet" href="positioning.css">
</head>
<body>
    <header>
        <ul>
            <li>People</li>
            <li>Friends</li>
            <li><a href="https://github.com/anantluthra" target="_blank">Contacts</a></li>
        </ul>
    </header>
    <div class="container">
        <p>
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Temporibus dicta unde eos laudantium necessitatibus, repellendus provident quod ipsum, deserunt tempora consequuntur doloremque. Distinctio sint mollitia dolores obcaecati voluptatem iure quibusdam quos. Voluptas eos ipsum ratione placeat dignissimos beatae temporibus modi. Error iure tempore odio magnam omnis aut unde laborum libero facere exercitationem, nisi reiciendis quisquam voluptate. Minima nihil nulla ipsam maiores adipisci harum, numquam beatae praesentium quos, laboriosam voluptates magnam odio dolorem est ullam iure dolor obcaecati voluptatem. Cum labore officiis, voluptas veniam, autem minima expedita atque quisquam vel asperiores beatae maiores ullam necessitatibus similique, adipisci impedit commodi inventore libero recusandae quos? Nostrum dolorem illo provident qui, labore, quam asperiores modi quos ipsum eaque totam quae vero alias odio enim officia sunt, obcaecati debitis tempore mollitia? Molestias soluta doloremque rerum laborum ullam mollitia neque natus.
        </p>
        <div style="text-decoration: none;" class="dabba1">
            <a href="https://github.com/anantluthra" target="_blank">CONTACT<br>US</a>
        </div>
    </div>

    <ul class="secondUl">
        <li>Bat</li>
        <li>Boll</li>
        <li>Basket Ball</li>
        <li>Basket Ball</li>
    </ul>

</body>
</html>