en.html

---
title: 'Muaath Alqarni'
description: 'Personal website'
lang: en
layout: base
---
<nav id="main-navbar" class="navbar bg-body-tertiary px-3 mb-3">
    <a class="navbar-brand" href="#">Muaath Alqarni</a>
    <ul class="nav nav-pills">
        <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
        <!-- <li class="nav-item"><a class="nav-link" href="#skills">Skills</a></li> -->
        <li class="nav-item"><a class="nav-link" href="#projects">Projects</a></li>
    </ul>
</nav>
<style>
    nav, main
    {
        padding-left: 80px;
        padding-right: 80px;
    }
    main#content > div
    {
        margin: 15px;
    }
</style>
<main id="content" data-bs-spy="scroll" data-bs-target="#main-navbar" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true" style="height: 100vh; margin-top: .5rem; overflow: auto;" class="p-3 py-5 rounded-2 container" tabindex="0">
    <div class="row" id="about">
        <h2>About me</h2>
        <div class="col-3">
            <!-- Profile photo -->
            <img src="https://avatars.githubusercontent.com/u/60256639?v=4" class="img-thumbnail" width="260" height="260" alt="Profile photo">
        </div>
        <div class="col-9 d-flex justify-content-center">
            <h5>
                <p>I'm Muaath Alqarni, Mawhiba student based in Saudi Arabia who is interested in technology in general.</p>

                <p>I like competitive programming, web developement (mainly backend).</p>
            </h5>
        </div>
        <div class="row text-center">
            <div class="col">
                <div class="btn-group" role="group" aria-label="Accounts">
                    <a href="https://github.com/Muaath5" type="button" class="btn btn-dark"><i class="bi-github"></i></a>
                    <a href="https://t.me/Muaath_5" type="button" class="btn btn-info"><i class="bi-telegram"></i></a>
                    <a href="mailto:me@muaath.dev" type="button" class="btn btn-secondary"><i class="bi-envelope"></i></a>
                    <a href="https://muaath.dev/blog/" type="button" class="btn btn-primary"><i class="bi-link-45deg"></i></a>
                    <a href="https://x.com/Muaath_dev" type="button" class="btn btn-dark"><i class="bi-twitter-x"></i></a>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <div class="row" id="projects">
        <h4>Projects List</h4>
        <div class="col-md-6 col-sm-12">
            <div class="card m-2">
                <div class="card-body">
                    <h5 class="card-title">Saudi Online Judge - SOJ</h5>
                    <p class="card-text">First Saudi and Arabic independent online judge</p>
                    <div class="btn-group" role="group" aria-label="Links">
                        <a href="https://github.com/SaudiOnlineJudge" type="button" class="btn btn-dark"><i class="bi-github"></i></a>
                        <a href="https://t.me/SaudiOnlineJudge" type="button" class="btn btn-outline-primary"><i class="bi-telegram"></i></a>
                        <a href="https://x.com/SaudiJudge" type="button" class="btn btn-dark"><i class="bi-twitter-x"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-sm-12">
            <div class="card m-2">
                <div class="card-body">
                    <h5 class="card-title">Personal Blog</h5>
                    <p class="card-text">Random blogs in various topics</p>
                    <div class="btn-group" role="group" aria-label="Links">
                        <a href="/blog" type="button" class="btn btn-outline-primary"><i class="bi-link-45deg"></i></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6 col-sm-12">
            <div class="card m-2">
                <div class="card-body">
                    <h5 class="card-title">Simple Bot API</h5>
                    <p class="card-text">a Simple PHP Library for Telegram bots</p>
                    <div class="btn-group" role="group">
                        <a href="https://github.com/Muaath5/SimpleBotAPI" type="button" class="btn btn-dark"><i class="bi-github"></i></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6 col-sm-12">
            <div class="card m-2">
                <div class="card-body">
                    <h5 class="card-title">TDLibBinaries</h5>
                    <p class="card-text">Prebuilt TDLib binaries</p>
                    <div class="btn-group" role="group">
                        <a href="https://github.com/Muaath5/TDLibBinaries" type="button" class="btn btn-dark"><i class="bi-github"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>