personal/creativeinspiration.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
<!--
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 | Creative Inspiration
    </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>
        <h1 class="tag">
            Creative Inspiration
        </h1>

    </header>

    <main class="gridflex">
        <section class="rowcontainer">
            <section class="mainarticle">
                <div class="articlehead">Best Website Design</div>
                <div class="heroimages">
                    <a href="https://www.rijksmuseum.nl/en" target="_blank"><img class="heroimage heroimagelink" src="images/SK-C-5.png" alt="Nightwatch, Rubens - Rijksmuseum website" title="Rubens from Rijksmusem"></a>
                    <a href="https://fwa.thecoolclub.co/" target="_blank"><img class="heroimage heroimagelink" src="images/fwa-thecoolclub-2.jpg " alt="Coolclub card game website" title="Coolclub"></a>
                    <a href="http://www.feedmusic.com/" target="_blank"><img class="heroimage heroimagelink" src="images/feedmusic.png" alt="Feed music website" title="Feed Music"></a>
                </div>

                <div class="heroimages">
                    <a href="https://theyearofgreta.com/" target="_blank"><img class="heroimage heroimagelink" src="images/theyearofgreta_3-2.jpg" alt="Cheesecake- Greta Thurnberg website" title="Cheesecake - Greta"></a>
                    <a href="http://falter-inferno.at/#en" target="_blank"><img class="heroimage heroimagelink" src="images/Falter-Inferno-1.jpg" alt="Game website" title="Falter Inferno"></a>
                    <a href="https://cavalierchallenge.com/" target="_blank"><img class="heroimage heroimagelink" src="images/Cavalier-Conqueror-of-Excellence-1.png " alt="Cavalier website game" title="Cavalier"></a>
                    <a href="https://alitwotimes.com/" target="_blank"><img class="heroimage heroimagelink" src="images/alitwotimes-1.png" alt="Ali Ali Director's website" title="Ali Ali"></a>
                </div>


            </section>
            <section class="mainarticle">
                <div class="articlehead">Inspiring</div>


                <div class="heroimages">
                    <a href="https://www.davidmitchellbooks.com" target="_blank"><img class="heroimage heroimagelink" src="images/davidmitchellauthor.jpg" alt="David Mitchell author website" title="David Mitchell"></a>
                    <a href="https://wildland.scot" target="_blank"><img class="heroimage heroimagelink" src="images/wildland.png " alt="Wildland Scotland" title="Wildland"></a>

                </div>
            </section>


        </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 "></a>
                </li>
                <li><a class="robinswritetext " href="http://www.robinswrite.website" target="_blank">Robin's Write Website</a>
                </li>
                <li>&copy; Robin Hickson 2020</li>
            </ul>

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

</html>