-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindeX.html
97 lines (87 loc) · 4.41 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css" />
<title>The News Times</title>
</head>
<body>
<div class="heading" >
<h1>
The News Times
</h1>
</div>
<div class="content">
<div class="box">
<div class="top-left">
<h3>
Student Learns HTML
</h3>
<p>
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>
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>
</div>
<div class="top-middle">
<h3>
BREAKING: Puppies Are Adorable
</h3>
<div class="dog">
<img class="puppy" src="http://placecorgi.com/500/300" alt="image of a puppy" />
</div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, dolores? Illo dolores, rerum iste aut porro doloribus fugit itaque voluptas.
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laudantium incidunt ullam ea magni ipsam perferendis ratione pariatur enim repellendus quia?
</p>
</div>
<div class="top-right">
<h3>
CSS Is Apparently a Thing
</h3>
<p>
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>
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>
</div>
</div>
<div class="bottom-box box">
<div class="bottom-left">
<h3>
Boy Likes Turtles
</h3>
<p>
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>
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>
</div>
<div class="bottom-right">
<div class="politics">
<a class="link" href="#">Politics</a>
</div>
<div class="tech">
<a class="link" href="#">Technology</a>
</div>
<div class="local">
<a class="link" href="#">Local</a>
</div>
<div class="opinion">
<a class="link" href="#">Opinion</a>
</div>
<div class="sports">
<a class="link" href="#">Sports</a>
</div>
</div>
</div>
</div>
</body>
</html>