
 



<!DOCTYPE html>
<html>
    <head>
        <title>Trang chủ</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="css/view.css">
        <style type="text/css">
            .table-img-index-thuvien td{
                text-align: center;
                padding: 5px 30px;
            }
            .tabcontent {
                float: left;
                padding: 0px 12px;
                border: 1px solid #ccc;
                width: 75%;
                border-left: none;
                height: 642px;
                background-color: rgb(255, 255, 255);
            }
        </style>
    </head>
    <body style="background-color: #ccccff" >
        <header >
            <div class="container-md">
                <div class="view " >
                <h3 style="padding-top: 25px;">QUẢN LÝ THƯ VIỆN</h3>
                <h3 style="margin-top: -5px;">ĐẠI HỌC SƯ PHẠM HÀ NỘI</h3>
                <div style="margin-top: -80px;margin-left: 1320px;">
<!-- Button trigger modal -->
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" style="background-color: white; color:blue;">
                        <img src="img\choice.png">
                        <b>Đăng nhập</b>
                    </button>

                    <!-- Modal -->
                    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document" style="width: 1000px; margin-left: 300px; margin-top: 150px;">
                            <div class="modal-content" style="width: 900px;">
                                <div class="modal-header" style="padding: 0px;">
                                    <button type="button" data-dismiss="modal" style="margin-left: 865px; border: 0px; width: 50px;">
                                        <span aria-hidden="true" style="font-size:25px;">&times;</span>
                                    </button>
                                </div>

                                <div class="modal-body" style="background-color: rgb(255, 255, 204); height:350px">
                                    <div>
                                        <img src="img\learning.png" style="margin-top:20px; margin-left: 80px;">
                                        <hr style="width: 1px; height: 350px; background-color: #ddd; margin-top: -297px; text-align: center;">
                                        <div style="margin-left:475px; margin-top: -335px;">
                                            <form method="post" id="f_qldg" name="f_qldg">
                                                <div style="margin-top: 0px; margin-left: 115px;">
                                                    <h4 ><b>Đăng nhập</b></h4>
                                                </div>
                                                <p style="margin-top: 25px;">
                                                    Chức vụ: 
                                                        <select class="form-select" name="form-select" aria-label="Default select example" style="color: black; margin-left: 75px; height: 35px; width: 120px;">
                                                            <option value="1"> Độc giả </option>
                                                            <option value="2"> Thủ thư </option>
                                                        </select>                                              
                                                </p>
                                                <p>Tên đăng nhập: &nbsp; <input type="text" name="tendangnhap" style="width: 180px;  margin-left: 15px;"  value="" ></p>
                                                <p>Mật khẩu: <input type="password" name="password" id="password" style="width: 180px; margin-left: 63px;" minlength="3" value="" ></p>
                                                <div>
                                                    <button type="submit" name="dangnhap" style="margin-left: 65px; font-weight: bold; background-color: white; border-radius: 5px; margin-top:5px;">Đăng nhập
                                                    </button>

                                                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#dky" style="margin-left: 15px; font-weight: bold; height: 37px; background-color: white; color: black; border: 2px solid black; padding:0px 10px 0px 10px; margin-top: -3px;">
                                                        Đăng ký
                                                    </button>
                                                    
                                                </div>
                                            </form>

                                            
                                        </div>
                                    </div>
                                </div>

                                <div class="modal-footer"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <img src="img\hnue.png" alt="HNUE_img" width="6%" height="6%" style="margin-left: 10px; margin-top: -80px;">
            </div>
            </div>
            <form method="post">
  <div class="modal fade" id="dky" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="width: 900px;  margin-top: 150px; margin-left:300px;">
    <div class="modal-dialog" role="document" style="width: 900px;">
      <div class="modal-content" style="width: 900px; margin-left: -200px; margin-top: -35px;">

        <div class="modal-header" style="padding: 0px;">
          <button type="button" data-dismiss="modal" style="margin-left: 865px; border: 0px; width: 50px;">
            <span aria-hidden="true" style="font-size:25px;">&times;</span>
          </button>
        </div>

        <div class="modal-body" style="background-color: rgb(255, 255, 204); height:350px">
          <div>
            <div style="margin-top:0px; margin-left: 30px;">
              <form action="" method="post">
                <div style="margin-top: 0px; margin-left: 115px;">
                  <h4 ><b>Đăng ký</b></h4>
                </div>
                <p style="margin-top: 10px;">
                  Chức vụ: 
                  <select class="form-select" name="form-select15" aria-label="Default select example" style="color: black; margin-left: 73px; height: 35px; width: 120px;">
                    <option value="1"> Độc giả </option>
                    <option value="2"> Thủ thư </option>
                  </select>                                              
                </p>
                <p style="margin-top: -10px;">Tên đăng nhập: &nbsp; <input type="text" name="tendangnhap_dky" style="width: 180px; margin-left: 10px;" value=""></p>
                <p style="margin-top: -10px;">Mật khẩu: <input type="password" name="password_dky" id="password_dky" style="width: 180px; margin-left: 60px;"value="" ></p>
                <p style="margin-top: -10px;">Xác nhận: <input type="password" name="confirmpassword_dky" id="confirmpassword_dky" style="width: 180px; margin-left: 65px;" value="" ></p>
                <div >
                  <button type="submit" name="dangky" style="margin-left: 85px; font-weight: bold; border-radius: 5px; margin-top: 3px;">
                    Đăng ký
                  </button>
                  


                  <button type="button" data-dismiss="modal" style="margin-left: 20px; border-radius: 5px; font-weight: bold;">
                    Đăng nhập
                  </button>
                </div>
              </form>
            </div>

            <hr style="width: 1px; height: 350px; background-color: #ddd; margin-top: -294px; text-align: center; padding: 0px; margin-bottom: 0px;">
            <img src="img\learning.png" style="margin-left:525px; margin-top: -399px;">  
          </div>
        </div>

      </div>
    </div>
  </div>
