This repository has been archived by the owner on May 17, 2022. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (92 loc) · 4.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>The News Times</title>
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<h1 class="brand">The News Times</h1>
<section class="row">
<article class="story quarter">
<h1 class="title">Students Learn HTML</h1>
<p class="article-text">
Adipisicing hic quisquam voluptates cumque eveniet. Temporibus
expedita perferendis aliquam aliquid quis quisquam, rerum animi Iure
officiis ad aperiam eos repellat nulla dolores nihil, nemo Aliquid
sint mollitia accusamus placeat illum. Amet ratione recusandae soluta
labore delectus. Consequatur expedita veritatis.
</p>
<p class="article-text">
Amet delectus minus dignissimos commodi optio Iusto ipsum veritatis
eius odit ipsa, sit, veritatis. Ipsa et doloribus repellat commodi
laudantium? Unde iure quidem porro quaerat nobis nesciunt Culpa fuga
ad ea veniam facilis. Aliquid debitis totam neque quos recusandae.
Accusamus
</p>
</article>
<article class="story">
<h1 class="title">BREAKING: Puppies Are Adorable</h1>
<img src="http://placecorgi.com/500/300" alt="dog" />
<p class="article-text">
Adipisicing hic quisquam voluptates cumque eveniet. Temporibus
expedita perferendis aliquam aliquid quis quisquam, rerum animi Iure
officiis ad aperiam eos repellat nulla dolores nihil, nemo Aliquid
sint mollitia accusamus placeat illum. Amet ratione recusandae soluta
labore delectus. Consequatur expedita veritatis.
</p>
<p class="article-text">
Amet delectus minus dignissimos commodi optio Iusto ipsum veritatis
eius odit ipsa, sit, veritatis. Ipsa et doloribus repellat commodi
laudantium? Unde iure quidem porro quaerat nobis nesciunt Culpa fuga
ad ea veniam facilis. Aliquid debitis totam neque quos recusandae.
Accusamus
</p>
</article>
<article class="story quarter">
<h1 class="title">CSS Is Apparently a Thing</h1>
<p class="article-text">
Adipisicing hic quisquam voluptates cumque eveniet. Temporibus
expedita perferendis aliquam aliquid quis quisquam, rerum animi Iure
officiis ad aperiam eos repellat nulla dolores nihil, nemo Aliquid
sint mollitia accusamus placeat illum. Amet ratione recusandae soluta
labore delectus. Consequatur expedita veritatis.
</p>
<p class="article-text">
Amet delectus minus dignissimos commodi optio Iusto ipsum veritatis
eius odit ipsa, sit, veritatis. Ipsa et doloribus repellat commodi
laudantium? Unde iure quidem porro quaerat nobis nesciunt Culpa fuga
ad ea veniam facilis. Aliquid debitis totam neque quos recusandae.
Accusamus
</p>
</article>
</section>
<section class="row">
<article class="story quarter">
<h1 class="title">Boy Likes Turtles</h1>
<p class="article-text">
Sit nesciunt itaque voluptatum officia voluptatum enim, corporis
aliquid. Illo dolores necessitatibus repellat recusandae labore?
Suscipit rerum vitae reprehenderit amet quaerat maxime Obcaecati quo
hic iusto saepe error! Totam quam eos voluptate maxime aut Cupiditate
eius nisi atque hic eligendi?
</p>
<h1 class="title"></h1>
<p class="article-text">
Consectetur repellat est eum quae cumque Ullam quas eos impedit
explicabo esse, odit? Dolores assumenda veritatis ut est dignissimos
dicta corrupti. Dolor dolorem molestiae aspernatur voluptas quisquam
Illum in minus molestias excepturi debitis nostrum animi Nulla
aspernatur amet quas molestias?
</p>
</article>
<article class="choise">
<p class="choise-p" id="row-color1">Poptics</p>
<p class="choise-p" id="row-color2">Technology</p>
<p class="choise-p" id="row-color3">Local</p>
<p class="choise-p" id="row-color4">Opinion</p>
<p class="choise-p" id="row-color5">Sports</p>
</article>
</section>
</body>
</html>