diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/MonitorTech/index-1.html b/MonitorTech/index-1.html
new file mode 100644
index 0000000..0c07a20
--- /dev/null
+++ b/MonitorTech/index-1.html
@@ -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/popper.js@1.16.0/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>
\ No newline at end of file
diff --git a/MonitorTech/index.html b/MonitorTech/index.html
index 4d3047a..acde125 100644
--- a/MonitorTech/index.html
+++ b/MonitorTech/index.html
@@ -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
diff --git a/MonitorTech/style.css b/MonitorTech/style.css
index 6bd10e4..35edcda 100644
--- a/MonitorTech/style.css
+++ b/MonitorTech/style.css
@@ -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%;
+      }
+    }
