| Server IP : 14.225.204.176 / Your IP : 216.73.216.6 Web Server : nginx/1.24.0 System : Linux nodejs-ybgk 6.8.0-40-generic #40-Ubuntu SMP PREEMPT_DYNAMIC Fri Jul 5 10:34:03 UTC 2024 x86_64 User : root ( 0) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/php/web-kindie.io/html2021/HTML-FrontEnd/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<title>Attendance</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- <link rel="icon" type="image/png" href="favicon.png"/> -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link type="text/css" href="stylesheets/bootstrap.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="stylesheets/slick.css">
<link rel="stylesheet" href="stylesheets/font-awesome.css">
<link rel="stylesheet" href="stylesheets/magnific-popup.css">
<link rel="stylesheet" href="stylesheets/jquery.mCustomScrollbar.css">
<link type="text/css" href="stylesheets/style.css" rel="stylesheet"/>
</head>
<body>
<!-- header -->
<header class="header-site">
<div class="header-middle">
<nav class="navbar navbar-expand-lg">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
</button>
<a class="navbar-brand" href="#">
<img src="images/logo.png" alt="">
</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<button class="btn-clear btn-close-menu"></button>
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Trang chủ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Giáo viên</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Tin tức</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Liên hệ</a>
</li>
</ul>
</div>
<div class="use-login">
<button class="btn-clear btn-account dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="images/upload/avatar-2.png" alt="">
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<li><a class="dropdown-item" href="#"><i class="ico-manager"></i> Quản lý</a></li>
<li><a class="dropdown-item" href="#"><i class="ico-user"></i> Tài khoản</a></li>
<li><a class="dropdown-item" href="#"><i class="ico-logout"></i> Đăng xuất</a></li>
</ul>
</div>
</div>
</nav>
</div><!-- /.header-middle -->
<div class="bg-menu-mobile"></div>
</header>
<!-- e: header -->
<!-- main content -->
<main class="main-content">
<!-- start class -->
<div class="class">
<div class="class-header">
<div class="container">
<div class="page-breadcrum">
<div class="location order-2 order-md-1">
<h2 class="main-label h3">Mầm 1</h2>
<ul class="sub-label">
<li>Học sinh: 23</li>
<li>Giáo viên: 2</li>
</ul>
</div>
<div class="action order-1 order-md-2">
<a href="#" class="action-invite" data-toggle="modal" data-target="#modalAddParent"><i class="plus-o"></i> Mời phụ huynh</a>
<a href="#" class="config"><i class="ico-cog"></i></a>
</div>
</div>
<div class="tablist-header">
<ul class="nav nav-tabs-custom" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="nav1-tab" data-toggle="tab" href="#nav1" role="tab" aria-controls="nav1" aria-selected="true">Học sinh</a>
</li>
<li class="nav-item">
<a class="nav-link" id="nav2-tab" data-toggle="tab" href="#nav2" role="tab" aria-controls="nav2" aria-selected="false">Tin nhắn <span class="count">2</span> </a>
</li>
<li class="nav-item">
<a class="nav-link" id="nav3-tab" data-toggle="tab" href="#nav3" role="tab" aria-controls="nav3" aria-selected="false">Thực đơn</a>
</li>
<li class="nav-item">
<a class="nav-link" id="nav4-tab" data-toggle="tab" href="#nav4" role="tab" aria-controls="nav4" aria-selected="false">Thời khóa biểu</a>
</li>
<li class="nav-item">
<a class="nav-link" id="nav5-tab" data-toggle="tab" href="#nav5" role="tab" aria-controls="nav5" aria-selected="false">Học phí</a>
</li>
</ul>
</div>
</div>
</div><!-- .class-header -->
<div class="class-content tab-content">
<div class="tab-pane fade show active pane1" id="nav1">
<div class="container">
<div class="students">
<div class="student">
<a href="#" data-toggle="modal" data-target="#modal1">
<div class="attendance on"><i class="star"></i></div>
<div class="student-pic">
<img src="images/upload/student-avatar.png" alt="">
</div>
<div class="student-name">Anh Thi</div>
</a>
</div><!-- /.student -->
<div class="student">
<a href="#" data-toggle="modal" data-target="#modal1">
<div class="attendance off"><i class="star"></i></div>
<div class="student-pic">
<img src="images/upload/student-avatar.png" alt="">
</div>
<div class="student-name">Anh Thi Anh Thi Anh Thi</div>
</a>
</div><!-- /.student -->
<div class="student">
<a href="#" data-toggle="modal" data-target="#modal1">
<div class="attendance on-half"><i class="star"></i></div>
<div class="student-pic">
<img src="images/upload/student-avatar.png" alt="">
</div>
<div class="student-name">Anh Thi</div>
</a>
</div><!-- /.student -->
<div class="student">
<a href="#" data-toggle="modal" data-target="#modal1">
<div class="attendance on-half"><i class="star"></i></div>
<div class="student-pic">
<img src="images/upload/student-avatar.png" alt="">
</div>
<div class="student-name">Anh Thi Anh Thi Anh Thi</div>
</a>
</div><!-- /.student -->
<div class="student">
<a href="#" data-toggle="modal" data-target="#modal1">
<div class="attendance on-half"><i class="star"></i></div>
<div class="student-pic">
<img src="images/upload/student-avatar.png" alt="">
</div>
<div class="student-name">Anh Thi</div>
</a>
</div><!-- /.student -->
<div class="student">
<a href="#" data-toggle="modal" data-target="#modal1">
<div class="attendance on-half"><i class="star"></i></div>
<div class="student-pic">
<img src="images/upload/student-avatar.png" alt="">
</div>
<div class="student-name">Anh Thi Anh Thi Anh Thi</div>
</a>
</div><!-- /.student -->
<div class="student">
<a href="#" data-toggle="modal" data-target="#modal1">
<div class="attendance on-half"><i class="star"></i></div>
<div class="student-pic">
<img src="images/upload/student-avatar.png" alt="">
</div>
<div class="student-name">Anh Thi</div>
</a>
</div><!-- /.student -->
<div class="student">
<a href="#" data-toggle="modal" data-target="#modal1">
<div class="attendance on-half"><i class="star"></i></div>
<div class="student-pic">
<img src="images/upload/student-avatar.png" alt="">
</div>
<div class="student-name">Anh Thi Anh Thi Anh Thi</div>
</a>
</div><!-- /.student -->
</div><!-- /.students -->
</div>
<div class="toolbar-footer toolbar-attendance">
<div class="container">
<div class="toolbar">
<ul class="toolbar-list">
<li>
<a href="#" data-toggle="modal" data-target="#exmodal1"><span class="attendance-sm-on"><i class="ico-attendance-sm"></i></span> Điểm danh tất cả</a>
</li>
<li>
<a href="#"><span class="attendance-sm-off"><i class="ico-attendance-sm"></i></span> Vắng tất cả</a>
</li>
</ul>
<div class="toolbar-action">
<a href="#" class="btn btn-outline-grey">HỦY</a>
<a href="#" class="btn btn-main">LƯU</a>
</div>
</div>
</div>
</div><!-- .toolbar-footer -->
</div><!-- e: tab 1-->
<div class="tab-pane fade pane2" id="nav2">
<div class="container">
<div class="inbox">
<aside class="mCustomScrollbar custom-scrollbar sideleft-chat">
<ul class="chat">
<li class="active chat-item">
<div class="chat-thumb">
<img src="images/upload/avatar-2.png" alt="">
<span class="status online"></span>
</div>
<div class="chat-username">
<div class="username">Tất cả</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/student-avatar.png" alt="">
<span class="status online"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
<span class="count">1</span>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/avatar.png" alt="">
<span class="status always"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi Anh Thi</div>
<span class="count">1</span>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
<li class="chat-item">
<div class="chat-thumb">
<img src="images/upload/teacher-3.jpg" alt="">
<span class="status offline"></span>
</div>
<div class="chat-username">
<div class="username">Anh Thi</div>
</div>
</li>
</ul>
</aside>
<div class="container-message-chat">
<div class="back-list-chat d-md-none">
<button class="btn-clear btn-back-list-chat"><i class="ico-back"></i></button>
</div>
<div class="message-chat">
<div class="message-wrap mCustomScrollbar custom-scrollbar">
<div class="message-item">
<div class="message-layout">
<div class="message-content">
<small class="message-name-parent">Lê Thị Thanh Trang</small>
<div class="message-text">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.</div>
<small class="timer">15:33</small>
</div>
<div class="message-pic">
<img src="images/upload/news-2.jpg">
</div>
</div>
<div class="message-thumb"><img src="images/upload/avatar-2.png"></div>
</div><!-- .message-item -->
<div class="message-item owener">
<div class="message-layout">
<div class="message-content">
<div class="message-text">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.</div>
<small class="timer">15:33</small>
</div>
</div>
<div class="message-thumb"><img src="images/upload/avatar.png"></div>
</div><!-- .message-item -->
<div class="message-item">
<div class="message-layout">
<div class="message-content">
<div class="message-text">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.</div>
<small class="timer">15:33</small>
</div>
</div>
<div class="message-thumb"><img src="images/upload/student-avatar.png"></div>
</div><!-- .message-item -->
<div class="message-item owener">
<div class="message-layout">
<div class="message-content">
<div class="message-text">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.</div>
<small class="timer">15:33</small>
</div>
</div>
<div class="message-thumb"><img src="images/upload/avatar.png"></div>
</div><!-- .message-item -->
</div>
</div>
<div class="add-message">
<form class="add-message-form">
<input class="form-control" placeholder="Aa">
<span class="send-pic"></span>
<button class="send" type="button">Send</button>
</form>
</div>
</div>
</div>
</div>
</div><!-- e: tab 2-->
<div class="tab-pane fade pane3" id="nav3">
<div class="container">
Content 3<br><br><br><br><br>
</div>
</div><!-- e: tab 3-->
<div class="tab-pane fade pane4" id="nav4">
<div class="container">
Content 4<br><br><br><br><br>
</div>
</div><!-- e: tab 4-->
<div class="tab-pane fade pane5" id="nav5">
<div class="container">
Content 5<br><br><br><br><br>
</div>
</div><!-- e: tab 5-->
</div><!-- .class-content -->
</div>
<!-- e: class -->
</main>
<!-- e: main content -->
<!-- modal student -->
<div class="modal modal-custom" tabindex="-1" role="dialog" id="modal1" aria-labelledby="modal1" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Phạm ngọc anh thi</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="tablist-header">
<ul class="nav nav-tabs-custom" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="modal-nav1-tab" data-toggle="tab" href="#modal-nav1" role="tab" aria-controls="modal-nav1" aria-selected="true">Thông tin</a>
</li>
<li class="nav-item">
<a class="nav-link" id="modal-nav2-tab" data-toggle="tab" href="#modal-nav2" role="tab" aria-controls="modal-nav2" aria-selected="false">Phụ huynh</a>
</li>
<li class="nav-item">
<a class="nav-link" id="modal-nav3-tab" data-toggle="tab" href="#modal-nav3" role="tab" aria-controls="modal-nav3" aria-selected="false">Sức khỏe</a>
</li>
</ul>
</div>
<div class="class-content tab-content">
<div class="tab-pane fade show active" id="modal-nav1">
<div class="student-information">
<form class="forms">
<div class="upload-avatar">
<div class="upload-avatar-pic">
<img src="images/upload/teacher-1.jpg" alt="">
</div>
<div class="upload-avatar-action">
<input type="file" id="files" class="hidden"/>
<label for="files">Đăng hình</label>
</div>
<small>(Hình đuôi JPG, PNG, Dung lượng tối đa 2MB)</small>
</div>
<div class="form-field">
<label>Họ và tên</label>
<div class="form-group">
<input type="text" class="form-control" placeholder="Phạm Ngọc Anh Thi" name="">
</div>
</div>
<div class="form-field">
<label>Lớp</label>
<div class="form-group">
<select class="form-control">
<option>Mầm 1</option>
<option>Mầm 2</option>
</select>
</div>
</div>
<div class="form-field">
<label>Giới tính</label>
<div class="form-group">
<select class="form-control">
<option>Nữ</option>
<option>Nam</option>
</select>
</div>
</div>
<div class="form-field">
<label>Ngày sinh</label>
<div class="form-group">
<input type="text" class="form-control input-datepicker" placeholder="01/01/2000" name="">
</div>
</div>
<div class="form-field">
<label>Địa chỉ</label>
<div class="form-group">
<input type="text" class="form-control" placeholder="36 Mai Chi Thọ. P. An Phú, Tp, Thủ Đức" name="">
</div>
</div>
<div class="message msg-success form-group">
Đã lưu thành công
</div>
<button class="btn btn-main btn-block text-uppercase">Lưu</button>
</form>
</div>
</div><!-- e: tab 1-->
<div class="tab-pane fade" id="modal-nav2">
<div class="student-information">
<form class="forms">
<div class="form-field">
<label>Ba</label>
<div class="form-group">
<select class="form-control">
<option>Phạm Ngọc Cường - 0123456789</option>
</select>
</div>
</div>
<div class="form-field">
<label>Mẹ</label>
<div class="form-group">
<select class="form-control">
<select class="form-control">
<option>Võ Thị Thùy Anh - 0123456789</option>
</select>
</select>
</div>
</div>
<div class="form-field">
<label>Người giám hộ(nếu có)</label>
<div class="form-group">
<select class="form-control">
<option>-</option>
</select>
</div>
</div>
<div class="message msg-success form-group">
Đã lưu thành công
</div>
<button class="btn btn-main btn-block text-uppercase">Lưu</button>
</form>
</div>
</div><!-- e: tab 2-->
<div class="tab-pane fade" id="modal-nav3">
<div class="student-information">
<form class="forms">
<div class="form-field odd-even">
<div class="row no-gutters justify-content-md-between align-items-center">
<div class="col-md-6">
<div class="field-health-label">
<i class="ico-height"></i> Chiều cao
</div>
</div>
<div class="col-md-6 text-right">
<div class="field-health-index">85.5cm</div>
</div>
</div>
</div>
<div class="form-field odd-even">
<div class="row no-gutters justify-content-md-between align-items-center">
<div class="col-md-6">
<div class="field-health-label">
<i class="ico-weight"></i> Cân nặng
</div>
</div>
<div class="col-md-6 text-right">
<div class="field-health-index">12kg</div>
</div>
</div>
</div>
<div class="form-field odd-even">
<div class="row no-gutters justify-content-md-between align-items-center">
<div class="col-md-6">
<div class="field-health-label">
<i class="ico-blood"></i> Nhom máu
</div>
</div>
<div class="col-md-6 text-right">
<div class="field-health-index">AB</div>
</div>
</div>
</div>
<div class="form-field odd-even">
<div class="row no-gutters justify-content-md-between align-items-center">
<div class="col-md-6">
<div class="field-health-label">
<i class="ico-hand"></i> Dị ứng
</div>
</div>
<div class="col-md-6 text-right">
<div class="field-health-index">Cua, ghẹ</div>
</div>
</div>
</div>
<div class="form-field odd-even">
<div class="row no-gutters justify-content-md-between align-items-center">
<div class="col-md-6">
<div class="field-health-label">
<i class="ico-eye"></i> Mắt
</div>
</div>
<div class="col-md-6 text-right">
<div class="field-health-index">10/10</div>
</div>
</div>
</div>
<div class="form-field odd-even">
<div class="row no-gutters justify-content-md-between align-items-center">
<div class="col-md-6">
<div class="field-health-label">
<i class="ico-height"></i> Tim
</div>
</div>
<div class="col-md-6 text-right">
<div class="field-health-index">Bình thường</div>
</div>
</div>
</div>
<div class="form-field odd-even">
<div class="row no-gutters justify-content-md-between align-items-center">
<div class="col-md-6">
<div class="field-health-label">
<i class="ico-ear"></i> Tai
</div>
</div>
<div class="col-md-6 text-right">
<div class="field-health-index">Bình thường</div>
</div>
</div>
</div>
<div class="form-field">
<div class="form-group">
<textarea class="form-control">Bé có tiền sử sưng amidan, hoặc ho khi uống nước lạnh. Bé còn dị ứng với cua, đậu đỏ và đang trong tình trạng thiếu cân, cha mẹ cần chú ý đến bữa ăn của bé.</textarea>
</div>
</div>
<div class="message msg-success form-group">
Đã lưu thành công
</div>
<button class="btn btn-main btn-block text-uppercase">Lưu</button>
</form>
</div>
</div><!-- e: tab 2-->
</div>
</div>
</div>
</div>
</div>
<!-- e: modal student -->
<!-- modal attendance -->
<div class="modal modal-custom" tabindex="-1" role="dialog" id="exmodal1" aria-labelledby="exmodal1" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Phạm ngọc anh thi</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="tablist-header">
<ul class="nav nav-tabs-custom" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="exmodal-nav1-tab" data-toggle="tab" href="#exmodal-nav1" role="tab" aria-controls="exmodal-nav1" aria-selected="true">Điểm danh</a>
</li>
<li class="nav-item">
<a class="nav-link" id="exmodal-nav2-tab" data-toggle="tab" href="#exmodal-nav2" role="tab" aria-controls="exmodal-nav2" aria-selected="false">Trả trẻ</a>
</li>
</ul>
</div>
<div class="class-content tab-content">
<div class="tab-pane fade show active" id="exmodal-nav1">
<div class="student-information">
<form class="forms">
<p>Thứ 3, <strong>06-07-2021, 16:20:00</strong></p>
<p>Người đưa</p>
<div class="guardian-item">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" checked id="chk1" required>
<label class="custom-control-label" for="chk1">
<div class="guardian-item-content">
<img src="images/upload/news-1.jpg" alt="">
<div class="guardian-name">Mẹ Anh - 0123456789</div>
</div>
</label>
</div>
</div>
<div class="guardian-item">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="chk2">
<label class="custom-control-label" for="chk2">
<div class="guardian-item-content">
<img src="images/upload/news-1.jpg" alt="">
<div class="guardian-name">Ba Cường - 0123456789</div>
</div>
</label>
</div>
</div>
<div class="guardian-item">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="chk3">
<label class="custom-control-label" for="chk3">
<div class="guardian-item-content">
<div class="guardian-name">Người khác</div>
</div>
</label>
</div>
</div>
<div class="message msg-success form-group">
Đã lưu thành công
</div>
<button class="btn btn-main btn-block text-uppercase">Lưu</button>
</form>
</div>
</div><!-- e: tab 1-->
<div class="tab-pane fade" id="exmodal-nav2">
<div class="student-information">
<form class="forms">
<p>Thứ 3, <strong>06-07-2021, 16:20:00</strong></p>
<p>Người đón</p>
<div class="guardian-item">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" checked id="chk4" required>
<label class="custom-control-label" for="chk4">
<div class="guardian-item-content">
<img src="images/upload/news-1.jpg" alt="">
<div class="guardian-name">Mẹ Anh - 0123456789</div>
</div>
</label>
</div>
</div>
<div class="guardian-item">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="chk5">
<label class="custom-control-label" for="chk5">
<div class="guardian-item-content">
<img src="images/upload/news-1.jpg" alt="">
<div class="guardian-name">Ba Cường - 0123456789</div>
</div>
</label>
</div>
</div>
<div class="guardian-item">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="chk6">
<label class="custom-control-label" for="chk6">
<div class="guardian-item-content">
<div class="guardian-name">Người khác</div>
</div>
</label>
</div>
</div>
<div class="message msg-success form-group">
Đã lưu thành công
</div>
<button class="btn btn-main btn-block text-uppercase">Lưu</button>
</form>
</div>
</div><!-- e: tab 2-->
</div>
</div>
</div>
</div>
</div>
<!-- e: modal attendance -->
<!-- modal modalAddParent -->
<div class="modal modal-custom" tabindex="-1" role="dialog" id="modalAddParent" aria-labelledby="modalAddParent" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Mời phụ huynh</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="modal-body-norm">
<p class="text-dark"><strong>Nhập E-mail hoặc Số Điện Thoại</strong></p>
<div class="box-add-parent">
<div class="form-field odd-even">
<div class="row no-gutters justify-content-md-between align-items-center">
<div class="col-md-5">
<div class="field-parents-of-student">
<img src="images/upload/news-1.jpg">
<div class="name">Anh Thi Anh Thi Anh Thi Anh Thi</div>
</div>
</div>
<div class="col-md-7 text-right">
<div class="field-parents-info">
<div class="field-parents-info-render">
<span class="field-parents-info-email">quoctoan2704@gmail.com</span>
<button class="field-parents-info-delete"></button>
</div>
<button class="field-parents-info-edit">Gửi lại</button>
</div>
</div>
</div>
</div><!-- -->
<div class="form-field odd-even">
<div class="row no-gutters justify-content-md-between align-items-center">
<div class="col-md-5">
<div class="field-parents-of-student">
<img src="images/upload/news-1.jpg">
<div class="name">Anh Thi</div>
</div>
</div>
<div class="col-md-7 text-right">
<div class="field-parents-info">
<div class="field-parents-info-render">
<span class="field-parents-info-email">quoctoan2704@gmail.com</span>
<button class="field-parents-info-done"></button>
</div>
</div>
</div>
</div>
</div><!-- -->
<div class="form-field odd-even">
<div class="row no-gutters justify-content-md-between align-items-center">
<div class="col-md-5">
<div class="field-parents-of-student">
<img src="images/upload/news-1.jpg">
<div class="name">Anh Thi</div>
</div>
</div>
<div class="col-md-7 text-right">
<form class="subscribe">
<input type="text" placeholder="Nhập E-mail hoặc Số điện thoại" class="form-control">
<button class="subscribe-submit"><i class="ico-plane"></i></button>
</form>
</div>
</div>
</div><!-- -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- e: modal modalAddParent -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="javascripts/popper.min.js"></script>
<script type="text/javascript" src="javascripts/bootstrap.min.js"></script>
<script type="text/javascript" src="javascripts/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="javascripts/slick.js"></script>
<script type="text/javascript" src="javascripts/jquery.dotdotdot.js"></script>
<script type="text/javascript" src="javascripts/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript" src="javascripts/customs.js"></script>
<script>
$(document).ready(function(){
});
</script>
</body>
</html>