Personal-Website/skills.html at main · MagicGamerRMG/Personal-Website · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MagicGamer - Skills</title>
    <link rel="icon" href="media/pfp.png" type="image/png">
    <link rel="stylesheet" href="styles.css">
    <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=Anta&family=Jockey+One&family=Orbitron:wght@400..900&family=Russo+One&display=swap"
        rel="stylesheet">
    <meta property="og:title" content="MagicGamer - My Skills">
    <meta property="og:description" content="My current coding skills :)">
    <meta property="og:image" content="https://magicgamer.xyz/media/paw.png">
    <meta property="og:type" content="website">
    <meta name="theme-color" content="#0750D6">
</head>

<body class="skillspage">
    <h1>My Skills</h1>
    <p id="intro">These are my current skills coding wise :P</p>

    <div class="skills">
        <div class="skill-card" id="htmlcard">
            <img src="media/html.png">
            <h2>HTML</h2>
            <p class="mastery">Fairly Good</p>
            <p>HTML is the standard markup language for creating web pages.</p>
        </div>
        <div class="skill-card" id="csscard">
            <img src="media/css.png">
            <h2>CSS</h2>
            <p class="mastery">Beginner</p>
            <p>CSS is used to style and layout web pages.</p>
        </div>
        <div class="skill-card" id="bgcard">
            <img src="https://dashboard.botghost.com/images/logo-red.png">
            <h2>BotGhost</h2>
            <p class="mastery">Expert</p>
            <p>Abstracted Coding platform for Programming Discord Bots</p>
        </div>
        <div class="skill-card" id="apicard">
            <img src="media/api.png">
            <h2>API Integration</h2>
            <p class="mastery">Advanced</p>
            <p>APIs allow different software applications to communicate and share data.</p>
        </div>
        <div class="skill-card" id="pythoncard">
            <img src="media/python.png">
            <h2>Python</h2>
            <p class="mastery">Very Basic Beginner</p>
            <p>Python is a versatile, beginner-friendly programming language used for web development, data analysis,
                and automation.</p>
        </div>
    </div> <!-- End of skill card div so i dont lose track -->
    <p class="learning">Currently Learning: CSS 💙</p>
    <div class="back-button">
        <a href="/"> &lt;-- Back to Main Page 🐈</a>
    </div>
</body>

</html>