Untitled

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

<head>
    <title>Boostrap GP</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>

<body>
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">GP Fitness</a>
            </div>
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Adjusting Your Body</a></li>
                <li><a href="#">Getting Better Everyday</a></li>
                <li><a href="#">My Progress</a></li>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Login
          <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li>
                            <!-- <form> -->
                                Username: <input type="text" name="userName"> Password: <input type="password" id="psw">
                                <button onclick="showPassword(); passShow();">Show Password</button>

                            <!-- </form> -->
                        </li>

                    </ul>
            </ul>
        </div>
    </nav>

    <div class="jumbotron" style="text-align: center; position: relative; top: -20px;">
        <h1>Getting Fit</h1>
        <h3>Getting Better Everyday</h3>
    </div>

    <div class="jumbotron">
        <img src="weighs.png" alt="Fitness Logo" class="img-responsive center-block" height="150px" width="250px">
        <button type="button" class="btn btn-primary btn-lg center-block" style="background-color: rgb(63, 58, 58);">Get Fit NOW</button>
        <h2 id="demonstration"></h2>
    </div>

    <script>
        function showPassword() {
            var x = document.getElementById("psw").value;
            document.getElementById("demonstration").innerHTML = x;
        }

        function passShow() {
            var x = document.getElementById("psw").value;
            document.getElementById("psw").type = "text";
        }
    </script>

</body>

</html>