</form>        </header>

        <article>
            <div class="tab">
                                    <button class="tablinks" onclick="openTrangChu(event,'qldg')" id="defaultOpenTrangChu"><img src="img\home.png" width="64px" height="64px"> &nbsp; <b>TRANG CHỦ</b></button>
                    <button class="tablinks" onclick="openTrangChu(event,'hddn')"><img src="img\tutorial.png" > &nbsp; <b>HƯỚNG DẪN ĐĂNG NHẬP</b></button>
                    <button class="tablinks" onclick="openTrangChu(event,'tracuu')"><img src="img\research.png"> &nbsp; <b>TRA CỨU SÁCH</b></button>
                    <button class="tablinks" onclick="openTrangChu(event,'hinhanhtv')"><img src="img\books.png"> &nbsp; <b>HÌNH ẢNH THƯ VIỆN</b></button>
                    <button class="tablinks" onclick="openTrangChu(event,'csrt')"><img src="img\policy.png"> &nbsp; <b>CHÍNH SÁCH THƯ VIỆN</b></button>  
                                </div>
<!--tab trang chu -->
            <div id="qldg" class="tabcontent">
                <p style="margin-top: 30px; margin-left: 20px; text-align: justify; width: 95%;"> 
                    Phần mềm quản lý thư viện – trường Đại Sư phạm Hà Nội (ĐHSPHN-HNUE) có nhiệm vụ đáp ứng nhu cầu thông tin phục vụ công tác học tập,giảng dạy và nghiên cứu khoa học cho cán bộ, giảng viên, sinh viên của Đại học Sư phạm Hà Nội. Hệ thống thư viện được phát triển trên phần mềm công nghệ hiện đại của thế giới với Mục lục thư mục chung. <br><br>
                
                    Mục lục chung của hệ thống thư viện cung cấp nguồn tài nguyên thông tin với hơn 200.000 nhan đề / 800.000 tài liệu bản in (bao gồm sách, ấn phẩm nhiều kỳ, luận văn, luận án, báo cáo khoa học và các tài liệu bản in khác), các cơ sở dữ liệu, tài liệu số và tài liệu điện tử hiện có tại ĐHSPHN. <br><br>
                
                    Mục lục thư viện chung này cho phép độc giả tìm kiếm tất cả các tài liệu sẵn có từ nhiều thư viện khác nhau trong hệ thống trên cùng một giao diện thông qua một hộp tìm kiếm duy nhất (OneSearch). <br><br>
                
                    Hộp tìm kiếm duy nhất (OneSearch) sẽ là một công cụ tuyệt vời để bạn tìm kiếm tài nguyên học tập, giảng dạy và nghiên cứu nếu bạn muốn: <br>
                    - Tìm kiếm một nhan đề tài liệu bản in cụ thể, bất kể đó là sách hay một bài báo nghiên cứu sẵn có. <br>
                    - Tìm kiếm kết hợp cả sách, bài báo, tài liệu số, cơ sở dữ liệu … theo một chủ đề nào đó hoặc đơn giản là bạn khởi đầu cho một nghiên cứu. <br><br>

                    <b>Hệ thống quản lý thư viện Trường Đại học Sư phạm Hà Nội hy vọng sẽ làm hài long quý Bạn đọc!</b>

                </p>

            </div>
      
<!--qls-->
            <div id="hddn" class="tabcontent">
                <h5 style="color: rgb(153,0, 0); text-align: center; margin-top: 50px;"><img src="img\help.png">Bạn đang gặp khó khăn khi đăng nhập?</h5>
                <div style="margin-left: 80px; margin-top: 50px;">
                        <p>Bước 1: Chọn nút <b>Đăng nhập</b> bên góc phải màn hình.</p>
                        Bước 2: Nhập thông tin đăng nhập:
                        <p style="margin-left: 30px;">
                            - Nếu bạn là Sinh viên, giản viên muốn tìm kiếm sách hãy đăng nhập với quyền <b>Độc giả</b> để bắt đầu tra cứu và mượn sách nhé!<br>
                            - Nếu bạn là cán bộ quản lý thư viện hãy đăng nhập với quyền <b>Thủ thư </b>để tiến hành quản lý hệ thống.
                        </p>
                        Bước 3: Ấn nút <b>Đăng nhập</b> và bắt đầu trải nghiệm nào!
                </div>
                <hr style="size: 1px; background-color: black; margin-top: 180px;">
                <p style="color: rgb(153, 0, 0); font-size: 14.5; margin-left: 35px; margin-top: 10px;">
                    <img src="img\navigator.png">&nbsp; Hệ thống phần mềm Quản lý thư viện <br>
                    <img src="img\telephone.png">&nbsp; Liên hệ:  024 3754 7823 - Địa chỉ: Cầu Giấy, TP.Hà Nội
                </p>
                <p style="color: rgb(153, 0, 0); font-size: 14.5; margin-left: 750px; margin-top: -80px">
                    <img src="img\light-bulb.png">&nbsp; Thiết kế bởi: Nhóm 6-CĐTN2
                </p>
            </div>
	    
