Untitled

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

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Jilux User Interface</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/styles.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body data-spy="scroll" data-target=".navbar" data-offset="50">

	<div class="container" >
		<div class="row">
			<h1 class="text-center" >Jilux User Interface 0.01 alpha</h1>
			<nav id="navbar-main" class="navbar navbar-default">

					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#MainBar">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					</div>

					<div>
					  <div class="collapse navbar-collapse" id="MainBar">
						<ul class="nav navbar-nav navbar-left">
						  <li><a href="#frontpage">Frontpage</a></li>
						  <li><a href="#gallery">Gallery</a></li>
						  <li><a href="#posts">Posts</a></li>
						</ul>

						<ul class="nav navbar-nav navbar-right">
						  <li><a href="#settings">Settings</a></li>

						  <li class="dropdown">
					<a class="dropdown-toggle" href="#" data-toggle="dropdown">Log In <strong class="caret"></strong></a>
					<div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;">
						<form action="login.php" method="post">
							Username:<br />
							<input type="text" name="username" value="" />
							<br /><br />
							Password:<br />
							<input type="password" name="password" value="" />
							<br /><br />
							<input type="submit" class="btn btn-info" value="Login" />
						</form>
					</div>
				  </li>
						</ul>
					  </div>
					</div>

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


	<div class="container">
		<div class="row" >

			<!-- <?php include "jlx-main.php"; ?> -->

			<!-- ?php include "post_page.php"; ?> -->

			<!-- ?php include "settings_page.php"; ?> -->

		</div>
	</div>

	<script>
    var btn = document.getElementByClassName('navbutton');
	var classy = document.getElementById('navbutton').className;
    btn.addEventListener('click', function() {

    document.location.href = '<?php echo "$classy.php"; ?>';
    });
  </script>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.js"></script>

	<!-- Custom JS -->
	<script scr="js/scripts.js"></script>

</body>

</html>