wdd230/index.html at master · cameroncrook/wdd230 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="wdd230 portal page">
    <meta name="author" content="Cameron Crook">
    <title>Cameron Crook - Portal Page</title>
    <link rel="icon" type="image/png" href="images/my-picture.jpg"/>
    <link rel="stylesheet" href="styles/normalize.css">
    <link rel="stylesheet" href="styles/styles.css">
    <link rel="stylesheet" href="styles/portal-page-styles.css">
</head>
<body>
    <div id="body-content">
    <header class="bg-color">
        <div id="header-content">
            <img src="images/my-picture.jpg" width="125" alt="Picture of Myself">
            <h1>Cameron Crook</h1>
        </div>
    </header>
    <main>
        <h2>WDD 230: Assignment Portal</h2>
        <hr>
        <div id="lessons">
            <ul>
                <li>Lesson 01: <a href="https://codepen.io/cameroncrook/pen/eYjBbag" target="_blank">Date CodePen</a></li>
                <li>Lesson 02: <a href="lesson02/design-principles.html">Design Principles</a></li>
                <li>Lesson 03: <a href="lesson03/site-plan.html" target="_blank">Site Plan</a></li>
                <li>Lesson 04: <a href="chamber/index.html" target="_blank">Chamber Page</a></li>
                <li>Lesson 05: <a href="lesson05/bom.html" target="_blank">DOM Manipulation</a></li>
                <li>Lesson 06: <a href="" target="_blank">Link</a></li>
                <li>Lesson 07: <a href="lesson07/lazyload.html" target="_blank">Lazy Load</a></li>
                <li>Lesson 08: <a href="lesson08/table-build.html" target="_blank">Table Build</a></li>
                <li>Lesson 09: <a href="lesson09/prophets.html" target="_blank">JSON/Fetch</a></li>
                <li>Lesson 10: <a href="lesson10/weather.html" target="_blank">Weather API</a></li>
                <li>Lesson 11: <a href="food_that_is_bountiful/index.html" target="_blank">Bountiful Foods</a></li>
                <li><a href="food_that_is_bountiful/site-plan.html" target="_blank">Bountiful Foods Site Plan</a></li>
            </ul>
        </div>
    </main>
    <footer class="bg-color">
        <div id="footer-content">
            <div id="footer-info">
                <h3 id="year"></h3>
                <div class="line"></div>
                <h3>Cameron Crook</h3>
                <div class="line"></div>
                <h3>Wyoming</h3>
            </div>

            <p id="last-updated"></p>
        </div>
    </footer>
    </div>
    <script src="scripts/main.js"></script>
</body>
</html>