<!--quan ly muon tra-->
            <div id="hinhanhtv" class="tabcontent">
                <div class="table-img-index">
                    <table class="table-img-index-thuvien">
                        <tr>
                            <td><img src="img\tv1.jpg"></td>
                            <td><img src="img\tv3.jpg"></td>
                            <td><img src="img\tv4.jpg"></td>
                        </tr>
                        <tr>
                            <td><div class="title-img">Tổng quan về thư viện</div></td>
                            <td><div class="title-img">Trung tâm thông tin thư viện</div></td>
                            <td><div class="title-img">Quy tắc thư viện</div></td>
                        </tr>
                        <tr>
                            <td><img src="img\tv5.jpg"></td>
                            <td><img src="img\tv.jpg"></td>
                            <td><img src="img\tv2.jpg"></td>
                        </tr>
                        <tr>
                            <td><div class="title-img">Sinh viện đang đọc sách</div></td>
                            <td><div class="title-img">Sinh viên tra cứu và đọc sách</div></td>
                            <td><div class="title-img">Sinh viên đang thảo luận</div></td>
                        </tr>
                    </table>
                </div>
                <div style="margin-top: -139px;">
                    <hr style="size: 1px; background-color: black; margin-top: 180px;">
                    <p style="color: rgb(153, 0, 0); font-size: 14.5; margin-left: 35px; margin-top: 10px;">
                        <img src="img\navigator.png">&nbsp; Hệ thống phần mềm Quản lý thư viện <br>
                        <img src="img\telephone.png">&nbsp; Liên hệ:  024 3754 7823 - Địa chỉ: Cầu Giấy, TP.Hà Nội
                    </p>
                    <p style="color: rgb(153, 0, 0); font-size: 14.5; margin-left: 750px; margin-top: -80px">
                        <img src="img\light-bulb.png">&nbsp; Thiết kế bởi: Nhóm 6-CĐTN2
                    </p>
                </div>
            </div>

            <div id="tracuu" class="tabcontent">
<!-- tra cuu -->
                <div class="timkiem">
                    <form method="post">
                        <p style="color: blue; margin-top: 50px;">
                            <img src="img\searching.png"> 
                            <b>Tìm kiếm sách </b> 
                            <input type="text" name="timkiem" style="margin-left: 15px;" placeholder=" Nhập...">
                            <input type="submit" name="timkiem_sach" value="Tìm kiếm" style="background-color: white; color: blue; font-weight: bold; margin-left: 20px;">
                        </p>
                        <p style= "margin-top: 35px; margin-left: 40px; color: blue;">
                            Lọc theo thể loại 
                            <select class="form-select_tl" name="form-select_tl" aria-label="Default select example" style="color: black; margin-left: 3px;">
                                <option value="" disabled selected> Tìm theo thể loại </option>
                                <option value="1"> Giáo trình học </option>
                                <option value="2"> Sách tham khảo </option>
                                <option value="3"> Văn hóa lịch sử </option>
                                <option value="4"> Chính trị, Pháp luật </option>
                                <option value="5"> Tạp chí </option>
                            </select>
                        </p>
                    </form>
                </div>
                <div class="table_tc" >
                    <div class="table-wrapper-scroll-y my-custom-scrollbar_tc" style="margin-top: 45px;">

                        <table class="table table-bordered table-striped mb-0">
                            <thead>
                                <tr>
                                    <th scope="col">STT</th>
                                    <th scope="col">Tên sách</th>
                                    <th scope="col">Thể loại</th>
                                    <th scope="col">Tác giả</th>
                                    <th scope="col">Nhà xuất bản</th>
                                    <th scope="col">Số lượng</th>
                                    <th scope="col">Thêm vào dsm</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
    <th scope='row'> 1 </th>
    <td> Lập Trình C Căn Bản Và Nâng Cao </td>
    <td> Giáo trình học </td>
    <td> Phạm Văn Ất </td>
    <td> Giao thông vận tải </td>
    <td> 52 </td>
    <td > 
        <button type='button' class='btn btn-primary' data-toggle='modal' data-target='#exampleModal' style='background-color: none; color: blue; font-size: 14px; border: 0px; height: 0px; width: 0px; padding: 0px; margin-top: -20px; margin-left: 15px;' >
            <b>Mượn sách</b>
        </button>

        <!-- Modal -->
        <div class='modal fade' id='exampleModal' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel' aria-hidden='true'>
            <div class='modal-dialog' role='document' style='width: 1000px; margin-left: 250px; margin-top: 150px;'>
                <div class='modal-content' style='width: 900px;'>
                    <div class='modal-header'></div>

                    <div class='modal-body' style='background-color: rgb(255, 255, 204); height:350px'>
                        <div>
                            <img src='img\learning.png' style='margin-top:20px; margin-left: 80px;'>
                            <hr style='width: 1px; height: 350px; background-color: #ddd; margin-top: -297px; text-align: center;'>
                            <div style='margin-left:475px; margin-top: -335px;'>
                                <form action='' method='post' id='f_qldg' name='f_qldg'>
                                    <div style='margin-top: 0px; margin-left: 115px;'>
                                        <h4 ><b>Đăng nhập</b></h4>
                                    </div>
                                    <p style='margin-top: 25px;'>
                                        Chức vụ: 
                                        <select class='form-select' name='form-select' aria-label='Default select example' style='color: black; margin-left: 70px; height: 35px; width: 120px;'>
                                            <option value='1'> Độc giả </option>
                                            <option value='2'> Thủ thư </option>
                                        </select>                                              
                                    </p>
                                    <p>Tên đăng nhập: &nbsp; <input type='text' name='tendangnhap' style='width: 180px;' required></p>
                                    <p>Mật khẩu: <input type='password' name='password' id='password' style='width: 180px; margin-left: 63px;' minlength='3' required></p>
                                    <div>
                                        <input type='submit' style='margin-left: 65px; font-weight: bold; background-color: white;' value='Đăng nhập'>
                                        <button type='button' data-dismiss='modal' style='margin-left: 15px;'><b>Thoát</b></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class='modal-footer'></div>
                </div>
            </div>
        </div>
    </td>
