Skip to content

monitor #2

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
lolabakk wants to merge 3 commits into
base: master
Choose a base branch
from
Open

monitor #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a9c5bc4
monitor
lolabakk Jul 19, 2020
b34baa2
Index1-html
lolabakk Jul 24, 2020
d9ab19a
Added missing } on 140, 127, 133
ultraasi-atanas Jul 24, 2020
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
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
157 changes: 157 additions & 0 deletions MonitorTech/index-1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,157 @@

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<title>Monitor Project</title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<!-- Add a link to your css file here -->
</head>
<body>

<!-- Add your markup here -->
<main>
<section class="Meet our graduate">

</section>
<h1>IGNORE THE IMAGES, AND JUST CHECK THE FOOTER</h1>
<h3 class="review">Meet our Graduate</h3>
<section class="customerReview">
<div class="card-deck">
<div class="card">
<img src="medical 1.jpg" class="card-img-top" alt="Animated Cake">
<div class="card-body">
<h5 class="card-title">Sophie Loreen</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis </p>
<p class="card-text"><small class="text-muted">Read More </small></p>
</div>
</div>
<div class="card-deck">
<div class="card">
<img src="medical 1.jpg" class="card-img-top" alt="Animated Cake">
<div class="card-body">
<h5 class="card-title">Sophie Loreen</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis </p>
<p class="card-text"><small class="text-muted">Read More </small></p>
</div>
</div>
<div class="card-deck">
<div class="card">
<img src="medical 4.jpg" class="card-img-top" alt="Animated Cake">
<div class="card-body">
<h5 class="card-title">Sophie Loreen</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis </p>
<p class="card-text"><small class="text-muted">Read More </small></p>
</div>
</div>
<hr>
<div class="card-deck">
<div class="card">
<img src="medical 1.jpg" class="card-img-top" alt="Animated Cake">
<div class="card-body">
<h5 class="card-title">Sophie Loreen</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis </p>
<p class="card-text"><small class="text-muted">Read More </small></p>
</div>
</div>
<div class="card-deck">
<div class="card">
<img src="medical 2.jpg" class="card-img-top" alt="Animated Cake">
<div class="card-body">
<h5 class="card-title">Sophie Loreen</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis </p>
<p class="card-text"><small class="text-muted">Read More </small></p>
</div>
</div>
<div class="card-deck">
<div class="card">
<img src="medical 3.jpg" class="card-img-top" alt="Animated Cake">
<div class="card-body">
<h5 class="card-title">Sophie Loreen</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis </p>
<p class="card-text"><small class="text-muted">Read More </small></p>
</div>
</div>

</section>
<footer class="mainfooter" role="contentinfo">
<div class="footer-middle">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<!--Column1-->
<div class="footer-pad">
<h4>Our Courses</h4>
<ul class="list-unstyled">
<li><a href="#Practice reading rhythm">Practice reading rhythm</a></li>
<li><a href="#Arrhythmia Interpretation">Arrhythmia Interpretation</a></li>
<li><a href="#12-Lead ECG">12-Lead ECG</a></li>
<li><a href="CPR and First Aid">CPR and First Aid</a></li>
<li><a href="#Stress Test and Holter Monitor">Stress Test and Holter Monitor</a></li>
<li><a href="#CRAT Test Topics">CRAT Test Topics</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<!--Column1-->
<div class="footer-pad">
<h4>Learn More</h4>
<ul class="list-unstyled">
<li><a href="#About Us">About Us</a></li>
<li><a href="#Enrollment">Enrollment</a></li>
<li><a href="#Training and Certification">Training and Certification</a></li>
<li><a href="#How it Works">How it Works</a></li>
<li><a href="#Other Courses">Other Courses</a></li>
<li><a href="#Enrollment">Enrollment</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<!--Column1-->
<div class="footer-pad">
<h4>Monitor Tech</h4>
<ul class="list-unstyled">
<li><a href="#Contact Us">Contact Us</a></li>
<li><a href="#Scholarships">Scholarships</a></li>
<li><a href="#Educational Articles">Educational Articles</a></li>
<li><a href="#Corporate">Corporate</a></li>
<li><a href="#FAQ"> FAQ</a></li>
<li><a href="#Strips">Strips</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3">
<h4>Monitor Tech </h4>
<p>3103 Philmont Ave, Suite 308</p>
<p>Huntingdon Valley, PA 19006</p>
<p>Phone: 1-844-481-5238 (8am -2pm)</p>

