-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
132 lines (126 loc) · 3.92 KB
/
test.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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="test.css">
<title>My Blog</title>
</head>
<body>
<h1>Welcome to My Blog</h1>
<div class="post">
<h2>Post Title 1</h2>
<p>Lorem dwadw adwadw adwad wadaw dadawd awdwadd ddddddddd dddddd dddddddd dd dddddd dddddddddd ddddddddddddddddddddddd dddddddddddddddddddddddddddddddddddddddddddddwaaaaa adwad ipsum dolor sit amet, consectetur adipiscing elit. Nullam fringilla orci ut, posuere purus. Phasellus vel elit nec elit sodales commodo. Maecenas eget commodo est. Vestibulum scelerisque ligula id ligula cursus, vel bibendum ligula viverra. Nam eu purus odio. Duis condimentum tristique lorem, nec bibendum est malesuada vel. Proin vestibulum massa nec mauris convallis, eu viverra lectus feugiat.</p>
<div class="author">Author: John Doe</div>
<button class="read-more">Read More</button>
<div class="comments">
<h3>Comments</h3>
<ul>
<li>
<div class="comment-img">
<img src="path/to/user1.jpg" alt="User 1">
</div>
User 1: Comment 1
</li>
<li>
<div class="comment-img">
<img src="path/to/user2.jpg" alt="User 2">
</div>
User 2: Comment 2
</li>
<li>
<div class="comment-img">
<img src="path/to/user3.jpg" alt="User 3">
</div>
User 3: Comment 3
</li>
</ul>
</div>
</div>
<div class="post">
<h2>Post Title 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="author">Author: Jane Smith</div>
<button class="read-more">Read More</button>
<div class="comments">
<h3>Comments</h3>
<ul>
<li>
<div class="comment-img">
<img src="path/to/user4.jpg" alt="User 4">
</div>
User 4: Comment 4
</li>
<li>
<div class="comment-img">
<img src="path/to/user5.jpg" alt="User 5">
</div>
User 5: Comment 5
</li>
<li>
<div class="comment-img">
<img src="path/to/user6.jpg" alt="User 6">
</div>
User 6: Comment 6
</li>
</ul>
</div>
</div>
<div class="post">
<h2>Post Title 3</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="author">Author: Alex Johnson</div>
<button class="read-more">Read More</button>
<div class="comments">
<h3>Comments</h3>
<ul>
<li>
<div class="comment-img">
<img src="path/to/user7.jpg" alt="User 7">
</div>
User 7: Comment 7
</li>
<li>
<div class="comment-img">
<img src="path/to/user8.jpg" alt="User 8">
</div>
User 8: Comment 8
</li>
<li>
<div class="comment-img">
<img src="path/to/user9.jpg" alt="User 9">
</div>
User 9: Comment 9
</li>
</ul>
</div>
</div>
<div class="post">
<h2>Post Title 4</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="author">Author: Emily White</div>
<button class="read-more">Read More</button>
<div class="comments">
<h3>Comments</h3>
<ul>
<li>
<div class="comment-img">
<img src="path/to/user10.jpg" alt="User 10">
</div>
User 10: Comment 10
</li>
<li>
<div class="comment-img">
<img src="path/to/user11.jpg" alt="User 11">
</div>
User 11: Comment 11
</li>
<li>
<div class="comment-img">
<img src="path/to/user12.jpg" alt="User 12">
</div>
User 12: Comment 12
</li>
</ul>
</div>
</div>
</body>
</html>