</tr><tr>
    <th scope='row'> 2 </th>
    <td> Bush Và Quyền Lực Nước Mỹ </td>
    <td> Chính trị, Pháp luật </td>
    <td> Bob Woodward </td>
    <td> NXB Lao Động </td>
    <td> 75 </td>
    <td > 
        <button type='button' class='btn btn-primary' data-toggle='modal' data-target='#exampleModal' style='background-color: none; color: blue; font-size: 14px; border: 0px; height: 0px; width: 0px; padding: 0px; margin-top: -20px; margin-left: 15px;' >
            <b>Mượn sách</b>
        </button>

        <!-- Modal -->
        <div class='modal fade' id='exampleModal' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel' aria-hidden='true'>
            <div class='modal-dialog' role='document' style='width: 1000px; margin-left: 250px; margin-top: 150px;'>
                <div class='modal-content' style='width: 900px;'>
                    <div class='modal-header'></div>

                    <div class='modal-body' style='background-color: rgb(255, 255, 204); height:350px'>
                        <div>
                            <img src='img\learning.png' style='margin-top:20px; margin-left: 80px;'>
                            <hr style='width: 1px; height: 350px; background-color: #ddd; margin-top: -297px; text-align: center;'>
                            <div style='margin-left:475px; margin-top: -335px;'>
                                <form action='' method='post' id='f_qldg' name='f_qldg'>
                                    <div style='margin-top: 0px; margin-left: 115px;'>
                                        <h4 ><b>Đăng nhập</b></h4>
                                    </div>
                                    <p style='margin-top: 25px;'>
                                        Chức vụ: 
                                        <select class='form-select' name='form-select' aria-label='Default select example' style='color: black; margin-left: 70px; height: 35px; width: 120px;'>
                                            <option value='1'> Độc giả </option>
                                            <option value='2'> Thủ thư </option>
                                        </select>                                              
                                    </p>
                                    <p>Tên đăng nhập: &nbsp; <input type='text' name='tendangnhap' style='width: 180px;' required></p>
                                    <p>Mật khẩu: <input type='password' name='password' id='password' style='width: 180px; margin-left: 63px;' minlength='3' required></p>
                                    <div>
                                        <input type='submit' style='margin-left: 65px; font-weight: bold; background-color: white;' value='Đăng nhập'>
                                        <button type='button' data-dismiss='modal' style='margin-left: 15px;'><b>Thoát</b></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class='modal-footer'></div>
                </div>
            </div>
        </div>
    </td>
</tr><tr>
    <th scope='row'> 3 </th>
    <td> World Literature Today </td>
    <td> Tạp chí </td>
    <td> Daniel Simon </td>
    <td> University of Oklahoma </td>
    <td> 14 </td>
    <td > 
        <button type='button' class='btn btn-primary' data-toggle='modal' data-target='#exampleModal' style='background-color: none; color: blue; font-size: 14px; border: 0px; height: 0px; width: 0px; padding: 0px; margin-top: -20px; margin-left: 15px;' >
            <b>Mượn sách</b>
        </button>

        <!-- Modal -->
        <div class='modal fade' id='exampleModal' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel' aria-hidden='true'>
            <div class='modal-dialog' role='document' style='width: 1000px; margin-left: 250px; margin-top: 150px;'>
                <div class='modal-content' style='width: 900px;'>
                    <div class='modal-header'></div>

                    <div class='modal-body' style='background-color: rgb(255, 255, 204); height:350px'>
                        <div>
                            <img src='img\learning.png' style='margin-top:20px; margin-left: 80px;'>
                            <hr style='width: 1px; height: 350px; background-color: #ddd; margin-top: -297px; text-align: center;'>
                            <div style='margin-left:475px; margin-top: -335px;'>
                                <form action='' method='post' id='f_qldg' name='f_qldg'>
                                    <div style='margin-top: 0px; margin-left: 115px;'>
                                        <h4 ><b>Đăng nhập</b></h4>
                                    </div>
                                    <p style='margin-top: 25px;'>
                                        Chức vụ: 
                                        <select class='form-select' name='form-select' aria-label='Default select example' style='color: black; margin-left: 70px; height: 35px; width: 120px;'>
                                            <option value='1'> Độc giả </option>
                                            <option value='2'> Thủ thư </option>
                                        </select>                                              
                                    </p>
                                    <p>Tên đăng nhập: &nbsp; <input type='text' name='tendangnhap' style='width: 180px;' required></p>
                                    <p>Mật khẩu: <input type='password' name='password' id='password' style='width: 180px; margin-left: 63px;' minlength='3' required></p>
                                    <div>
                                        <input type='submit' style='margin-left: 65px; font-weight: bold; background-color: white;' value='Đăng nhập'>
                                        <button type='button' data-dismiss='modal' style='margin-left: 15px;'><b>Thoát</b></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class='modal-footer'></div>
                </div>
            </div>
        </div>
    </td>
