practice-for-prepwork-html-debugging/index.html at main · Jennelle-Perkins/practice-for-prepwork-html-debugging · 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
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
<!DOCTYPE html>
<html>
  <head>
    <title>Debugging HTML Practice
  </head>
  <body>
    <div class='profile'>
        <h6>Profile Name</h6>
        <div class='address'>Address</div>

        <div class='contact'>
          <strong>Email:</strong> <a href='mailto:firstname@surname.com'>firstname@surname.com</a>
        </div>
        <div>
          <strong>Telephone:</strong> 0207 955 3705
        </div>

        <div class='categories'>
          <h2>Categories</h2>
          <li>
            <ul>Lorem ipsum</ul>
            <ul>dolor sit</ul>
            <ul>amet</ul>
            <ul>dolor sit</ul>
          </li>
        </div>

      </div>

      <div id='biography'>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
          veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
          commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
          velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
          cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
          est laborum.
        </p>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
          veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
          commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
          velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
          cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
          est laborum.
        </p>
      </div>

      <div class='footer'>

        <div class='footer-3-wide'>
          <ul>
            <ol>
              <a href='https://www.example.com/' target='_blank'>
                Lorem ipsum dolor sit amet
              </a>
            </li>
            <li>
              <a href='https://www.example.com/' target='_blank'>
                Lorem ipsum dolor sit amet
              </a>
            </li>
            <li>
              <a href='https://www.example.com/' target='_blank'>
                Lorem ipsum dolor sit amet
              </a>
            </li>
            <li>
              <a href='https://www.example.com/' target='_blank'>
                Lorem ipsum dolor sit amet
              </a>

          </ul>
        </div>

      </div>

  </body>
</html>