Untitled

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href='<c:url value="/css/site.min.css"></c:url>'>
<link rel="stylesheet" href='<c:url value="/css/styles.css"></c:url>'>
<script src='<c:url value="/js/site.min.js"></c:url>'></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Insert title here</title>
</head>
<body>
<!--  NavsBar -->
	<div class="container-fluid">
		<nav class="navbar navbar-default" role="navigation">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">ระบบรับซ่อมคอมพิวเตอร์</a>
			</div>
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li class="active"><a href="#">Link</a></li>
					<!-- <li class="disabled"><a href="#">Link</a></li> -->
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown">Dropdown <b class="caret"></b></a>
						<ul class="dropdown-menu" role="menu">
							<li class="dropdown-header">Setting</li>
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else here</a></li>
							<li class="divider"></li>
							<li class="active"><a href="#">Separated link</a></li>
							<li class="divider"></li>
							<li class="disabled"><a href="#">One more separated link</a></li>
						</ul></li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid --> </nav>
<!-- End Nav -->

	<!--  Slide  -->
	<div class="col-md-6">
	ข่าวสาร
		<div class="jumbotron">
			<div id="carousel-example-generic" class="carousel slide"
				data-ride="carousel">
				<ol class="carousel-indicators">
					<li data-target="#carousel-example-generic" data-slide-to="0"
						class=""></li>
					<li data-target="#carousel-example-generic" data-slide-to="1"
						class=""></li>
					<li data-target="#carousel-example-generic" data-slide-to="2"
						class="active"></li>
				</ol>
				<div class="carousel-inner">
					<div class="item">
						<img src="<c:url value="/img/slide1.png"></c:url>">
					</div>
					<div class="item active left">
						<img src="<c:url value="/img/slide2.png"></c:url>">
					</div>
					<div class="item next left">
						<img src="<c:url value="/img/slide3.png"></c:url>">
					</div>
				</div>
				<a class="left carousel-control" href="#carousel-example-generic"
					data-slide="prev"> <span
					class="glyphicon glyphicon-chevron-left"></span>
				</a> <a class="right carousel-control" href="#carousel-example-generic"
					data-slide="next"> <span
					class="glyphicon glyphicon-chevron-right"></span>
				</a>
			</div>
		</div>
	</div>
	<!-- End Slide -->

	<div class="col-md-6">
	เมนู
		<div class="row">
			<div class="col-md-6">
				<button type="button" class="btn btn-info btn-block"
					style="padding: 40px; margin-top: 1em">
					<i class="glyphicon glyphicon-search"></i> ตรวจสอบสถานะการซ่อม
				</button>
			</div>
			<div class="col-md-6">
				<button type="button" class="btn btn-primary btn-block"
					style="padding: 40px; margin-top: 1em" onclick="window.location='${pageContext.request.contextPath}/login'"> เข้าสู่ระบบ</button>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				<button type="button" class="btn btn-warning btn-block"
					style="padding: 40px; margin-top: 1em">Normal</button>
			</div>
			<div class="col-md-6">
				<button type="button" class="btn btn-danger btn-block"
					style="padding: 40px; margin-top: 1em">
					<i class="glyphicon glyphicon glyphicon-edit"></i>
					ติดต่อเจ้าหน้าที่
				</button>
			</div>
		</div>
	</div>
	</div>

</body>
</html>