</tr><tr>
    <th scope='row'> 4 </th>
    <td> Glimmer Train </td>
    <td> Tạp chí </td>
    <td> Linda Swanson-Davies </td>
    <td> Glimmer Train Press (Hoa Kỳ) </td>
    <td> 0 </td>
    <td > 
        <button type='button' class='btn btn-primary' data-toggle='modal' data-target='#exampleModal' style='background-color: none; color: blue; font-size: 14px; border: 0px; height: 0px; width: 0px; padding: 0px; margin-top: -20px; margin-left: 15px;' >
            <b>Mượn sách</b>
        </button>

        <!-- Modal -->
        <div class='modal fade' id='exampleModal' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel' aria-hidden='true'>
            <div class='modal-dialog' role='document' style='width: 1000px; margin-left: 250px; margin-top: 150px;'>
                <div class='modal-content' style='width: 900px;'>
                    <div class='modal-header'></div>

                    <div class='modal-body' style='background-color: rgb(255, 255, 204); height:350px'>
                        <div>
                            <img src='img\learning.png' style='margin-top:20px; margin-left: 80px;'>
                            <hr style='width: 1px; height: 350px; background-color: #ddd; margin-top: -297px; text-align: center;'>
                            <div style='margin-left:475px; margin-top: -335px;'>
                                <form action='' method='post' id='f_qldg' name='f_qldg'>
                                    <div style='margin-top: 0px; margin-left: 115px;'>
                                        <h4 ><b>Đăng nhập</b></h4>
                                    </div>
                                    <p style='margin-top: 25px;'>
                                        Chức vụ: 
                                        <select class='form-select' name='form-select' aria-label='Default select example' style='color: black; margin-left: 70px; height: 35px; width: 120px;'>
                                            <option value='1'> Độc giả </option>
                                            <option value='2'> Thủ thư </option>
                                        </select>                                              
                                    </p>
                                    <p>Tên đăng nhập: &nbsp; <input type='text' name='tendangnhap' style='width: 180px;' required></p>
                                    <p>Mật khẩu: <input type='password' name='password' id='password' style='width: 180px; margin-left: 63px;' minlength='3' required></p>
                                    <div>
                                        <input type='submit' style='margin-left: 65px; font-weight: bold; background-color: white;' value='Đăng nhập'>
                                        <button type='button' data-dismiss='modal' style='margin-left: 15px;'><b>Thoát</b></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class='modal-footer'></div>
                </div>
            </div>
        </div>
    </td>
</tr><tr>
    <th scope='row'> 5 </th>
    <td> PHP: The Complete Reference </td>
    <td> Giáo trình học </td>
    <td> Steven Holzner </td>
    <td> McGraw Hill; 1st edition </td>
    <td> 48 </td>
    <td > 
        <button type='button' class='btn btn-primary' data-toggle='modal' data-target='#exampleModal' style='background-color: none; color: blue; font-size: 14px; border: 0px; height: 0px; width: 0px; padding: 0px; margin-top: -20px; margin-left: 15px;' >
            <b>Mượn sách</b>
        </button>

        <!-- Modal -->
        <div class='modal fade' id='exampleModal' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel' aria-hidden='true'>
            <div class='modal-dialog' role='document' style='width: 1000px; margin-left: 250px; margin-top: 150px;'>
                <div class='modal-content' style='width: 900px;'>
                    <div class='modal-header'></div>

                    <div class='modal-body' style='background-color: rgb(255, 255, 204); height:350px'>
                        <div>
                            <img src='img\learning.png' style='margin-top:20px; margin-left: 80px;'>
                            <hr style='width: 1px; height: 350px; background-color: #ddd; margin-top: -297px; text-align: center;'>
                            <div style='margin-left:475px; margin-top: -335px;'>
                                <form action='' method='post' id='f_qldg' name='f_qldg'>
                                    <div style='margin-top: 0px; margin-left: 115px;'>
                                        <h4 ><b>Đăng nhập</b></h4>
                                    </div>
                                    <p style='margin-top: 25px;'>
                                        Chức vụ: 
                                        <select class='form-select' name='form-select' aria-label='Default select example' style='color: black; margin-left: 70px; height: 35px; width: 120px;'>
                                            <option value='1'> Độc giả </option>
                                            <option value='2'> Thủ thư </option>
                                        </select>                                              
                                    </p>
                                    <p>Tên đăng nhập: &nbsp; <input type='text' name='tendangnhap' style='width: 180px;' required></p>
                                    <p>Mật khẩu: <input type='password' name='password' id='password' style='width: 180px; margin-left: 63px;' minlength='3' required></p>
                                    <div>
                                        <input type='submit' style='margin-left: 65px; font-weight: bold; background-color: white;' value='Đăng nhập'>
                                        <button type='button' data-dismiss='modal' style='margin-left: 15px;'><b>Thoát</b></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class='modal-footer'></div>
                </div>
            </div>
        </div>
    </td>
</tr><tr>
    <th scope='row'> 6 </th>
    <td> Việt Nam phong tục </td>
    <td> Văn hóa lịch sử </td>
    <td> Phan Kế Bính </td>
    <td> NXB Văn học </td>
    <td> 994 </td>
    <td > 
        <button type='button' class='btn btn-primary' data-toggle='modal' data-target='#exampleModal' style='background-color: none; color: blue; font-size: 14px; border: 0px; height: 0px; width: 0px; padding: 0px; margin-top: -20px; margin-left: 15px;' >
            <b>Mượn sách</b>
        </button>

        <!-- Modal -->
        <div class='modal fade' id='exampleModal' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel' aria-hidden='true'>
            <div class='modal-dialog' role='document' style='width: 1000px; margin-left: 250px; margin-top: 150px;'>
                <div class='modal-content' style='width: 900px;'>
                    <div class='modal-header'></div>

                    <div class='modal-body' style='background-color: rgb(255, 255, 204); height:350px'>
                        <div>
                            <img src='img\learning.png' style='margin-top:20px; margin-left: 80px;'>
                            <hr style='width: 1px; height: 350px; background-color: #ddd; margin-top: -297px; text-align: center;'>
                            <div style='margin-left:475px; margin-top: -335px;'>
                                <form action='' method='post' id='f_qldg' name='f_qldg'>
                                    <div style='margin-top: 0px; margin-left: 115px;'>
                                        <h4 ><b>Đăng nhập</b></h4>
                                    </div>
                                    <p style='margin-top: 25px;'>
                                        Chức vụ: 
                                        <select class='form-select' name='form-select' aria-label='Default select example' style='color: black; margin-left: 70px; height: 35px; width: 120px;'>
                                            <option value='1'> Độc giả </option>
                                            <option value='2'> Thủ thư </option>
                                        </select>                                              
                                    </p>
                                    <p>Tên đăng nhập: &nbsp; <input type='text' name='tendangnhap' style='width: 180px;' required></p>
                                    <p>Mật khẩu: <input type='password' name='password' id='password' style='width: 180px; margin-left: 63px;' minlength='3' required></p>
                                    <div>
                                        <input type='submit' style='margin-left: 65px; font-weight: bold; background-color: white;' value='Đăng nhập'>
                                        <button type='button' data-dismiss='modal' style='margin-left: 15px;'><b>Thoát</b></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class='modal-footer'></div>
                </div>
            </div>
        </div>
    </td>
