-
Notifications
You must be signed in to change notification settings - Fork 0
/
post.html
70 lines (70 loc) · 4.74 KB
/
post.html
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
<!DOCTYPE html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="forumcss.css">
<body>
<div id="banner">
<h1 id="banner-title">BANNER</h1>
</div>
<div class="stck">
<ul class="navbar">
<li>
<a id="active-tab" href="index.html">Forum</a>
</li>
<li>
<a href="#news">News</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
<li>
<a href="#about">About</a>
</li>
</ul>
</div>
<div class="table-block">
<h1 class="half-bar1"> </h1>
<p class="post-bar2 half-bar2">2020-05-28 08:47:05<span class="post-counter">#1</span>
</p>
<div class="tdiv main-body">
<div class="user-info">
<h4 class="username">Lorem ipsum</h4>
<h4 class="user-type">Member</h4>
<img class="avatar" src="https://png.pngtree.com/element_our/png/20181206/users-vector-icon-png_260862.jpg">
<br>
<span class="user-disc">From: Country Name<br>Registred: 01/01/2020<br>Posts: 120.000
</span>
</div>
<div class="post-data">
<span>
<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
<br>Etiam consectetur ligula sit amet aliquet consectetur. Etiam mauris ex, facilisis a faucibus id, dictum sed nisl. Donec vitae arcu dolor. Nunc in turpis varius, egestas mi sollicitudin, imperdiet lectus. Quisque convallis, ante nec pulvinar rhoncus, dui enim pulvinar nisl, varius congue ipsum mi non leo. Sed eget tellus a dui accumsan sollicitudin ut non nisl. Nullam et aliquam lorem. Morbi ac porttitor est, a tincidunt ipsum. Nunc ultrices diam id faucibus rhoncus. Etiam non ante eu enim tristique suscipit.
Pellentesque congue urna quis fringilla placerat. Ut sed turpis vel libero feugiat congue vel nec eros. Donec non justo quis nulla aliquam dignissim. Sed sit amet augue eget augue suscipit tincidunt. Morbi pretium bibendum sem in placerat. Nam venenatis magna in porta egestas. Integer ultricies aliquet imperdiet. Etiam vulputate tincidunt lorem vitae finibus. Pellentesque enim mauris, vestibulum sed pharetra non, dapibus id odio.
Donec mattis semper dui, et gravida sapien luctus eu. Proin congue feugiat metus ut accumsan. Quisque ornare molestie metus, non facilisis erat congue quis. Aliquam erat volutpat. Fusce et lacus molestie, vestibulum enim eget, lobortis dui. Ut eget orci in tortor finibus elementum a a neque. In dignissim feugiat lorem nec congue. Ut ut faucibus mauris. Pellentesque ac dolor eleifend, dapibus purus at, faucibus purus. Morbi vestibulum, est sagittis consectetur mollis, metus urna viverra est, sed semper nibh risus vel magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi turpis ex, pellentesque a sollicitudin ut, mattis vel felis. Cras malesuada vitae ante vel ultricies.
Etiam ut odio ac diam porta egestas. Aenean vitae nibh lacus. Vestibulum imperdiet dapibus magna, a fermentum odio molestie at. Nullam sit amet purus ex. Praesent eros nibh, ullamcorper vel luctus et, semper vitae sapien. Sed eros arcu, bibendum id lorem at, venenatis finibus arcu. Pellentesque varius malesuada aliquet. Nulla nec odio non velit fringilla feugiat ut a sapien. Donec vel odio vel lorem euismod eleifend. Sed molestie vitae arcu a mattis. Nullam tortor ipsum, tempor vitae tincidunt in, porta vel mauris. Mauris vitae orci ultrices, tempus sapien ut, tempus lectus. Donec non mattis erat, sollicitudin placerat lectus. Morbi ac rhoncus urna, non egestas massa. Donec eget aliquam massa, id convallis dui.
</span>
</div>
</div>
</div>
<div class="table-block">
<h1 class="half-bar1"> </h1>
<p class="post-bar2 half-bar2">2020-05-28 08:47:05<span class="post-counter">#2</span>
</p>
<div class="tdiv main-body">
<div class="user-info">
<h4 class="username">Fusce pellentesque</h4>
<h4 class="user-type" style="color: green">Moderator</h4>
<img class="avatar" src="https://image.flaticon.com/icons/svg/21/21104.svg">
<br>
<span class="user-disc">From: Country Name<br>Registred: 01/01/2020<br>Posts: 120.000
</span>
</div>
<div class="post-data">
<span>
Donec quis diam non mi dictum hendrerit non rutrum neque. Sed luctus metus lectus.
</span>
</div>
</div>
</div>
</body>
</html>