personal/index.html at master · robinhickson/personal · 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
<!--
Think about: more semantic use (section/aside). Perhaps span for some links.


Add Author link to website
-->

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>
        Robin Hickson's Portfolio | Home
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap" rel="stylesheet">
</head>

<body>

    <nav class="nav">
        <ul>
            <li><img id="logo" src="images/200px-Infinity_in_circle.svg.ico.png" alt="Website logo: Infinity symbol"></li>
            <li><a href="index.html">Home</a></li>
            <li><a href="resume.html">Resume</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="creativeinspiration.html">Creative Inspiration</a></li>
        </ul>
    </nav>

    <header class="home">
        <h1 class="tag">
            Portfolio: Robin Hickson</h1>
        <p class="tag">Journeying beyond aviation</p>
        <img src="images/200px-Infinity_in_circle.svg.png" alt="Infinity symbol representing profile" class="profile-image"><br />
    </header>

    <main class="flex">

        <section class="card">
            <h2>The Future</h2>
            <p>I intend to master the processes of building web sites and increase my knowledge, skills and abilities in:</p>
            <ul class="skills">
                <li>HTML</li>
                <li>jQuery</li>
                <li>CSS</li>
                <li>Python</li>
                <li>JavaScript</li>
            </ul>

            <p>I’d like to work freelance for organisations that dare to be different - to <em>make a difference</em>
                : one of these?</p>
            <div class="darelinks">
                <ul class="dare">
                    <li><a href="https://www.amnesty.org/en/" target="_blank">Amnesty International</a></li>
                    <li><a href="https://www.google.org" target="_blank">Google.org</a></li>
                    <li><a href="https://www.code.org" target="_blank">Code.org</a></li>
                    <li><a href="https://www.apple.com" target="_blank">Apple</a></li>
                    <li><a href="https://www.greenpeace.org/international" target="_blank">Greenpeace</a></li>
                    <li><a href="https://octopus.energy/about-us/" target="_blank">Octopus Energy</a></li>
                    <li><a href="https://wildland.scot/" target="_blank">Wildland</a></li>
                    <li><a href="https://www.novonordisk.com/" target="_blank">Novo Nordisk</a></li>
                    <li><a href="https://www.gatesfoundation.org/" target="_blank">Gates Foundation</a></li>
                </ul>
            </div>
        </section>

        <section class="card">
            <h2>The Past</h2>
            <p>I’ve worked in air traffic management for more than 25 years, I'm a qualified lawyer, and a wannabe author.</p>
            <p>Today, I’m an aspiring experience designer, drawn to everything related to invention and creativity. I've lived in different countries and within various cultures, and after half a lifetime in the aviation industry, I’m looking forward to
                bringing my experience to the process of building highly interactive websites and applications.
            </p>
            <br />
            <div>
                <h3>Learn More</h3>
                <ul class="dare">
                    <li>
                        <p><a href="resume.html">Please take a look @ my <strong>resume</strong>.</a></p>
                    </li>
                </ul>
            </div>

        </section>
    </main>

    <footer>
        <div class="footerlinks">
            <ul>
                <li>
                    <a href="https://github.com/robinhickson" target="_blank"><img class="github" src="images/GitHub-Mark-32px.png" alt="Github Desktop official icon" title="Github Desktop"></a>
                </li>
                <li><a class="robinswritetext" href="http://www.robinswrite.website" target="_blank" title="Personal website">Robin's Write Website</a></li>
                <li>&copy; Robin Hickson 2020</li>
            </ul>

        </div>
    </footer>
</body>

</html>