Untitled

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>

    <title>Trường đại học Công Nghệ GTVT - Trung tâm công nghệ cơ khí</title>
    <link rel="shortcut icon" href="http://trungtamcongnghecokhi.utt.edu.vn/home/images/icon-sevice.png"/>
    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="http://trungtamcongnghecokhi.utt.edu.vn/css/bootstrap.min.css"/>

    <!-- MetisMenu CSS -->
    <link rel="stylesheet" href="http://trungtamcongnghecokhi.utt.edu.vn/css/plugins/metisMenu/metisMenu.min.css"/>

    <!-- Custom CSS -->
    <link rel="stylesheet" href="http://trungtamcongnghecokhi.utt.edu.vn/css/sb-admin-2.css"/>

    <!-- Custom Fonts -->
    <link rel="stylesheet" type="text/css" href="http://trungtamcongnghecokhi.utt.edu.vn/font-awesome-4.1.0/css/font-awesome.min.css"/>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery Version 1.11.0 -->
    <script src="http://trungtamcongnghecokhi.utt.edu.vn/js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="http://trungtamcongnghecokhi.utt.edu.vn/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="http://trungtamcongnghecokhi.utt.edu.vn/js/plugins/metisMenu/metisMenu.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="http://trungtamcongnghecokhi.utt.edu.vn/js/sb-admin-2.js"></script>
</head>

<body>

<div id="wrapper">

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
        <div class="navbar-header">
            <a class="navbar-brand" href="/Admin/index.html">Trung Tâm Công Nghệ Cơ Khí - Đại Học CN GTVT</a>
        </div>
        <!-- /.navbar-header -->

        <ul class="nav navbar-top-links navbar-right">
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                    <i class="fa fa-user fa-fw"></i>  <i class="fa fa-caret-down"></i>
                </a>
                <ul class="dropdown-menu dropdown-user">
                    <li><a href="#"><i class="fa fa-user fa-fw"></i> Thông Tin Người Dùng</a>
                    </li>
                    <li><a href="#"><i class="fa fa-gear fa-fw"></i> Cài Đặt</a>
                    </li>
                    <li class="divider"></li>
                    <li><a href="/Users/logout"><i class="fa fa-sign-out fa-fw"></i> Đăng Xuất</a>
                    </li>
                </ul>
                <!-- /.dropdown-user -->
            </li>
            <!-- /.dropdown -->
        </ul>
        <!-- /.navbar-top-links -->

        <div class="navbar-default sidebar" role="navigation">
            <div class="sidebar-nav navbar-collapse">
                <ul class="nav" id="side-menu">
                    <li>
                        <a class="active" href="/Indexs/display"><i class="fa fa-dashboard fa-fw"></i> Trang Chủ</a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-user fa-fw"></i> Quản Lý Người Dùng<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="/Users/listUser">Danh Sách Người Dùng</a>
                            </li>
                            <li>
                                <a href="/Users/addUser">Thêm Mới Người Dùng</a>
                            </li>
                        </ul>
                        <!-- /.nav-second-level -->
                    </li>
                    <li>
                        <a href="/Locations/display"><i class="glyphicon glyphicon-tag fa-fw"></i> Vi trí Bài Viết</a>
                    </li>
                    <li>
                        <a href="#"><i class="glyphicon glyphicon-list fa-fw"></i> Quản Lý Danh Mục Tin<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="/Categories/listCategoryNew">Danh Sách Danh Mục Tin</a>
                            </li>
                            <li>
                                <a href="/Categories/addCategory">Thêm Danh Mục Tin</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-pencil fa-fw"></i> Quản Lý Tin Tức<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="/Articles/listNew">Danh Sách Bài Viết</a>
                            </li>
                            <li>
                                <a href="/Articles/addNew">Thêm Mới Bài Viết</a>
                            </li>
                        </ul>
                        <!-- /.nav-second-level -->
                    </li>

                    <li>
                        <a href="#"><i class="glyphicon glyphicon-list fa-fw"></i> Quản Lý Menu<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="/Navications/listMenu">Danh Mục Menu</a>
                            </li>
                            <li>
                                <a href="/Navications/addMenu">Tạo Mới Menu</a>
                            </li>
                        </ul>
                        <!-- /.nav-second-level -->
                    </li>

                </ul>
            </div>
            <!-- /.sidebar-collapse -->
        </div>
        <!-- /.navbar-static-side -->
    </nav>

    <!-- Page Content -->
    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">Trung tâm công nghệ cơ khí</h1>
            </div>
            <!-- /.col-lg-12 -->
            <div class="col-lg-12">
    <div class="panel panel-default">
        <div class="panel-heading">
            Danh Sách Bài Viết
        </div>
        <!-- /.panel-heading -->
        <div class="panel-body">
            <div class="table-responsive">
                <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                    <thead>
                    <tr>
                        <th style="width: 80px;" class="text-center">STT</th>
                        <th class="col-lg-1">Ảnh Hiển Thị</th>
                        <th class="col-lg-2">Tiêu Đề</th>
                        <th>Mô Tả</th>
                        <th class="col-lg-2">Loại Bài Viết</th>
                        <th class="col-sm-2">Trạng Thái</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="odd gradeX">
                        <td class="text-center">1</td>
                        <td><img style="width: 150px; max-height: 150px;" class="img-responsive img-thumbnail" src=""/></td>
                        <td>asdasd asd á dfdsf </td>
                        <td><p>asd dfgs asd asd &aacute;</p>
</td>
                        <td>Tin Giáo dục</td>
                        <td>
                            <div class="center-block text-center"><a href="/Articles/hiddenArticle/1"><button type="button" class="btn btn-danger center-block" data-toggle="tooltip" data-placement="right" title="Ẩn Bài Viết"><i class="fa fa-eye-slash"></i></button></a><br/>Bài viết đã đăng</div>

                        </td>
                    </tr><tr class="odd gradeX">
                        <td class="text-center">2</td>
                        <td><img style="width: 150px; max-height: 150px;" class="img-responsive img-thumbnail" src=""/></td>
                        <td>tester</td>
                        <td><p>xcsd sad sad sad</p>
</td>
                        <td>Tin Giáo dục</td>
                        <td>
                            <div class="center-block text-center"><a href="/Articles/hiddenArticle/2"><button type="button" class="btn btn-danger center-block" data-toggle="tooltip" data-placement="right" title="Ẩn Bài Viết"><i class="fa fa-eye-slash"></i></button></a><br/>Bài viết đã đăng</div>

                        </td>
                    </tr>
                   </tbody>
                </table>
            </div>

            <!-- /.table-responsive -->
        </div>
        <!-- /.panel-body -->
    </div>
    <!-- /.panel -->
</div>
<!-- /.col-lg-12 -->

<!-- DataTables JavaScript -->
<script src="http://trungtamcongnghecokhi.utt.edu.vn/js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="http://trungtamcongnghecokhi.utt.edu.vn/js/plugins/dataTables/dataTables.bootstrap.js"></script>

<script>
    $(document).ready(function() {
        $('#dataTables-example').dataTable();
    });
</script>
        </div>
        <!-- /.row -->
    </div>
    <!-- /#page-wrapper -->

</div>
<!-- /#wrapper -->


</body>

</html>