001.
<!DOCTYPE html>
002.
<html lang=
"en"
>
003.
<head>
004.
<meta charset=
"utf-8"
>
005.
<title>Datacenter MMT</title>
006.
<meta name=
"description"
content=
"description"
>
007.
<meta name=
"author"
content=
"DevOOPS"
>
008.
<meta name=
"viewport"
content=
"width=device-width, initial-scale=1"
>
009.
<link href=
"plugins/bootstrap/bootstrap.css"
rel=
"stylesheet"
>
010.
<link href=
"plugins/jquery-ui/jquery-ui.min.css"
rel=
"stylesheet"
>
011.
<link href=
"css/font-awesome-4.2.0/css/font-awesome.min.css"
rel=
"stylesheet"
>
013.
<link href=
"plugins/fancybox/jquery.fancybox.css"
rel=
"stylesheet"
>
014.
<link href=
"plugins/fullcalendar/fullcalendar.css"
rel=
"stylesheet"
>
015.
<link href=
"plugins/xcharts/xcharts.min.css"
rel=
"stylesheet"
>
016.
<link href=
"plugins/select2/select2.css"
rel=
"stylesheet"
>
017.
<link href=
"css/style.css"
rel=
"stylesheet"
>
018.
<link href=
"css/loginz.css"
rel=
"stylesheet"
>
019.
<script type=
"text/javascript"
src=
"js/ckeditor.js"
></script>
021.
<script src=
"js/loginz.js"
></script>
026.
<link href=
"css/agency.css"
rel=
"stylesheet"
>
027.
<!-- HTML5 shim
and
Respond.js IE8 support of HTML5 elements
and
media queries -->
028.
<!--[
if
lt IE 9]>
031.
<![
endif
]-->
032.
033.
</head>
034.
<body>
035.
<?php
include
(
"menu.php"
); ?>
036.
<!--Start Content-->
037.
<div id=
"content"
class
=
"col-xs-12 col-sm-10"
>
038.
039.
040.
041.
<div
class
=
"row vertical-offset-100"
>
042.
<div
class
=
"col-md-4 col-md-offset-4"
>
043.
044.
<form
class
=
"form-signin"
name=
"form1"
method=
"post"
action=
"chk_login.php"
>
045.
<img src=
"img/logommt.png"
class
=
"img-responsive"
alt=
"Conxole Admin"
/>
046.
<input name=
"txtUser"
id=
"txtUser"
type=
"text"
class
=
"form-control"
placeholder=
"username"
required=
""
autofocus=
""
>
047.
<input name=
"txtPass"
id=
"txtPass"
type=
"password"
class
=
"form-control"
placeholder=
"Password"
required=
""
>
048.
<button
class
=
"btn btn-lg btn-primary btn-block"
type=
"submit"
>
049.
Sign In
050.
</button>
051.
</form>
052.
053.
</div>
054.
</div>
055.
</br>
056.
</br>
057.
<div
class
=
"row"
>
058.
<div
class
=
"col-lg-12 text-center"
>
059.
<h2
class
=
"section-heading"
>ทีมพัฒนาสารสนเทศ</h2>
060.
</br>
061.
</br>
062.
</div>
063.
</div>
064.
<div
class
=
"row"
>
065.
<div
class
=
"col-sm-2"
>
066.
<div
class
=
"team-member"
>
067.
<img src=
"img/team/1.jpg"
class
=
"img-responsive img-circle"
alt=
""
width=
"100"
height=
"100"
>
068.
<h4>โอ๋</h4>
069.
<p
class
=
"text-muted"
>#</p>
070.
<ul
class
=
"list-inline social-buttons"
>
071.
<li><a href=
"#"
><i
class
=
"fa fa-envelope"
></i></a>
072.
</li>
073.
<li><a href=
"#"
target=
"_blank"
><i
class
=
"fa fa-facebook"
></i></a>
074.
</li>
075.
076.
</ul>
077.
</div>
078.
</div>
079.
<div
class
=
"col-sm-2"
>
080.
<div
class
=
"team-member"
>
081.
<img src=
"img/team/2.jpg"
class
=
"img-responsive img-circle"
alt=
""
width=
"100"
height=
"100"
>
082.
<h4>กาแฟ</h4>
083.
<p
class
=
"text-muted"
>#</p>
084.
<ul
class
=
"list-inline social-buttons"
>
085.
<li><a href=
"mailto:#"
><i
class
=
"fa fa-envelope"
></i></a>
086.
</li>
087.
<li><a href=
"#"
target=
"_blank"
><i
class
=
"fa fa-facebook"
></i></a>
088.
</li>
089.
090.
</ul>
091.
</div>
092.
</div>
093.
<div
class
=
"col-sm-2"
>
094.
<div
class
=
"team-member"
>
095.
<img src=
"img/team/3.jpg"
class
=
"img-responsive img-circle"
alt=
""
width=
"100"
height=
"100"
>
096.
<h4>นัท</h4>
097.
<p
class
=
"text-muted"
>#</p>
098.
<ul
class
=
"list-inline social-buttons"
>
099.
<li><a href=
"mailto:#"
><i
class
=
"fa fa-envelope"
></i></a>
100.
</li>
101.
<li><a href=
"#"
target=
"_blank"
><i
class
=
"fa fa-facebook"
></i></a>
102.
</li>
103.
104.
</ul>
105.
</div>
106.
</div>
107.
108.
109.
<div
class
=
"col-sm-2"
>
110.
<div
class
=
"team-member"
>
111.
<img src=
"img/team/4.jpg"
class
=
"img-responsive img-circle"
alt=
""
width=
"100"
height=
"100"
>
112.
<h4>ติ่ง</h4>
113.
<p
class
=
"text-muted"
>#</p>
114.
<ul
class
=
"list-inline social-buttons"
>
115.
<li><a href=
"mailto:#"
><i
class
=
"fa fa-envelope"
></i></a>
116.
</li>
117.
<li><a href=
"#"
target=
"_blank"
><i
class
=
"fa fa-facebook"
></i></a>
118.
</li>
119.
120.
</ul>
121.
</div>
122.
</div>
123.
<div
class
=
"col-sm-2"
>
124.
<div
class
=
"team-member"
>
125.
<img src=
"img/team/5.jpg"
class
=
"img-responsive img-circle"
alt=
""
width=
"100"
height=
"100"
>
126.
<h4>เจน</h4>
127.
<p
class
=
"text-muted"
>#</p>
128.
<ul
class
=
"list-inline social-buttons"
>
129.
<li><a href=
"#"
><i
class
=
"fa fa-envelope"
></i></a>
130.
</li>
131.
<li><a href=
"#"
target=
"_blank"
><i
class
=
"fa fa-facebook"
></i></a>
132.
</li>
133.
134.
</ul>
135.
</div>
136.
</div>
137.
<div
class
=
"col-sm-2"
>
138.
<div
class
=
"team-member"
>
139.
<img src=
"img/team/2.png"
class
=
"img-responsive img-circle"
alt=
""
width=
"100"
height=
"100"
>
140.
<h4>#</h4>
141.
<p
class
=
"text-muted"
>#</p>
142.
<ul
class
=
"list-inline social-buttons"
>
143.
<li><a href=
"#"
><i
class
=
"fa fa-envelope"
></i></a>
144.
</li>
145.
<li><a href=
"#"
><i
class
=
"fa fa-facebook"
></i></a>
146.
</li>
147.
148.
</ul>
149.
</div>
150.
</div>
151.
</div>
152.
</div>
153.
<div
class
=
"row"
>
154.
<div
class
=
"col-lg-8 col-lg-offset-2 text-center"
>
155.
<p
class
=
"large text-muted"
>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
156.
</div>
157.
</div>
158.
159.
<div
class
=
"row"
>
160.
<div
class
=
"col-xs-12 col-sm-6 col-md-8"
></div>
161.
<div
class
=
"col-xs-6 col-md-4"
><?php
include
(
"footer.php"
); ?></div>
162.
163.
</div>
164.
<!--
End
Content-->
165.
166.
</body>
167.
168.
</html>