forked from itscodenation/int-u2l5-23-24-student-exercises
-
Notifications
You must be signed in to change notification settings - Fork 0
/
code-along.html
40 lines (37 loc) · 1.31 KB
/
code-along.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
<!DOCTYPE html>
<html>
<head>
<title>Code Along</title>
<!-- 1. Link the style.css file here. -->
</head>
<body>
<div class="navbar">
<a href="#index.html">Do Now</a>
<a href="#code-along.html">Code Along</a>
<a href="#code-solo.html">Code Solo</a>
</div>
<header>
<h1>Dinosaurs: Giants of the Past</h1>
</header>
<section id="about">
<h2>About Dinosaurs</h2>
<p>Dinosaurs are a diverse group of reptiles that appeared during the Mesozoic Era.</p>
<img src="https://img.freepik.com/premium-photo/dinosaur-tyrannosaurus-rex-with-powerful-jaws-open-ferocious-might-trex-generative-ai_634358-797.jpg" alt="Tyrannosaurus Rex" id="dino-image">
</section>
<section id="types">
<h2>Types of Dinosaurs</h2>
<ul>
<li>Tyrannosaurus Rex</li>
<li>Triceratops</li>
<li>Stegosaurus</li>
</ul>
</section>
<section id="facts">
<h2>Fun Facts</h2>
<p>Dinosaurs could be as small as a chicken or as big as a tennis court!</p>
</section>
<footer>
<p>Learn more about dinosaurs at your local museum!</p>
</footer>
</body>
</html>