-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
32 lines (30 loc) · 1.29 KB
/
main.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
<!DOCTYPE html>
<html>
<head>
<!-- location of style sheet -->
<link rel="stylesheet" href="style.css">
<meta />
</head>
<body>
<main id="main">
<h1 id="title">Dr Norman Baulug</h1>
<p>The man who save a billion lives</p>
<figure id="img-div">
<img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg" alt="Image of Dr Norman Baulug"></img>
<figcaption id="img-caption">Dr Normal B third from the left etc</figcaption>
</figure>
<section id="tribute-info">
<h2>this is about the doc</h2>
<ul id="dates-list">
<li><strong>item 1</strong> and extra text</li><br>
<li><strong>item 2</strong></li><br>
<li><strong>item 3</strong> tons of extra text this is going to be like a massive paragraph so that the observer can see the text wrap around</li><br>
<li><strong>item 4</strong></li><br>
</ul>
<!-- would be ideal to create a separate quote style-->
<p id="dates-list">this is where the quote should go, which when I find a tribue I can put one here :) </p>
<h2>For more info read this <a id="tribute-link" href="#" target="_blank">Wikipedia Link</a></h2>
</section>
</main>
</body>
</html>