1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset=
"utf-8">
5 <meta name=
"viewport" content="width=device-width, initial-scale=1">
6 <title>Forms</title>
7
8 <link href=
"css/bootstrap.min.css" rel="stylesheet">
9 <link href=
"css/datepicker3.css" rel="stylesheet">
10 <link href=
"css/styles.css" rel="stylesheet">
11
12 <!--[
if lt IE 9]>
13 <script src=
"js/html5shiv.js"></script>
14 <script src=
"js/respond.min.js"></script>
15 <![endif]-->
16
17 </head>
18
19 <body>
20     
21     <div
class="row">
22         <div
class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-4">
23             <div
class="login-panel panel panel-default">
24                 <div
class="panel-heading">Log in</div>
25                 <div
class="panel-body">
26                     <form role=
"form">
27                         <fieldset>
28                             <div
class="form-group">
29                                 <input
class="form-control" placeholder="E-mail" name="email" type="email" autofocus="">
30                             </div>
31                             <div
class="form-group">
32                                 <input
class="form-control" placeholder="Password" name="password" type="password" value="">
33                             </div>
34                             <div
class="checkbox">
35                                 <label>
36                                     <input name=
"remember" type="checkbox" value="Remember Me">Remember Me
37                                 </label>
38                             </div>
39                             <a href=
"index.html" class="btn btn-primary">Login</a>
40                         </fieldset>
41                     </form>
42                 </div>
43             </div>
44         </div><!-- /.col-->
45     </div><!-- /.row -->
46     
47         
48
49     <script src=
"js/jquery-1.11.1.min.js"></script>
50     <script src=
"js/bootstrap.min.js"></script>
51     <script src=
"js/chart.min.js"></script>
52     <script src=
"js/chart-data.js"></script>
53     <script src=
"js/easypiechart.js"></script>
54     <script src=
"js/easypiechart-data.js"></script>
55     <script src=
"js/bootstrap-datepicker.js"></script>
56     <script>
57         !function ($) {
58             $(document).
on("click","ul.nav li.parent > a > span.icon", function(){
59                 $(
this).find('em:first').toggleClass("glyphicon-minus");
60             });
61             $(
".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
62         }(window.jQuery);
63
64         $(window).
on('resize', function () {
65           
if ($(window).width() > 768) $('#sidebar-collapse').collapse('show')
66         })
67         $(window).
on('resize', function () {
68           
if ($(window).width() <= 767) $('#sidebar-collapse').collapse('hide')
69         })
70     </script>
71 </body>
72
73 </html>



Source code Website bán hàng online PHP – MVC 81.477 lượt xem

Gõ tìm kiếm nhanh...