index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

    <!-- Primary Meta Tags -->
    <meta name="title" content="Kişisel website - Mücahid deniz">
    <meta name="author" content="Mücahid" />
    <meta name="description" content="Atlantis projesinin sahiplerinden biri ve Developeriyim.">

    <title>Kişisel website - Mücahid Deniz</title>
    <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
    <!-- Font Awesome icons (free version)-->
    <script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
    <!-- Google fonts-->
    <link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
    <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
    <!-- Core theme CSS (includes Bootstrap)-->
    <link href="css/styles.css" rel="stylesheet" />

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-167316383-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'UA-167316383-1');
    </script>
</head>

<body id="page-top">
    <!-- Navigation-->
    <nav class="navbar navbar-expand-lg navbar-dark fixed-top" style="background-color: black;" id="sideNav">
        <a class="navbar-brand" href="#page-top"><span class="d-none d-lg-block" style="margin-bottom: 156px"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets/img/profile2.jpg" alt="" /></span></a
            >            
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
            </div>
        </nav>
        <!-- Page Content-->
        <div class="container-fluid p-0">
            <!-- About-->
            <section class="resume-section" id="about">
                <div class="resume-section-content">
                    <h1 class="mb-0">Mücahid <span class="text-primary">Deniz</span></h1>
                    <div class="subheading mb-3">Yazılım Geliştiricisi <span class="mx-2">·</span> İletişime geçmek için; <a href="mailto:deniz.mucahid@hotmail.com">deniz.mucahid@hotmail.com</a></div>
        <p class="lead mb-5">Ben back end tarafında uğraşan bir yazılım geliştiriciyim.Son zamanlarda frond end geliştiriciliğiyle ilgileniyorum.</p>
        <div class="social-icons d-flex align-items-center flex-wrap">
            <a class="social-icon mb-2" target="_blank" href="https://www.youtube.com/user/TRneco58/videos" title="TRneco58"><i class="fab fa-youtube"></i></a>
            <a class="social-icon mb-2" href="https://github.com/Kripteks" target="_blank" title="github.com/Kripteks"><i class="fab fa-github"></i></a>
            <a class="social-icon mb-2" target="_blank" href="https://steamcommunity.com/id/kripteks/" title="kripteks"><i class="fab fa-steam"></i></a>
            <a href="" class="social-icon mb-2" target="_blank" href="discord.gg/Kripteks0778" title="Kripteks#0778"><i class="fab fa-discord"></i></a>
            <a class="btn btn-secondary mb-2" href="https://medium.com/@atlantis-roleplay" target="_blank">Blog</a>

        </div>
        </div>
        </section>
        </div>
        <!-- Bootstrap core JS-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
        <!-- Third party plugin JS-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
        <!-- Core theme JS-->
        <script src="js/scripts.js"></script>
</body>

</html>