</tr><tr>
    <th scope='row'> 7 </th>
    <td> Một Số Chủ Đề Số Học </td>
    <td> Sách tham khảo </td>
    <td>  Nguyễn Nhất Huy </td>
    <td> ĐHQGHN </td>
    <td> 502 </td>
    <td > 
        <button type='button' class='btn btn-primary' data-toggle='modal' data-target='#exampleModal' style='background-color: none; color: blue; font-size: 14px; border: 0px; height: 0px; width: 0px; padding: 0px; margin-top: -20px; margin-left: 15px;' >
            <b>Mượn sách</b>
        </button>

        <!-- Modal -->
        <div class='modal fade' id='exampleModal' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel' aria-hidden='true'>
            <div class='modal-dialog' role='document' style='width: 1000px; margin-left: 250px; margin-top: 150px;'>
                <div class='modal-content' style='width: 900px;'>
                    <div class='modal-header'></div>

                    <div class='modal-body' style='background-color: rgb(255, 255, 204); height:350px'>
                        <div>
                            <img src='img\learning.png' style='margin-top:20px; margin-left: 80px;'>
                            <hr style='width: 1px; height: 350px; background-color: #ddd; margin-top: -297px; text-align: center;'>
                            <div style='margin-left:475px; margin-top: -335px;'>
                                <form action='' method='post' id='f_qldg' name='f_qldg'>
                                    <div style='margin-top: 0px; margin-left: 115px;'>
                                        <h4 ><b>Đăng nhập</b></h4>
                                    </div>
                                    <p style='margin-top: 25px;'>
                                        Chức vụ: 
                                        <select class='form-select' name='form-select' aria-label='Default select example' style='color: black; margin-left: 70px; height: 35px; width: 120px;'>
                                            <option value='1'> Độc giả </option>
                                            <option value='2'> Thủ thư </option>
                                        </select>                                              
                                    </p>
                                    <p>Tên đăng nhập: &nbsp; <input type='text' name='tendangnhap' style='width: 180px;' required></p>
                                    <p>Mật khẩu: <input type='password' name='password' id='password' style='width: 180px; margin-left: 63px;' minlength='3' required></p>
                                    <div>
                                        <input type='submit' style='margin-left: 65px; font-weight: bold; background-color: white;' value='Đăng nhập'>
                                        <button type='button' data-dismiss='modal' style='margin-left: 15px;'><b>Thoát</b></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class='modal-footer'></div>
                </div>
            </div>
        </div>
    </td>
</tr><tr>
    <th scope='row'> 8 </th>
    <td> Chính Trị Thế Giới Sau Năm 1945 </td>
    <td> Chính trị, Pháp luật </td>
    <td> Peter Calvocoressi </td>
    <td> NXB Lao Động </td>
    <td> 499 </td>
    <td > 
        <button type='button' class='btn btn-primary' data-toggle='modal' data-target='#exampleModal' style='background-color: none; color: blue; font-size: 14px; border: 0px; height: 0px; width: 0px; padding: 0px; margin-top: -20px; margin-left: 15px;' >
            <b>Mượn sách</b>
        </button>

        <!-- Modal -->
        <div class='modal fade' id='exampleModal' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel' aria-hidden='true'>
            <div class='modal-dialog' role='document' style='width: 1000px; margin-left: 250px; margin-top: 150px;'>
                <div class='modal-content' style='width: 900px;'>
                    <div class='modal-header'></div>

                    <div class='modal-body' style='background-color: rgb(255, 255, 204); height:350px'>
                        <div>
                            <img src='img\learning.png' style='margin-top:20px; margin-left: 80px;'>
                            <hr style='width: 1px; height: 350px; background-color: #ddd; margin-top: -297px; text-align: center;'>
                            <div style='margin-left:475px; margin-top: -335px;'>
                                <form action='' method='post' id='f_qldg' name='f_qldg'>
                                    <div style='margin-top: 0px; margin-left: 115px;'>
                                        <h4 ><b>Đăng nhập</b></h4>
                                    </div>
                                    <p style='margin-top: 25px;'>
                                        Chức vụ: 
                                        <select class='form-select' name='form-select' aria-label='Default select example' style='color: black; margin-left: 70px; height: 35px; width: 120px;'>
                                            <option value='1'> Độc giả </option>
                                            <option value='2'> Thủ thư </option>
                                        </select>                                              
                                    </p>
                                    <p>Tên đăng nhập: &nbsp; <input type='text' name='tendangnhap' style='width: 180px;' required></p>
                                    <p>Mật khẩu: <input type='password' name='password' id='password' style='width: 180px; margin-left: 63px;' minlength='3' required></p>
                                    <div>
                                        <input type='submit' style='margin-left: 65px; font-weight: bold; background-color: white;' value='Đăng nhập'>
                                        <button type='button' data-dismiss='modal' style='margin-left: 15px;'><b>Thoát</b></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class='modal-footer'></div>
                </div>
            </div>
        </div>
    </td>
