portfolio-sofia-costa/index.html at main · sofcosta/portfolio-sofia-costa · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="shortcut icon" href="imgs/favicon.ico">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
        rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/p5@1.11.0/lib/p5.min.js"></script>
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.10.0/addons/p5.sound.min.js"></script>-->
    <title>Sofia's Portfolio</title>
</head>

<body>

    <main>
        <div id="landing">
            <div id="canvasSquares"></div>
            <div>
                <a href="docs/Portfolio_Sofia_Costa.pdf" download=""><img class="icon" src="imgs/download_icon.svg"></a>
                <a href="https://www.behance.net/sofiacosta21" target="_blank"><img class="icon"
                        src="imgs/behance_icon.svg"></a>
                <a href="mailto:sofiatorrescosta@gmail.com"><img class="icon" src="imgs/email_icon.svg"></a>
            </div>
            <img id="pageTitleImg" src="imgs/Title.svg" alt="Portfolio Sofia Costa, Master in Design and Multimedia">
            <div id="areas">
                <div>graphic design</div>
                <div>creative coding</div>
                <div>web design</div>
                <div>computational design</div>
                <div>editorial design</div>
            </div>

        </div>
    </main>

    <script src="squareTrail.js"></script>
</body>

</html>