Untitled

// [][][][][][][][][][][][][][][][][][] PHP [][][][][][][][][][][][][][][][][][]
<?php
	include_once('inc/admin/management.php'); // Include management file.
?>
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title><?php echo $arr2[3] . " | " . $arr1[0] . " of " . $arr2[0]; ?></title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
		<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
		<link rel="stylesheet" href="inc/styling/css/index.css?version=45" type="text/css">
		<link rel="stylesheet" href="inc/styling/css/swoopie.css?version=45" type="text/css">
		<link href="https://fonts.googleapis.com/css?family=Acme|Berkshire+Swash|Dosis|Gloria+Hallelujah|Hind+Madurai|Indie+Flower|Lato|Lobster|Roboto|Roboto+Condensed|Russo+One|Satisfy|Shadows+Into+Light|Vollkorn+SC" rel="stylesheet">
	</head>
	<body>
		<div id="container">
			<!-- Pop Up Box -->
			<div id="div2" class="stdPopUpBlack">
				<button id="closePopUp" class="stdBtnWhite stdBtnSmall">X</button>
				<h2 class="stdFont10 stdFontColorWhite">stdPopUpBlack</h2><br>
				<form class="stdForm">
					<fieldset>
						<legend>a</legend>
						<input type="text" name="inp2" placeholder="Inp2" class="stdInputWhite" />
						<input type="submit" name="sub2" value="Sub2" class="stdInputWhite" />
						<br><input type="radio" id="radio1" name="radio1" value="radio1"><label for="radio1"><span></span>Radio1</label>
						<input type="radio" id="radio2" name="radio1" value="radio2"><label for="radio2"><span></span>Radio2</label>
						<input type="radio" id="radio3" name="radio1" value="radio3"><label for="radio3"><span></span>Radio3</label>
						<br><input type="checkbox" id="checkbox1" name="checkbox1" value="checkbox1" class="checkBoxBlack"><label for="checkbox1"><span></span>Check1</label>
						<input type="checkbox" id="checkbox2" name="checkbox1" value="checkbox2" class="checkBoxBlack"><label for="checkbox2"><span></span>Check2</label>
						<input type="checkbox" id="checkbox3" name="checkbox1" value="checkbox3" class="checkBoxBlack"><label for="checkbox3"><span></span>Check3</label>
					</fieldset>
				</form>
			</div>

			<!-- Pages goes here -->
			<div id="content">
				<!-- Page 1 -->
				<div id="page_1">
					<div class="stdNavTopBlack stdFont9"><p>a</p></div>
					<div class="stdPWrap">
						<h2 class="stdFontSizeMedium stdFontColorWhite stdFont1">Test Menu</h2>
						<div id="menu" class="stdDivBlack">
							<button class="stdBtnWhite stdSizeMediumPlus stdFont10">Btn1</button>
							<button id="menuMiddleBtn" class="stdBtnWhite stdSizeMedium stdFont10">Btn1</button>
							<button class="stdBtnWhite stdSizeMediumPlus stdFont10">Btn1</button>
							<textarea class="stdTextareaBlack stdFontSizeSmall stdFont11" readonly>asdfasc</textarea>
							<p class="stdFontColorWhite stdFont3">Swoopie.css</p>
						</div>
					</div>
				</div>
				<!-- Page 2 -->
				<div id="page_2">
					<p>a</p>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(function(){
				// Variables, booleans & Arrays
				var bool1 = false; // Boolean to check if animation is out
				var bool2 = false; // Boolean to check if animation aint wanted

				$(window).on("scroll touchmove", function(){
					if(!bool1 && !bool2) {
						$("#div2").addClass("stdAnimationCallPageSlideIn").on("webkitAnimationEnd", function(){
							$("#content").addClass("stdAnimationCallPageFadeOut");
						});
						bool1 = !bool1;
					}
				});

				$("#closePopUp").click(function(){
					if(bool1){
						$("#div2").removeClass("stdAnimationCallPageSlideIn");
						$("#div2").addClass("stdAnimationCallPageSlideOut").on("webkitAnimationEnd", function(){
							$("#content").addClass("stdAnimationCallPageFadeIn");
							$("#content").removeClass("stdAnimationCallPageFadeOut");
							$("#div2").removeClass("stdAnimationCallPageSlideOut");
						});
						bool2 = true;
					}
				});
			});
		</script>
	</body>
</html>

// [][][][][][][][][][][][][][][][][][] CSS [][][][][][][][][][][][][][][][][][]
@charset "UTF-8";
/* CSS Document */

/* Common */

* {
	margin: 0;
	padding: 0;
}

body {
	overflow-x: hidden;
	background-color: grey;
}

#menu {
	height: 200px;
	width: 400px;
}

#menuMiddleBtn {
	margin-left: -4px;
	margin-right: -4px;
}

#menu textarea {
	width: 94.5%;
	height: 125px;
}

#menu p {
	position: relative;
	top: -5px;
	left: 5px;
}


/* IGNORE */
#closePopUp {
	position: absolute;
	right: 5px;
	top: 5px;
}


#page_2 {
	position: relative;
	top: 1000px;
}

// [][][][][][][][][][][][][][][][][][] MANAGEMENT [][][][][][][][][][][][][][][][][][]
<?php
	$host = "localhost"; 		// Server host.
	$user = "root"; 			// Username for phpmyadmin.
	$pass = ""; 				// Password for phpmyadmin.
	$base = "swoop_login"; 		// Database.

	$connect = mysqli_connect($host, $user, $pass, $base);
	if(mysqli_connect_error()){ echo mysqli_connect_errno(); } // Checking database connection.

	// [][][][][][][][][][][][] - Edit - [][][][][][][][][][][][]
	$arr1 = array("Home", "Register", "Login", "Me"); // Webpage titles.
	$arr2 = array("Swoop", "Swoop", "Swoop", "Swoopie.xyz"); // Webpage infomation.
?>