</tr><tr>
    <th scope='row'> 9 </th>
    <td> Tony Blair – Hành Trình Chính Trị Của Tôi </td>
    <td> Tạp chí </td>
    <td> Tony Blair </td>
    <td> Công An Nhân Dân </td>
    <td> 199 </td>
    <td > 
        <button type='button' class='btn btn-primary' data-toggle='modal' data-target='#exampleModal' style='background-color: none; color: blue; font-size: 14px; border: 0px; height: 0px; width: 0px; padding: 0px; margin-top: -20px; margin-left: 15px;' >
            <b>Mượn sách</b>
        </button>

        <!-- Modal -->
        <div class='modal fade' id='exampleModal' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel' aria-hidden='true'>
            <div class='modal-dialog' role='document' style='width: 1000px; margin-left: 250px; margin-top: 150px;'>
                <div class='modal-content' style='width: 900px;'>
                    <div class='modal-header'></div>

                    <div class='modal-body' style='background-color: rgb(255, 255, 204); height:350px'>
                        <div>
                            <img src='img\learning.png' style='margin-top:20px; margin-left: 80px;'>
                            <hr style='width: 1px; height: 350px; background-color: #ddd; margin-top: -297px; text-align: center;'>
                            <div style='margin-left:475px; margin-top: -335px;'>
                                <form action='' method='post' id='f_qldg' name='f_qldg'>
                                    <div style='margin-top: 0px; margin-left: 115px;'>
                                        <h4 ><b>Đăng nhập</b></h4>
                                    </div>
                                    <p style='margin-top: 25px;'>
                                        Chức vụ: 
                                        <select class='form-select' name='form-select' aria-label='Default select example' style='color: black; margin-left: 70px; height: 35px; width: 120px;'>
                                            <option value='1'> Độc giả </option>
                                            <option value='2'> Thủ thư </option>
                                        </select>                                              
                                    </p>
                                    <p>Tên đăng nhập: &nbsp; <input type='text' name='tendangnhap' style='width: 180px;' required></p>
                                    <p>Mật khẩu: <input type='password' name='password' id='password' style='width: 180px; margin-left: 63px;' minlength='3' required></p>
                                    <div>
                                        <input type='submit' style='margin-left: 65px; font-weight: bold; background-color: white;' value='Đăng nhập'>
                                        <button type='button' data-dismiss='modal' style='margin-left: 15px;'><b>Thoát</b></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class='modal-footer'></div>
                </div>
            </div>
        </div>
    </td>
</tr><tr>
    <th scope='row'> 10 </th>
    <td> 500 câu hỏi đáp sắc màu văn hóa Việt Nam </td>
    <td> Văn hóa lịch sử </td>
    <td> Hà Nguyễn </td>
    <td> NXB Thông tấn </td>
    <td> 98 </td>
    <td > 
        <button type='button' class='btn btn-primary' data-toggle='modal' data-target='#exampleModal' style='background-color: none; color: blue; font-size: 14px; border: 0px; height: 0px; width: 0px; padding: 0px; margin-top: -20px; margin-left: 15px;' >
            <b>Mượn sách</b>
        </button>

        <!-- Modal -->
        <div class='modal fade' id='exampleModal' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel' aria-hidden='true'>
            <div class='modal-dialog' role='document' style='width: 1000px; margin-left: 250px; margin-top: 150px;'>
                <div class='modal-content' style='width: 900px;'>
                    <div class='modal-header'></div>

                    <div class='modal-body' style='background-color: rgb(255, 255, 204); height:350px'>
                        <div>
                            <img src='img\learning.png' style='margin-top:20px; margin-left: 80px;'>
                            <hr style='width: 1px; height: 350px; background-color: #ddd; margin-top: -297px; text-align: center;'>
                            <div style='margin-left:475px; margin-top: -335px;'>
                                <form action='' method='post' id='f_qldg' name='f_qldg'>
                                    <div style='margin-top: 0px; margin-left: 115px;'>
                                        <h4 ><b>Đăng nhập</b></h4>
                                    </div>
                                    <p style='margin-top: 25px;'>
                                        Chức vụ: 
                                        <select class='form-select' name='form-select' aria-label='Default select example' style='color: black; margin-left: 70px; height: 35px; width: 120px;'>
                                            <option value='1'> Độc giả </option>
                                            <option value='2'> Thủ thư </option>
                                        </select>                                              
                                    </p>
                                    <p>Tên đăng nhập: &nbsp; <input type='text' name='tendangnhap' style='width: 180px;' required></p>
                                    <p>Mật khẩu: <input type='password' name='password' id='password' style='width: 180px; margin-left: 63px;' minlength='3' required></p>
                                    <div>
                                        <input type='submit' style='margin-left: 65px; font-weight: bold; background-color: white;' value='Đăng nhập'>
                                        <button type='button' data-dismiss='modal' style='margin-left: 15px;'><b>Thoát</b></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class='modal-footer'></div>
                </div>
            </div>
        </div>
    </td>
