abc/php/HTML/abc-front/review.html

114 lines
5.6 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>