index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Smarty Portfolio</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <meta property="og:site_name" content="Smarty's Portfolio">
        <meta property="og:title" content="Smarty's Portfolio">
        <meta property="og:type" content="website">
        <meta property="og:description" content="Epic Portfolio">
        <link rel="stylesheet" href="src/css/styles.css">
        <link rel="stylesheet" href="src/css/bg.css">
        <script src="src/js/bg.js"></script>
    </head>
    <body>
        <header>
            <a>Smarty Portfolio</a>
            <nav>
                <a style="--clr: rgb(0, 170, 255)"><span>Home</span><i></i></a>
                <a href="pastwork.html" style="--clr: rgb(0, 200, 90)"><span>Pastwork</span><i></i></a>
                <a href="contact.html" style="--clr: rgb(200, 40, 40)"><span>Contact</span><i></i></a>
            </nav>
        </header>
        <main>
            <h2 style="color: rgb(0, 170, 255);">Programmer, UI designer, Modeller <em>and more</em></h1>
            <br>
            <p id="home-p">Hey! I am an <em>all around dev</em> and would love to help in any personal or group projects which you require.</p>
            <br>
            <p id="home-p" style="width: 50%">I am 15 years old with over 3 years of experience. I can program in C++, C#, Lua and more. I am passionate about what I create and what can be created together.</p>
            <br>
            <br>
            <h2 style="color: rgb(0, 200, 90);">What do I specialise in?</h2>
            <br>
            <p id="home-p" style="width: 50%">I am glad you asked! I specialise in software and game development. More specifically Roblox Studio and the scripting side of things.</p>
            <br>
            <p id="home-p" style="width: 50%">If you want to know more, you can head to <a href="pastwork.html" style="text-decoration: none; color:rgb(0, 200, 90)">Pastwork</a> or ask me at <a href="contact.html" style="text-decoration: none; color: rgb(200, 40, 40);">Contact</a> and let me know!</p>
            <br>
        </main>
    </body>
</html>