</tr>
                            </tbody>
                        </table>

                    </div>
                </div>        
            </div>

            <div id="csrt" class="tabcontent">
                <p style="margin-top: 30px; margin-left: 20px; text-align: justify; width: 95%;"> 
                    Tất cả các thành viên trong nhà trường đều là bạn đọc của thư viện. Bạn đọc cần thực hiện đúng các quy định sau:
                </p>
                <p style="margin-left: 20px; text-align: justify; width: 95%;"> 
                    1. Vào thư viện, giữ gìn trật tự, im lặng và giữ vệ sinh chung.</br>
                    2. Để mượn sách, bạn đọc phải xuất trình thẻ sinh viên hoặc sử dụng tài khoản đã đăng ký.</br>

                    3. Nếu chưa đọc xong, bạn đọc đến thư viện xin gia hạn. Chưa trả sách cũ không được mượn sách mới.</br>

                    4. Báo, tạp chí và một số sách quý hiếm chỉ được sử dụng tại chỗ, không mượn mang về nhà.</br>

                    5. Sách báo là tài sản chung, mọi người phải có trách nhiệm bảo quản giữ gìn sách báo cẩn thận, không làm rách, bẩn, viết, &emsp;vẽ, đánh dấu vào sách.</br>

                    6. Bạn đọc làm mất sách phải đền sách mới hoặc đền tương đương với giá trị thực tế. Nếu làm hư hỏng, tùy theo mức độ &emsp;phải bồi thường thỏa đáng.</br>

                    7. Bạn đọc nào vi phạm nội quy, tùy theo mức độ thư viện sẽ có hình thức xử lý thích hợp.</br>
                </p>
                <p style="margin-top: 30px; margin-left: 20px; text-align: justify;  width: 95%;"> 
                    <span style="color: red;">*Lưu ý:</span> Số tiền đặt cọc bằng giá ở bìa sách. </br>
                    &emsp;- Nếu làm mất sách hoặc làm cho tài liệu hoàn toàn không sử dụng được thì đền tiền bằng: </br>
                    &emsp;&ensp;<span style="background-color: yellow;">Giá bìa x 2 + 50.000đ/sách + tiền phạt quá hạn (nếu có)</span>.</br>
                    &emsp;- Nếu làm hư hỏng sách: </br>
                    &emsp;&ensp;  Mất trang: <span style="background-color: yellow;">10.000đ/trang</span>.</br>
                    &emsp;&ensp;  Viết, vẽ lên tài liệu: <span style="background-color: yellow;">30.000đ/trang</span>.</br>
                &emsp;- Phạt trễ hạn: <span style="background-color: yellow;">3.000đ/sách/ngày</span>.</br>
                </p>
            </div>
        </article>
        
        <footer style="margin-top: -130px; background-color: #ccccff; width: 100%; height: 220px;" >

            <img src="img\footer.jpg" style="width: 100%; height: 220px; margin-top: 5px;">
            <div class="footer-" style="margin-top: -210px; margin-left: 200px;">
                <a href="index.php"><img src="img\hnue.png" width="50px" height="50px"></a>
                <div style="margin-left:100px; margin-top: -50px;">
                    <h6 style="color: white;"> Bản đồ chỉ dẫn</h6>
                    <p style="color: white; font-size: 14px; margin-top: -8px;">Trường đại học Sư phạm Hà Nội</p>
                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14895.522067484795!2d105.7833679!3d21.0374663!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ab355cc2239b%3A0x9ae247114fb38da3!2zVHLGsOG7nW5nIMSQ4bqhaSBI4buNYyBTxrAgUGjhuqFtIEjDoCBO4buZaQ!5e0!3m2!1svi!2s!4v1729229911034!5m2!1svi!2s" width="250" height="150" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    <div style="color: white; margin-left: 300px; margin-top: -170px"> 
                        <h6>Trụ sở chính</h6>
                        <p style="font-size: 14px;">
                        136 Đ. Xuân Thủy, Dịch Vọng Hậu, Cầu Giấy, Hà Nội <br> 024 3754 7823 <br>Email: p.hcdn@hnue.edu.vn
                        </p>
                        
                        <div style="margin-left: 400px; margin-top: -150px;">
                            <h6>Liên kết site</h6>
                            <p style="font-size: 14px;">
                                <a href="https://hnue.edu.vn/">Trường Đại học Sư phạm Hà Nội</a><br>
                                <a href="https://tuyensinh.hnue.edu.vn/">Cổng thông tin tuyển sinh</a> <br>
                                <a href="https://hnue.edu.vn/Gi%E1%BB%9Bi-thi%E1%BB%87u">Giới thiệu</a> <br>
                                <a href="https://hnue.edu.vn/daotao">Cổng thông tin đào tạo</a> <br><br>
                                <a href="https://www.facebook.com/dhsphnhnue/?locale=vi_VN/"><img src="https://www.haui.edu.vn/dnn/web/haui/assets/images/svg/facebook.svg" width="32px" height="32px"></a>
                                <a href="https://www.youtube.com/@TruongaihocSuphamHaNoiHNUE" style="margin-left:10px;"><img src="https://www.haui.edu.vn/dnn/web/haui/assets/images/svg/youtube.svg" width="32px" height="32px"></a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

        </footer>

        <section style="width: 100%; height:28px; background-color: #083970; color: white; font-size:16px; margin-top: 5px; text-align: center;">
             Copyright © 2021 <a href="#" style="color: white;">Đại Học Sư Phạm Hà Nội</a>
        </section>
        <script>
//tab trang chu
            function openTrangChu(evt, funcName) {
                var i, tabcontent, tablinks;
                    tabcontent = document.getElementsByClassName("tabcontent");
                for (i = 0; i < tabcontent.length; i++) {
                    tabcontent[i].style.display = "none";
                }
                tablinks = document.getElementsByClassName("tablinks");
                for (i = 0; i < tablinks.length; i++) {
                    tablinks[i].className = tablinks[i].className.replace(" active", "");
                }
                document.getElementById(funcName).style.display = "block";
                evt.currentTarget.className += " active";
            }
            // Get the element with id="defaultOpen" and click on it
            document.getElementById("defaultOpenTrangChu").click();
        </script>
    </body>
</html>

