-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
77 lines (66 loc) · 2.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Daily Bugle - Spider-Man Menace!</title>
<style>
body {
font-family: 'Times New Roman', Times, serif;
background-color: #f2f2f2;
margin: 0;
padding: 20px;
}
.newspaper {
max-width: 800px;
margin: auto;
background: white;
padding: 40px;
border: 3px solid black;
box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
}
h1 {
font-size: 48px;
text-align: center;
text-transform: uppercase;
margin-bottom: 0;
border-bottom: 2px solid black;
}
h2 {
font-size: 24px;
text-align: center;
margin-top: 5px;
font-style: italic;
color: darkred;
}
.article {
margin-top: 30px;
font-size: 18px;
line-height: 1.6;
}
.byline {
font-style: italic;
font-size: 16px;
margin-bottom: 10px;
}
.spidey-img {
width: 100%;
margin: 20px 0;
border: 1px solid #000;
}
</style>
</head>
<body>
<div class="newspaper">
<h1>The Daily Bugle</h1>
<h2>SPIDER-MAN: HERO OR MENACE?</h2>
<img class="spidey-img" src="https://preview.redd.it/spectacular-spider-man-symbiote-suits-2-variants-v0-e6io6xlpvrk91.jpg?width=1634&format=pjpg&auto=webp&s=02a40384036294bfac13d92ee0db0e0df4460176" alt="Spider-Man in action">
<div class="article">
<div class="byline">By J. Jonah Jameson, Editor-in-Chief</div>
<p>Once again, the so-called “friendly neighborhood Spider-Man” was spotted swinging through the city late last night, chasing down what appeared to be a group of heavily armed criminals. But witnesses report significant property damage in the aftermath of the encounter.</p>
<p>“There were webs everywhere!” said one disgruntled New Yorker. “My car’s completely stuck to a lamppost!”</p>
<p>The question remains: Is Spider-Man truly helping this city, or is he causing more chaos than he prevents? The Bugle demands answers. We urge the authorities to unmask this vigilante menace before someone really gets hurt.</p>
<p>Stay tuned for more updates, only in the Bugle.</p>
</div>
</div>
</body>
</html>