Skip to content
Snippets Groups Projects
Select Git revision
  • 5095a2b851517166d0b107b9db353e434fb4f771
  • master default protected
2 results

index.html

Blame
  • index.html 4.87 KiB
    <!doctype html>
    <html lang="en" data-bs-theme="dark">
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title>TheJoeCoder</title>
            <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
            <link rel="stylesheet" href="css/style.css">
        </head>
        <body>
            <canvas id="background"></canvas>
            <div class="container">
                <div class="row">
                    <div class="mx-auto p-2 text-center">
                        <div class="pb-3">
                            <img src="img/pfp.png" class="img-fluid rounded-circle" id="h-img" alt="Logo">
                        </div>
                        <h1>TheJoeCoder</h1>
                    </div>
                </div>
                <div class="row mx-auto p-2 text-center">
                    <!-- Social icons -->
                    <p>
                        <a class="social-link" target="_blank"
                           href="https://rb9.xyz/yt"><i class="bi bi-youtube"></i></a>
                        <a class="social-link" target="_blank"
                           href="https://git.rb9.xyz/TheJoeCoder"><i class="bi bi-gitlab"></i></a>
                        <a class="social-link" target="_blank"
                           href="https://github.com/TheJoeCoder"><i class="bi bi-github"></i></a>
                        <a class="social-link" target="_blank"
                           href="https://chat.radialbog9.com/Radialbog9"><i class="bi bi-mastodon"></i></a>
                    </p>
                </div>
                <div class="row mx-auto p-2 text-center">
                    <p>
                        Hi, I'm Joe. I'm a software engineer and I love to code. I'm passionate about technology and I enjoy building things. I'm always learning and looking for new challenges.<br>
                        I have experience with a variety of programming languages and frameworks, mostly based on Python and Java. I'm currently working on a few projects, and I'm always looking for new opportunities.
                        If you're interested in working with me, feel free to reach out.
                    </p>
                </div>
                <div class="row mx-auto p-2 text-center projects-row">
                    <h2>Projects</h2>
                    <div class="col-md-4">
                        <div class="card proj-card">
                            <img src="img/project/placeholder.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h5 class="card-title">Project 1 <span class="badge text-bg-warning">In Progress</span></h5>
                                <p class="card-text">Lorem ipsum, some sort of dolor sit amet description here.</p>
                                <a href="https://example.com" class="btn btn-primary">View</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card proj-card">
                            <img src="img/project/placeholder.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h5 class="card-title">Project 2 <span class="badge text-bg-success">Finished</span></h5>
                                <p class="card-text">Lorem ipsum, slightly different dolor sit amet description.</p>
                                <div class="btn-group">
                                    <a href="https://example.com" class="btn btn-primary">Website</a>
                                    <a href="https://github.com" class="btn btn-secondary">Source Code</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card proj-card">
                            <img src="img/project/pizzapalace.png" class="card-img-top" alt="Pizza Palace">
                            <div class="card-body">
                                <h5 class="card-title">Pizza Palace <span class="badge text-bg-success">Finished</span></h5>
                                <p class="card-text">I was tasked with a simple challenge and I overengineered it. Complete with admin UI and database.</p>
                                <a href="https://example.com" class="btn btn-secondary">Source Code</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
            <script src="js/background_anim.js"></script>
        </body>
    </html>