coding-101-example/projectExample.html at master · MUCodeAcademy/coding-101-example · 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
<!DOCTYPE html>
<html lang="en">
  <!-- https://github.com/MUCodeAcademy/coding-101-example/blob/master/projectExample.html -->
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Project</title>
    <style>
      img {
        width: 500px;
        border-radius: 100%;
      }
      h1 {
        text-align: center;
      }
    </style>
  </head>

  <body>
    <img
      class="bear-img"
      src="Kamchatka_Brown_Bear.jpg"
    />
    <h1 class="center">Justin Luce in an h1 tag</h1>
    <h2>A project Example in an h2 tag</h2>
    <p>This is a summary of yourself in a p tag</p>
    <ul>
      <li>Skill 1</li>
      <li>Skill 2</li>
      <li>Skill 3</li>
      <li>Skill 4</li>
    </ul>
    <h3>Table of information</h3>
    <table style="border: 1px solid white">
      <tr style="border: 1px solid white">
        <td style="border: 1px solid white">Item 1a</td>
        <td style="border: 1px solid white">Item 2a</td>
        <td style="border: 1px solid white">Item 3a</td>
        <td style="border: 1px solid white">Item 4a</td>
        <td style="border: 1px solid white">Item 5a</td>
      </tr>
      <tr style="border: 1px solid white">
        <td style="border: 1px solid white">Item 1b</td>
        <td style="border: 1px solid white">Item 2b</td>
        <td style="border: 1px solid white">Item 3b</td>
        <td style="border: 1px solid white">Item 4b</td>
        <td style="border: 1px solid white">Item 5b</td>
      </tr>
      <tr style="border: 1px solid white">
        <td style="border: 1px solid white">Item 1c</td>
        <td style="border: 1px solid white">Item 2c</td>
        <td style="border: 1px solid white">Item 3c</td>
        <td style="border: 1px solid white">Item 4c</td>
        <td style="border: 1px solid white">Item 5c</td>
      </tr>
    </table>
    <img
      style="width: 50px"
      src="Kamchatka_Brown_Bear.jpg"
    />
    <img
      style="width: 50px"
      src="Kamchatka_Brown_Bear.jpg"
    />
    <img
      style="width: 50px"
      src="Kamchatka_Brown_Bear.jpg"
    />
  </body>
</html>