-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfakeblog.html
90 lines (90 loc) · 3.45 KB
/
fakeblog.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>table, th, td {
border: 1px solid black;
}</style>
<title>Fake Blog, A Coding Dojo Assignment</title>
</head>
<body>
<h1>Sam Worthington</h1>
<img src="sw.png" alt="Sam Worthington" height="200" width="150">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc justo est, lobortis at lacus nec, vehicula dictum lacus. Sed vitae eleifend turpis. Etiam id porta massa, sit amet blandit lorem. Aenean tristique nec diam non scelerisque. Cras faucibus metus id blandit placerat. Integer non lorem eget mauris vulputate laoreet. Donec ut ipsum placerat justo dictum vulputate. Suspendisse in tincidunt mi. Nunc efficitur massa ut velit feugiat, ac porta libero pellentesque. Duis pharetra sit amet massa vel lobortis. Pellentesque ac est sit amet tellus eleifend imperdiet. Fusce non lacinia nulla.</p>
<table>
<thead>
<tr>
<th>Movie</th>
<th>Character</th>
<th>Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>Avatar 5</td>
<td>Jake Sully</td>
<td>2028</td>
</tr>
<tr>
<td>Avatar 4</td>
<td>Jake Sully</td>
<td>2026</td>
</tr>
<tr>
<td>Avatar 3</td>
<td>Jake Sully</td>
<td>2024</td>
</tr>
<tr>
<td>Avatar 2</td>
<td>Jake Sully</td>
<td>2022</td>
</tr>
<tr>
<td>The Titan</td>
<td>Lt. Rick Janssen</td>
<td>2018</td>
</tr>
<tr>
<td>Hacksaw Ridge</td>
<td>Captain Glover</td>
<td>2016</td>
</tr>
</tbody>
</table>
<h2>Worthy Facts</h2>
<ul>
<li><strong>Name: </strong>Samuel Henry John Worthington</li>
<li><strong>Birthday: </strong>2 August 1976 (age 44)</li>
<li><strong>Birthplace: </strong>Godalming, Surrey, England</li>
<li><strong>Nationality: </strong>Australian</li>
<li><strong>Alma Mater: </strong>National Institute of Dramatic Art</li>
<li><strong>Occupation: </strong>Actor, writer</li>
<li><strong>Years Active: </strong>2000–present</li>
</ul>
<h2>Fan Poll</h2>
<p>Sam fans, please take this short survey.</p>
<form>
<label for="email">Email:</label>
<input type="text" id="email" name="email">
<br>
<br>
<label for="yes">Yes, please send me lots of emails</label>
<input type="radio" id="yes" name="subscribe" value="yes">
<br>
<label for="no">No, please do not send me any emails</label>
<input type="radio" id="no" name="subscribe" value="no">
<p>How did you hear about us?
<select name="language" id="language">
<option value="JavaScript">Facebook</option>
<option value="Python">Newspaper</option>
<option value="C++">Referral</option>
<option value="Rust">Psychic Intuition</option>
</select>
</p>
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>