Untitled

<div class="Scripts">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script data-require="angular.js@1.*" data-semver="1.5.8" src="https://code.angularjs.org/1.5.8/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="scripts/jquery.cycle.all.2.74.js"></script>
<script type="text/javascript" src="scripts/registration.js"></script>
<script type="text/javascript" src="scripts/login.js"></script>

</div>
<?php
include('Space.php');
?>
<link rel="stylesheet" type="text/css" href="Navbar_Unauthenticated.css">


<nav class="navbar navbar-default ">
    <div class="container-fluid">

            <div class="Section1">
                <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand">Eve Interface</a>
                </div>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
            <div class="Section2">
                <ul class="nav navbar-nav ">
                    <li><a href="Evedex.php">Home</a></li>
                    <li><a href="Personal.php">Personal Information</a></li>
                    <li><a href="Corporation.php">Corporation Information</a></li>
                </ul>
            </div>
            <div class="Section3">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="" data-toggle="modal" data-target="#Registration"><span class="glyphicon glyphicon-user"></span> Registration</a></li>
                    <li><a href="" data-toggle="modal" data-target="#login"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
                </ul>
            </div>
            </div>

    </div>  <!--/closes container -->
</nav><!--/closes navbar navbar-default  -->
<section class="global_registration" ng-app="registration" ng-controller="RegistrationController">
    <form name="registration"  ngnovalidate>
        <div class="modal fade" id="Registration" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">Registration</h4>
                    </div>
                    <div class="modal-body">
                        <label><input type="text" name="username" id="username" placeholder="Username" ng-model="user.username" ng-required="true" ng-pattern="/^[a-zA-Z0-9]*$/"></label></br>
                        <p ng-show="registration.username.$touched && registration.username.$error.required">Please enter a Username!</p>
                        <p ng-show="registration.username.$error.pattern">Please enter a Valid Username (No special characters)!</p>

                        <label><input type="email" name="email" id="email" placeholder="Email" ng-model="user.email" ng-required="true" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/"></label></br>
                        <p ng-show="registration.email.$invalid && registration.email.$touched">Please enter a valid email!</p>

                        <label><input type="password" name="password1" id="password1" placeholder="Password" ng-model="user.password1" ng-required="true" ng-minlength="6"></label></br>
                        <p ng-show="registration.password1.$invalid && registration.password1.$touched">Passwords must be at least 6 characters!</p>

                        <label><input type="password" name="password2" id="password2" placeholder="Confirm Password" ng-model="user.password2" ng-required="true" ng-minlength="6"></label></br>
                        <p ng-show="registration.password2.$invalid && registration.password2.$touched">Passwords must be at least 6 characters!</p>

                    </div>
                    <div class="modal-footer">
                        <input type="submit" ng-click="submit(user)"/>
                    </div>
                </div>
            </div>
        </div>
    </form>
</section>

<section class="global_login" ng-app="login" ng-controller="LoginController">
    <form name="login" ngnovalidate>
        <div class="modal fade" id="login" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">Login</h4>
                    </div>
                    <div class="modal-body">
                    <label><input type="text" name="Login_username" id="Login_username" placeholder="Username" ng-model="login.username" ng-required="true"></label></br>
                    <p ng-show="login.Login_username.$error.required">Please enter a Username!</p>

                    <label><input type="password" name="login_password" id="login_password" placeholder="Password" ng-model="login.password" ng-required="true" ></label></br>
                    <p ng-show="login.login_password.$error.required">Please enter a Password!</p>

                    </div>
                    <div class="modal-footer">
                        <input type="submit" ng-click="submit(login)" />
                    </div>

                </div>
            </div>
        </div>
    </form>
</section>