diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..765f171
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveSassCompile.settings.showOutputWindowOn": "None"
+}
\ No newline at end of file
diff --git a/assets/css/_root.scss b/assets/css/_root.scss
index 8e553c1..3508253 100644
--- a/assets/css/_root.scss
+++ b/assets/css/_root.scss
@@ -1,9 +1,9 @@
 @import url('https://fonts.googleapis.com/css?family=Poppins');
 
-$primary-color: #b9017c;
+$primary-color: lighten(#94226e, 5%);
 $navy: #00040e;
-$secondary-color: #1d6db4;
-$white: #ffffffee;
+$secondary-color: #0479a7;
+$white: #fff;
 $bg: #fcfeffd6;
 $black: #111111;
 $red: rgb(218, 64, 64);
@@ -127,6 +127,9 @@ html
     border-radius: 5px;
     cursor: pointer;
     font-size: small;
+    font-weight: 600;
+    letter-spacing: 1px;
+
 
     i
     {
@@ -242,7 +245,7 @@ html
 
 .shadowed
 {
-    box-shadow: inset 1px 1px rgba(255, 255, 255, 0.478), inset -1px -1px rgba(255, 255, 255, 0.132), 1px 3px 24px -1px rgba(0, 0, 0, 0.27);
+    box-shadow: inset 1px 1px rgba(255, 255, 255, 0.178), inset -1px -1px rgba(255, 255, 255, 0.132), 1px 3px 24px -1px rgba(0, 0, 0, 0.17);
 }
 .btn-round
 {
@@ -279,6 +282,31 @@ html
     }
 }
 
+.btn-black
+{
+    background-color: $black;
+    color: white;
+    letter-spacing: 1px;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 10px;
+    cursor: pointer;
+    transition: all 1s ease-in;
+
+    i
+    {
+        margin-right: 5px;
+        margin-left: 5px;
+    }
+
+    &:hover
+    {
+        background-color: transparent;
+        border: 2px solid $black;
+        color: $black;
+    }
+}
+
 .btn-transparent-secondary
 {
     background-color: transparent;
@@ -330,7 +358,7 @@ html
 }
 .btn-gradient
 {
-    background: linear-gradient(to bottom, lighten($secondary-color, 60), lighten($secondary-color, 10));
+    background: linear-gradient(to right, lighten($primary-color, 6), lighten($secondary-color, 10));
 
     color: white;
     letter-spacing: 1px;
@@ -348,9 +376,7 @@ html
 
     &:hover
     {
-        background: linear-gradient(to top, lighten($secondary-color, 60), lighten($secondary-color, 10));
-
-
+        background: linear-gradient(to left, lighten($primary-color, 6), lighten($secondary-color, 10));
 
     }
 }
@@ -493,18 +519,21 @@ html
 
 .border-primary
 {
-    height: 1px;
+    height: 2px;
     width: 100px;
-    background-color: #117dc5;
+    background-color: $primary-color;
     padding: 0;
     border-radius: 50px;
+    margin-bottom: 20px;
 }
 
 .border-secondary
 {
-    height: 1px;
+    height: 2px;
     width: 100px;
-    background-color: #cfe5fe;
+    background-color: $secondary-color;
+    margin-bottom: 20px;
+
 }
 
 .border-white
@@ -516,9 +545,10 @@ html
 
 .border-black
 {
-    height: 1px;
+    height: 2px;
     width: 100px;
     background-color: #111111;
+    margin-bottom: 20px;
 }
 
 .txt-caps
diff --git a/assets/css/style.css b/assets/css/style.css
index 91f681e..a487c03 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -21,7 +21,7 @@ html {
   grid-gap: 5px;
 }
 
-.grid-2 {
+.grid-2, body section:nth-of-type(2) .grid-container, body section:nth-of-type(3) .grid-container, body section:nth-of-type(4) .grid-container {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 5px;
@@ -87,7 +87,7 @@ html {
   grid-gap: 5px;
 }
 
-.flex-column, body section:nth-of-type(1) .grid-2 .grid-2 .card, body section, body main, .x-end, .x-start, .y-end, .y-start {
+.flex-column, body section:nth-of-type(2) .grid-container .text, body section:nth-of-type(3) .grid-container .text, body section:nth-of-type(4) .grid-container .text, body section:nth-of-type(1) .grid-container .card i, body section:nth-of-type(1) .grid-container .card, body section, body main .showcase-text, body main, body header .btn, .x-end, .x-start, .y-end, .y-start {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -99,7 +99,7 @@ html {
   justify-content: space-between;
 }
 
-.y-start {
+.y-start, body section {
   justify-content: flex-start;
 }
 
@@ -107,7 +107,7 @@ html {
   justify-content: flex-end;
 }
 
-.x-start {
+.x-start, body section:nth-of-type(2) .grid-container .text, body section:nth-of-type(3) .grid-container .text, body section:nth-of-type(4) .grid-container .text, body main .showcase-text, body main {
   align-items: flex-start;
 }
 
@@ -132,10 +132,10 @@ html {
 .btn-bordered-gradient {
   font-size: 14px;
   border: 2px solid;
-  border-top: 2px solid #b9017c;
-  border-bottom: 2px solid #b9017c;
-  border-right: 2px solid #1d6db4;
-  border-left: 2px solid #1d6db4;
+  border-top: 2px solid #a9277d;
+  border-bottom: 2px solid #a9277d;
+  border-right: 2px solid #0479a7;
+  border-left: 2px solid #0479a7;
   width: -moz-max-content;
   width: max-content;
   height: 30px;
@@ -144,21 +144,23 @@ html {
 }
 .btn-bordered-gradient:hover {
   transition: all 2s ease-out;
-  border-top-color: #1d6db4;
-  border-bottom-color: #1d6db4;
-  border-right-color: #b9017c;
-  border-left-color: #b9017c;
-  background-color: #c1ddf5;
+  border-top-color: #0479a7;
+  border-bottom-color: #0479a7;
+  border-right-color: #a9277d;
+  border-left-color: #a9277d;
+  background-color: #94dffc;
 }
 
 .btn-primary {
-  background-color: #ec019e;
-  color: rgba(255, 255, 255, 0.9333333333);
+  background-color: #d0329c;
+  color: #fff;
   border: none;
   padding: 10px 20px;
   border-radius: 5px;
   cursor: pointer;
   font-size: small;
+  font-weight: 600;
+  letter-spacing: 1px;
 }
 .btn-primary i {
   margin-right: 5px;
@@ -166,12 +168,12 @@ html {
 }
 .btn-primary:hover {
   transition: all 0.3s ease-in-out;
-  background-color: #d2018d;
+  background-color: #bd2c8d;
 }
 
 .btn-secondary {
-  background-color: #1d6db4;
-  border: 2px solid #b9017c;
+  background-color: #0479a7;
+  border: 2px solid #a9277d;
   color: #111111;
   border: none;
   padding: 10px 20px;
@@ -185,7 +187,7 @@ html {
 }
 .btn-secondary:hover {
   transition: all 0.3s ease-in-out;
-  background-color: #165288;
+  background-color: #035575;
 }
 
 .btn-rounded {
@@ -198,7 +200,7 @@ html {
 
 .btn-red {
   background-color: rgb(218, 64, 64);
-  color: rgba(255, 255, 255, 0.9333333333);
+  color: #fff;
   border: none;
   padding: 10px 20px;
   border-radius: 5px;
@@ -215,7 +217,7 @@ html {
 
 .btn-green {
   background-color: rgb(5, 194, 106);
-  color: rgba(255, 255, 255, 0.9333333333);
+  color: #fff;
   border: none;
   padding: 10px 20px;
   border-radius: 5px;
@@ -231,7 +233,7 @@ html {
 }
 
 .btn-white {
-  background-color: rgba(255, 255, 255, 0.9333333333);
+  background-color: #fff;
   color: #111111;
   border: none;
   padding: 10px 20px;
@@ -244,11 +246,11 @@ html {
   margin-left: 5px;
 }
 .btn-white:hover {
-  background-color: rgba(230, 230, 230, 0.9333333333);
+  background-color: #e6e6e6;
 }
 
 .shadowed, .google-btn {
-  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.478), inset -1px -1px rgba(255, 255, 255, 0.132), 1px 3px 24px -1px rgba(0, 0, 0, 0.27);
+  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.178), inset -1px -1px rgba(255, 255, 255, 0.132), 1px 3px 24px -1px rgba(0, 0, 0, 0.17);
 }
 
 .btn-round {
@@ -261,8 +263,8 @@ html {
 
 .btn-transparent-primary {
   background-color: transparent;
-  color: #b9017c;
-  border: 2px solid #b9017c;
+  color: #a9277d;
+  border: 2px solid #a9277d;
   padding: 10px 20px;
   border-radius: 5px;
   cursor: pointer;
@@ -273,14 +275,34 @@ html {
   margin-left: 5px;
 }
 .btn-transparent-primary:hover {
-  background-color: #b9017c;
-  color: rgba(255, 255, 255, 0.9333333333);
+  background-color: #a9277d;
+  color: #fff;
+}
+
+.btn-black {
+  background-color: #111111;
+  color: white;
+  letter-spacing: 1px;
+  border: none;
+  padding: 10px 20px;
+  border-radius: 10px;
+  cursor: pointer;
+  transition: all 1s ease-in;
+}
+.btn-black i {
+  margin-right: 5px;
+  margin-left: 5px;
+}
+.btn-black:hover {
+  background-color: transparent;
+  border: 2px solid #111111;
+  color: #111111;
 }
 
 .btn-transparent-secondary {
   background-color: transparent;
-  color: #1d6db4;
-  border: 2px solid #1d6db4;
+  color: #0479a7;
+  border: 2px solid #0479a7;
   padding: 10px 20px;
   border-radius: 5px;
   cursor: pointer;
@@ -291,8 +313,8 @@ html {
   margin-left: 5px;
 }
 .btn-transparent-secondary:hover {
-  background-color: #1d6db4;
-  color: rgba(255, 255, 255, 0.9333333333);
+  background-color: #0479a7;
+  color: #fff;
 }
 
 .btn-gradient-blue {
@@ -315,7 +337,7 @@ html {
 }
 
 .btn-gradient {
-  background: linear-gradient(to bottom, white, #2887dc);
+  background: linear-gradient(to right, #c22c90, #059dd9);
   color: white;
   letter-spacing: 1px;
   border: none;
@@ -329,13 +351,13 @@ html {
   margin-left: 5px;
 }
 .btn-gradient:hover {
-  background: linear-gradient(to top, white, #2887dc);
+  background: linear-gradient(to left, #c22c90, #059dd9);
 }
 
 .btn-transparent-white {
   background-color: transparent;
-  color: rgba(255, 255, 255, 0.9333333333);
-  border: 2px solid rgba(255, 255, 255, 0.9333333333);
+  color: #fff;
+  border: 2px solid #fff;
   padding: 10px 20px;
   border-radius: 5px;
   cursor: pointer;
@@ -346,7 +368,7 @@ html {
   margin-left: 5px;
 }
 .btn-transparent-white:hover {
-  background-color: rgba(255, 255, 255, 0.9333333333);
+  background-color: #fff;
   color: #111111;
 }
 
@@ -472,22 +494,24 @@ html {
 .dot-primary {
   height: 30px;
   width: 50px;
-  background-color: #b9017c;
+  background-color: #a9277d;
   border-radius: 50%;
 }
 
 .border-primary {
-  height: 1px;
+  height: 2px;
   width: 100px;
-  background-color: #117dc5;
+  background-color: #a9277d;
   padding: 0;
   border-radius: 50px;
+  margin-bottom: 20px;
 }
 
 .border-secondary {
-  height: 1px;
+  height: 2px;
   width: 100px;
-  background-color: #cfe5fe;
+  background-color: #0479a7;
+  margin-bottom: 20px;
 }
 
 .border-white {
@@ -497,9 +521,10 @@ html {
 }
 
 .border-black {
-  height: 1px;
+  height: 2px;
   width: 100px;
   background-color: #111111;
+  margin-bottom: 20px;
 }
 
 .txt-caps {
@@ -514,16 +539,16 @@ html {
   font-weight: 300;
 }
 
-.txt-primary {
-  color: #ec019e;
+.txt-primary, body section:nth-of-type(2) .grid-container .text h1, body section:nth-of-type(3) .grid-container .text h1, body section:nth-of-type(4) .grid-container .text h1 {
+  color: #d0329c;
 }
 
 .txt-secondary {
-  color: #165288;
+  color: #035575;
 }
 
 .txt-white {
-  color: rgba(255, 255, 255, 0.9333333333);
+  color: #fff;
 }
 
 .txt-black {
@@ -654,174 +679,163 @@ html {
   }
 }
 body {
+  background-color: #fff;
   margin: 0;
   padding: 0;
-  background: linear-gradient(to bottom, #c1ddf5, white);
+  box-sizing: border-box;
+  background-color: #0479a7;
 }
 body header {
+  position: fixed;
+  top: 0;
+  z-index: 999;
   width: 100%;
   height: 60px;
-  background: transparent;
-  -webkit-backdrop-filter: blur(10px);
-          backdrop-filter: blur(10px);
-  z-index: 9;
-  position: sticky;
-  top: 0;
-  box-sizing: border-box;
-  padding: 0.5% 1%;
   display: inline-flex;
+  transition: all 0.5s cubic-bezier(0.85, 0.135, 0.15, 0.86);
+}
+body header .title {
+  background-color: #fff;
+  width: 10%;
+  position: relative;
+  left: 4%;
+  height: 96%;
+}
+body header .title img {
+  height: 50px;
+  margin: 5px;
+  position: relative;
 }
 body header nav {
-  display: inline-flex;
-  width: 80%;
+  width: 40%;
+  position: relative;
+  left: 10%;
+  padding-top: 1.5%;
 }
 body header nav ul {
-  position: relative;
-  left: 50%;
   display: inline-flex;
-}
-body header nav ul li {
-  margin: 10px 10px;
+  width: 60%;
+  justify-content: space-evenly;
 }
 body header nav ul li a {
   font-size: 13px;
-  color: rgba(0, 0, 0, 0.764);
-}
-body header nav ul li a:hover {
+  color: rgba(255, 255, 255, 0.9);
+  letter-spacing: 1px;
   opacity: 0.8;
 }
-body header .btn-gradient {
-  width: 15%;
-  padding: 10px;
-  text-align: center;
+body header nav ul li a:hover {
+  color: rgba(255, 255, 255, 0.6);
 }
-body header .btn-gradient:hover {
-  transition: all 2s ease-in;
+body header .btn {
+  background-color: #d547a6;
+  height: 75%;
+  margin-top: 0.6%;
+  position: relative;
+  left: 30%;
+  width: 10%;
+  border-radius: 30px;
+  font-size: 13px;
 }
 body main {
-  height: 93vh;
+  background-color: #fff;
+  position: relative;
+  height: 100vh;
   width: 100%;
+  background: url("../img/nurse.jpg") center center;
+  background-position-y: 1px;
+  background-size: cover;
+  background-repeat: no-repeat;
+  z-index: 1;
+  scroll-snap-align: start;
+  scroll-snap-type: y mandatory;
+  background-origin: 1px;
+  background-attachment: fixed;
+}
+body main .showcase-text {
   box-sizing: border-box;
   padding: 1%;
+  width: 50%;
+  height: 60%;
+  top: 6%;
+  position: relative;
+  left: 3%;
 }
-body main .grid-2 {
-  width: 95%;
-  height: 90%;
-  place-items: center;
-  padding: 1%;
-}
-body main .grid-2 .hero-text h1 {
-  color: #2887dc;
-  font-size: 45px;
-  letter-spacing: 2px;
-}
-body main .grid-2 .hero-text p {
-  margin-top: 2%;
-  font-size: 13px;
-  letter-spacing: 1px;
-  line-height: 25px;
-  text-transform: none;
-  opacity: 0.7;
-  margin-bottom: 4.5%;
+body main .showcase-text * {
+  margin-bottom: 20px;
 }
-body main .grid-2 .hero-img {
-  width: 80%;
+body main .showcase-text h1 {
+  font-size: 3rem;
+  width: 90%;
+  opacity: 0;
+  animation: slideIn 1.2s ease-in-out forwards;
+  animation-delay: 0.1s;
 }
-body main .grid-2 .hero-img img {
-  position: relative;
-  left: 10%;
-  height: 50%;
-  width: 72%;
+body main .showcase-text a {
+  padding: 20px 30px;
   border-radius: 30px;
-  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.189);
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
-  border-radius: 10px;
-  border: 1px solid rgba(71, 48, 72, 0.18);
+  opacity: 0;
+  animation: slideIn 1.2s ease-in-out forwards;
+  animation-delay: 0.5s;
 }
 body section {
-  height: 100vh;
-  width: 100%;
   box-sizing: border-box;
-  padding: 1%;
-  background: linear-gradient(-160deg, #cfe4f7, white);
+  padding-top: 5%;
+  background-color: #fff;
+  height: 90vh;
+  width: 100%;
 }
-body section:nth-of-type(1) .grid-2 {
-  height: 85%;
-  width: 90%;
-  place-items: center;
-  padding: 1%;
+body section:nth-of-type(1) {
+  text-align: center;
+  background-attachment: fixed;
 }
-body section:nth-of-type(1) .grid-2 h1 {
-  font-size: 40px;
-  width: 95%;
+body section:nth-of-type(1) p {
+  margin: 10px 0;
+  width: 60%;
+  text-transform: none;
+  opacity: 0.8;
 }
-body section:nth-of-type(1) .grid-2 .grid-2 {
-  place-content: center;
-  place-items: center;
-  width: 100%;
-  height: 90%;
-  grid-gap: 20px;
+body section:nth-of-type(1) .grid-container {
+  width: 85%;
+  height: 40%;
 }
-body section:nth-of-type(1) .grid-2 .grid-2 .card {
-  height: 30vh;
-  width: 100%;
-  border: 1px solid;
-  background: linear-gradient(-60deg, rgba(255, 212, 241, 0.7), rgba(84, 160, 227, 0.7));
+body section:nth-of-type(1) .grid-container .card {
   text-align: center;
-  box-sizing: border-box;
-  padding: 1%;
-  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.189);
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
-  border-radius: 10px;
-  border: 1px solid rgba(255, 255, 255, 0.18);
 }
-body section:nth-of-type(1) .grid-2 .grid-2 .card i {
-  -webkit-background-clip: text;
-  background-clip: text;
-  font-size: 40px;
-  -webkit-text-fill-color: rgba(236, 1, 158, 0.9);
-  mix-blend-mode: overlay;
+body section:nth-of-type(1) .grid-container .card i {
+  width: 40px;
+  height: 40px;
+  background-color: #f1c4e2;
+  border-radius: 50%;
+  padding: 30px;
+  color: #bd2c8d;
+  margin-bottom: 20px;
 }
-body section:nth-of-type(1) .grid-2 .grid-2 .card p {
-  margin-top: 5%;
-  font-size: 17px;
-  letter-spacing: 1px;
-  line-height: 25px;
+body section:nth-of-type(1) .grid-container .card p {
+  font-size: 0.9rem;
+  margin-bottom: 20px;
+  width: 90%;
   text-transform: none;
-  opacity: 0.7;
-  margin-bottom: 4.5%;
-  width: 70%;
-  color: rgba(40, 135, 220, 0.9);
-  font-weight: 800;
 }
-body section:nth-of-type(1) .grid-2 .grid-2 .card:hover {
-  transition: all 2s ease-in;
-  transform: skewY(4deg);
-}
-body section:nth-of-type(2) {
-  height: 90vh;
-  width: 100%;
-  background: white;
+body section:nth-of-type(2) .grid-container, body section:nth-of-type(3) .grid-container, body section:nth-of-type(4) .grid-container {
+  width: 90%;
+  height: 90%;
 }
-body section:nth-of-type(2) .grid-2 {
-  place-content: center;
-  place-items: center;
-  text-align: center;
+body section:nth-of-type(2) .grid-container img, body section:nth-of-type(3) .grid-container img, body section:nth-of-type(4) .grid-container img {
+  width: 90%;
+  height: 90%;
+  border-radius: 10px;
 }
-body section:nth-of-type(2) .grid-2 h1 {
-  font-size: 50px;
+body section:nth-of-type(2) .grid-container .text, body section:nth-of-type(3) .grid-container .text, body section:nth-of-type(4) .grid-container .text {
+  box-sizing: border-box;
+  padding: 1%;
 }
-body section:nth-of-type(2) .grid-2 img {
-  width: 100%;
-  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.189);
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
-  border-radius: 10px;
-  border: 1px solid rgba(71, 48, 72, 0.18);
+body section:nth-of-type(2) .grid-container .text h1, body section:nth-of-type(3) .grid-container .text h1, body section:nth-of-type(4) .grid-container .text h1 {
+  font-size: 40px;
+  width: 95%;
+  margin-bottom: 10px;
 }
-body section:nth-of-type(2) .grid-2 img:hover {
-  transition: all 2s ease-in;
-  transform: scale(0.98);
+body section:nth-of-type(2) .grid-container .text p, body section:nth-of-type(3) .grid-container .text p, body section:nth-of-type(4) .grid-container .text p {
+  width: 80%;
+  margin-bottom: 20px;
+  text-transform: none;
 }/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/assets/css/style.css.map b/assets/css/style.css.map
index f2c73ae..7098f38 100644
--- a/assets/css/style.css.map
+++ b/assets/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["_root.scss","style.css","style.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["_root.scss","style.css","style.scss"],"names":[],"mappings":"AAAQ,8DAAA;AAWR;EAEI,SAAA;EACA,UAAA;EACA,sBAAA;EACA,8JAAA;EACA,qBAAA;EACA,qBAAA;EACA,aAAA;EACA,YAAA;EACA,0BAAA;ACVJ;;ADcA;EAEI,uBAAA;ACZJ;;ADiBE;EAEM,aAAA;EACA,qCAAA;EACA,aAAA;ACfR;;ADWE;EAEM,aAAA;EACA,qCAAA;EACA,aAAA;ACTR;;ADKE;EAEM,aAAA;EACA,qCAAA;EACA,aAAA;ACHR;;ADDE;EAEM,aAAA;EACA,qCAAA;EACA,aAAA;ACGR;;ADPE;EAEM,aAAA;EACA,qCAAA;EACA,aAAA;ACSR;;ADbE;EAEM,aAAA;EACA,qCAAA;EACA,aAAA;ACeR;;ADnBE;EAEM,aAAA;EACA,qCAAA;EACA,aAAA;ACqBR;;ADzBE;EAEM,aAAA;EACA,qCAAA;EACA,aAAA;AC2BR;;AD/BE;EAEM,aAAA;EACA,qCAAA;EACA,aAAA;ACiCR;;ADrCE;EAEM,aAAA;EACA,sCAAA;EACA,aAAA;ACuCR;;AD3CE;EAEM,aAAA;EACA,sCAAA;EACA,aAAA;AC6CR;;ADjDE;EAEM,aAAA;EACA,sCAAA;EACA,aAAA;ACmDR;;AD/CA;EAEI,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;ACiDJ;;AD9CA;EAEI,oBAAA;EACA,8BAAA;ACgDJ;;AD7CA;EAGI,2BAAA;AC8CJ;;AD3CA;EAGI,yBAAA;AC4CJ;;ADzCA;EAGI,uBAAA;AC0CJ;;ADvCA;EAGI,qBAAA;ACwCJ;;ADrCA;EAEI,2BAAA;ACuCJ;;ADpCA;EAEI,UAAA;EACA,gBAAA;ACsCJ;;ADpCA;EAEI,oDAAA;EACA,mBAAA;ACsCJ;;ADnCA;EAEI,eAAA;EACA,iBAAA;EACA,6BAAA;EACA,gCAAA;EACA,+BAAA;EACA,8BAAA;EAEA,uBAAA;EAAA,kBAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;ACoCJ;ADlCI;EAEI,2BAAA;EACA,yBA3GU;EA4GV,4BA5GU;EA6GV,2BA/GQ;EAgHR,0BAhHQ;EAkHR,yBAAA;ACkCR;;AD9BA;EAEI,yBAAA;EACA,WAtHI;EAuHJ,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBAAA;ACgCJ;AD7BI;EAEI,iBAAA;EACA,gBAAA;AC8BR;AD3BI;EAEI,gCAAA;EACA,yBAAA;AC4BR;;ADxBA;EAEI,yBAhJc;EAiJd,yBAAA;EACA,cA/II;EAgJJ,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;AC0BJ;ADxBI;EAEI,iBAAA;EACA,gBAAA;ACyBR;ADtBI;EAEI,gCAAA;EACA,yBAAA;ACuBR;;ADnBA;EAEI,mBAAA;ACqBJ;;ADnBA;EAEI,gBAAA;ACqBJ;;ADlBA;EAEI,kCA7KE;EA8KF,WAjLI;EAkLJ,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,gCAAA;ACoBJ;ADlBI;EAEI,iBAAA;EACA,gBAAA;ACmBR;ADhBI;EAEI,yBAAA;ACiBR;;ADbA;EAEI,kCAlMI;EAmMJ,WAvMI;EAwMJ,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,gCAAA;ACeJ;ADbI;EAEI,iBAAA;EACA,gBAAA;ACcR;ADXI;EAEI,yBAAA;ACYR;;ADRA;EAEI,sBA5NI;EA6NJ,cA3NI;EA4NJ,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,gCAAA;ACUJ;ADRI;EAEI,iBAAA;EACA,gBAAA;ACSR;ADNI;EAEI,yBAAA;ACOR;;ADHA;EAEI,uIAAA;ACKJ;;ADHA;EAEI,kBAAA;ACKJ;ADHI;EAEI,SAAA;EACA,UAAA;ACIR;;ADCA;EAEI,6BAAA;EACA,cAtQY;EAuQZ,yBAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,gCAAA;ACCJ;ADCI;EAEI,iBAAA;EACA,gBAAA;ACAR;ADGI;EAEI,yBArRQ;EAsRR,WAnRA;ACiRR;;ADMA;EAEI,yBAvRI;EAwRJ,YAAA;EACA,mBAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,eAAA;EACA,0BAAA;ACJJ;ADMI;EAEI,iBAAA;EACA,gBAAA;ACLR;ADQI;EAEI,6BAAA;EACA,yBAAA;EACA,cA1SA;ACmSR;;ADWA;EAEI,6BAAA;EACA,cApTc;EAqTd,yBAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,gCAAA;ACTJ;ADWI;EAEI,iBAAA;EACA,gBAAA;ACVR;ADaI;EAEI,yBAnUU;EAoUV,WAnUA;ACuTR;;ADeA;EAEI,qDAAA;EAGA,YAAA;EACA,mBAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,eAAA;EACA,eAAA;EACA,0BAAA;ACfJ;ADiBI;EAEI,iBAAA;EACA,gBAAA;AChBR;ADmBI;EAEI,qDAAA;AClBR;;ADuBA;EAEI,uDAAA;EAEA,YAAA;EACA,mBAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,eAAA;EACA,0BAAA;ACtBJ;ADwBI;EAEI,iBAAA;EACA,gBAAA;ACvBR;AD0BI;EAEI,sDAAA;ACzBR;;AD8BA;EAEI,6BAAA;EACA,WA7XI;EA8XJ,sBAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,gCAAA;AC5BJ;AD8BI;EAEI,iBAAA;EACA,gBAAA;AC7BR;ADgCI;EAEI,sBA5YA;EA6YA,cA3YA;AC4WR;;ADmCA;EAEI,YAAA;EACA,uBAAA;EAAA,kBAAA;EACA,gBAAA;EACA,YAAA;EACA,kBAAA;EAEA,eAAA;EACA,YAAA;EACA,kBAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,6BAAA;EACA,aAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;AClCJ;;ADqCA;EAEI,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACnCJ;;ADqCA;EAEI,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACnCJ;;ADqCA;EAEI,YAAA;EACA,2BAAA;EACA,cAAA;EACA,eAAA;EACA,qBAAA;EACA,mBAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACnCJ;;ADqCA;EAEI,8CAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACnCJ;;ADqCA;EAEI,6BAAA;EACA,mBAAA;EACA,WAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACnCJ;;ADsCA;EAEI,YAAA;EACA,WAAA;EACA,qBAAA;EACA,eAAA;EACA,gBAAA;EACA,YAAA;EACA,yBAAA;EACA,kBAAA;EACA,0CAAA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;EAAmB,2BAAA;EACnB,yBAAA;EAEA,sBAAA;EAEA,iBAAA;EACA,6BAAA;ACnCJ;;ADqCA;EAEI,WAAA;EACA,2BAAA;EACA,cAAA;EACA,eAAA;EACA,qBAAA;EACA,mBAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACnCJ;;ADqCA;EAEI,8CAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACnCJ;;ADqCA;EAEI,6BAAA;EACA,mBAAA;EACA,WAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACnCJ;;ADsCA;EAEI,YAAA;EACA,WAAA;EACA,yBAjgBY;EAkgBZ,kBAAA;ACpCJ;;ADuCA;EAEI,WAAA;EACA,YAAA;EACA,yBAzgBY;EA0gBZ,UAAA;EACA,mBAAA;EACA,mBAAA;ACrCJ;;ADwCA;EAEI,WAAA;EACA,YAAA;EACA,yBAjhBc;EAkhBd,mBAAA;ACtCJ;;AD0CA;EAEI,WAAA;EACA,YAAA;EACA,sBAAA;ACxCJ;;AD2CA;EAEI,WAAA;EACA,YAAA;EACA,yBAAA;EACA,mBAAA;ACzCJ;;AD4CA;EAEI,yBAAA;AC1CJ;;AD6CA;EAEI,yBAAA;AC3CJ;;AD8CA;EAEI,gBAAA;AC5CJ;;AD8CA;EAEI,cAAA;AC5CJ;;AD+CA;EAEI,cAAA;AC7CJ;;ADgDA;EAEI,WA9jBI;ACghBR;;ADiDA;EAEI,cAjkBI;ACkhBR;;ADkDA;EAEI,uBArkBE;ACqhBN;;ADmDA;EAEI,uBAzkBI;ACwhBR;;ADoDA;EAEI,kBAAA;AClDJ;;ADqDA;EAEI,cAAA;ACnDJ;;ADsDA;EAEI,wDAAA;EACA,6BAAA;EACA,kBAAA;EACA,mBAAA;ACpDJ;;ADuDA;EAEI,oDAAA;EACA,6BAAA;EACA,kBAAA;EACA,mBAAA;ACrDJ;;AD0DA,eAAA;AAEA;EAEI;IAEI,0BAAA;IACA,wEAAA;EC1DN;ED4DE;IAEI,0BAAA;IACA,wEAAA;EC3DN;ED6DE;IAEI,0BAAA;IACA,yEAAA;EC5DN;ED8DE;IAEI,0BAAA;IACA,wEAAA;EC7DN;ED+DE;IAEI,0BAAA;IACA,wEAAA;EC9DN;AACF;ADiEA;EAEI;IAEI,UAAA;IACA,0BAAA;ECjEN;AACF;ADoEA;EAEI;IAEI,UAAA;ECpEN;EDsEE;IAEI,UAAA;ECrEN;AACF;ADwEA;EAEI;IAEI,UAAA;ECxEN;ED0EE;IAEI,UAAA;ECzEN;AACF;AD4EA;EAEI;IAEI,kBAAA;IACA,YAAA;IACA,UAAA;EC5EN;ED8EE;IAEI,kBAAA;IACA,UAAA;IACA,YAAA;EC7EN;EDgFE;IAEI,kBAAA;IACA,SAAA;IACA,UAAA;EC/EN;AACF;ADkFA;EAEI;IAEI,UAAA;IACA,2BAAA;EClFN;EDoFE;IAEI,YAAA;IACA,2BAAA;ECnFN;EDqFE;IAEI,UAAA;IACA,0BAAA;ECpFN;AACF;ADuFA;EAEI;IAEI,qBAAA;ECvFN;EDyFE;IAEI,qBAAA;ECxFN;ED0FE;IAEI,qBAAA;ECzFN;ED2FE;IAEI,qBAAA;EC1FN;ED4FE;IAEI,mBAAA;EC3FN;AACF;ACnpBA;EAEI,sBFCI;EEAJ,SAAA;EACA,UAAA;EACA,sBAAA;EACA,yBAAA;ADopBJ;ACjpBI;EAEI,eAAA;EACA,MAAA;EACA,YAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EACA,0DAAA;ADkpBR;AC/oBQ;EAEI,sBFnBJ;EEoBI,UAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;ADgpBZ;AC/oBY;EAEI,YAAA;EACA,WAAA;EACA,kBAAA;ADgpBhB;AC5oBQ;EAEI,UAAA;EACA,kBAAA;EACA,SAAA;EACA,iBAAA;AD6oBZ;AC5oBY;EAEI,oBAAA;EACA,UAAA;EACA,6BAAA;AD6oBhB;ACzoBoB;EAEI,eAAA;EACA,+BAAA;EACA,mBAAA;EACA,YAAA;AD0oBxB;ACxoBwB;EAEI,+BAAA;ADyoB5B;ACloBQ;EAEI,yBAAA;EACA,WAAA;EAEA,gBAAA;EACA,kBAAA;EACA,SAAA;EACA,UAAA;EACA,mBAAA;EACA,eAAA;ADkoBZ;AC9nBI;EAEI,sBF9EA;EEiFA,kBAAA;EACA,aAAA;EACA,WAAA;EACA,iDAAA;EACA,0BAAA;EACA,sBAAA;EACA,4BAAA;EAEA,UAAA;EACA,wBAAA;EACA,6BAAA;EACA,sBAAA;EACA,4BAAA;AD4nBR;AC1nBQ;EAGI,sBAAA;EACA,WAAA;EACA,UAAA;EACA,WAAA;EACA,OAAA;EACA,kBAAA;EACA,QAAA;AD0nBZ;ACxnBY;EAEI,mBAAA;ADynBhB;ACtnBY;EAEI,eAAA;EACA,UAAA;EACA,UAAA;EACA,4CAAA;EACA,qBAAA;ADunBhB;ACpnBY;EAEI,kBAAA;EACA,mBAAA;EACA,UAAA;EACA,4CAAA;EACA,qBAAA;ADqnBhB;AChnBI;EAEI,sBAAA;EACA,eAAA;EACA,sBFvIA;EEwIA,YAAA;EACA,WAAA;ADinBR;AC7mBQ;EAEI,kBAAA;EACA,4BAAA;AD8mBZ;AC5mBY;EAEI,cAAA;EACA,UAAA;EACA,oBAAA;EACA,YAAA;AD6mBhB;AC3mBY;EAGI,UAAA;EACA,WAAA;AD2mBhB;ACzmBgB;EAGI,kBAAA;ADymBpB;ACvmBoB;EAEI,WAAA;EACA,YAAA;EACA,yBAAA;EAEA,kBAAA;EACA,aAAA;EAEA,cAAA;EACA,mBAAA;ADsmBxB;AClmBoB;EAEI,iBAAA;EACA,mBAAA;EACA,UAAA;EACA,oBAAA;ADmmBxB;AC3lBY;EAGI,UAAA;EACA,WAAA;AD2lBhB;ACzlBgB;EAEI,UAAA;EACA,WAAA;EACA,mBAAA;AD0lBpB;ACvlBgB;EAGI,sBAAA;EACA,WAAA;ADulBpB;ACrlBoB;EAEI,eAAA;EACA,UAAA;EACA,mBAAA;ADslBxB;ACllBoB;EAEI,UAAA;EACA,mBAAA;EACA,oBAAA;ADmlBxB","file":"style.css"}
\ No newline at end of file
diff --git a/assets/css/style.scss b/assets/css/style.scss
index a011afb..2b6d266 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -2,248 +2,233 @@
 
 body
 {
+    background-color: $white;
     margin: 0;
     padding: 0;
-
-    background: linear-gradient(to bottom, lighten($secondary-color, 45), white);
-
+    box-sizing: border-box;
+    background-color: lighten($secondary-color, 0);
 
 
     header
     {
+        position: fixed;
+        top: 0;
+        z-index: 999;
         width: 100%;
         height: 60px;
+        display: inline-flex;
+        transition: all 0.5s cubic-bezier(0.85, 0.135, 0.15, 0.86);
 
-        background: transparent;
-        backdrop-filter: blur(10px);
 
-        z-index: 9;
-        position: sticky;
-        top: 0;
-        box-sizing: border-box;
-        padding: 0.5% 1%;
-        display: inline-flex;
-    
-        nav
+        .title
         {
-            display: inline-flex;
-            width: 80%;
+            background-color: $white;
+            width: 10%;
+            position: relative;
+            left: 4%;
+            height: 96%;
+            img
+            {
+                height: 50px;
+                margin: 5px;
+                position: relative;
+            }
+        }
 
+        nav
+        {
+            width: 40%;
+            position: relative;
+            left: 10%;
+            padding-top: 1.5%;
             ul
             {
-                position: relative;
-                left: 50%;
                 display: inline-flex;
+                width: 60%;
+                justify-content: space-evenly;
 
                 li
                 {
-                    margin: 10px 10px;
-
                     a
                     {
                         font-size: 13px;
-                        color: rgba(0, 0, 0, 0.764);
+                        color: rgba($white, 0.9);
+                        letter-spacing: 1px;
+                        opacity: 0.8;
 
                         &:hover
                         {
-                            opacity: 0.8;
+                            color: rgba($white, 0.6);
                         }
                     }
                 }
             }
         }
-        .btn-gradient
-        {
-            width: 15%;
-            padding: 10px;
-            text-align: center;
 
-            &:hover
-            {
-                transition: all 2s ease-in;
-            }
+        .btn
+        {
+            background-color: lighten($primary-color, 15);
+            height: 75%;
+            @extend .flex-column;
+            margin-top: .6%;
+            position: relative;
+            left: 30%;
+            width: 10%;
+            border-radius: 30px;
+            font-size: 13px;
         }
     }
 
     main
     {
-        height: 93vh;
-        width: 100%;
-        @extend .flex-column;
-        box-sizing: border-box;
-        padding: 1%;
+        background-color: $white;
 
-        .grid-2
+        @extend .flex-column, .x-start;
+        position: relative;
+        height: 100vh;
+        width: 100%;
+        background: url("../img/nurse.jpg") center center;
+        background-position-y: 1px;
+        background-size: cover;
+        background-repeat: no-repeat;
+        // top: -68px;
+        z-index: 1;
+        scroll-snap-align: start;
+        scroll-snap-type: y mandatory;
+        background-origin: 1px;
+        background-attachment: fixed;
+
+        .showcase-text
         {
-            width: 95%;
-            height: 90%;
-            place-items: center;
+            @extend .flex-column, .x-start;
+            box-sizing: border-box;
             padding: 1%;
+            width: 50%;
+            height: 60%;
+            top: 6%;
+            position: relative;
+            left: 3%;
 
-            .hero-text
+            *
             {
-                h1
-                {
-                    color: lighten($secondary-color, 10);
-                    font-size: 45px;
-                    letter-spacing: 2px;
-                }
-
-                p
-                {
-                    margin-top: 2%;
-                    font-size: 13px;
-                    letter-spacing: 1px;
-                    line-height: 25px;
-                    text-transform: none;
-                    opacity: 0.7;
-                    margin-bottom: 4.5%;
-                }
+                margin-bottom: 20px;
             }
 
-            .hero-img
+            h1
             {
-                width: 80%;
+                font-size: 3rem;
+                width: 90%;
+                opacity: 0;
+                animation: slideIn 1.2s ease-in-out forwards;
+                animation-delay: .1s;
+            }
 
-                img
-                {
-                    position: relative;
-                    left: 10%;
-                    height: 50%;
-                    width: 72%;
-                    border-radius: 30px;
-                    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.189);
-                    backdrop-filter: blur( 4px );
-                    -webkit-backdrop-filter: blur( 4px );
-                    border-radius: 10px;
-                    border: 1px solid rgba(71, 48, 72, 0.18);
-                }
+            a
+            {
+                padding: 20px 30px;
+                border-radius: 30px;
+                opacity: 0;
+                animation: slideIn 1.2s ease-in-out forwards;
+                animation-delay: .5s;
             }
         }
     }
 
     section
     {
-        height: 100vh;
-        width: 100%;
         box-sizing: border-box;
-        padding: 1%;
+        padding-top: 5%;
+        background-color: $white;
+        height: 90vh;
+        width: 100%;
+        @extend .flex-column, .y-start;
 
-        background: linear-gradient(-160deg, lighten($secondary-color, 48), white);
-        @extend .flex-column;
 
         &:nth-of-type(1)
         {
-            .grid-2
+            text-align: center;
+            background-attachment: fixed;
+
+            p
+            {
+                margin: 10px 0;
+                width: 60%;
+                text-transform: none;
+                opacity: .8;
+            }
+            .grid-container
             {
-                height: 85%;
-                width: 90%;
-                place-items: center;
-                padding: 1%;
 
-                h1
-                {
-                    font-size: 40px;
-                    width: 95%;
-                }
+                width: 85%;
+                height: 40%;
 
-                .grid-2
+                .card
                 {
-                    place-content: center;
-                    place-items: center;
-                    width: 100%;
-                    height: 90%;
-                    grid-gap: 20px;
-
+                    @extend .flex-column;
+                    text-align: center;
 
-
-                    .card
+                    i
                     {
-                        height: 30vh;
-                        width: 100%;
-                        border: 1px solid;
-                        background: linear-gradient(-60deg, rgba(lighten($primary-color, 55), 0.7), rgba(lighten($secondary-color, 20), 0.7));
-                        text-align: center;
-                        box-sizing: border-box;
-                        padding: 1%;
-
-                        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.189);
-                        backdrop-filter: blur( 4px );
-                        -webkit-backdrop-filter: blur( 4px );
-                        border-radius: 10px;
-                        border: 1px solid rgba( 255, 255, 255, 0.18 );
+                        width: 40px;
+                        height: 40px;
+                        background-color: lighten($primary-color, 45);
                         @extend .flex-column;
+                        border-radius: 50%;
+                        padding: 30px;
 
-                        i
-                        {
-                            -webkit-background-clip: text;
-                            background-clip: text;
-                            font-size: 40px;
-                            -webkit-text-fill-color: rgba(lighten($primary-color, 10), 0.9);
-                            mix-blend-mode: overlay;
-                        }
-
-                        p
-                        {
-                            margin-top: 5%;
-                            font-size: 17px;
-                            letter-spacing: 1px;
-                            line-height: 25px;
-                            text-transform: none;
-                            opacity: 0.7;
-                            margin-bottom: 4.5%;
-                            width: 70%;
-                            color: rgba(lighten($secondary-color, 10), 0.9);
-                            font-weight: 800;
-                        }
+                        color: lighten($primary-color, 5);
+                        margin-bottom: 20px;
 
-                        &:hover
-                        {
-                            transition: all 2s ease-in;
-
-                            transform: skewY(4deg);
+                    }
 
-                        }
+                    p
+                    {
+                        font-size: .9rem;
+                        margin-bottom: 20px;
+                        width: 90%;
+                        text-transform: none;
                     }
                 }
             }
         }
 
-        &:nth-of-type(2)
+        &:nth-of-type(2), &:nth-of-type(3), &:nth-of-type(4)
         {
-            height: 90vh;
-            width: 100%;
-            background: white;
-
-            .grid-2
+            .grid-container
             {
-                place-content: center;
-                place-items: center;
-                text-align: center;
+                @extend .grid-2;
+                width: 90%;
+                height: 90%;
 
-                h1
+                img
                 {
-                    font-size: 50px;
+                    width: 90%;
+                    height: 90%;
+                    border-radius: 10px
                 }
-                img
+
+                .text
                 {
-                    width: 100%;
-                    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.189);
-                    backdrop-filter: blur( 4px );
-                    -webkit-backdrop-filter: blur( 4px );
-                    border-radius: 10px;
-                    border: 1px solid rgba(71, 48, 72, 0.18);
-
-                    &:hover
-                    {
-                        transition: all 2s ease-in;
+                    @extend .flex-column, .x-start;
+                    box-sizing: border-box;
+                    padding: 1%;
 
-                        transform: scale(0.98);
+                    h1
+                    {
+                        font-size: 40px;
+                        width: 95%;
+                        margin-bottom: 10px;
+                        @extend .txt-primary;
+                    }
 
+                    p
+                    {
+                        width: 80%;
+                        margin-bottom: 20px;
+                        text-transform: none;
                     }
                 }
             }
         }
     }
-}
-
+}
\ No newline at end of file
diff --git a/assets/img/163800857.jpg b/assets/img/163800857.jpg
new file mode 100644
index 0000000..496bb3a
Binary files /dev/null and b/assets/img/163800857.jpg differ
diff --git a/assets/img/chinamap.jpg b/assets/img/chinamap.jpg
new file mode 100644
index 0000000..6c56c1f
Binary files /dev/null and b/assets/img/chinamap.jpg differ
diff --git a/assets/img/diseasemap.jpg b/assets/img/diseasemap.jpg
new file mode 100644
index 0000000..b77dc1a
Binary files /dev/null and b/assets/img/diseasemap.jpg differ
diff --git a/assets/img/gal.png b/assets/img/gal.png
new file mode 100644
index 0000000..bb0e26f
Binary files /dev/null and b/assets/img/gal.png differ
diff --git a/assets/img/lab.jpg b/assets/img/lab.jpg
new file mode 100644
index 0000000..b886da4
Binary files /dev/null and b/assets/img/lab.jpg differ
diff --git a/assets/img/map.jpg b/assets/img/map.jpg
index 689a00b..aad1970 100644
Binary files a/assets/img/map.jpg and b/assets/img/map.jpg differ
diff --git a/assets/img/medical-design-poster-with-original-medicinal-capsule-consisting-red-white-parts-different-medical-o.zip b/assets/img/medical-design-poster-with-original-medicinal-capsule-consisting-red-white-parts-different-medical-o.zip
new file mode 100644
index 0000000..f753098
Binary files /dev/null and b/assets/img/medical-design-poster-with-original-medicinal-capsule-consisting-red-white-parts-different-medical-o.zip differ
diff --git a/assets/img/medical-design-poster-with-original-medicinal-capsule-consisting-red-white-parts-different-medical-o/163800857.eps b/assets/img/medical-design-poster-with-original-medicinal-capsule-consisting-red-white-parts-different-medical-o/163800857.eps
new file mode 100644
index 0000000..75b1b2a
Binary files /dev/null and b/assets/img/medical-design-poster-with-original-medicinal-capsule-consisting-red-white-parts-different-medical-o/163800857.eps differ
diff --git a/assets/img/medicine.jpg b/assets/img/medicine.jpg
new file mode 100644
index 0000000..973b7bb
Binary files /dev/null and b/assets/img/medicine.jpg differ
diff --git a/assets/img/mockup.jpg b/assets/img/mockup.jpg
new file mode 100644
index 0000000..1a33e37
Binary files /dev/null and b/assets/img/mockup.jpg differ
diff --git a/assets/img/nurse.jpg b/assets/img/nurse.jpg
new file mode 100644
index 0000000..bac3f38
Binary files /dev/null and b/assets/img/nurse.jpg differ
diff --git a/assets/img/scope.jpg b/assets/img/scope.jpg
new file mode 100644
index 0000000..e0aa5a6
Binary files /dev/null and b/assets/img/scope.jpg differ
diff --git a/assets/img/test.jpg b/assets/img/test.jpg
new file mode 100644
index 0000000..42c7586
Binary files /dev/null and b/assets/img/test.jpg differ
diff --git a/index.html b/index.html
index 73efe11..b5f7342 100644
--- a/index.html
+++ b/index.html
@@ -3,86 +3,158 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="shortcut icon" href="./assets/img/logo solo.png" type="image/x-icon">
     <link rel="stylesheet" href="./assets/css/style.css">
     <script src="./assets/js/fa.js"></script>
-
-    <script>
-        AOS.init()
-    </script>
     <title>AfyaConnect</title>
 </head>
 <body>
-
-    <header>
+    
+    <header id="menu">
         <div class="title">
-            <img src="./assets/img/transp-logo.png" alt="" height="50px">
+            <img src="./assets/img/transp-logo.png" alt="">
         </div>
 
         <nav>
             <ul>
-                <li><a href="#">Home</a></li>
-                <li><a href="#">About</a></li>
-                <li><a href="#">Contact</a></li>
+                <li><a href="#" class="nav_link">Home</a></li>
+                <li><a href="#" class="nav_link">Register</a></li>
+                <li><a href="#" class="nav_link">Features</a></li>
             </ul>
         </nav>
 
-        <a href="#" class="btn-gradient">signup</a>
+        <a href="#" class="btn btn-primary">Login</a>
     </header>
 
     <main>
-        <div class="grid-2">
-            <div class="hero-text">
-                <h1>Access the right health facility, Anytime anywhere</h1>
-                <p>
-                    AfyaConnect is dedicated to ensuring that you receive the highest quality healthcare by seamlessly connecting you with the nearest and most reputable healthcare facilities. Our mission is to enhance access to essential medical services and facilitate prompt attention to your healthcare needs. Through innovative technology and user-friendly platforms, AfyaConnect strives to empower individuals with convenient access to vital healthcare information and services
-                </p>
+        <div class="showcase-text">
+            <h1 class="txt-white">Access The Right Health Facility, Anytime Anywhere</h1>
+    
+            <a href="#" class="btn-primary">Take Tour</a>
+        </div>
+    </main>
+
+    <section>
+        <div class="border-primary"></div>
+        <h2 class="txt-primary">What Afya Connect Does for you</h2>
+        <p>Tired of endless back and forths looking for a good hospital ? Explore our features meant to give you the best quality.</p>
 
-                <a href="#" class="btn-bordered-gradient">Take tour</a>
+        <div class="grid-container grid-4">
+            <div class="card">
+                <i class="fas fa-map-marker"></i>
+                <p>Maps you to the nearest health facility</p>
             </div>
-            <div class="hero-img">
-                <img src="./assets/img/health.jpg" alt="">
+
+            <div class="card">
+                <i class="fas fa-upload"></i>
+                <p> Lets doctors upload test results for reference</p>
+            </div>
+
+            <div class="card">
+                <i class="fas fa-paperclip"></i>
+                <p>Ability to take user feedback and recommend based on that</p>
+            </div>
+
+            <div class="card">
+                <i class="fas fa-clock"></i>
+                <p>Timely access to medical services and facilities  </p>
             </div>
         </div>
-    </main>
+
+        <a href="#" class="btn-primary">Try it now</a>
+
+
+    </section>
 
     <section>
-        <div class="grid-2">
-            <h1 class="txt-gradient">
-                Imagine a world where a positive test result is just the first step towards effective treatment.
-            </h1>
-        
-            <div class="grid-2">
-                <div class="card">
-                    <i class="fas fa-map-marker"></i>
-                    <p>Maps you to the nearest health facility</p>
-                </div>
-
-                <div class="card">
-                    <i class="fas fa-upload"></i>
-                    <p> Lets doctors upload test results for reference</p>
-                </div>
-
-                <div class="card">
-                    <i class="fas fa-paperclip"></i>
-                    <p>Ability to take user feedback and recommend based on it</p>
-                </div>
-
-                <div class="card">
-                    <i class="fas fa-clock"></i>
-                    <p>Timely access to medical services and facilities  </p>
-                </div>
+
+        <div class="grid-container grid-2">
+            <img src="./assets/img/mockup.jpg" alt="">
+            <div class="text">
+                <h1>Getting you the best possible, as fast as possible</h1>
+                <p>
+                    We help connect you to the best health facilities in your vicinity on the click of a button.
+                </p>
+                <a href="#" class="btn-primary">Try it now</a>
+
             </div>
         </div>
+    </section>
 
+    <section>
+
+        <div class="grid-container grid-2">
+            <div class="text">
+                <h1>Guaranteed quality through feedback</h1>
+                <p>
+                    Enjoy the ability to give feedback on the services you receive and get recommendations based on that.
+                </p>
+                <a href="#" class="btn-primary">Try it now</a>
+
+            </div>
+            <img src="./assets/img/medicine.jpg" alt="">
+
+        </div>
     </section>
 
     <section>
-        <div class="grid-2">
-            <img src="./assets/img/map.jpg" alt="">
 
-            <h1 class="txt-gradient">You never have to look for a hospital ever again. <br> Leave that to us</h1>
+        <div class="grid-container grid-2">
+            <img src="./assets/img/gal.png" alt="">
+
+            <div class="text">
+                <h1>With you, Anywhere and Everywhere</h1>
+                <p>
+                    Get recommendations based on your real time location and access the best health facilities in your vicinity.
+                </p>
+                <a href="#" class="btn-primary">Try it now</a>
+
+            </div>
 
         </div>
     </section>
+
+    <script>
+        menu = document.getElementById("menu");
+        links = document.querySelectorAll(".nav_link");
+        window.onkeydown = function (){
+            menu.style.background = "white";
+            menu.classList.add("shadowed");
+
+            links.forEach(element => {
+                element.style.color = "black";
+            });
+            
+            if (window.scrollY == 0 || window.pageYOffset < 1){
+                menu.style.background = "transparent";
+                menu.classList.remove("shadowed");
+
+                links.forEach(element => {
+                element.style.color = "white";
+            });
+            }
+        }
+        window.onscroll = function(){
+            menu.style.background = "white";
+            menu.classList.add("shadowed");
+
+
+            links.forEach(element => {
+                element.style.color = "black";
+            });
+
+            if (window.scrollY == 0 || window.pageYOffset < 1){
+                menu.style.background = "transparent";
+                menu.classList.remove("shadowed");
+
+
+                links.forEach(element => {
+                element.style.color = "white";
+            });
+            }
+        }
+
+    
+    </script>
 </body>
 </html>
\ No newline at end of file