Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Noah Heague</title>
    <script
            src="https://code.jquery.com/jquery-3.3.1.min.js"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
            crossorigin="anonymous"></script>
    <link
            href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css"
            rel="stylesheet" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B"
            crossorigin="anonymous">
    <script
            src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js"
            integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em"
            crossorigin="anonymous">
    </script>
    <script
            src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.bundle.min.js"
            integrity="sha384-CS0nxkpPy+xUkNGhObAISrkg/xjb3USVCwy+0/NMzd5VxgY4CMCyTkItmy5n0voC"
            crossorigin="anonymous">
    </script>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<!--<div class="blur"></div>-->
    <div class="container">
        <div class="row justify-content-center align-items-center">
            <div class="col-sm-4">
                <h1 class="heading">Noah Heague</h1>
                <h4 class="text-muted">Student software developer</h4>
                <div>
                    <h3 class="scale" id="Darnell">Darnell</h3>
                    <h3 class="scale" id="API">Anime Planet API</h3>
                </div>
                <div class="iconset">
                    <a href="https://github.com/Puffycheeses"><img class="icons" src="images/GitHub-Mark-Light-64px.png"></a>
                    <a href="https://twitter.com/Puffycheeses"><img class="icons" src="images/twitter-button-white.png"></a>
                </div>
            </div>
            <div class="col-sm projects">
                <div class="modal projectModal fade darnell" aria-hidden="true" data-backdrop="false">
                    <div class="modal-dialog">
                        <div class="modal-header">
                            <h1>Darnell</h1>
                        </div>
                        <div class="modal-body">
                            Darnell is an entertainment discord bot that runs on nodejs using the discord.js library<br>
                            The bot has two main features:
                            <ul>
                                <li>yeah nah</li>
                                <li>Grab me</li>
                            </ul>
                            One being a glorified coin flip that only responds to commands formated like questions and the other grabbing and displaying information using Anime Planet Api.
                            <br><br>Currently this bot is not open source but you can invite it to your server <a href="https://discordapp.com/oauth2/authorize?client_id=444754530685419520&permissions=0&scope=bot">here</a>
                        </div>
                    </div>
                </div>
                <div class="modal projectModal fade api" aria-hidden="true" data-backdrop="false">
                    <div class="modal-dialog">
                        <div class="modal-header">
                            <h1>Anime Planet API</h1>
                        </div>
                        <div class="modal-body">
                            An Unoffical API for Anime-Planet
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<script src="script.js"></script>