forked from Technigo/project-buzzfeed
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
122 lines (103 loc) · 4.44 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Top 5 facts about dinosaurs!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="grey-box">
<h1> Top 5 fascinating facts about dinosaurs </h1>
</div>
<!--this is where the main content begin below-->
<div class="mainbody">
<h2>
Dinosaurs Dominated Earth for Over 160 Million Years
</h2>
<div class="container">
<div class="text">
<p>Dinosaurs roamed the Earth for over 160 million years, and their reign began about 230 million years
ago.
The T-Rex was one of the largest meat-eating dinosaurs, standing up to 40 feet tall.</p>
<!-- Add more text as needed -->
</div>
<div class="image">
<img src="https://i.natgeofe.com/k/c9d2cffc-2152-404a-b540-1cc48bbcd3f2/spinosaurid-dino-news_3x2.jpg"
alt="Dinosaur Image" />
</div>
</div>
<br>
<h2>
They Came in All Shapes and Sizes
</h2>
<div class="container">
<div class="image">
<img src="https://img.etimg.com/thumb/width-420,height-315,imgsize-41264,resizemode-75,msid-106369671/magazines/panache/jurassic-park-got-it-wrong-busting-5-myths-about-dinosaur-t-rex/t-rex.jpg"
alt="Dinosaur Image" />
</div>
<div class="text">
<p> Dinosaurs ranged from the size of a chicken, like the Compsognathus, to the massive
Argentinosaurus,which could reach up to 100 feet in length and weigh around 100 tons. This diversity
in
ssize allowed them to occupy various ecological niches.</p>
<!-- Add more text as needed -->
</div>
</div>
<h2>
Birds Are Modern-Day Dinosaurs
</h2>
<div class="container">
<div class="text">
<p> Scientific research has shown that birds are actually the direct descendants of theropod dinosaurs,
like
the Velociraptor. This means that dinosaurs are not entirely extinct—rather, they live on as birds
</p>
<!-- Add more text as needed -->
</div>
<div class="image">
<img src="https://media.cnn.com/api/v1/images/stellar/prod/210811163224-02-china-dinosaurs.jpeg?q=w_1600,h_886,x_0,y_0,c_fill"
alt="Dinosaur Image" />
</div>
</div>
<h2>
Some Dinosaurs Had Feathers
</h2>
<div class="container">
<div class="image">
<img src="https://www.larousse.fr/encyclopedie/data/images/1003450-Dinosaures.jpg"
alt="Dinosaur Image" />
</div>
<div class="text">
<p> Contrary to the classic image of scaly, reptilian dinosaurs, many species, especially theropods, had
feathers. These feathers might have been used for insulation, display, or even primitive forms of
flights</p>
<!-- Add more text as needed -->
</div>
</div>
<h2>
The Tyrannosaurus rex Had an Exceptional Sense of Smell
</h2>
<div class="container">
<div class="text">
<p> The T. rex, one of the most iconic dinosaurs, had a highly developed olfactory region in its brain,
indicating that it relied heavily on its sense of smell to hunt and scavenge.</p>
<!-- Add more text as needed -->
</div>
<div class="image">
<img src="https://static.scientificamerican.com/sciam/cache/file/491FB9A8-15D9-400A-AB714BC983219BCF_source.jpg?w=1200"
alt="Dinosaur Image" />
</div>
</div>
</div>
<div class="light-grey-box">
<h2> What to know more? </h2>
<div class="text">
<p style="text-align: center;"> If you want to learn more about dinosaurs and see more images and video
click below </p>
</div>
<footer>
<button class="button1"><a href="https://dinosaurpictures.org/" class="button2">Click here! </a> </button>
</footer>
</div>
</body>
</html>