03.<head>
04.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
05. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
06.<title></title>
07.<style type="text/css">
08. .header {width: 100%; height: 30px; background-color:#666; clear: both; }
09. .menu {width:100%; height:30px; background-color:#666; clear: both; }
10. .Article { width:100%; height:500px; background-color:#c2c6ce; }
11. .footer { background-color:#666; width:100%; height:30px; clear: both; }
12. </style>
13. <!-- Bootstrap -->
14. <link href="css/bootstrap.min.css" rel="stylesheet">
15. <style type="text/css">
16. body {
17. background-color: #000;
18.}
19. </style>
20.
21. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
22. <!-- WARNING: Respond.js doesn't work if you view the page via file:
23. <!--[if lt IE 9]>
26. <![endif]-->
27. </head>
28. <body>
29. <div style="width:1200px; margin:0 auto;">
30.<header class="header"></header>
31.
32.<div class="menu">
33. <nav class="navbar navbar-default" style="background-color: #333399;">
34. <div class="container-fluid">
35. <!-- Brand and toggle get grouped for better mobile display -->
36. <div class="navbar-header">
37. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
38. <span class="sr-only">Toggle navigation</span>
39. <span class="icon-bar"></span>
40. <span class="icon-bar"></span>
41. <span class="icon-bar"></span>
42. </button>
43. <a class="navbar-brand" href="index.php">หน้าแรก</a>
44. <a class="navbar-brand" href="admin/login-video.php">เข้าสู่คอร์สออนไลน์</a>
45. <a class="navbar-brand" href="menu/s-pay.php">ค้นหาการชำระเงิน</a>
46.
47. </div>
48.
49. <!-- Collect the nav links, forms, and other content for toggling -->
50. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
51. <ul class="nav navbar-nav">
52.
53. <li><a href="#">Link</a></li>
54. <li class="dropdown">
55. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
56. <ul class="dropdown-menu">
57. <li><a href="#">Action</a></li>
58. <li><a href="#">Another action</a></li>
59. <li><a href="#">Something else here</a></li>
60. <li role="separator" class="divider"></li>
61. <li><a href="#">Separated link</a></li>
62. <li role="separator" class="divider"></li>
63. <li><a href="#">One more separated link</a></li>
64. </ul>
65. </li>
66. </ul>
67.
68. <ul class="nav navbar-nav navbar-right">
69. </a>
70. <ul class="dropdown-menu">
71. <li><a href="#">Action</a></li>
72. <li><a href="#">Another action</a></li>
73. <li><a href="#">Something else here</a></li>
74. <li role="separator" class="divider"></li>
75. <li><a href="#">Separated link</a></li>
76. </ul>
77. </li>
78. </ul>
79. </div><!-- /.navbar-collapse -->
80. </div><!-- /.container-fluid -->
81.</nav>
82.
83.</div>
84.
85.<div class="Article">
86.<p> </p>
87.</div>
88.
89.<div class="footer"></div>
90.
91.
92. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
94. <!-- Include all compiled plugins (below), or include individual files as needed -->
95. <script src="js/bootstrap.min.js"></script>
96. </body>
97.</html>
