-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (144 loc) · 6.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>The News Times</title>
<link rel="stylesheet" href="./news.css" />
</head>
<body>
<div class="page">
<header class="brand-header">
<h1 class="brand">The News Times</h1>
</header>
<ul class="nav-links">
<li class="site-section">
<a href="#" class="section-link">Politics</a>
</li>
<li class="site-section">
<a href="#" class="section-link">Technology</a>
</li>
<li class="site-section">
<a href="#" class="section-link">Local</a>
</li>
<li class="site-section">
<a href="#" class="section-link">Opinion</a>
</li>
<li class="site-section">
<a href="#" class="section-link">Sports</a>
</li>
</ul>
<article class="story story-1">
<h2 class="article-title">Student Learns HTML</h2>
<p class="article-text">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic ad in
quas alias non! Expedita similique et dolore illum doloremque vel
accusantium ut eos tempora sequi, doloribus vitae mollitia praesentium
ex ullam? Dolorem labore fugiat neque nostrum porro vero fugit.
</p>
<p class="article-text">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam
corrupti, eius odio neque incidunt esse fuga veritatis ipsum, eligendi
mollitia, porro quasi provident nisi sit! Doloribus, eligendi nemo, ad
laudantium cupiditate aspernatur eveniet asperiores modi praesentium
voluptas eos sunt odio.
</p>
</article>
<article class="story story-2">
<h2 class="article-title">BREAKING: Luna is Adorable</h2>
<img
class="article-img"
src="http://pets-images.dev-apis.com/pets/dog25.jpg"
alt="Luna in a suitcase"
/>
<p class="article-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos,
dolores? Illo dolores, rerum iste aut porro doloribus fugit itaque
voluptas.
</p>
<p class="article-text">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laudantium
incidunt ullam ea magni ipsam perferendis ratione pariatur enim
repellendus quia?
</p>
</article>
<article class="story story-3">
<h2 class="article-title">CSS Is Apparently a Thing</h2>
<p class="article-text">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic ad in
quas alias non! Expedita similique et dolore illum doloremque vel
accusantium ut eos tempora sequi, doloribus vitae mollitia praesentium
ex ullam? Dolorem labore fugiat neque nostrum porro vero fugit.
</p>
<p class="article-text">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam
corrupti, eius odio neque incidunt esse fuga veritatis ipsum, eligendi
mollitia, porro quasi provident nisi sit! Doloribus, eligendi nemo, ad
laudantium cupiditate aspernatur eveniet asperiores modi praesentium
voluptas eos sunt odio.
</p>
</article>
<article class="story story-4">
<h2 class="article-title">
Between the Angle Brackets: The Brian Holt Scandal
</h2>
<p class="article-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque,
perferendis! Accusamus asperiores quod vitae architecto natus alias
fugiat aliquam unde sint expedita repellat rerum, obcaecati hic
placeat recusandae quaerat. Dolores excepturi earum minus magni! Animi
aperiam eligendi molestias necessitatibus ducimus.
</p>
<p class="article-text">
Voluptate, ut, cupiditate ducimus vitae blanditiis ex impedit debitis
est tempora dolores nam sed. Esse nobis ea inventore qui enim quia
beatae ab commodi laboriosam quam aliquam aut perspiciatis fuga nam
rerum temporibus voluptatum explicabo voluptate, pariatur ullam
laudantium eligendi.
</p>
</article>
<article class="story story-5 double-story">
<h2 class="article-title">
Scientist Invents New Miracle Drink: Coffee
</h2>
<p class="article-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Adipiscing
at in tellus integer feugiat scelerisque varius morbi enim. Interdum
consectetur libero id faucibus nisl tincidunt eget. In tellus integer
feugiat scelerisque varius morbi enim. Sit amet purus gravida quis
blandit turpis. Nec ultrices dui sapien eget mi proin sed. Platea
dictumst quisque sagittis purus sit. Augue interdum velit euismod in.
Bibendum ut tristique et egestas quis ipsum suspendisse ultrices
gravida. Feugiat sed lectus vestibulum mattis ullamcorper. Accumsan
lacus vel facilisis volutpat est.
</p>
<p class="article-text">
Elit sed vulputate mi sit amet mauris commodo. Enim eu turpis egestas
pretium aenean pharetra. Sed viverra tellus in hac habitasse platea
dictumst. Pretium fusce id velit ut tortor pretium viverra
suspendisse. Neque ornare aenean euismod elementum nisi quis eleifend
quam adipiscing. Orci a scelerisque purus semper eget duis at tellus
at. Amet nulla facilisi morbi tempus iaculis urna. Id leo in vitae
turpis massa sed. In tellus integer feugiat scelerisque varius morbi.
Fusce id velit ut tortor pretium. Fusce id velit ut tortor. Turpis
cursus in hac habitasse platea dictumst. Adipiscing elit duis
tristique sollicitudin nibh sit amet.
</p>
<p class="article-text">
Vel orci porta non pulvinar neque laoreet. Velit euismod in
pellentesque massa placerat duis ultricies. Eget nunc scelerisque
viverra mauris in aliquam sem fringilla. Nisl rhoncus mattis rhoncus
urna neque viverra justo nec. In dictum non consectetur a erat nam at
lectus. Dignissim convallis aenean et tortor at risus viverra
adipiscing at. Pharetra sit amet aliquam id diam maecenas ultricies
mi. Faucibus pulvinar elementum integer enim neque volutpat. Nibh
tellus molestie nunc non blandit massa enim nec. Rhoncus aenean vel
elit scelerisque mauris. Fames ac turpis egestas sed tempus urna.
Aenean euismod elementum nisi quis eleifend quam adipiscing. Iaculis
at erat pellentesque adipiscing commodo elit.
</p>
</article>
</div>
</body>
</html>