Skip to content

added Enrollment Section + How it works Section #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

added Enrollment Section + How it works Section #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added MonitorTech/images/enroll.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
199 changes: 198 additions & 1 deletion MonitorTech/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<link rel="stylesheet" href="style.css" />
</head>
<body>
test

<!--NAVIGATION-->
<nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">
<div class="container-fluid">
Expand Down Expand Up @@ -125,9 +125,206 @@ <h5>Third slide label</h5>
<!--CCT SECTION-->

<!--ENROLLMENT SECTION-->
<div class=" container-fluid py-5" style="background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url('./images/enroll.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover;">
<div class="container-lg">
<h2 class="text-center mb-5 font-weight-bold text-light h2-font-size">Enrollment</h2>

<div class="row justify-content-center align-items-center">
<div class="col-lg-5 col-md-7 m-3 text-center text-light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printe</div>
<div class="col-lg-6 col-md-7 m-3">
<div class="card card-blur-effect">
<div class="card-header text-center font-weight-bold heading-card-custom text-white">
Pricing
</div>
<form action='#'>
<div class="card-body">
<div class="form-check my-3 d-flex align-items-center ">
<input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
<label class="form-check-label" for="defaultCheck1">
Arrhythmia Interpretation
</label>
</div>
<div class="form-check my-3 d-flex align-items-center">
<input class="form-check-input" type="checkbox" value="" id="defaultCheck2" >
<label class="form-check-label " for="defaultCheck2">
12-lead Electrocardiography
</label>
</div>
<div class="form-check my-3 d-flex align-items-center">
<input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
<label class="form-check-label " for="defaultCheck1">
CPR and First Aid
</label>
</div>
<div class="form-check my-3 d-flex align-items-center">
<input class="form-check-input" type="checkbox" value="" id="defaultCheck2" >
<label class="form-check-label" for="defaultCheck2">
Stress Test and Holter Monitor
</label>
</div>

<button type="submit" class="btn btn-custom-font btn-info btn-block my-2">Pay Now</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--HOW IT WORKS SECTION-->
<div class=" container-fluid p-2 my-4" >
<div class="container-lg">
<h2 class="text-center mb-5 font-weight-bold">How it works</h2>

<div class="container-lg">
<div class="accordion" id="accordionExample">
<div class="card border-bottom my-2 ">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed text-decoration-none btn-custom-font" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Signing up
</button>
</h2>
</div>

<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
Sign up anytime for our online course. Scroll to the enrollment section to begin.

You may buy our Arrhythmia Interpretation courses separately or as a package. Each course is sold individually for $300. When you buy them as a package, you will receive 10% off your purchase for a total of $540.

A word about safety: If you're going to buy something online, it needs to be secure. Your purchase is secure with 256-bit encryption.
</div>
</div>
</div>

<div class="card border-bottom my-2">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed text-decoration-none btn-custom-font " type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Study
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
All of the materials you need are available upon enrollment in our courses.
</div>
</div>
</div>
<div class="card border-bottom my-2">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed text-decoration-none btn-custom-font" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
The exam
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
There is an end of course exam where you must pass with an 84% or higher. You have three chances to pass and we provide you with an exam scoring report after each attempt. Should you fail the exam during your first or second attempt, you can use the scoring report for remediation.
</div>
</div>
</div>

<div class="card border-bottom my-2">
<div class="card-header" id="headingFour">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed text-decoration-none btn-custom-font" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Your certificate
</button>
</h2>
</div>
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="card-body">
You will be provided with a PDF certificate via email that you can show your employer while the hard copy is mailed to you. We mail the hard-copy via First Class Mail one business day after you pass the exam.
</div>
</div>
</div>

<div class="card border-bottom my-2">
<div class="card-header" id="headingFive">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed text-decoration-none btn-custom-font" type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
Certified Rhythm Analysis Technician (CRAT) examination
</button>
</h2>
</div>
<div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
<div class="card-body">
Students who take our Arrhythmia Interpretation and 12-Lead ECG courses will be prepared to sit for the Cardiovascular Credentialing International (CCI) Certified Rhythm Analysis Technician (CRAT) examination. Also, you'll learn about ECG requirements and ECG qualifications.

Disclaimer: We do not cover Registering Patients (5%), Educating Clients (8%) or Administering Cardiac Test (10%) sections for CRAT exam.
</div>
</div>
</div>

<div class="card border-bottom my-2">
<div class="card-header" id="headingSix">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed text-decoration-none btn-custom-font" type="button" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
Certified Cardiographic Technician (CCT) examination
</button>
</h2>
</div>
<div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordionExample">
<div class="card-body">
Students who take our Stress Test Holter Monitor (STHM) and Basic Life Support (BLS) courses will be able to sit for the Cardiovascular Credentialing International (CCI) Certified Cardiographic Technician (CCT) examination. Also, check our CCT Course.

Disclaimer: We do not cover Registering Patients (5%), Educating Clients (8%) or Administering Cardiac Test (10%) sections for CRAT exam.
</div>
</div>
</div>

<div class="card border-bottom my-2">
<div class="card-header" id="headingSeven">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed text-decoration-none btn-custom-font" type="button" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
Our guarantee
</button>
</h2>
</div>
<div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordionExample">
<div class="card-body">
We guarantee you will love your course and it will be accepted, or your money back (good for three months from purchase).
</div>
</div>
</div>

<div class="card border-bottom my-2">
<div class="card-header" id="headingEight">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed text-decoration-none btn-custom-font" type="button" data-toggle="collapse" data-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
The exam
</button>
</h2>
</div>
<div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-parent="#accordionExample">
<div class="card-body">
There is an end of course exam where you must obtain an 84% or higher. You have three chances to pass and we provide you with an exam scoring report after each attempt. You can use the scoring report for remediation if you fail to pass the exam during your first or second attempt.
</div>
</div>
</div>

<div class="card border-bottom my-2">
<div class="card-header" id="headingNine">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed text-decoration-none btn-custom-font" type="button" data-toggle="collapse" data-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">
Group discounts
</button>
</h2>
</div>
<div id="collapseNine" class="collapse" aria-labelledby="headingNine" data-parent="#accordionExample">
<div class="card-body">
Group discounts are available (10+ people), please contact [email protected] (direct for our Monitor Tech department).
</div>
</div>
</div>

</div>
</div>
</div>
</div>
<!--ACCREDITAYION CMD SECTION-->

<!--PARTNERS SECTION-->
Expand Down
38 changes: 37 additions & 1 deletion MonitorTech/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,40 @@
* {
box-sizing: content-box;
box-sizing: border-box;
border: 0;

}

/* Heading 2 font-size*/

.h2-font-size{
font-size: 40px;
}

/* for Pricing Card on Enrollment section */
.card-blur-effect{
background: rgba(255, 255, 255, 0.452);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(20px);
}

/* for heading on Pricing Card */
.heading-card-custom{
background-color: rgba(95, 94, 94, 0.5);
font-size: 24px;
}

/* text on Pricing Card */
.form-check-label{
font-size: 22px;
}

/* checkboxes on Pricing Card*/
input[type=checkbox] {
transform: scale(1.2);
margin-top: 0;
}

/* button on Pricing Card*/
.btn-custom-font{
font-size: 20px;
}