<h4>Follow Us</h4>
<ul class="social-network social-circle">
<li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" class="icoInstagram" title="Instagram"><i class="fa fa-instagram"></i></a></li>
<li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12 copy">
<p class="text-center">&copy; Copyright 2020 - Pacific Medical Training. All rights reserved.</p>
</div>
</div>

</div>
</div>
</footer>
</main>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>
56 changes: 56 additions & 0 deletions MonitorTech/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -132,6 +132,62 @@ <h5>Third slide label</h5>
<!--PARTNERS SECTION-->

<!--FOOTER-->
<!--Column1-->
<footer class="mainfooter" role="contentinfo">
<div class="footer-middle">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="footer-pad">
<h4>Learn More</h4>
<ul class="list-unstyled">
<li><a href="#About Us">About Us</a></li>
<li><a href="#Enrollment">Enrollment</a></li>
<li><a href="#Training and Certification">Training and Certification</a></li>
<li><a href="#How it Works">How it Works</a></li>
<li><a href="#Other Courses">Other Courses</a></li>
<li><a href="#Enrollment">Enrollment</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<!--Column1-->
<div class="footer-pad">
<h4>Monitor Tech</h4>
<ul class="list-unstyled">
<li><a href="#Contact Us">Contact Us</a></li>
<li><a href="#Scholarships">Scholarships</a></li>
<li><a href="#Educational Articles">Educational Articles</a></li>
<li><a href="#Corporate">Corporate</a></li>
<li><a href="#FAQ"> FAQ</a></li>
<li><a href="#Strips">Strips</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3">
<h4>Monitor Tech </h4>
<p>3103 Philmont Ave, Suite 308</p>
<p>Huntingdon Valley, PA 19006</p>
<p>Phone: 1-844-481-5238 (8am -2pm)</p>

<h4>Follow Us</h4>
<ul class="social-network social-circle">
<li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" class="icoInstagram" title="Instagram"><i class="fa fa-instagram"></i></a></li>
<li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12 copy">
<p class="text-center">&copy; Copyright 2020 - Pacific Medical Training. All rights reserved.</p>
</div>
</div>

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

<!--BOOTSTRAP JS & JQUERY-->
<script
Expand Down
142 changes: 142 additions & 0 deletions MonitorTech/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,3 +2,145 @@
box-sizing: content-box;
border: 0;
}




/*FOOTER*/

footer {
background: #EC7F97;
background: -webkit-linear-gradient(59deg, #EC7F97, #E699BD);
background: linear-gradient(59deg, #99c3d8, #16222A);
color: black;
margin-top:100px;
}

footer a {
color:black;
font-size: 14px;
transition-duration: 0.2s;
}

footer a:hover {
color: #004D55;
text-decoration: none;
}

.copy {
font-size: 12px;
padding: 10px;
border-top: 1px solid #E699BD;
}

.footer-middle {
padding-top: 2em;
color: #000000 ;
}


/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
list-style: none;
display: inline;
margin-left: 0 !important;
padding: 0;
}

ul.social-network li {
display: inline;
margin: 0 5px;
}


/* footer social icons */

.social-network a.icoFacebook:hover {
background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
background-color: #007bb7;
}

.social-network a.icoInstagram:hover {
background-color: #007bb7;
}

.social-network a.icoFacebook:hover i,
.social-network a.icoLinkedin:hover i {
color: #fff;
}

.social-network a.socialIcon:hover,
.socialHoverClass {
color: #44BCDD;
}

.social-circle li a {
display: inline-block;
position: relative;
margin: 0 auto 0 auto;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
width: 30px;
height: 30px;
font-size: 15px;
}

.social-circle li i {
margin: 0;
line-height: 30px;
text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms--transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}

.social-circle i {
color: #595959;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}

.social-network a {
background-color: #F9F9F9;
}

@media screen and (max-width: 800px) {
.column {
flex: 50%;
max-width: 50%;
}
}
@media screen and (max-width: 1000px) {
.column {
flex: 100%;
max-width: 100%;
}
}

@media screen and (max-width: 576px) {
.column {
flex: 100%;
max-width: 50%;
}
}