tcodling.github.io/index.html at master · tcodling/tcodling.github.io · 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
<!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" />
        <title>Thomas Codling</title>
        <link rel="stylesheet" href="./styles/css/style.css" />
        <link rel="icon" type="image/x-icon" href="favicon.ico" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <link
            rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
            integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
            crossorigin="anonymous"
            referrerpolicy="no-referrer"
        />
        <script src="./scripts/script.js"></script>
        <script src="./scripts/packages/particleground-master/jquery.particleground.min.js"></script>

        <script src="./data/skills.js"></script>
        <script src="./data/projects.js"></script>
    </head>
    <body>
        <div class="section introSection">
            <h1>Thomas Codling</h1>
            <h3>Full Stack Web Developer</h3>
            <div class="contactCard">
                <p>022 045 3882<i class="fa-solid fa-phone"></i></p>
                <p>thomas.codling@outlook.com<i class="fa-solid fa-envelope"></i></p>
                <p>Auckland, NZ<i class="fa-solid fa-location-pin"></i></p>
            </div>
            <p>
                I am a Web Developer currently based in Auckland, NZ. I love all
                aspects of web development from creating pixel perfect user
                interfaces to writing complex database queries to get the most
                out of the data given to me. Currently looking for my next
                programming role! If you think I might be a good fit please send
                me an email or give me a call using the details above.
            </p>
        </div>
        <div id="skillContainer" class="section skillsContainer">
            <h2>My Toolbox</h2>
            <div class="buttons">
                <button class="active">
                    <i class="fa-solid fa-grip"></i> All Tech
                </button>
                <button data-category="1">
                    <i class="fa-solid fa-keyboard"></i> Languages
                </button>
                <button data-category="2">
                    <i class="fa-solid fa-computer"></i> Frameworks
                </button>
                <button data-category="3">
                    <i class="fa-solid fa-database"></i> Databases
                </button>
                <button data-category="4">
                    <i class="fa-solid fa-wrench"></i> Website Builders
                </button>
                <button data-category="5">
                    <i class="fa-solid fa-briefcase"></i> Workplace Tools
                </button>
                <button data-category="6">
                    <i class="fa-solid fa-file-pen"></i> Image Editors
                </button>
            </div>
            <div class="skills"></div>
        </div>

        <div class="section projects"></div>

        <p class="footerText">
            <span>Icons from FontAwesome</span>
            <span>Website made by me using HTML/SCSS/JS/JQUERY</span>
            <span>Definitions from Wikipedia</span>
        </p>
    </body>
</html>