modern-frontend-workshop/0-non-semantic.html at master · devmsh/modern-frontend-workshop · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML</title>
</head>
<body>
<div class="container">
    <div class="header">
        <ul class="nav">
            <li class="list-item">Test1</li>
            <li class="list-item">Test2</li>
            <li class="list-item">Test3</li>
            <li class="list-item">Test4</li>
            <li class="list-item">Test5</li>
        </ul>
    </div>
    <div class="main">
        <div class="post">
            <h2>Post Title</h2>
            <div class="desc">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, dicta doloribus eos eveniet
                laudantium minima nesciunt, nostrum odit officiis perferendis quia quisquam rem sint sit, suscipit!
                Architecto consequatur dignissimos dolor error eveniet, expedita explicabo facilis fugit ipsa molestiae
                neque nostrum quasi reiciendis repellat unde veniam veritatis voluptatum! Animi architecto at commodi
                culpa cumque dolorem eius esse est exercitationem fugiat fugit hic ipsum laudantium libero perspiciatis
                porro possimus praesentium quas, quia quidem tempore unde voluptatibus. Accusantium aliquam cupiditate
                deleniti ducimus eligendi, facilis itaque labore magnam, maiores minima necessitatibus nihil nobis
                numquam odio, praesentium quam quas quibusdam repellendus soluta voluptatum. Commodi, voluptas!
            </div>
            <div class="author">
                Mohammed S Shurrab
            </div>
        </div>
    </div>
    <div class="footer">
        All Right Reserved
    </div>
</div>
</body>
</html>