webdev-1/checkpoint_02.html at master · lijia1/webdev-1 · GitHub

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
<!DOCTYPE html>
<html>
  <head>
    <title>Carl Fredricksen's Profile</title>
    <link rel="stylesheet" type="text/css" href="css/checkpoint_02.css">
  </head>
  <body>
    <div id='container'>
      <div id='header'>
        <h1>Welcome to Carl Fredricksen's Profile page</h1>
      </div>
      <div id='overview'>
        <table>
            <tr><td id='fieldname'>Name</td> <td>Carl Fredricksen</td></tr>
            <tr><td id='fieldname'>Age </td> <td>78</td></tr>
            <tr><td id='fieldname'>Occupation</td> <td>Retiree</td></tr>
            <tr><td id='fieldname'>Email</td> <td><a href='mailto:carl@paradisefalls.org'>carl@paradisefalls.org</a></td></tr>
        </table>
      </div>

      <div id='mugshot'>
        <img src='img/mugshot.jpg'>
      </div>

      <div id='detail'>
        <h3>Links</h3>
        <p>Click <a href='http://pixar.wikia.com/wiki/Carl_Fredricksen'>here</a>
            to go to my wiki page.
        </p>
        <h3>Hobbies</h3>
        <p>I <strong>love</strong> travelling,
            <em>especially</em> by balloons.
        </p>
        <h3>Friends</h3>
        <ul>
            <li>Russell</li>
            <li>Dug</li>
            <li>Kevin</li>
        </ul>
        <h3>Countries travelled</h3>
        <ol>
            <li>Venezuela</li>
        </ol>

      </div>

      <div id='footer'>
        <p>Created on Feb 20, 2018</p>
      </div>
    </div>
  </body>
</html>