home.php

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet">


<style>



	body{
	width:100%;
	height:auto;
	margin:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	background:#E9E9E9;
	}

	p{
	line-height:28px;
	}

	a{
	text-decoration:none;
	}

	h1{
	font-size:25px;
	color:#888;
	}

	h2{

	}

	h3,h4{

	}

	h5,h6{

	}

	#ctwrapper{
	width:100%;
	height:auto;
	margin:auto;
	}

	.ctall{
	width:90%;
	overflow:hidden;
	height:auto;
	margin:auto;
	}

	/*============ Style For Side Left ==========*/

	#ctleft{
	width: 350px;
    position: fixed;
    height: 100%;
    z-index: 99;
    background: #A00E11;
    box-shadow: 3px 3px 10px #888;
    padding-top: 40px;
	}

	/*============ Style For Slogan ==========*/

	.ctslog{
	padding-top:20px;
	border-bottom: 2px solid rgba(0,0,0,0.1);
	padding-bottom:10px;
	}


	/*============ Style For Menu ==========*/

	.ctmenu{
	width:auto;
	margin-top: 30px;
	}

	.ctmenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}

	.ctmenu li{
	display:block;
	}

	.ctmenu li a{
	display: block;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
	margin-bottom:2px;
	}

	.ctmenu li:hover a, .ctmenu .hm a{
	color: #A00E11;
	}

	/*============ Style For Background Menu ==========*/

	.hm{
	background: #fff url("Images/homehv.png")no-repeat scroll left center / 40px;
    padding-left: 50px;
	}

	.fr{
	background: url("Images/form.png")no-repeat scroll left center / 40px;
    padding-left: 50px;
	}

	.fr:hover{
	background: #fff url("Images/formhv.png")no-repeat scroll left center / 40px;
    padding-left: 50px;
	}

	.list{
	background: url("Images/list.png")no-repeat scroll left center / 40px;
    padding-left: 50px;
	}

	.list:hover{
	background: #fff url("Images/listhv.png")no-repeat scroll left center / 40px;
    padding-left: 50px;
	}

	.set{
	background: url("Images/setting.png")no-repeat scroll left center / 40px;
    padding-left: 50px;
	}

	.set:hover{
	background: #fff url("Images/settinghv.png")no-repeat scroll left center / 40px;
    padding-left: 50px;
	}

	/*============ Style For Side Right ==========*/

	#ctright{
	float: right;
    width: 1250px;
    overflow: hidden;
	}

	/*============ Style For Logo ==========*/

	.ctlogo{
    margin: auto;
	}

	.ctlogo img{
	width: 100%;
	}

	/*============ Style For Footer ==========*/

	#ctft{
	background:#0B173B;
    padding: 5px 0;
    margin: auto;
    position: fixed;
    bottom: 0;
    width: 100%;
	}

	#ctft p{
	font-size:13px;
	line-height:20px;
	color:#fff;
	}

	#ctft a{
	color:#fff;

	}





</style>

<div id="ctwrapper">

	<div id="ctleft">

		<div class="ctlogo">
			<div class="ctall">
				<a href=""><img src="Images/logo.png" alt="%Info-Name%"/></a>
			</div>
		</div>

		<div class="ctmenu">
			<ul id="ctnavigation">
				<li class="hm"><a href="">Home</a></li>
				<li class="fr"><a href="">Form Pengajuan Cuti</a></li>
				<li class="list"><a href="">Daftar Pengajuan Cuti</a></li>
				<li class="set"><a href="">Setting</a></li>
			</ul>
		</div>

		<div class="ctcontact">

		</div>
	</div>

	<div id="ctright">

		<div class="ctall">
			<div class="ctslog">
				<h1>E-Leave</h1>
			</div>

			<div class="ctbiodata">

			</div>
		</div>

		<div style="clear:both;"></div>

		<div id="ctft">
			<div class="ctall">
				<p>©2019 | <a href="">E-Leave Kantor Wilayah Bangka Belitung</a> |  <a href="">Kementerian Hukum dan HAM Republik Indonesia - RF</a>
			</div>
		</div>
	</div>

</div>