-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
175 lines (152 loc) · 8.8 KB
/
index.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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Absolute</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="parent">
<div id="child">
<h3>ReadyONE</h3>
<ul id="ul1">
<a href="#1st"><li>Fisrt</li></a>
<a href="#2nd"><li>Second</li></a>
<a href="#3rd"><li>Third</li></a>
<a href="#4th"><li>Fourth</li></a>
</ul>
<hr>
<ul id="ul2">
<a href="#5th"><li>Fifth</li></a>
<a href="#6th"><li>Sixth</li></a>
<a href="#7th"><li>Seventh</li></a>
<a href="#8th"><li>Eighth</li></a>
</ul>
<footer>
© Usman Ali
</footer>
</div>
<div id="child2">
<section style="margin-top: 20px">
<h2>Formula: ReadyONE</h2>
</section>
<div id="1st">
<h3>First
<br>
<small>Date: DD/MM/YY</small>
</h3>
<p>Velit sit do esse nulla voluptate nisi tempor laborum id ullamco. Ullamco aliqua voluptate deserunt ipsum anim dolore
Lorem minim nostrud eu nostrud nulla. Ad amet esse sit sit reprehenderit cillum culpa Lorem nulla non esse exercitation
dolor do. Incididunt pariatur laboris sint do ipsum.</p>
<p>Commodo duis dolore quis mollit veniam Lorem velit excepteur esse labore. Occaecat reprehenderit Lorem tempor ad est
consequat in. Fugiat consectetur ullamco deserunt anim minim aliqua irure. Aute nostrud mollit enim et pariatur dolore aute
sint fugiat non nisi tempor. Aliquip veniam cillum eiusmod fugiat. Ex et esse anim Lorem culpa nisi qui non sunt culpa
aliquip. Tempor amet et laborum deserunt.
<a href="#">Read More ❭ ❭ </a></p>
<a href="#" id="source"><small>Source: MacXYZ</small></a>
</div>
<div id="2nd">
<h3>Second
<br>
<small>Date: DD/MM/YY</small>
</h3>
<p>Laborum officia elit exercitation proident proident. Dolor veniam est sunt magna. Lorem veniam tempor occaecat
reprehenderit dolore veniam exercitation minim. Amet irure dolore et cillum ipsum cupidatat occaecat ex labore.</p>
<p>Aliquip aliqua commodo eiusmod eu culpa. Laborum amet adipisicing reprehenderit laborum eiusmod nulla et veniam nulla
minim. Qui sint consectetur non eu commodo aliquip incididunt tempor adipisicing veniam magna sunt. Proident cillum non
enim laborum mollit deserunt ipsum ad. Et nisi id culpa cillum nostrud et quis laboris amet nostrud.
<a href="#">Read More ❭ ❭</a></p>
<a href="#" id="source"><small>Source: MacXYZ</small></a>
</div>
<div id="3rd">
<h3>Third
<br>
<small>Date: DD/MM/YY</small>
</h3>
<p>Quis dolor officia laborum veniam excepteur eu commodo do. Laborum nulla incididunt commodo aute ipsum proident do
ullamco. Quis aute est reprehenderit adipisicing reprehenderit consequat eiusmod. Est aliquip anim voluptate adipisicing
ea minim id dolore aute sint minim consectetur. Laborum ut dolor exercitation minim ex.
<a href="#">Read More ❭ ❭</a></p>
<a href="#" id="source"><small>Source: MacXYZ</small></a>
</div>
<div id="4th">
<h3>Fourth
<br>
<small>Date: DD/MM/YY</small>
</h3>
<p>Laboris labore occaecat non tempor nisi consectetur ipsum eu excepteur nostrud. Ipsum dolor deserunt ut officia duis.
Laboris dolore dolore laborum aliquip ex. Consequat ipsum Lorem aliquip mollit esse. Exercitation sit excepteur
reprehenderit magna magna velit qui irure. Dolore occaecat qui duis aute officia non mollit est aute. Exercitation
exercitation anim enim in qui commodo.
<a href="#">Read More ❭ ❭</a></p>
<a href="#" id="source"><small>Source: MacXYZ</small></a>
</div>
<div id="5th">
<h3>Fifth
<br>
<small>Date: DD/MM/YY</small>
</h3>
<p>Fugiat anim irure dolore eiusmod qui ullamco nostrud aliqua aliqua ad culpa velit occaecat Lorem. Aliquip anim esse
eiusmod veniam sit occaecat eu. Tempor elit occaecat magna exercitation cillum officia id anim commodo ullamco veniam
occaecat ea. Ullamco enim proident irure elit duis sunt. Aute exercitation ea fugiat Lorem magna pariatur aliquip
magna eiusmod ad cupidatat. Esse culpa nostrud amet qui.
<a href="#">Read More ❭ ❭</a></p>
<a href="#" id="source"><small>Source: MacXYZ</small></a>
</div>
<div id="6th">
<h3>Sixth
<br>
<small>Date: DD/MM/YY</small>
</h3>
<p>Velit sit do esse nulla voluptate nisi tempor laborum id ullamco. Ullamco aliqua voluptate deserunt ipsum anim dolore
Lorem minim nostrud eu nostrud nulla. Ad amet esse sit sit reprehenderit cillum culpa Lorem nulla non esse exercitation
dolor do. Incididunt pariatur laboris sint do ipsum.</p>
<p>Commodo duis dolore quis mollit veniam Lorem velit excepteur esse labore. Occaecat reprehenderit Lorem tempor ad est
consequat in. Fugiat consectetur ullamco deserunt anim minim aliqua irure. Aute nostrud mollit enim et pariatur dolore aute
sint fugiat non nisi tempor. Aliquip veniam cillum eiusmod fugiat. Ex et esse anim Lorem culpa nisi qui non sunt culpa
aliquip. Tempor amet et laborum deserunt.
<a href="#">Read More ❭ ❭</a></p>
<a href="#" id="source"><small>Source: MacXYZ</small></a>
</div>
<div id="7th">
<h3>Seventh
<br>
<small>Date: DD/MM/YY</small>
</h3>
<p>Laborum officia elit exercitation proident proident. Dolor veniam est sunt magna. Lorem veniam tempor occaecat
reprehenderit dolore veniam exercitation minim. Amet irure dolore et cillum ipsum cupidatat occaecat ex labore.</p>
<p>Aliquip aliqua commodo eiusmod eu culpa. Laborum amet adipisicing reprehenderit laborum eiusmod nulla et veniam nulla
minim. Qui sint consectetur non eu commodo aliquip incididunt tempor adipisicing veniam magna sunt. Proident cillum non
enim laborum mollit deserunt ipsum ad. Et nisi id culpa cillum nostrud et quis laboris amet nostrud.
<a href="#">Read More ❭ ❭</a></p>
<a href="#" id="source"><small>Source: MacXYZ</small></a>
</div>
<div id="8th">
<h3>Eighth
<br>
<small>Date: DD/MM/YY</small>
</h3>
<p>Laborum officia elit exercitation proident proident. Dolor veniam est sunt magna. Lorem veniam tempor occaecat
reprehenderit dolore veniam exercitation minim. Amet irure dolore et cillum ipsum cupidatat occaecat ex labore.</p>
<p>Aliquip aliqua commodo eiusmod eu culpa. Laborum amet adipisicing reprehenderit laborum eiusmod nulla et veniam nulla
minim. Qui sint consectetur non eu commodo aliquip incididunt tempor adipisicing veniam magna sunt. Proident cillum non
enim laborum mollit deserunt ipsum ad. Et nisi id culpa cillum nostrud et quis laboris amet nostrud.
<a href="#">Read More ❭ ❭</a></p>
<a href="#" id="source"><small>Source: MacXYZ</small></a>
</div>
<div id="pagination">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">Next</a>
</div>
<section>
Written by: Muhammad Usman Ali
</section>
</div>
</div>
</body>
</html>