peterken1.github.io/websiteplan.html at master · peterken1/peterken1.github.io · 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
82
<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8" />
    <title>Information Security Awareness</title>
    <link href="#" rel="stylesheet" />
  </head>
  <body>
    <header>
      <h1>Hacker Free</h1>
      <div class="signature">Peter Ratemo</div>
    </header>
    <main>
      <h2>Overview</h2>
      <h3>Purpose</h3>
      <p>
        Our mission is to provide a resource for the general public to learn
        internet and cyber related hygiene.
      </p>
      <h3>Audience</h3>
      <p>
        All members of the general population who would like to know how to
        stay safe while interacting online.
      </p>
      <h2>Branding</h2>
      <h3>Website Logo</h3>
      <img
        src="#"
        alt="#"
      />
      <hr />
      <h2>Style Guide</h2>
      <h3>Colors Palette</h3>
      <p>
        Palette URL:<a href="https://coolors.co"
          target="_blank"></a>

      </p>
      <table class="colors">
        <tr>
          <th>Primary</th>
          <th>Secondary</th>
          <th>Accent 1</th>
          <th>Accent 2</th>
        </tr>
        <tr>
          <td class="primary"></td>
          <td class="secondary"></td>
          <td class="accent1"></td>
          <td class="accent2"></td>
        </tr>
      </table>

      <h3>Typography</h3>
      <h4>Heading Font:  Sans</h4>

      <h4>Paragraph Font: Sans Serif</h4>

      <h4>Normal paragraph example</h4>
      <p>
      </p>
      <h4>Colored paragraph example</h4>
      <p class="colours"></p>

      <h3>Navigation</h3>
      <nav>
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">Page2</a></li>
          <li><a href="#">Page3</a></li>
        </ul>
      </nav>
      <h3>Site Map</h3>
      <p>Coming soon ...</p>
      <h3>Wireframes</h3>
      <p>Coming soon ...</p>
    </main>
    <footer>
         &copy;2020 | Peter Ratemo | BYU-Idaho | WDD 130 - Web Fundamentals
        </footer>
  </body>
</html>