foo-html-css/index.html at master · Catsudemo/foo-html-css · 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>

<head>
    <link rel="stylesheet" href="style.css">
    <title> Catt Mott Resume</title>
    <meta name="description" content="Hire a professional writer today">
    <meta name="keywords" content="Writers in Stockholm, Freelance UX and CX, Hire writers">
    <meta name="author" content="Cattrina Mott">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
    <div class="header-container">
        <div id="header" aria-roledescription="Contact details">
            <h1> Cattrina DeGruchy Mott - Resume </h1>
            <h2> Freelance writer in Stockholm </h2>
            <h3>CattEmail@example.com - 07#########</h3>
        </div>

        <div id="profile-img">
            <img src="https://tinyurl.com/y2nhcmu7" alt="Cattrina Mott profile image"></img>
        </div>
    </div>

    <div class="resume-container" aria-roledescription="Resume">
        <div id="work-experience">
            <h4>Work Experience</h4>
            <ul>
                <li><i>Freelance Writer</i> - Copy Catt Content</li>
                <li><i>Job One</i> - Example Company</li>
                <li><i>Job Two</i> - Example Inc.</li>
                <li><i>Job Three</i> - Example LTD</li>

            </ul>

        </div>
        <div id="education">
            <h4>Education</h4>
            <ul>
                <li>Masters - Something Awesome</li>
                <li> BA - Cool Learning</li>
            </ul>
        </div>


        <div id="about-me">
            <hr />
            <h4>About Me</h4>
            <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>ILorem 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. </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. </p>
            <br />
            <p>Let's chat! You can contact me directly via <a href="https://www.linkedin.com/in/cattrina-mott"
                    target="_blank" aria-label="Contact me on LinkedIn">LinkedIn </a>
                <hr />
        </div>
    </div>

    <div class="resources-container" aria-roledescription="Contact details">

        <div id="learning-strategies">
            <h4>Learning Strategies</h4>
            <p> The following learning strategies were used in making this project.</p>
            <ul>
                <li>Spaced practice</li>
                <li>Retrieval practice</li>
                <li>3rd-party review</li>
                <li>Read-practice-review</li>

            </ul>


        </div>
        <div id="resources">
            <h4>Resources</h4>
            <p> The following provide useful resources when completing the FooCoding program</p>
            <ul>
                <li> <a href="https://github.com/FooCoding/curriculum" target="_blank">FooCoding Curriculum</a></li>
                <li> <a href="https://www.w3schools.com/" target="_blank">W3 Schools</a></li>
                <li> <a href="https://frontendmasters.com" target="_blank">The Front End Handbook</a></li>
                <li> <a href="https://www.freecodecamp.org/" target="_blank">Free Code Camp</a></li>

            </ul>
        </div>
        <div>

        </div>
    </div>

</body>

<footer aria-roledescription="contentinfo">
    <p>This page was created as an assignment for <a href="https://github.com/FooCoding/curriculum"
            target="_blank">FooCoding</a>

</footer>


</html>