Moved to PHP folder
This commit is contained in:
122
php/HTML/abc-admin/admin-users.html
Normal file
122
php/HTML/abc-admin/admin-users.html
Normal file
@ -0,0 +1,122 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<title>ABC-DASHBOARD</title>
|
||||
</head>
|
||||
<body class="pushmenu-push pushmenu-push-toright">
|
||||
<nav class="admin-nav pushmenu pushmenu-left pushmenu-open" id="sidebar">
|
||||
<div class="logo"><img src="https://www.abc.org/Portals/1/abc_logo_svg.svg" alt=""></div>
|
||||
<ul>
|
||||
<li><a href="index.html"><img src="img/dashboard.png" alt=""> Dashboard</a></li>
|
||||
<li><a href="classsetting-names.html"><img src="img/tools.png" alt="">Class Settings</a></li>
|
||||
<li><a href="class-form.html"><img src="img/create.png" alt="">Create Class</a></li>
|
||||
<li class="active"><a href="admin-users.html"><img src="img/ad.png" alt="">Admin Users</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<div class="d-flex admin-header">
|
||||
<div class="toggle d-flex active" id="nav_list"> <img src="img/hamperger.png" alt=""></div>
|
||||
<div class="admin ml-auto d-flex">
|
||||
<span > <img src="img/admin-logo.png"> Admin</span> <span class="logout"> <img src="img/logout.png">Logout</span>
|
||||
<div class="toggle-bar" id="nav-click" onclick="myFunction(this)">
|
||||
<div class="bar1"></div>
|
||||
<div class="bar2"></div>
|
||||
<div class="bar3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="admin-content">
|
||||
<div class="container">
|
||||
<h2>Admin Users</h2>
|
||||
<div class="col-md-12 col-lg-12 admin-setting">
|
||||
<div class="class-content d-flex">
|
||||
<div class="col-md-12 class-name col-lg-6">
|
||||
<div class="d-flex">
|
||||
<span>User Name</span>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<span>Password</span>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="d-flex justify-content-end">
|
||||
<div class="cancel"><a href="">Cancel</a></div>
|
||||
<div class="leave"><a href="">Add</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-6">
|
||||
<h2>Admin Users</h2>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>User Name</th>
|
||||
<th>Status</th>
|
||||
<th>Edit</th>
|
||||
<th>Delete</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Jhon Smith</td>
|
||||
<td class="text-center"><button class="active-swith"> Active</button></td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Jhon Smith</td>
|
||||
<td class="text-center"><button class="active-swith off"> Inactive</button></td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="js/push.js"></script>
|
||||
<!-- <script>
|
||||
function toggleslidebar() {
|
||||
document.getElementById("sidebar").classList.toggle("active");
|
||||
}
|
||||
</script> -->
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$("#nav_list").click(function(){
|
||||
$(".admin-content").toggleClass("main");
|
||||
$(".admin-header .admin").toggleClass("main");
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
function myFunction(x) {
|
||||
x.classList.toggle("change");
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$("#nav-click").click(function(){
|
||||
$("#sidebar ul").slideToggle();
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
354
php/HTML/abc-admin/class-form.html
Normal file
354
php/HTML/abc-admin/class-form.html
Normal file
@ -0,0 +1,354 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<title>ABC-DASHBOARD</title>
|
||||
</head>
|
||||
<body class="pushmenu-push pushmenu-push-toright">
|
||||
<nav class="admin-nav pushmenu pushmenu-left pushmenu-open" id="sidebar">
|
||||
<div class="logo"><img src="https://www.abc.org/Portals/1/abc_logo_svg.svg" alt=""></div>
|
||||
<ul>
|
||||
<li><a href="index.html"><img src="img/dashboard.png" alt=""> Dashboard</a></li>
|
||||
<li><a href="classsetting-names.html"><img src="img/tools.png" alt="">Class Settings</a></li>
|
||||
<li class="active"><a href="class-form.html"><img src="img/create.png" alt="">Create Class</a></li>
|
||||
<li><a href="admin-users.html"><img src="img/ad.png" alt="">Admin Users</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<div class="d-flex admin-header">
|
||||
<div class="toggle active" id="nav_list"> <img src="img/hamperger.png" alt=""></div>
|
||||
<div class="admin ml-auto d-flex">
|
||||
<span > <img src="img/admin-logo.png"> Admin</span> <span class="logout"> <img src="img/logout.png">Logout</span>
|
||||
<div class="toggle-bar" id="nav-click" onclick="myFunction(this)">
|
||||
<div class="bar1"></div>
|
||||
<div class="bar2"></div>
|
||||
<div class="bar3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="admin-content">
|
||||
<div class="container">
|
||||
<h2>New Class Form</h2>
|
||||
<div class="class-form d-flex">
|
||||
<div class="col-lg-7 col-md-12">
|
||||
<h3 class="general-h3">General Information</h3>
|
||||
<div class="general">
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Class Name</label>
|
||||
<select name="" id="target1" style="margin-right: 10px;">
|
||||
<option value="Class1">Select</option>
|
||||
<option value="Class1">Class1</option>
|
||||
<option value="Class1">Class1</option>
|
||||
<option value="Class1">Class1</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad">
|
||||
<label for="">Total Seats</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Instructor:</label>
|
||||
<select name="" id="target2" style="margin-right: 10px;">
|
||||
<option value="Class1">Select</option>
|
||||
<option value="Class1">Class1</option>
|
||||
<option value="Class1">Class1</option>
|
||||
<option value="Class1">Class1</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad">
|
||||
<label for="">Hours:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="general-h3">Eligible Registrants</h3>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad">
|
||||
<span class="chk-abc"> <input type="checkbox" id="start" class="chk-date1"><label for="start"></label>Members / Alumni</span>
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Price:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="date-time" id="expand1">
|
||||
<h3 class="general-h3">Date and Time</h3>
|
||||
<div class="form-group d-flex">
|
||||
<span class="chk-abc"> <input type="checkbox" id="d1" ><label for="d1"></label>Monday</span>
|
||||
<span class="chk-abc"> <input type="checkbox" id="d2" ><label for="d2"></label>Tuesday</span>
|
||||
<span class="chk-abc"> <input type="checkbox" id="d3" ><label for="d3"></label>Wednesday</span>
|
||||
<span class="chk-abc"> <input type="checkbox" id="d4" ><label for="d4"></label>Thursday</span>
|
||||
<span class="chk-abc"> <input type="checkbox" id="d5" ><label for="d5"></label>Friday</span>
|
||||
</div>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Start Date:</label>
|
||||
<input type="text" class="general-input m-10" placeholder="Last name">
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">End Date:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Start Time:</label>
|
||||
<input type="text" class="general-input m-10" placeholder="Last name">
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">End Time:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad">
|
||||
<span class="chk-abc"> <input type="checkbox" id="start1" class="chk-date2"><label for="start1"></label>Non-Member</span>
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Price:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="date-time" id="expand2">
|
||||
<h3 class="general-h3">Date and Time</h3>
|
||||
<div class="form-group d-flex">
|
||||
<span class="chk-abc"> <input type="checkbox" id="d6" ><label for="d6"></label>Monday</span>
|
||||
<span class="chk-abc"> <input type="checkbox" id="d7" ><label for="d7"></label>Tuesday</span>
|
||||
<span class="chk-abc"> <input type="checkbox" id="d8" ><label for="d8"></label>Wednesday</span>
|
||||
<span class="chk-abc"> <input type="checkbox" id="d9" ><label for="d9"></label>Thursday</span>
|
||||
<span class="chk-abc"> <input type="checkbox" id="d10" ><label for="d10"></label>Friday</span>
|
||||
</div>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Start Date:</label>
|
||||
<input type="text" class="general-input m-10" placeholder="Last name">
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">End Date:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Start Time:</label>
|
||||
<input type="text" class="general-input m-10" placeholder="Last name">
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">End Time:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad">
|
||||
<span class="chk-abc"> <input type="checkbox" id="start2" class="chk-date3"><label for="start2"></label>SE</span>
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Price:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="date-time" id="expand3">
|
||||
<h3 class="general-h3">Date and Time</h3>
|
||||
<div class="form-group d-flex">
|
||||
<span class="chk-abc"> <input type="checkbox" id="d11" ><label for="d11"></label>Monday</span>
|
||||
<span class="chk-abc"> <input type="checkbox" id="d12" ><label for="d12"></label>Tuesday</span>
|
||||
<span class="chk-abc"> <input type="checkbox" id="d13" ><label for="d13"></label>Wednesday</span>
|
||||
<span class="chk-abc"> <input type="checkbox" id="d14" ><label for="d14"></label>Thursday</span>
|
||||
<span class="chk-abc"> <input type="checkbox" id="d15" ><label for="d15"></label>Friday</span>
|
||||
</div>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Start Date:</label>
|
||||
<input type="text" class="general-input m-10" placeholder="Last name">
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">End Date:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Start Time:</label>
|
||||
<input type="text" class="general-input m-10" placeholder="Last name">
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">End Time:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="general-h3">Location</h3>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Location:</label>
|
||||
<select name="" style="margin-right: 10px;" id="target3">
|
||||
<option value="Class1">Select</option>
|
||||
<option value="Class1">Anaheim</option>
|
||||
<option value="Class1">LA / Ventura</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Room:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Physical Address:</label>
|
||||
<input type="text" class="general-input m-10" placeholder="Last name">
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">City:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">State:</label>
|
||||
<input type="text" class="general-input m-10" placeholder="Last name">
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Zip Code:</label>
|
||||
<input type="text" class="general-input" placeholder="Last name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group d-flex">
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
<label for="">Phone Number:</label>
|
||||
<input type="text" class="general-input m-10" placeholder="Last name">
|
||||
</div>
|
||||
<div class="col-sm-6 d-flex no-pad ">
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="general-h3">Class Description</h3>
|
||||
<textarea class="form-control" rows="5" id="comment"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 col-md-12 class-table">
|
||||
<h3 class="general-h3">List of Classes</h3>
|
||||
<select name="" class="duplicate-sl" id="target4">
|
||||
<option value="Class1">select</option>
|
||||
<option value="Class1">Duplicate Record</option>
|
||||
<option value="Class1">Delete Record</option>
|
||||
</select>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><span class="chk-abc"> <input type="checkbox" id="tb7" ><label for="tb7"></label></span></th>
|
||||
<th>Created </th>
|
||||
<th>Class Name</th>
|
||||
<th>Edit</th>
|
||||
<th>Delete</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="chk-abc"> <input type="checkbox" id="tb1" ><label for="tb1"></label></span></td>
|
||||
<td>01/01/2018</td>
|
||||
<td>John Smith</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="chk-abc"> <input type="checkbox" id="tb2" ><label for="tb2"></label></span></td>
|
||||
<td>08/05/2018</td>
|
||||
<td>Edgar Yost</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="chk-abc"> <input type="checkbox" id="tb3" ><label for="tb3"></label></span></td>
|
||||
<td>06/04/2019</td>
|
||||
<td>Michael Lennon</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="chk-abc"> <input type="checkbox" id="tb4" ><label for="tb4"></label></span></td>
|
||||
<td>04/03/2017</td>
|
||||
<td>Brian Jones</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="submit-class d-flex"> <div class="col6"><input type="submit" value="Create" class="submit"></div> <div class="col6"><input type="reset" value="Reset" class="reset"></div></div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="js/push.js"></script>
|
||||
<!-- <script>
|
||||
function toggleslidebar() {
|
||||
document.getElementById("sidebar").classList.toggle("active");
|
||||
}
|
||||
</script> -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$("#nav_list").click(function(){
|
||||
$(".admin-content").toggleClass("main");
|
||||
$(".admin-header .admin").toggleClass("main");
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
function myFunction(x) {
|
||||
x.classList.toggle("change");
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$("#nav-click").click(function(){
|
||||
$("#sidebar ul").slideToggle();
|
||||
});
|
||||
$("#target1").val($("#target1 option:first").val());
|
||||
$("#target2").val($("#target2 option:first").val());
|
||||
$("#target3").val($("#target3 option:first").val());
|
||||
$("#target4").val($("#target4 option:first").val());
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
$(".date-time").hide();
|
||||
$(".chk-date1").click(function() {
|
||||
if($(this).is(":checked")) {
|
||||
$("#expand1").show();
|
||||
} else {
|
||||
$("#expand1").hide();
|
||||
}
|
||||
});
|
||||
|
||||
$(".chk-date2").click(function() {
|
||||
if($(this).is(":checked")) {
|
||||
$("#expand2").show();
|
||||
} else {
|
||||
$("#expand2").hide();
|
||||
}
|
||||
});
|
||||
|
||||
$(".chk-date3").click(function() {
|
||||
if($(this).is(":checked")) {
|
||||
$("#expand3").show();
|
||||
} else {
|
||||
$("#expand3").hide();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
138
php/HTML/abc-admin/classsetting-instructor.html
Normal file
138
php/HTML/abc-admin/classsetting-instructor.html
Normal file
@ -0,0 +1,138 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<title>ABC-DASHBOARD</title>
|
||||
</head>
|
||||
<body class="pushmenu-push pushmenu-push-toright">
|
||||
<nav class="admin-nav pushmenu pushmenu-left pushmenu-open" id="sidebar">
|
||||
<div class="logo"><img src="https://www.abc.org/Portals/1/abc_logo_svg.svg" alt=""></div>
|
||||
<ul>
|
||||
<li><a href="index.html"><img src="img/dashboard.png" alt=""> Dashboard</a></li>
|
||||
<li class="active"><a href="classsetting-names.html"><img src="img/tools.png" alt="">Class Settings</a></li>
|
||||
<li><a href="class-form.html"><img src="img/create.png" alt="">Create Class</a></li>
|
||||
<li><a href="admin-users.html"><img src="img/ad.png" alt="">Admin Users</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<div class="d-flex admin-header">
|
||||
<div class="toggle d-flex active" id="nav_list"> <img src="img/hamperger.png" alt=""></div>
|
||||
<div class="admin ml-auto d-flex">
|
||||
<span > <img src="img/admin-logo.png"> Admin</span> <span class="logout"><img src="img/logout.png"> Logout</span>
|
||||
<div class="toggle-bar" id="nav-click" onclick="myFunction(this)">
|
||||
<div class="bar1"></div>
|
||||
<div class="bar2"></div>
|
||||
<div class="bar3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="admin-content">
|
||||
<div class="container">
|
||||
<h2>Class Settings Page</h2>
|
||||
<div class="setting d-flex">
|
||||
<div class="col-md-12 col-lg-2 no-pad class-left">
|
||||
<ul class="class-nav d-flex">
|
||||
<li><a href="classsetting-names.html">Class Names</a></li>
|
||||
<li><a href="classsetting-location.html">Locations</a></li>
|
||||
<li class="active"><a href="classsetting-instructor.html">Instructors</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-10">
|
||||
<div class="class-content d-flex">
|
||||
<div class="col-md-12 class-name col-lg-6">
|
||||
<div class="d-flex">
|
||||
<span style="font-size: 13px;">Approved Instructor</span>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="d-flex justify-content-end">
|
||||
<div class="cancel"><a href="">Cancel</a></div>
|
||||
<div class="leave"><a href="">Add</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-6">
|
||||
<h2> Class Locations</h2>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Created </th>
|
||||
<th>Class Name</th>
|
||||
<th>Edit</th>
|
||||
<th>Delete</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>01/01/2018</td>
|
||||
<td>John Smith</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>08/05/2018</td>
|
||||
<td>Edgar Yost</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>06/04/2019</td>
|
||||
<td>Michael Lennon</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>04/03/2017</td>
|
||||
<td>Brian Jones</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="js/push.js"></script>
|
||||
<!-- <script>
|
||||
function toggleslidebar() {
|
||||
document.getElementById("sidebar").classList.toggle("active");
|
||||
}
|
||||
</script> -->
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$("#nav_list").click(function(){
|
||||
$(".admin-content").toggleClass("main");
|
||||
$(".admin-header .admin").toggleClass("main");
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
function myFunction(x) {
|
||||
x.classList.toggle("change");
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$("#nav-click").click(function(){
|
||||
$("#sidebar ul").slideToggle();
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
126
php/HTML/abc-admin/classsetting-location.html
Normal file
126
php/HTML/abc-admin/classsetting-location.html
Normal file
@ -0,0 +1,126 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<title>ABC-DASHBOARD</title>
|
||||
</head>
|
||||
<body class="pushmenu-push pushmenu-push-toright">
|
||||
<nav class="admin-nav pushmenu pushmenu-left pushmenu-open" id="sidebar">
|
||||
<div class="logo"><img src="https://www.abc.org/Portals/1/abc_logo_svg.svg" alt=""></div>
|
||||
<ul>
|
||||
<li><a href="index.html"><img src="img/dashboard.png" alt=""> Dashboard</a></li>
|
||||
<li class="active"><a href="classsetting-names.html"><img src="img/tools.png" alt="">Class Settings</a></li>
|
||||
<li><a href="class-form.html"><img src="img/create.png" alt="">Create Class</a></li>
|
||||
<li><a href="admin-users.html"><img src="img/ad.png" alt="">Admin Users</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<div class="d-flex admin-header">
|
||||
<div class="toggle d-flex active" id="nav_list"> <img src="img/hamperger.png" alt=""></div>
|
||||
<div class="admin ml-auto d-flex">
|
||||
<span > <img src="img/admin-logo.png"> Admin</span> <span class="logout"> <img src="img/logout.png">Logout</span>
|
||||
<div class="toggle-bar" id="nav-click" onclick="myFunction(this)">
|
||||
<div class="bar1"></div>
|
||||
<div class="bar2"></div>
|
||||
<div class="bar3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="admin-content">
|
||||
<div class="container">
|
||||
<h2>Class Settings Page</h2>
|
||||
<div class="setting d-flex">
|
||||
<div class="col-md-12 col-lg-2 no-pad class-left">
|
||||
<ul class="class-nav d-flex">
|
||||
<li><a href="classsetting-names.html">Class Names</a></li>
|
||||
<li class="active"><a href="classsetting-location.html">Locations</a></li>
|
||||
<li><a href="classsetting-instructor.html">Instructors</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-10">
|
||||
<div class="class-content d-flex">
|
||||
<div class="col-md-12 class-name col-lg-6">
|
||||
<div class="d-flex">
|
||||
<span>Class Locations</span>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="d-flex justify-content-end">
|
||||
<div class="cancel"><a href="">Cancel</a></div>
|
||||
<div class="leave"><a href="">Add</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-6">
|
||||
<h2> Class Locations</h2>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Created </th>
|
||||
<th>Class Name</th>
|
||||
<th>Edit</th>
|
||||
<th>Delete</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>01/01/2018</td>
|
||||
<td>Anaheim</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>08/05/2018</td>
|
||||
<td>LA / Ventura</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="js/push.js"></script>
|
||||
<!-- <script>
|
||||
function toggleslidebar() {
|
||||
document.getElementById("sidebar").classList.toggle("active");
|
||||
}
|
||||
</script> -->
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$("#nav_list").click(function(){
|
||||
$(".admin-content").toggleClass("main");
|
||||
$(".admin-header .admin").toggleClass("main");
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
function myFunction(x) {
|
||||
x.classList.toggle("change");
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$("#nav-click").click(function(){
|
||||
$("#sidebar ul").slideToggle();
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
138
php/HTML/abc-admin/classsetting-names.html
Normal file
138
php/HTML/abc-admin/classsetting-names.html
Normal file
@ -0,0 +1,138 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<title>ABC-DASHBOARD</title>
|
||||
</head>
|
||||
<body class="pushmenu-push pushmenu-push-toright">
|
||||
<nav class="admin-nav pushmenu pushmenu-left pushmenu-open" id="sidebar">
|
||||
<div class="logo"><img src="https://www.abc.org/Portals/1/abc_logo_svg.svg" alt=""></div>
|
||||
<ul>
|
||||
<li><a href="index.html"><img src="img/dashboard.png" alt=""> Dashboard</a></li>
|
||||
<li class="active"><a href="classsetting-names.html"><img src="img/tools.png" alt="">Class Settings</a></li>
|
||||
<li><a href="class-form.html"><img src="img/create.png" alt="">Create Class</a></li>
|
||||
<li><a href="admin-users.html"><img src="img/ad.png" alt="">Admin Users</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<div class="d-flex admin-header">
|
||||
<div class="toggle d-flex active" id="nav_list"> <img src="img/hamperger.png" alt=""></div>
|
||||
<div class="admin ml-auto d-flex">
|
||||
<span > <img src="img/admin-logo.png"> Admin</span> <span class="logout"> <img src="img/logout.png">Logout</span>
|
||||
<div class="toggle-bar" id="nav-click" onclick="myFunction(this)">
|
||||
<div class="bar1"></div>
|
||||
<div class="bar2"></div>
|
||||
<div class="bar3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="admin-content">
|
||||
<div class="container">
|
||||
<h2>Class Settings Page</h2>
|
||||
<div class="setting d-flex">
|
||||
<div class="col-md-12 col-lg-2 no-pad class-left">
|
||||
<ul class="class-nav d-flex">
|
||||
<li class="active"><a href="classsetting-names.html">Class Names</a></li>
|
||||
<li ><a href="classsetting-location.html">Locations</a></li>
|
||||
<li><a href="classsetting-instructor.html">Instructors</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-10">
|
||||
<div class="class-content d-flex">
|
||||
<div class="col-md-12 class-name col-lg-6">
|
||||
<div class="d-flex">
|
||||
<span>Class Names</span>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="d-flex justify-content-end">
|
||||
<div class="cancel"><a href="">Cancel</a></div>
|
||||
<div class="leave"><a href="">Add</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-6">
|
||||
<h2> Class Locations</h2>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Created </th>
|
||||
<th>Class Name</th>
|
||||
<th>Edit</th>
|
||||
<th>Delete</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>01/01/2018</td>
|
||||
<td>Forklift 101</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>08/05/2018</td>
|
||||
<td>Electrical Blueprint</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>06/04/2019</td>
|
||||
<td>Mechanics Lien</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>04/03/2017</td>
|
||||
<td>Fiber Optics</td>
|
||||
<td><img src="img/edit.png" alt=""></td>
|
||||
<td><img src="img/delete.png" alt=""></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="js/push.js"></script>
|
||||
<!-- <script>
|
||||
function toggleslidebar() {
|
||||
document.getElementById("sidebar").classList.toggle("active");
|
||||
}
|
||||
</script> -->
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$("#nav_list").click(function(){
|
||||
$(".admin-content").toggleClass("main");
|
||||
$(".admin-header .admin").toggleClass("main");
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
function myFunction(x) {
|
||||
x.classList.toggle("change");
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$("#nav-click").click(function(){
|
||||
$("#sidebar ul").slideToggle();
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
125
php/HTML/abc-admin/css/responsive.css
Normal file
125
php/HTML/abc-admin/css/responsive.css
Normal file
@ -0,0 +1,125 @@
|
||||
@media only screen and (max-width: 1300px){
|
||||
.admin-content .container{
|
||||
max-width: 970px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1180px){
|
||||
.admin-content .container{
|
||||
max-width: 810px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1024px){
|
||||
.class-table table td{
|
||||
font-size: 11px;
|
||||
}
|
||||
.class-table table th{
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.class-content table th{
|
||||
font-size: 14px;
|
||||
}
|
||||
.class-content table td{
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 991px){
|
||||
.admin-content .container{
|
||||
max-width: 720px;
|
||||
}
|
||||
.class-content.d-flex {
|
||||
display: block !important;
|
||||
}
|
||||
.class-form.d-flex{
|
||||
flex: none !important;
|
||||
display: block !important;
|
||||
}
|
||||
.general .form-group.d-flex{
|
||||
flex: none !important;
|
||||
display: block !important;
|
||||
}
|
||||
.general .form-group .col-sm-6.d-flex.no-pad{
|
||||
flex: none !important;
|
||||
display: block !important;
|
||||
max-width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
span.chk-abc {
|
||||
/* padding: 17px 0; */
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width:900px){
|
||||
span.chk-abc {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.admin-nav ul{
|
||||
display: none;
|
||||
}
|
||||
.logo{
|
||||
display: block;
|
||||
}
|
||||
.logo img{
|
||||
float: left;
|
||||
}
|
||||
.logo:after{
|
||||
content: "";
|
||||
clear: both;
|
||||
display:block;
|
||||
}
|
||||
.admin-content .setting{
|
||||
display: block !important;
|
||||
}
|
||||
.admin-content .container{
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
right:0;
|
||||
}
|
||||
div#nav_list{
|
||||
display: none !important;
|
||||
flex: none;
|
||||
}
|
||||
.admin-nav{
|
||||
position: absolute;
|
||||
}
|
||||
.pushmenu-push-toright{
|
||||
left:0;
|
||||
}
|
||||
.admin.ml-auto.d-flex{
|
||||
margin-right:0;
|
||||
z-index: 9999;
|
||||
}
|
||||
.admin-nav{
|
||||
width: 100%;
|
||||
height: auto !important;
|
||||
z-index: 9999;
|
||||
display: block !important;
|
||||
flex: none;
|
||||
}
|
||||
.toggle-bar {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 15px;
|
||||
right: 11px;
|
||||
}
|
||||
.class-left{
|
||||
border:0 !important;;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width:480px){
|
||||
.class-table table td{
|
||||
font-size: 11px;
|
||||
}
|
||||
.class-table table th{
|
||||
font-size: 14px;
|
||||
}
|
||||
.class-name .d-flex:nth-child(1){
|
||||
display: block !important;
|
||||
}
|
||||
.class-name span{
|
||||
margin-bottom: 15px;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
643
php/HTML/abc-admin/css/style.css
Normal file
643
php/HTML/abc-admin/css/style.css
Normal file
@ -0,0 +1,643 @@
|
||||
|
||||
@font-face {
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
src: url(../fonts/HelveticaNeue-Condensed.otf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'HelveticaNeue-Extended';
|
||||
src: url(../fonts/HelveticaNeue-Extended.otf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'HelveticaNeue-HeavyCond';
|
||||
src: url(../fonts/HelveticaNeue-HeavyCond.otf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Chivo-Regular';
|
||||
src: url(../fonts/HelveticaNeueLight.ttf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Chivo-Light';
|
||||
src: url(../fonts/Chivo-Light.ttf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Chivo-Regular';
|
||||
src: url(../fonts/Chivo-Regular.otf);
|
||||
}
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
a{
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.pushmenu {
|
||||
background: #444;
|
||||
text-align: center;
|
||||
width: 200px;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
z-index: 1000;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.pushmenu-left { left: -200px; }
|
||||
|
||||
.pushmenu-left.pushmenu-open { left: 0; }
|
||||
|
||||
.pushmenu-push {
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.pushmenu-push-toright { left: 200px; }
|
||||
|
||||
/*Transition*/
|
||||
|
||||
.pushmenu, .pushmenu-push {
|
||||
-webkit-transition: all 0.5s ease;
|
||||
-moz-transition: all 0.5s ease;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
|
||||
*/
|
||||
|
||||
.abc-login{
|
||||
background: #92aec7;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.card-signin {
|
||||
border: 0;
|
||||
border-radius: 1rem;
|
||||
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.card-signin .card-title {
|
||||
margin:10px 0;
|
||||
font-weight: 300;
|
||||
font-size:20px;
|
||||
color:#013e7f;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
}
|
||||
|
||||
.card-signin .card-body {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.form-signin {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.form-signin .btn {
|
||||
font-size:14px;
|
||||
border-radius: 5rem;
|
||||
letter-spacing: .1rem;
|
||||
font-weight: bold;
|
||||
padding: 1rem;
|
||||
transition: all 0.2s;
|
||||
background-color: #ea3f41;
|
||||
border: 0;
|
||||
font-family: 'HelveticaNeue-Extended';
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.abc-login .form-control{
|
||||
border:1px solid #ccc;
|
||||
margin-bottom: 5px;
|
||||
font-family: 'Chivo-Regular';
|
||||
font-size: 13px;
|
||||
height: 35px;
|
||||
}
|
||||
.logo img{
|
||||
max-width: 125px;
|
||||
max-height: 71px;
|
||||
}
|
||||
.abc-login label{
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 15px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.abc-login .remember span{
|
||||
position: relative;
|
||||
top:5px;
|
||||
}
|
||||
.admin-header{
|
||||
background: #92aec7;
|
||||
min-height: 75px;
|
||||
}
|
||||
.admin-header .logo img{
|
||||
max-height: 75px;
|
||||
}
|
||||
.admin-header .admin span{
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 15px;
|
||||
color:#000;
|
||||
margin-right: 25px;
|
||||
align-self: center;
|
||||
}
|
||||
.admin-header .admin span img{
|
||||
max-width: 25px;
|
||||
align-self: center;
|
||||
margin-right: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.admin-header .admin span.logout{
|
||||
position: relative;
|
||||
bottom: 1px;
|
||||
}
|
||||
.admin-header .toggle.active img{
|
||||
max-width: 37px;
|
||||
align-self: center;
|
||||
transform: rotate(180deg);
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
flex: none !important;
|
||||
height: 30px;
|
||||
margin-top: 0;
|
||||
margin-left: -15px;
|
||||
z-index: 999;
|
||||
position:absolute;
|
||||
}
|
||||
.admin-header .toggle img{
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
height: 30px;
|
||||
position: relative;
|
||||
top:25px;
|
||||
display: inline-block;
|
||||
margin-left:15px;
|
||||
}
|
||||
.logo {
|
||||
border-bottom: 1px dotted #ccc;
|
||||
border-right: 1px dotted#ccc;
|
||||
}
|
||||
.admin-nav{
|
||||
position: fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
background:#8f9eac;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
left:-200px;
|
||||
transition: all 0.5s ease;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.admin-nav.active{
|
||||
left:0px;
|
||||
}
|
||||
.admin-nav li{
|
||||
padding: 13px;
|
||||
text-align: left;
|
||||
}
|
||||
.admin-nav li a{
|
||||
color:#fff;
|
||||
font-family: 'Chivo-Regular';
|
||||
font-size: 17px;
|
||||
text-decoration: none;
|
||||
padding-left: 20px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.admin-nav li a img {
|
||||
margin-right: 10px;
|
||||
align-self: center;
|
||||
vertical-align: top;
|
||||
}
|
||||
.admin-nav li.active{
|
||||
background: #0070c0;
|
||||
}
|
||||
.admin-content{
|
||||
padding:10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.admin-content .setting{
|
||||
background: #f5f7f9;
|
||||
}
|
||||
.admin-content .container{
|
||||
max-width: 1060px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
right: 75px;
|
||||
}
|
||||
.admin-content.main .container{
|
||||
margin: 0 auto !important;
|
||||
right: 0;
|
||||
}
|
||||
.class-nav{
|
||||
flex-direction: column;
|
||||
}
|
||||
.class-left{
|
||||
border-right:1px solid #9f9f9f;
|
||||
}
|
||||
.class-nav li{
|
||||
padding:15px 0;
|
||||
}
|
||||
.class-nav li a{
|
||||
color:#333;
|
||||
font-family: 'Chivo-Regular';
|
||||
font-size: 17px;
|
||||
text-decoration: none;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.class-nav li.active{
|
||||
background: #92aec7;
|
||||
}
|
||||
.class-nav li.active a{
|
||||
color:#fff;
|
||||
}
|
||||
.admin-content h2{
|
||||
font-family: 'HelveticaNeue-HeavyCond';
|
||||
font-size: 30px;
|
||||
color:#003f81;
|
||||
padding:10px 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.no-pad{
|
||||
margin:0;
|
||||
padding: 0;
|
||||
}
|
||||
.class-name{
|
||||
padding:25px 0;
|
||||
}
|
||||
.class-name span{
|
||||
color: #333;
|
||||
font-family: 'Chivo-Regular';
|
||||
font-size: 15px;
|
||||
margin-right: 10px;
|
||||
align-self: center;
|
||||
min-width: 130px;
|
||||
text-align: right;
|
||||
}
|
||||
.class-name input{
|
||||
width: 100%;
|
||||
}
|
||||
.class-content .cancel{
|
||||
background: #d9d9d9;
|
||||
margin-right: 5px;
|
||||
padding: 10px 25px;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 17px;
|
||||
margin-top:10px;
|
||||
}
|
||||
.class-content .cancel a{
|
||||
color:#000;
|
||||
}
|
||||
.class-content .leave{
|
||||
background: #0070c0;
|
||||
padding: 10px 25px;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 17px;
|
||||
margin-top:10px;
|
||||
}
|
||||
.class-content .leave a{
|
||||
color: #fff;
|
||||
}
|
||||
.class-content table th{
|
||||
padding:0;
|
||||
color:#333;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
border-bottom:0;
|
||||
border: 1px solid #a2c6e0;
|
||||
padding: 10px;
|
||||
}
|
||||
.class-content table td{
|
||||
text-align: center;
|
||||
padding: 8px 0;
|
||||
border: 1px solid #a2c6e0;
|
||||
color:#333;
|
||||
font-family: 'Chivo-Regular';
|
||||
font-size: 13px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.class-content h2{
|
||||
color:#333;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 21px;
|
||||
padding: 20px 0 0 0;
|
||||
}
|
||||
.admin.ml-auto.d-flex.main{
|
||||
margin-right: 0;
|
||||
}
|
||||
.admin.ml-auto.d-flex {
|
||||
margin-right: 200px;
|
||||
}
|
||||
|
||||
|
||||
/*toggle css*/
|
||||
.toggle-bar {
|
||||
display:none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.bar1, .bar2, .bar3 {
|
||||
width: 35px;
|
||||
height: 5px;
|
||||
background-color: #333;
|
||||
margin: 6px 0;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.change .bar1 {
|
||||
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
|
||||
transform: rotate(-45deg) translate(-9px, 6px);
|
||||
}
|
||||
|
||||
.change .bar2 {opacity: 0;}
|
||||
|
||||
.change .bar3 {
|
||||
-webkit-transform: rotate(45deg) translate(-8px, -8px);
|
||||
transform: rotate(45deg) translate(-8px, -8px);
|
||||
}
|
||||
/*toggleclass end*/
|
||||
.admin-content h3{
|
||||
font-family: 'HelveticaNeue-HeavyCond';
|
||||
font-size: 17px;
|
||||
color: #333;
|
||||
padding:10px 0;
|
||||
margin-bottom: 15px;
|
||||
position: relative;
|
||||
}
|
||||
.admin-content .general select{
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
border:1px solid #ccc;
|
||||
font-family: 'Chivo-Regular';
|
||||
font-size: 13px;
|
||||
-webkit-text-fill-color:#ccc;
|
||||
background-color: transparent;
|
||||
}
|
||||
.admin-content .general select option{
|
||||
-webkit-text-fill-color:#000;
|
||||
}
|
||||
.admin-content .general label{
|
||||
font-family: 'Chivo-Regular';
|
||||
font-size: 14px;
|
||||
margin-right: 10px;
|
||||
align-self: center;
|
||||
/* min-width: 100px;*/
|
||||
text-align: right;
|
||||
font-weight: 500;
|
||||
}
|
||||
.admin-content .general-input{
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
border:1px solid #ccc;
|
||||
font-family: 'Chivo-Regular';
|
||||
font-size: 12px;
|
||||
-webkit-text-fill-color:#ccc;
|
||||
}
|
||||
.general-input{
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.m-10{
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.chk-abc input[type="checkbox"]{
|
||||
display: none;
|
||||
}
|
||||
.chk-abc input[type="checkbox"] + label{
|
||||
border:1px solid #000;
|
||||
width:15px;
|
||||
height:15px;
|
||||
margin-right: 7px;
|
||||
vertical-align: bottom;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
font-size: 30px;
|
||||
min-width: 15px !important;
|
||||
}
|
||||
.chk-abc input[type="checkbox"] + label:after{
|
||||
content: '✔';
|
||||
color: #0000ff;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
top: 3px;
|
||||
transform: translate(-50%, -50%);
|
||||
right: 0;
|
||||
|
||||
}
|
||||
|
||||
.chk-abc input[type="checkbox"]:checked + label:after{
|
||||
opacity: 1;
|
||||
}
|
||||
.chk-abc{
|
||||
font-family: 'Chivo-Regular';
|
||||
font-size: 14px;
|
||||
align-self: center;
|
||||
color: #000;
|
||||
}
|
||||
.date-time span{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
margin-right: 17px
|
||||
}
|
||||
|
||||
.class-table table th{
|
||||
padding:0;
|
||||
color:#333;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
border-bottom:0;
|
||||
border: 1px solid #dcdcdc;
|
||||
padding: 10px;
|
||||
}
|
||||
.class-table table td{
|
||||
text-align: center;
|
||||
padding: 8px 0;
|
||||
border: 1px solid #dcdcdc;
|
||||
color:#333;
|
||||
font-family: 'Chivo-Regular';
|
||||
font-size: 13px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.class-table table td .chk-abc{
|
||||
margin-left: 12px;
|
||||
}
|
||||
.submit-class input{
|
||||
min-width: 100px;
|
||||
height: 35px;
|
||||
text-align: center;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 17px;
|
||||
margin-left:18px;
|
||||
margin-top: 25px;
|
||||
border:0;
|
||||
}
|
||||
.submit-class .submit{
|
||||
background: #0070c0;
|
||||
color: #fff;
|
||||
}
|
||||
.submit-class .reset{
|
||||
background: #e6e4e4;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.class-table table th span {
|
||||
margin-left: 11px;
|
||||
}
|
||||
.dashboard .setting{
|
||||
background:#d0deec;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
.dashboard .create{
|
||||
background:#eaeaea;
|
||||
width:50%;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
margin-left: 20px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
.dashboard h3{
|
||||
font-size: 70px;
|
||||
font-family: 'HelveticaNeue-Extended';
|
||||
color: #ef3e42;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.dashboard h2{
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 25px;
|
||||
color: #333;
|
||||
margin:0;
|
||||
}
|
||||
.dashboard .create a, .dashboard .setting a{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
background: #185987;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
min-height: 40px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.duplicate-sl {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
border: 1px solid #ccc;
|
||||
font-family: 'Chivo-Regular';
|
||||
font-size: 13px;
|
||||
max-width: 250px;
|
||||
margin-bottom: 15px;
|
||||
-webkit-text-fill-color:#ccc;
|
||||
padding-left:10px;
|
||||
}
|
||||
.date-time {
|
||||
border: 1px solid #ccc;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.admin-h2{
|
||||
color: #333;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 21px;
|
||||
padding: 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.class-table table td img{
|
||||
max-width: 40px;
|
||||
vertical-align: middle;
|
||||
margin-right: 15px;
|
||||
}
|
||||
button.ad-btn {
|
||||
background: #0070c0;
|
||||
padding: 10px 35px;
|
||||
border: 0;
|
||||
color: #fff;
|
||||
margin-top: 15px;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 15px;
|
||||
}
|
||||
.admin-setting{
|
||||
padding:25px 0;
|
||||
margin:0;
|
||||
}
|
||||
.table{
|
||||
margin:0;
|
||||
}
|
||||
.class-content.d-flex {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.active-swith{
|
||||
min-width: 96px;
|
||||
padding: 6px 0;
|
||||
border-radius: 5px;
|
||||
background: #29c35b;
|
||||
display: inline-block;
|
||||
border: 0;
|
||||
color: #fff;
|
||||
}
|
||||
.active-swith.off{
|
||||
background: #f2553b;
|
||||
}
|
||||
.col-md-12.col-lg-12.admin-setting {
|
||||
background:#f5f7f9;
|
||||
}
|
||||
.admin-setting .class-name input{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.create.admin {
|
||||
background: #e2ebf5;
|
||||
}
|
||||
BIN
php/HTML/abc-admin/fonts/Chivo-Light.ttf
Normal file
BIN
php/HTML/abc-admin/fonts/Chivo-Light.ttf
Normal file
Binary file not shown.
BIN
php/HTML/abc-admin/fonts/Chivo-Regular.otf
Normal file
BIN
php/HTML/abc-admin/fonts/Chivo-Regular.otf
Normal file
Binary file not shown.
BIN
php/HTML/abc-admin/fonts/HelveticaNeue-Condensed.otf
Normal file
BIN
php/HTML/abc-admin/fonts/HelveticaNeue-Condensed.otf
Normal file
Binary file not shown.
BIN
php/HTML/abc-admin/fonts/HelveticaNeue-Extended.otf
Normal file
BIN
php/HTML/abc-admin/fonts/HelveticaNeue-Extended.otf
Normal file
Binary file not shown.
BIN
php/HTML/abc-admin/fonts/HelveticaNeue-HeavyCond.otf
Normal file
BIN
php/HTML/abc-admin/fonts/HelveticaNeue-HeavyCond.otf
Normal file
Binary file not shown.
BIN
php/HTML/abc-admin/fonts/HelveticaNeueLight.ttf
Normal file
BIN
php/HTML/abc-admin/fonts/HelveticaNeueLight.ttf
Normal file
Binary file not shown.
BIN
php/HTML/abc-admin/img/abc-logo-color.png
Normal file
BIN
php/HTML/abc-admin/img/abc-logo-color.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
php/HTML/abc-admin/img/ad.png
Normal file
BIN
php/HTML/abc-admin/img/ad.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 756 B |
BIN
php/HTML/abc-admin/img/admin-logo.png
Normal file
BIN
php/HTML/abc-admin/img/admin-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
php/HTML/abc-admin/img/create.png
Normal file
BIN
php/HTML/abc-admin/img/create.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 643 B |
BIN
php/HTML/abc-admin/img/dashboard.png
Normal file
BIN
php/HTML/abc-admin/img/dashboard.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 679 B |
BIN
php/HTML/abc-admin/img/delete.png
Normal file
BIN
php/HTML/abc-admin/img/delete.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 532 B |
BIN
php/HTML/abc-admin/img/edit.png
Normal file
BIN
php/HTML/abc-admin/img/edit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 557 B |
BIN
php/HTML/abc-admin/img/hamperger.png
Normal file
BIN
php/HTML/abc-admin/img/hamperger.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 733 B |
BIN
php/HTML/abc-admin/img/logo.jpg
Normal file
BIN
php/HTML/abc-admin/img/logo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
php/HTML/abc-admin/img/logo.png
Normal file
BIN
php/HTML/abc-admin/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
php/HTML/abc-admin/img/logout.png
Normal file
BIN
php/HTML/abc-admin/img/logout.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 907 B |
BIN
php/HTML/abc-admin/img/tools.png
Normal file
BIN
php/HTML/abc-admin/img/tools.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 635 B |
118
php/HTML/abc-admin/index.html
Normal file
118
php/HTML/abc-admin/index.html
Normal file
@ -0,0 +1,118 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<title>ABC-DASHBOARD</title>
|
||||
</head>
|
||||
<body class="pushmenu-push pushmenu-push-toright">
|
||||
<nav class="admin-nav pushmenu pushmenu-left pushmenu-open" id="sidebar">
|
||||
<div class="logo"><img src="https://www.abc.org/Portals/1/abc_logo_svg.svg" alt=""></div>
|
||||
<ul>
|
||||
<li class="active"><a href="index.html"><img src="img/dashboard.png" alt=""> Dashboard</a></li>
|
||||
<li><a href="classsetting-names.html"><img src="img/tools.png" alt="">Class Settings</a></li>
|
||||
<li><a href="class-form.html"><img src="img/create.png" alt="">Create Class</a></li>
|
||||
<li><a href="admin-users.html"><img src="img/ad.png" alt="">Admin Users</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<div class="d-flex admin-header">
|
||||
<div class="toggle active" id="nav_list"> <img src="img/hamperger.png" alt=""></div>
|
||||
<div class="admin ml-auto d-flex">
|
||||
<span > <img src="img/admin-logo.png"> Admin</span> <span class="logout"> <img src="img/logout.png">Logout</span>
|
||||
<div class="toggle-bar" id="nav-click" onclick="myFunction(this)">
|
||||
<div class="bar1"></div>
|
||||
<div class="bar2"></div>
|
||||
<div class="bar3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="admin-content">
|
||||
<div class="container">
|
||||
<h2>Dashboard</h2>
|
||||
<div class="dashboard d-flex">
|
||||
<div class="col-sm-10 d-flex no-pad">
|
||||
<div class="setting">
|
||||
<h3>150</h3>
|
||||
<h2>Class Settings</h2>
|
||||
<a href="classsetting-names.html">View</a>
|
||||
|
||||
</div>
|
||||
<div class="create">
|
||||
<h3>150</h3>
|
||||
<h2>Create Class</h2>
|
||||
<a href="class-form.html">View</a></div>
|
||||
<div class="create admin">
|
||||
<h3>150</h3>
|
||||
<h2>Admin users</h2>
|
||||
<a href="admin-users.html">View</a></div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="js/push.js"></script>
|
||||
<!-- <script>
|
||||
function toggleslidebar() {
|
||||
document.getElementById("sidebar").classList.toggle("active");
|
||||
}
|
||||
</script> -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$("#nav_list").click(function(){
|
||||
$(".admin-content").toggleClass("main");
|
||||
$(".admin-header .admin").toggleClass("main");
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
function myFunction(x) {
|
||||
x.classList.toggle("change");
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$("#nav-click").click(function(){
|
||||
$("#sidebar ul").slideToggle();
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
$(".date-time").hide();
|
||||
$(".chk-date1").click(function() {
|
||||
if($(this).is(":checked")) {
|
||||
$("#expand1").show();
|
||||
} else {
|
||||
$("#expand1").hide();
|
||||
}
|
||||
});
|
||||
|
||||
$(".chk-date2").click(function() {
|
||||
if($(this).is(":checked")) {
|
||||
$("#expand2").show();
|
||||
} else {
|
||||
$("#expand2").hide();
|
||||
}
|
||||
});
|
||||
|
||||
$(".chk-date3").click(function() {
|
||||
if($(this).is(":checked")) {
|
||||
$("#expand3").show();
|
||||
} else {
|
||||
$("#expand3").hide();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
10
php/HTML/abc-admin/js/push.js
Normal file
10
php/HTML/abc-admin/js/push.js
Normal file
@ -0,0 +1,10 @@
|
||||
$(document).ready(function() {
|
||||
$menuLeft = $('.pushmenu-left');
|
||||
$nav_list = $('#nav_list');
|
||||
|
||||
$nav_list.click(function() {
|
||||
$(this).toggleClass('active');
|
||||
$('.pushmenu-push').toggleClass('pushmenu-push-toright');
|
||||
$menuLeft.toggleClass('pushmenu-open');
|
||||
});
|
||||
});
|
||||
57
php/HTML/abc-admin/login.html
Normal file
57
php/HTML/abc-admin/login.html
Normal file
@ -0,0 +1,57 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
<title>Abc _Admin</title>
|
||||
</head>
|
||||
<body>
|
||||
<section class="abc-login">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
|
||||
<div class="card card-signin my-5">
|
||||
<div class="card-body">
|
||||
<div class="logo d-flex justify-content-center align-content-center"> <img src="img/logo.jpg" alt=""></div>
|
||||
<h5 class="card-title text-center">Please enter your login details. </h5>
|
||||
<form class="form-signin">
|
||||
<div class="form-label-group">
|
||||
<label for="inputEmail">Email address</label>
|
||||
<input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-label-group">
|
||||
<label for="inputPassword">Password</label>
|
||||
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="custom-control custom-checkbox mb-3">
|
||||
<input type="checkbox" class="custom-control-input" id="customCheck1">
|
||||
<label class="custom-control-label remember" for="customCheck1"><span>Remember password</span></label>
|
||||
</div>
|
||||
<button class="btn btn-lg btn-primary btn-block text-uppercase" type="submit">Sign in</button>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<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://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
2050
php/HTML/abc-front/css/bootstrap-grid.css
vendored
Normal file
2050
php/HTML/abc-front/css/bootstrap-grid.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
php/HTML/abc-front/css/bootstrap-grid.css.map
Normal file
1
php/HTML/abc-front/css/bootstrap-grid.css.map
Normal file
File diff suppressed because one or more lines are too long
7
php/HTML/abc-front/css/bootstrap-grid.min.css
vendored
Normal file
7
php/HTML/abc-front/css/bootstrap-grid.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
php/HTML/abc-front/css/bootstrap-grid.min.css.map
Normal file
1
php/HTML/abc-front/css/bootstrap-grid.min.css.map
Normal file
File diff suppressed because one or more lines are too long
330
php/HTML/abc-front/css/bootstrap-reboot.css
vendored
Normal file
330
php/HTML/abc-front/css/bootstrap-reboot.css
vendored
Normal file
@ -0,0 +1,330 @@
|
||||
/*!
|
||||
* Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-ms-overflow-style: scrollbar;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-original-title] {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
-webkit-text-decoration-skip: objects;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0056b3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
-ms-overflow-style: scrollbar;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
color: #6c757d;
|
||||
text-align: left;
|
||||
caption-side: bottom;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button,
|
||||
html [type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="month"] {
|
||||
-webkit-appearance: listbox;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: .5rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-reboot.css.map */
|
||||
1
php/HTML/abc-front/css/bootstrap-reboot.css.map
Normal file
1
php/HTML/abc-front/css/bootstrap-reboot.css.map
Normal file
File diff suppressed because one or more lines are too long
8
php/HTML/abc-front/css/bootstrap-reboot.min.css
vendored
Normal file
8
php/HTML/abc-front/css/bootstrap-reboot.min.css
vendored
Normal file
@ -0,0 +1,8 @@
|
||||
/*!
|
||||
* Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
|
||||
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
|
||||
1
php/HTML/abc-front/css/bootstrap-reboot.min.css.map
Normal file
1
php/HTML/abc-front/css/bootstrap-reboot.min.css.map
Normal file
File diff suppressed because one or more lines are too long
8975
php/HTML/abc-front/css/bootstrap.css
vendored
Normal file
8975
php/HTML/abc-front/css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
php/HTML/abc-front/css/bootstrap.css.map
Normal file
1
php/HTML/abc-front/css/bootstrap.css.map
Normal file
File diff suppressed because one or more lines are too long
7
php/HTML/abc-front/css/bootstrap.min.css
vendored
Normal file
7
php/HTML/abc-front/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
php/HTML/abc-front/css/bootstrap.min.css.map
Normal file
1
php/HTML/abc-front/css/bootstrap.min.css.map
Normal file
File diff suppressed because one or more lines are too long
46
php/HTML/abc-front/css/responsive.css
Normal file
46
php/HTML/abc-front/css/responsive.css
Normal file
@ -0,0 +1,46 @@
|
||||
|
||||
@media only screen and (max-width: 900px){
|
||||
.abc-detail{
|
||||
display: block !important;
|
||||
}
|
||||
.abc-detail .seat span{
|
||||
top: 0;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 767px){
|
||||
.card-detail span div, .card-detail span{
|
||||
display: block !important;
|
||||
margin: 7px 0;
|
||||
}
|
||||
.credit span,.select-payment .credit{
|
||||
display: block !important;
|
||||
}
|
||||
.card-detail label,.credit span label{
|
||||
text-align: left;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.credit span{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.abc-detail .member span,.abc-detail .date span {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.attendee .member ul li{
|
||||
width: 100%;
|
||||
}
|
||||
.attendee .member ul{
|
||||
display: block !important;
|
||||
}
|
||||
.member div{
|
||||
display: block !important;
|
||||
}
|
||||
.member{
|
||||
flex-direction: column !important;
|
||||
}
|
||||
}
|
||||
545
php/HTML/abc-front/css/style.css
Normal file
545
php/HTML/abc-front/css/style.css
Normal file
@ -0,0 +1,545 @@
|
||||
|
||||
@font-face {
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
src: url(../fonts/HelveticaNeue-Condensed.otf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'HelveticaNeue-Extended';
|
||||
src: url(../fonts/HelveticaNeue-Extended.otf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'HelveticaNeue-HeavyCond';
|
||||
src: url(../fonts/HelveticaNeue-HeavyCond.otf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'HelveticaNeueLight';
|
||||
src: url(../fonts/HelveticaNeueLight.ttf);
|
||||
}
|
||||
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
.container{
|
||||
max-width: 970px;
|
||||
}
|
||||
.header{
|
||||
padding:5px 0;
|
||||
}
|
||||
.logo img{
|
||||
max-width: 125px;
|
||||
max-height: 100px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
.logo h1{
|
||||
font-size: 25px;
|
||||
padding-left: 10px;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
|
||||
}
|
||||
.abc-tab{
|
||||
margin-top:20px;
|
||||
}
|
||||
.abc-tab .nav-tabs{
|
||||
border-bottom:5px solid #003e7e;
|
||||
}
|
||||
.abc-tab .nav-tabs li{
|
||||
background-color:none !important;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.abc-tab .nav-tabs li a.active{
|
||||
background-color: #003e7e;
|
||||
color:#fff;
|
||||
}
|
||||
.abc-tab .nav-tabs li a{
|
||||
color: #000;
|
||||
border: 0 !important;
|
||||
}
|
||||
.abc-detail{
|
||||
padding:5px;
|
||||
}
|
||||
.abc-detail .title{
|
||||
flex: 3;
|
||||
}
|
||||
.abc-detail .seat{
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.abc-detail h2{
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 21px;
|
||||
color:#000;
|
||||
padding: 5px 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.abc-detail .adv{
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 17px;
|
||||
color:#000;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.abc-detail .adv input{
|
||||
max-width: 100px;
|
||||
padding:5px;
|
||||
}
|
||||
.abc-expand .member{
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 16px;
|
||||
color:#000;
|
||||
padding: 5px 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.abc-expand .member span{
|
||||
margin-right: 50px;
|
||||
}
|
||||
.abc-detail .date{
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 15px;
|
||||
color:#000;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.abc-detail .date input[type="checkbox"]{
|
||||
display: none;
|
||||
}
|
||||
.abc-detail .date input[type="checkbox"] + label{
|
||||
border:1px solid #000;
|
||||
width:15px;
|
||||
height:15px;
|
||||
margin-right: 15px;
|
||||
vertical-align: bottom;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
font-size: 30px;
|
||||
}
|
||||
.abc-detail .date input[type="checkbox"] + label:after{
|
||||
content: '✔';
|
||||
color: #0000ff;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
top: 3px;
|
||||
transform: translate(-50%, -50%);
|
||||
right: 0;
|
||||
|
||||
}
|
||||
|
||||
.abc-detail .date input[type="checkbox"]:checked + label:after{
|
||||
opacity: 1;
|
||||
}
|
||||
.abc-detail .date span{
|
||||
margin-right: 84px;
|
||||
}
|
||||
.abc-detail .seat span{
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
background: #003e7e;
|
||||
position: relative;s
|
||||
margin: auto;
|
||||
max-width: 67px;
|
||||
top: 45px;
|
||||
}
|
||||
.abc-expand h2{
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 21px;
|
||||
color: #000;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.abc-expand p{
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 17px;
|
||||
color: #000;
|
||||
line-height: 25px;
|
||||
}
|
||||
.abc-expand span{
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
}
|
||||
.no-pad{
|
||||
margin: 0;
|
||||
padding:0;
|
||||
}
|
||||
.abc-expand{
|
||||
margin:25px 0;
|
||||
}
|
||||
.attendee h3{
|
||||
background: #ccc;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 21px;
|
||||
color: #000;
|
||||
padding:10px;
|
||||
width: 100%;
|
||||
}
|
||||
.class-des{
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.attendee .member ul li{
|
||||
margin-right: 10px;
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 16px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.attendee .member ul li input{
|
||||
height: 35px;
|
||||
border: 1px solid #ccc;
|
||||
width: 100%;
|
||||
padding-left:10px;
|
||||
-webkit-text-fill-color:#333;
|
||||
}
|
||||
|
||||
.attendee .member span{
|
||||
color: #ec3e42;
|
||||
align-self: center;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.attendee .member p{
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.attendee .member label{
|
||||
align-self: center;
|
||||
padding-top: 5px;
|
||||
}
|
||||
.attendee label{
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 17px;
|
||||
color: #000;
|
||||
padding:15px 0;
|
||||
}
|
||||
.class-total h3 {
|
||||
background: #ccc;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 21px;
|
||||
color: #000;
|
||||
padding: 10px;
|
||||
width: 100%;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.alumi label{
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 17px;
|
||||
color: #000;
|
||||
padding:5px 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.alumi-content{
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.class-sum{
|
||||
margin-top: 25px;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 18px;
|
||||
}
|
||||
.abc-expand{
|
||||
display: none;
|
||||
border: 1px solid #ccc;
|
||||
padding: 25px;
|
||||
}
|
||||
.abc-detail {
|
||||
padding: 5px;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
.abc-tab .nav{
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
.abc-tab .nav a{
|
||||
color: #000;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 17px;
|
||||
padding: 9px 25px;
|
||||
line-height: 35px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.abc-tab .nav a.active{
|
||||
background: #9bc0e2;
|
||||
}
|
||||
.abc-btn button{
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 17px;
|
||||
padding:5px 20px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.abc-approve h1 {
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 35px;
|
||||
color: #000;
|
||||
width: 100%;
|
||||
margin:20px 0;
|
||||
}
|
||||
|
||||
.abc-approve h2 {
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 25px;
|
||||
color: #000;
|
||||
width: 100%;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 10px;
|
||||
background: #5c6a7a;
|
||||
padding: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
.abc-approve p {
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.approve label input{
|
||||
width:25px;
|
||||
height: 25px;
|
||||
border:1px solid #ccc;
|
||||
padding-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.approve-content{
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.approve{
|
||||
margin:10px 0;
|
||||
}
|
||||
.approve label {
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 18px;
|
||||
color: #000;
|
||||
width: 100%;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
}
|
||||
.approve label span {
|
||||
background: #cdcdcd;
|
||||
padding: 5px 10px;
|
||||
left: -40px;
|
||||
top: -5px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.select-payment h3 {
|
||||
background: #333366;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 21px;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.select-payment .credit{
|
||||
background: #cccccc;
|
||||
}
|
||||
|
||||
.credit input[type="checkbox"]{
|
||||
display: none;
|
||||
}
|
||||
.credit input[type="checkbox"] + label{
|
||||
border:1px solid #000;
|
||||
width:15px;
|
||||
height:15px;
|
||||
margin-right: 15px;
|
||||
vertical-align: bottom;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
font-size: 30px;
|
||||
}
|
||||
.credit input[type="checkbox"] + label:after{
|
||||
content: '✔';
|
||||
color: #0000ff;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
top: 3px;
|
||||
transform: translate(-50%, -50%);
|
||||
right: 0;
|
||||
}
|
||||
.credit input[type="checkbox"]:checked + label:after{
|
||||
opacity: 1;
|
||||
}
|
||||
.credit span{
|
||||
width: 50%;
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 15px;
|
||||
padding:10px 10px;
|
||||
}
|
||||
.select-payment{
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.card-detail select {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
border: 1px solid #ccc;
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 13px;
|
||||
}
|
||||
.card-detail input {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
border: 1px solid #ccc;
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 13px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.card-detail label {
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 16px;
|
||||
margin-right: 10px;
|
||||
align-self: center;
|
||||
/* min-width: 100px; */
|
||||
text-align: right;
|
||||
font-weight: 500;
|
||||
min-width: 150px;
|
||||
}
|
||||
.card-detail span{
|
||||
margin-top:15px;
|
||||
}
|
||||
.comp-detail{
|
||||
background: #fff !important;
|
||||
}
|
||||
.comp-detail span{
|
||||
width: 100%;
|
||||
padding:0;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.comp-detail input {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
border: 1px solid #ccc;
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 13px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.m-200{
|
||||
min-width: 150px;
|
||||
}
|
||||
.credit input {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
border: 1px solid #a4a4a4;
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 13px;
|
||||
padding-left: 10px;
|
||||
background: transparent;
|
||||
}
|
||||
.sale-in{
|
||||
font-family: 'HelveticaNeueLight';
|
||||
font-size: 15px;
|
||||
padding-left: 10px;
|
||||
color:#333;
|
||||
}
|
||||
.clear-btn{
|
||||
min-width: 100px;
|
||||
background: #ff0000;
|
||||
color: #fff;
|
||||
padding:7px;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 17px;
|
||||
}
|
||||
.process-btn{
|
||||
min-width: 100px;
|
||||
background: #006699;
|
||||
color: #fff;
|
||||
padding: 7px;
|
||||
font-family: 'HelveticaNeue-Condensed';
|
||||
font-size: 17px;
|
||||
}
|
||||
.abc-img img{
|
||||
max-width: 100%;
|
||||
}
|
||||
.clone-append ul{
|
||||
position: relative;
|
||||
}
|
||||
.clone-append button{
|
||||
position: absolute;
|
||||
right: -17px;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
top: 7px;
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.hr-span{
|
||||
background: lightgrey;
|
||||
padding: 6px 12px;
|
||||
font-family: 'HelveticaNeue-HeavyCond';
|
||||
font-size: 13px;
|
||||
color: #000;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.abc-detail .adv{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.d-flex.alumi-content span{
|
||||
position: relative;
|
||||
right: -11px;
|
||||
font-size: 17px;
|
||||
cursor: pointer;
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.grand{
|
||||
border-top: 1px solid #be0000;
|
||||
border-bottom: 1px solid #be0000;
|
||||
padding: 20px 0;
|
||||
font-size: 25px;
|
||||
color:#be0000;
|
||||
}
|
||||
.cd-sub label{
|
||||
margin-right: 15px;
|
||||
}
|
||||
.comp-detail{
|
||||
margin-top:15px;
|
||||
}
|
||||
.company-expand{
|
||||
display: none;
|
||||
}
|
||||
BIN
php/HTML/abc-front/fonts/HelveticaNeue-Condensed.otf
Normal file
BIN
php/HTML/abc-front/fonts/HelveticaNeue-Condensed.otf
Normal file
Binary file not shown.
BIN
php/HTML/abc-front/fonts/HelveticaNeue-Extended.otf
Normal file
BIN
php/HTML/abc-front/fonts/HelveticaNeue-Extended.otf
Normal file
Binary file not shown.
BIN
php/HTML/abc-front/fonts/HelveticaNeue-HeavyCond.otf
Normal file
BIN
php/HTML/abc-front/fonts/HelveticaNeue-HeavyCond.otf
Normal file
Binary file not shown.
BIN
php/HTML/abc-front/fonts/HelveticaNeueLight.ttf
Normal file
BIN
php/HTML/abc-front/fonts/HelveticaNeueLight.ttf
Normal file
Binary file not shown.
127
php/HTML/abc-front/hosted-payment.html
Normal file
127
php/HTML/abc-front/hosted-payment.html
Normal file
@ -0,0 +1,127 @@
|
||||
<!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">
|
||||
<title>ABC</title>
|
||||
<!-- Bootstrap -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<link href="css/responsive.css" rel="stylesheet">
|
||||
</head>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="logo d-flex">
|
||||
<img src="img/logo.jpg" alt="">
|
||||
<span class="d-flex align-items-center justify-content-center">
|
||||
<h1>Continuing Education Registration</h1>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="select-payment">
|
||||
<h3>Select Payment Type</h3>
|
||||
<div class="credit d-flex">
|
||||
<span> <input type="checkbox" id="host1" class="check_box"><label for="host1"></label>Credit Card / Debit Card</span>
|
||||
<span> <input type="checkbox" id="host2" class="check_box"><label for="host2"></label>Invoice Company</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="select-payment">
|
||||
<h3>Card Details</h3>
|
||||
<div class="card-detail">
|
||||
<span class="d-flex"><label for="">Card holder Name:*</label><input type="text"></span>
|
||||
<span class="d-flex"><label for="">Card Number:*</label><input type="text"></span>
|
||||
<span class="d-flex">
|
||||
<label for="">Edit Card Type:* </label>
|
||||
<select name="">
|
||||
<option value="Class1">Select</option>
|
||||
<option value="Class1">Class1</option>
|
||||
<option value="Class1">Class1</option>
|
||||
<option value="Class1">Class1</option>
|
||||
</select>
|
||||
</span>
|
||||
<span class="d-flex">
|
||||
<div class="col-md-4 d-flex no-pad"><label for="">Expiration Month:*</label><input type="text"></div>
|
||||
<div class="col-md-4 d-flex no-pad"><label for="">Exp Year:*</label><input type="text"></div>
|
||||
<div class="col-md-4 d-flex no-pad"><label for="">CVV Code:*</label><input type="text"></div>
|
||||
</span>
|
||||
<span class="d-flex"><label for="">Street Address:*</label><input type="text"></span>
|
||||
<span class="d-flex">
|
||||
<div class="col-md-4 d-flex no-pad"><label for="">City:*</label><input type="text"></div>
|
||||
<div class="col-md-4 d-flex no-pad"><label for="">State:*</label><input type="text"></div>
|
||||
<div class="col-md-4 d-flex no-pad"><label for="">Postal Code:*</label><input type="text"></div>
|
||||
</span>
|
||||
<span class="d-flex">
|
||||
<div class="col-md-6 d-flex no-pad"><label for="">Phone Number:*</label><input type="text"></div>
|
||||
<div class="col-md-6 d-flex no-pad"><label for="">Fax Number: </label><input type="text"></div>
|
||||
</span>
|
||||
<span class="d-flex"><label for="" style="width:180px;">Additional Instructions:</label><textarea class="form-control" rows="5" id="comment"></textarea></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="select-payment">
|
||||
<h3>Company Details</h3>
|
||||
<div class="credit comp-detail">
|
||||
<span class="d-flex"> <input type="checkbox" id="detail" class="check_box"><label for="detail"></label>Same as above</span>
|
||||
<div class="company-expand detail">
|
||||
<span class="d-flex"><label for="" class="m-200 align-self-center">Card holder Name:*</label><input type="text"> </span>
|
||||
<span class="d-flex"><label for="" class="m-200 align-self-center">Street Address*</label><input type="text"> </span>
|
||||
<span class="d-flex cd-sub">
|
||||
<div class="col-md-4 d-flex no-pad"><label for="" class="m-200 text-right align-self-center">Expiration Month:*</label><input type="text"></div>
|
||||
<div class="col-md-4 d-flex no-pad"><label for="" class="m-200 text-right align-self-center">Exp Year:*</label><input type="text"></div>
|
||||
<div class="col-md-4 d-flex no-pad"><label for="" class="m-200 text-right align-self-center">CVV Code:*</label><input type="text"></div>
|
||||
</span>
|
||||
<span class="d-flex cd-sub">
|
||||
<div class="col-md-6 d-flex no-pad"><label for="" class="m-200 text-right align-self-center">Phone Number:*</label><input type="text"></div>
|
||||
<div class="col-md-6 d-flex no-pad"><label for="" class="m-200 text-right align-self-center">Fax Number:*</label><input type="text"></div>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="select-payment">
|
||||
<h3>Sale Information</h3>
|
||||
<div class="credit d-flex sale-in">
|
||||
<div class="p-2">Total Sale Amount:</div>
|
||||
<div class="ml-auto p-2">$47.98</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="select-payment">
|
||||
<h3>Notifications / Receipts</h3>
|
||||
<div class="credit d-flex">
|
||||
<span class="align-self-center"> <input type="checkbox" id="host5" class="check_box"><label for="host5"></label>Credit Card / Debit Card</span>
|
||||
<span class="d-flex"> <label class="align-self-center m-200">Email Address:</label> <input type="text"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center bd-highlight mb-3">
|
||||
<div class="p-2 bd-highlight"><button type="button" class="btn clear-btn">Clear</button></div>
|
||||
<div class="p-2 bd-highlight"><button type="button" class="btn process-btn">Process</button></div>
|
||||
</div>
|
||||
<div class="abc-img d-flex flex-wrap justify-content-center align-items-center">
|
||||
<img src="img/visa.png" alt="">
|
||||
<img src="img.ssl.png" alt="">
|
||||
<img src="img/data.png" alt="">
|
||||
<img src="img/abc.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$('input[type="checkbox"]').click(function(){
|
||||
var inputValue = $(this).attr("id");
|
||||
$("." + inputValue).toggle();
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
php/HTML/abc-front/img/abc.png
Normal file
BIN
php/HTML/abc-front/img/abc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
php/HTML/abc-front/img/banner.jpg
Normal file
BIN
php/HTML/abc-front/img/banner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
php/HTML/abc-front/img/data.png
Normal file
BIN
php/HTML/abc-front/img/data.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
php/HTML/abc-front/img/logo.jpg
Normal file
BIN
php/HTML/abc-front/img/logo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
php/HTML/abc-front/img/ssl.png
Normal file
BIN
php/HTML/abc-front/img/ssl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
php/HTML/abc-front/img/visa.png
Normal file
BIN
php/HTML/abc-front/img/visa.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
331
php/HTML/abc-front/index.html
Normal file
331
php/HTML/abc-front/index.html
Normal file
@ -0,0 +1,331 @@
|
||||
<!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">
|
||||
<title>ABC</title>
|
||||
<!-- Bootstrap -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="logo d-flex">
|
||||
<img src="img/logo.jpg" alt="">
|
||||
<span class="d-flex align-items-center justify-content-center">
|
||||
<h1>Continuing Education Registration</h1>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="abc-tab">
|
||||
<div class="container">
|
||||
<div class="d-flex flex-row nav">
|
||||
<div><a href="index.html" class="active">Anaheim</a></div>
|
||||
<div> <a href="laventura.html" >LA / Ventura</a></div>
|
||||
</div>
|
||||
<!-- first item -->
|
||||
<div class="abc-detail d-flex">
|
||||
<div class="title">
|
||||
<h2 class="justify-content-center d-flex">Class Title</h2>
|
||||
<div class="adv"> Advanced Mechanic's Lien Hrs<span class="hr-span">4</span></div>
|
||||
<div class="date"><span> <input type="checkbox" id="start" class="check_box" placeholder="start"><label for="start"></label>Start Date:</span>
|
||||
<span>10/12/2018</span>
|
||||
<span>3pm </span>
|
||||
<span>M, W, F</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="seat">
|
||||
<h2 class="justify-content-center d-flex">Seats Remaining</h2>
|
||||
<span> 25</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="abc-expand start">
|
||||
<div class="member d-flex"> <span>Member / Alumni: $165.00 </span> <span> Non -Member: $265.00 </span> <span>SE: $0.00</span></div>
|
||||
<div class="d-flex class-des">
|
||||
<div class="col-md-5 no-pad">
|
||||
<h2>Class Description</h2>
|
||||
<p>Class follows the American Traffic Safety Services Association curriculum.</p>
|
||||
<span>Instructor: Samuel Smith</span>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<h2>Class Details</h2>
|
||||
<p>Start Date: 08/06/2018<br>
|
||||
End Date: 08/30/2018<br>
|
||||
Time: 5:00 pm – 9:00 pm<br>
|
||||
Location: Room 102<br>
|
||||
Days of Week: M, T, W, TH, F<br>
|
||||
Seats Available: 28<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="attendee">
|
||||
<h3>Attendee Info</h3>
|
||||
<label>Member / Alumni</label>
|
||||
<div class="member flex-row d-flex flex-wrap">
|
||||
<div class="col-sm-10 no-pad">
|
||||
<ul class="d-flex">
|
||||
<li><input type="text" placeholder="First Name*"></li>
|
||||
<li><input type="text" placeholder="Last Name*"></li>
|
||||
<li><input type="text" placeholder="Email Address*"></li>
|
||||
<li><input type="text" placeholder="Phone Number*"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-2 enroll-btn">
|
||||
<label class="d-flex">
|
||||
<span>+</span>
|
||||
<p>Enroll Attendee</p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-sm-10 clone-append no-pad"> </div>
|
||||
</div>
|
||||
|
||||
<label>Non-Member</label>
|
||||
<div class="member flex-row d-flex flex-wrap">
|
||||
<div class="col-sm-10 no-pad">
|
||||
<ul class="d-flex">
|
||||
<li><input type="text" placeholder="First Name*"></li>
|
||||
<li><input type="text" placeholder="Last Name*"></li>
|
||||
<li><input type="text" placeholder="Email Address*"></li>
|
||||
<li><input type="text" placeholder="Phone Number*"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-2 enroll-btn">
|
||||
<label class="d-flex">
|
||||
<span>+</span>
|
||||
<p>Enroll Attendee</p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-sm-10 clone-append no-pad"> </div>
|
||||
</div>
|
||||
|
||||
<label>Subscribing Employer</label>
|
||||
<div class="member flex-row d-flex flex-wrap">
|
||||
<div class="col-sm-10 no-pad">
|
||||
<ul class="d-flex">
|
||||
<li><input type="text" placeholder="First Name*"></li>
|
||||
<li><input type="text" placeholder="Last Name*"></li>
|
||||
<li><input type="text" placeholder="Email Address*"></li>
|
||||
<li><input type="text" placeholder="Phone Number*"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-2 enroll-btn">
|
||||
<label class="d-flex">
|
||||
<span>+</span>
|
||||
<p>Enroll Attendee</p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-sm-10 clone-append no-pad"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="class-total">
|
||||
<h3>Class Totals</h3>
|
||||
<div class="alumi">
|
||||
<label>Member / Alumni</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 196.00</div>
|
||||
</div>
|
||||
<label>Non-Member</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Bob Jones bobjones@msn.com (714) 555-2222 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<label>Subscribing Employer</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content class-sum">
|
||||
<div class="col-sm-8">Class Total</div>
|
||||
<div class="col-sm-4">$ 958.00</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /first item -->
|
||||
|
||||
|
||||
<!-- second item-->
|
||||
<div class="abc-detail d-flex">
|
||||
<div class="title">
|
||||
<h2 class="justify-content-center d-flex">Class Title</h2>
|
||||
<div class="adv"> Advanced Mechanic's Lien Hrs<span class="hr-span">4</span></div>
|
||||
<div class="date"><span> <input type="checkbox" id="start1" class="check_box" placeholder="start1"><label for="start1"></label>Start Date:</span>
|
||||
<span>10/12/2018</span>
|
||||
<span>3pm </span>
|
||||
<span>M, W, F</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="seat">
|
||||
<h2 class="justify-content-center d-flex">Seats Remaining</h2>
|
||||
<span> 25</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="abc-expand start1">
|
||||
<div class="member"> <span>Member / Alumni: $165.00 </span> <span> Non -Member: $265.00 </span> <span>SE: $0.00</span></div>
|
||||
<div class="d-flex class-des">
|
||||
<div class="col-md-5 no-pad">
|
||||
<h2>Class Description</h2>
|
||||
<p>Class follows the American Traffic Safety Services Association curriculum.</p>
|
||||
<span>Instructor: Samuel Smith</span>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<h2>Class Details</h2>
|
||||
<p>Start Date: 08/06/2018<br>
|
||||
End Date: 08/30/2018<br>
|
||||
Time: 5:00 pm – 9:00 pm<br>
|
||||
Location: Room 102<br>
|
||||
Days of Week: M, T, W, TH, F<br>
|
||||
Seats Available: 28<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="attendee">
|
||||
<h3>Attendee Info</h3>
|
||||
<label>Member / Alumni</label>
|
||||
<div class="member flex-row d-flex flex-wrap">
|
||||
<div class="col-sm-10 no-pad">
|
||||
<ul class="d-flex">
|
||||
<li><input type="text" placeholder="First Name*"></li>
|
||||
<li><input type="text" placeholder="Last Name*"></li>
|
||||
<li><input type="text" placeholder="Email Address*"></li>
|
||||
<li><input type="text" placeholder="Phone Number*"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-2 enroll-btn">
|
||||
<label class="d-flex">
|
||||
<span>+</span>
|
||||
<p>Enroll Attendee</p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-sm-10 clone-append no-pad"> </div>
|
||||
</div>
|
||||
|
||||
<label>Non-Member</label>
|
||||
<div class="member flex-row d-flex flex-wrap">
|
||||
<div class="col-sm-10 no-pad">
|
||||
<ul class="d-flex">
|
||||
<li><input type="text" placeholder="First Name*"></li>
|
||||
<li><input type="text" placeholder="Last Name*"></li>
|
||||
<li><input type="text" placeholder="Email Address*"></li>
|
||||
<li><input type="text" placeholder="Phone Number*"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-2 enroll-btn">
|
||||
<label class="d-flex">
|
||||
<span>+</span>
|
||||
<p>Enroll Attendee</p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-sm-10 clone-append no-pad"> </div>
|
||||
</div>
|
||||
|
||||
<label>Subscribing Employer</label>
|
||||
<div class="member flex-row d-flex flex-wrap">
|
||||
<div class="col-sm-10 no-pad">
|
||||
<ul class="d-flex">
|
||||
<li><input type="text" placeholder="First Name*"></li>
|
||||
<li><input type="text" placeholder="Last Name*"></li>
|
||||
<li><input type="text" placeholder="Email Address*"></li>
|
||||
<li><input type="text" placeholder="Phone Number*"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-2 enroll-btn">
|
||||
<label class="d-flex">
|
||||
<span>+</span>
|
||||
<p>Enroll Attendee</p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-sm-10 clone-append no-pad"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="class-total">
|
||||
<h3>Class Totals</h3>
|
||||
<div class="alumi">
|
||||
<label>Member / Alumni</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 196.00</div>
|
||||
</div>
|
||||
<label>Non-Member</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Bob Jones bobjones@msn.com (714) 555-2222 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<label>Subscribing Employer</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content class-sum">
|
||||
<div class="col-sm-8">Class Total</div>
|
||||
<div class="col-sm-4">$ 958.00</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /seconditem -->
|
||||
|
||||
<div class="d-flex justify-content-between abc-btn">
|
||||
<div class="p-2"><button type="button" class="btn" style="background: #899ec4;">Back</button></div>
|
||||
<div class="p-2"><button type="button" class="btn" style="background: #ff0000; color: #fff; ">Reset</button></div>
|
||||
<div class="p-2"><button type="button" class="btn" style="background: #333366; color: #fff;">Review Order</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$(".enroll-btn").click(function(){
|
||||
var html="";
|
||||
html+='<div><ul class="d-flex">'
|
||||
html+='<li><input type="text" placeholder="First Name*"></li>'
|
||||
html+='<li><input type="text" placeholder="Last Name*"></li>'
|
||||
html+=' <li><input type="text" placeholder="Email Address*"></li>'
|
||||
html+=' <li><input type="text" placeholder="Phone Number*"></li> <button class="cls-btn"> X </button></ul></div>'
|
||||
$(this).parent().find('.clone-append').append(html).html();
|
||||
});
|
||||
$('body').delegate(".cls-btn", "click",function(){
|
||||
$(this).closest('div').hide();
|
||||
// // $(this).parent().hide();
|
||||
// $(this).parent().hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$('input[type="checkbox"]').click(function(){
|
||||
var inputValue = $(this).attr("placeholder");
|
||||
$("." + inputValue).toggle();
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
6328
php/HTML/abc-front/js/bootstrap.bundle.js
vendored
Normal file
6328
php/HTML/abc-front/js/bootstrap.bundle.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
php/HTML/abc-front/js/bootstrap.bundle.js.map
Normal file
1
php/HTML/abc-front/js/bootstrap.bundle.js.map
Normal file
File diff suppressed because one or more lines are too long
7
php/HTML/abc-front/js/bootstrap.bundle.min.js
vendored
Normal file
7
php/HTML/abc-front/js/bootstrap.bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
php/HTML/abc-front/js/bootstrap.bundle.min.js.map
Normal file
1
php/HTML/abc-front/js/bootstrap.bundle.min.js.map
Normal file
File diff suppressed because one or more lines are too long
3894
php/HTML/abc-front/js/bootstrap.js
vendored
Normal file
3894
php/HTML/abc-front/js/bootstrap.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
php/HTML/abc-front/js/bootstrap.js.map
Normal file
1
php/HTML/abc-front/js/bootstrap.js.map
Normal file
File diff suppressed because one or more lines are too long
7
php/HTML/abc-front/js/bootstrap.min.js
vendored
Normal file
7
php/HTML/abc-front/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
php/HTML/abc-front/js/bootstrap.min.js.map
Normal file
1
php/HTML/abc-front/js/bootstrap.min.js.map
Normal file
File diff suppressed because one or more lines are too long
331
php/HTML/abc-front/laventura.html
Normal file
331
php/HTML/abc-front/laventura.html
Normal file
@ -0,0 +1,331 @@
|
||||
<!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">
|
||||
<title>ABC</title>
|
||||
<!-- Bootstrap -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="logo d-flex">
|
||||
<img src="img/logo.jpg" alt="">
|
||||
<span class="d-flex align-items-center justify-content-center">
|
||||
<h1>Continuing Education Registration</h1>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="abc-tab">
|
||||
<div class="container">
|
||||
<div class="d-flex flex-row nav">
|
||||
<div><a href="index.html">Anaheim</a></div>
|
||||
<div> <a href="laventura.html" class="active">LA / Ventura</a></div>
|
||||
</div>
|
||||
<!-- first item -->
|
||||
<div class="abc-detail d-flex">
|
||||
<div class="title">
|
||||
<h2 class="justify-content-center d-flex">Class Title</h2>
|
||||
<div class="adv"> Advanced Mechanic's Lien Hrs<span class="hr-span">4</span></div>
|
||||
<div class="date"><span> <input type="checkbox" id="start" class="check_box" placeholder="start"><label for="start"></label>Start Date:</span>
|
||||
<span>10/12/2018</span>
|
||||
<span>3pm </span>
|
||||
<span>M, W, F</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="seat">
|
||||
<h2 class="justify-content-center d-flex">Seats Remaining</h2>
|
||||
<span> 25</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="abc-expand start">
|
||||
<div class="member d-flex"> <span>Member / Alumni: $165.00 </span> <span> Non -Member: $265.00 </span> <span>SE: $0.00</span></div>
|
||||
<div class="d-flex class-des">
|
||||
<div class="col-md-5 no-pad">
|
||||
<h2>Class Description</h2>
|
||||
<p>Class follows the American Traffic Safety Services Association curriculum.</p>
|
||||
<span>Instructor: Samuel Smith</span>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<h2>Class Details</h2>
|
||||
<p>Start Date: 08/06/2018<br>
|
||||
End Date: 08/30/2018<br>
|
||||
Time: 5:00 pm – 9:00 pm<br>
|
||||
Location: Room 102<br>
|
||||
Days of Week: M, T, W, TH, F<br>
|
||||
Seats Available: 28<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="attendee">
|
||||
<h3>Attendee Info</h3>
|
||||
<label>Member / Alumni</label>
|
||||
<div class="member flex-row d-flex flex-wrap">
|
||||
<div class="col-sm-10 no-pad">
|
||||
<ul class="d-flex">
|
||||
<li><input type="text" placeholder="First Name*"></li>
|
||||
<li><input type="text" placeholder="Last Name*"></li>
|
||||
<li><input type="text" placeholder="Email Address*"></li>
|
||||
<li><input type="text" placeholder="Phone Number*"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-2 enroll-btn">
|
||||
<label class="d-flex">
|
||||
<span>+</span>
|
||||
<p>Enroll Attendee</p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-sm-10 clone-append no-pad"> </div>
|
||||
</div>
|
||||
|
||||
<label>Non-Member</label>
|
||||
<div class="member flex-row d-flex flex-wrap">
|
||||
<div class="col-sm-10 no-pad">
|
||||
<ul class="d-flex">
|
||||
<li><input type="text" placeholder="First Name*"></li>
|
||||
<li><input type="text" placeholder="Last Name*"></li>
|
||||
<li><input type="text" placeholder="Email Address*"></li>
|
||||
<li><input type="text" placeholder="Phone Number*"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-2 enroll-btn">
|
||||
<label class="d-flex">
|
||||
<span>+</span>
|
||||
<p>Enroll Attendee</p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-sm-10 clone-append no-pad"> </div>
|
||||
</div>
|
||||
|
||||
<label>Subscribing Employer</label>
|
||||
<div class="member flex-row d-flex flex-wrap">
|
||||
<div class="col-sm-10 no-pad">
|
||||
<ul class="d-flex">
|
||||
<li><input type="text" placeholder="First Name*"></li>
|
||||
<li><input type="text" placeholder="Last Name*"></li>
|
||||
<li><input type="text" placeholder="Email Address*"></li>
|
||||
<li><input type="text" placeholder="Phone Number*"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-2 enroll-btn">
|
||||
<label class="d-flex">
|
||||
<span>+</span>
|
||||
<p>Enroll Attendee</p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-sm-10 clone-append no-pad"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="class-total">
|
||||
<h3>Class Totals</h3>
|
||||
<div class="alumi">
|
||||
<label>Member / Alumni</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 196.00</div>
|
||||
</div>
|
||||
<label>Non-Member</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Bob Jones bobjones@msn.com (714) 555-2222 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<label>Subscribing Employer</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content class-sum">
|
||||
<div class="col-sm-8">Class Total</div>
|
||||
<div class="col-sm-4">$ 958.00</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /first item -->
|
||||
|
||||
|
||||
<!-- second item-->
|
||||
<div class="abc-detail d-flex">
|
||||
<div class="title">
|
||||
<h2 class="justify-content-center d-flex">Class Title</h2>
|
||||
<div class="adv"> Advanced Mechanic's Lien Hrs<span class="hr-span">4</span></div>
|
||||
<div class="date"><span> <input type="checkbox" id="start1" class="check_box" placeholder="start1"><label for="start1"></label>Start Date:</span>
|
||||
<span>10/12/2018</span>
|
||||
<span>3pm </span>
|
||||
<span>M, W, F</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="seat">
|
||||
<h2 class="justify-content-center d-flex">Seats Remaining</h2>
|
||||
<span> 25</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="abc-expand start1">
|
||||
<div class="member"> <span>Member / Alumni: $165.00 </span> <span> Non -Member: $265.00 </span> <span>SE: $0.00</span></div>
|
||||
<div class="d-flex class-des">
|
||||
<div class="col-md-5 no-pad">
|
||||
<h2>Class Description</h2>
|
||||
<p>Class follows the American Traffic Safety Services Association curriculum.</p>
|
||||
<span>Instructor: Samuel Smith</span>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<h2>Class Details</h2>
|
||||
<p>Start Date: 08/06/2018<br>
|
||||
End Date: 08/30/2018<br>
|
||||
Time: 5:00 pm – 9:00 pm<br>
|
||||
Location: Room 102<br>
|
||||
Days of Week: M, T, W, TH, F<br>
|
||||
Seats Available: 28<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="attendee">
|
||||
<h3>Attendee Info</h3>
|
||||
<label>Member / Alumni</label>
|
||||
<div class="member flex-row d-flex flex-wrap">
|
||||
<div class="col-sm-10 no-pad">
|
||||
<ul class="d-flex">
|
||||
<li><input type="text" placeholder="First Name*"></li>
|
||||
<li><input type="text" placeholder="Last Name*"></li>
|
||||
<li><input type="text" placeholder="Email Address*"></li>
|
||||
<li><input type="text" placeholder="Phone Number*"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-2 enroll-btn">
|
||||
<label class="d-flex">
|
||||
<span>+</span>
|
||||
<p>Enroll Attendee</p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-sm-10 clone-append no-pad"> </div>
|
||||
</div>
|
||||
|
||||
<label>Non-Member</label>
|
||||
<div class="member flex-row d-flex flex-wrap">
|
||||
<div class="col-sm-10 no-pad">
|
||||
<ul class="d-flex">
|
||||
<li><input type="text" placeholder="First Name*"></li>
|
||||
<li><input type="text" placeholder="Last Name*"></li>
|
||||
<li><input type="text" placeholder="Email Address*"></li>
|
||||
<li><input type="text" placeholder="Phone Number*"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-2 enroll-btn">
|
||||
<label class="d-flex">
|
||||
<span>+</span>
|
||||
<p>Enroll Attendee</p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-sm-10 clone-append no-pad"> </div>
|
||||
</div>
|
||||
|
||||
<label>Subscribing Employer</label>
|
||||
<div class="member flex-row d-flex flex-wrap">
|
||||
<div class="col-sm-10 no-pad">
|
||||
<ul class="d-flex">
|
||||
<li><input type="text" placeholder="First Name*"></li>
|
||||
<li><input type="text" placeholder="Last Name*"></li>
|
||||
<li><input type="text" placeholder="Email Address*"></li>
|
||||
<li><input type="text" placeholder="Phone Number*"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-2 enroll-btn">
|
||||
<label class="d-flex">
|
||||
<span>+</span>
|
||||
<p>Enroll Attendee</p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-sm-10 clone-append no-pad"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="class-total">
|
||||
<h3>Class Totals</h3>
|
||||
<div class="alumi">
|
||||
<label>Member / Alumni</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 196.00</div>
|
||||
</div>
|
||||
<label>Non-Member</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Bob Jones bobjones@msn.com (714) 555-2222 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<label>Subscribing Employer</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content class-sum">
|
||||
<div class="col-sm-8">Class Total</div>
|
||||
<div class="col-sm-4">$ 958.00</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /seconditem -->
|
||||
|
||||
<div class="d-flex justify-content-between abc-btn">
|
||||
<div class="p-2"><button type="button" class="btn" style="background: #899ec4;">Back</button></div>
|
||||
<div class="p-2"><button type="button" class="btn" style="background: #ff0000; color: #fff; ">Reset</button></div>
|
||||
<div class="p-2"><button type="button" class="btn" style="background: #333366; color: #fff;">Review Order</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$(".enroll-btn").click(function(){
|
||||
var html="";
|
||||
html+='<div><ul class="d-flex">'
|
||||
html+='<li><input type="text" placeholder="First Name*"></li>'
|
||||
html+='<li><input type="text" placeholder="Last Name*"></li>'
|
||||
html+=' <li><input type="text" placeholder="Email Address*"></li>'
|
||||
html+=' <li><input type="text" placeholder="Phone Number*"></li> <button class="cls-btn"> X </button></ul></div>'
|
||||
$(this).parent().find('.clone-append').append(html).html();
|
||||
});
|
||||
$('body').delegate(".cls-btn", "click",function(){
|
||||
$(this).closest('div').hide();
|
||||
// // $(this).parent().hide();
|
||||
// $(this).parent().hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$('input[type="checkbox"]').click(function(){
|
||||
var inputValue = $(this).attr("placeholder");
|
||||
$("." + inputValue).toggle();
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
114
php/HTML/abc-front/review.html
Normal file
114
php/HTML/abc-front/review.html
Normal file
@ -0,0 +1,114 @@
|
||||
<!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">
|
||||
<title>ABC</title>
|
||||
<!-- Bootstrap -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="logo d-flex">
|
||||
<img src="img/logo.jpg" alt="">
|
||||
<span class="d-flex align-items-center justify-content-center">
|
||||
<h1>Continuing Education Registration</h1>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="abc-approve">
|
||||
<div class="container">
|
||||
<h1>Review / Approve Registrations</h1>
|
||||
<h2>Traffic Control and Flagging</h2>
|
||||
<p>Start Date: 08/06/2018<br>
|
||||
End Date: 08/30/201<br>
|
||||
Time: 5:00 pm – 9:00pm<br>
|
||||
Location: Room 102<br>
|
||||
Days of Week: M, T, W, TH, F
|
||||
</p>
|
||||
<div class="approve">
|
||||
<label><span>5</span>Member / Alumni</label>
|
||||
<div class="d-flex approve-content">
|
||||
<div class="col-sm-8 no-pad">Joe Smith jsmith@yahoo.com (714) 293-2310 (remove)</div>
|
||||
<div class="col-sm-4">$ 196.00</div>
|
||||
</div>
|
||||
<label><span>5</span>Non-Member</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8 no-pad">Sam Smith ssmith@yahoo.com (909) 797-1234 (remove)</div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8 no-pad">Bob Jones bobjones@msn.com (714) 555-2222 (remove)</div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8 no-pad">Sam Smith ssmith@yahoo.com (909) 797-1234 (remove)</div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<label><span>5</span>Subscribing Employer</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8 no-pad">Joe Smith jsmith@yahoo.com (714) 293-2310 (remove)</div>
|
||||
<div class="col-sm-4">$ 254.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content class-sum">
|
||||
<div class="col-sm-8 no-pad">Class Total</div>
|
||||
<div class="col-sm-4">$ 958.00</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>OSHA 502</h2>
|
||||
<p>Start Date: 08/06/2018<br>
|
||||
End Date: 08/30/201<br>
|
||||
Time: 5:00 pm – 9:00pm<br>
|
||||
Location: Room 102<br>
|
||||
Days of Week: M, T, W, TH, F
|
||||
</p>
|
||||
<div class="approve">
|
||||
<label><span>5</span>Member / Alumni</label>
|
||||
<div class="d-flex approve-content">
|
||||
<div class="col-sm-8 no-pad">Dan Ericson Dericson@gmail.com (714) 293-2310 (remove)</div>
|
||||
<div class="col-sm-4">$ 199.00</div>
|
||||
</div>
|
||||
<div class="d-flex approve-content">
|
||||
<div class="col-sm-8 no-pad">Ivan Turner Ivan@msn.com (909) 797-1234 (remove)</div>
|
||||
<div class="col-sm-4">$ 199.00</div>
|
||||
</div>
|
||||
<div class="d-flex approve-content">
|
||||
<div class="col-sm-8 no-pad">Peter Schwartz pschwartz@gmail.com (714) 555-2222 (remove)</div>
|
||||
<div class="col-sm-4">$ 199.00</div>
|
||||
</div>
|
||||
<label><span>5</span>Non-Member</label>
|
||||
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8 no-pad">Carlos Alvarez calvarez@gmail.com (909) 956-1123 (remove)</div>
|
||||
<div class="col-sm-4">$ 199.00</div>
|
||||
</div>
|
||||
<label><span>5</span>Subscribing Employer</label>
|
||||
<div class="d-flex alumi-content">
|
||||
<div class="col-sm-8 no-pad">Joe Thomas Joethomas@aol.com (909) 956-1100 (remove)</div>
|
||||
<div class="col-sm-4">$ 299.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content class-sum">
|
||||
<div class="col-sm-8 no-pad">Class Total</div>
|
||||
<div class="col-sm-4">$ 856.00</div>
|
||||
</div>
|
||||
<div class="d-flex alumi-content class-sum grand">
|
||||
<div class="col-sm-8 no-pad">Grand Total</div>
|
||||
<div class="col-sm-4">$ 3336.00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between abc-btn">
|
||||
<div class="p-2"><button type="button" class="btn" style="background: #be0000; color: #fff;">Back</button></div>
|
||||
<div class="p-2 ml-auto"><button type="button" class="btn" style="background: #899ec4;">Approve</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user