Untitled

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Zachero</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fjalla+One|Source+Sans+Pro:300,600"
        data-pagespeed-lsc-url="https://fonts.googleapis.com/css?family=Fjalla+One|Source+Sans+Pro:300,600">
    <link rel="stylesheet" href="css/A.fa,,_all.css+toastr.min.css,Mcc.a8UtQyYuao.css.pagespeed.cf.T1NxUkf0em.css">
    <div id="particles-js"></div>
</head>

<body>
    <div id="particles"></div>
    <main id="main" class="flex-center flex-column">
        <div class="something">
            <h1 id="title"><i>yuvi</i></h1>

            <ul id="about" class="list-unstyled list-inline">
                <li><a href="#" onclick="OpenAbout()">About</a></li>
                <li><a href="http://github.com/" target="_blank">Github</a></li>
                <li>Contact</li>
            </ul>
        </div>
    </main>

    </div>
    <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <script src="particles.js"></script>
    <script src="app.js"></script>
    <script>
        $(function () { particlesJS.load("particles", "app.js"); }); function OpenAbout() { $("#main").animate({ opacity: 0, }, 160); $("#about").removeClass("d-none").animate({ opacity: 1, }, 160); } function OpenMain() { $("#main").animate({ opacity: 1, }, 160); $("#about").animate({ opacity: 0, }, 160, "swing", function () { $("#about").addClass("d-none"); }); }
    </script>
</body>

</html>

</body>

</html>