diff --git a/home/models.py b/home/models.py
index 71a8362..4167352 100644
--- a/home/models.py
+++ b/home/models.py
@@ -1,3 +1,3 @@
 from django.db import models
 
-# Create your models here.
+
diff --git a/static/css/home.css b/static/css/home.css
index a50700a..562df26 100644
--- a/static/css/home.css
+++ b/static/css/home.css
@@ -1,461 +1,610 @@
 @font-face {
   src: url("fonts/Archivo_Black/ArchivoBlack-Regular.ttf") format("truetype");
   font-family: archivo-black;
-  font-style: normal; }
+  font-style: normal;
+}
 @font-face {
   src: url("fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype");
   font-family: open-sans;
-  font-weight: bolder; }
+  font-weight: bolder;
+}
 @font-face {
   src: url("fonts/Open_Sans/OpenSans-SemiBold.ttf") format("truetype");
   font-family: open-sans;
-  font-weight: bold; }
+  font-weight: bold;
+}
 @font-face {
   src: url("fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");
   font-family: open-sans;
-  font-style: normal; }
+  font-style: normal;
+}
 @font-face {
   src: url("fonts/Open_Sans/OpenSans-LightItalic.ttf") format("truetype");
   font-family: open-sans;
   font-weight: normal;
-  font-style: italic; }
+  font-style: italic;
+}
 .temp-intro {
-  display: none; }
+  display: none;
+}
 
 section h3 {
   font-size: 36px;
-  font-family: 'Archivo Black', sans-serif;
+  font-family: "Archivo Black", sans-serif;
   line-height: 1.2;
-  color: #403e41; }
-  @media screen and (max-width: 1024px) {
-    section h3 {
-      text-align: center; } }
-  section h3 mark {
-    color: #28aae2; }
+  color: #403e41;
+}
+@media screen and (max-width: 1024px) {
+  section h3 {
+    text-align: center;
+  }
+}
+section h3 mark {
+  color: #28aae2;
+}
 section p {
   color: #808285;
   font-size: 16px;
-  letter-spacing: 0.8px; }
+  letter-spacing: 0.8px;
+}
 section figure {
-  width: 50%; }
-  section figure img {
-    width: 100%;
-    height: 100%; }
+  width: 50%;
+}
+section figure img {
+  width: 100%;
+  height: 100%;
+}
 section .description {
   width: 50%;
-  align-self: center; }
-  @media screen and (max-width: 1024px) {
-    section .description {
-      width: 100%; } }
-  section .description p {
-    line-height: 1.8; }
+  align-self: center;
+}
+@media screen and (max-width: 1024px) {
+  section .description {
+    width: 100%;
+  }
+}
+section .description p {
+  line-height: 1.8;
+}
 
 #home {
   box-shadow: 0 8px 20px -6px #a6a8ab;
   display: flex;
-  height: 80vh; }
-  @media screen and (max-width: 1024px) {
-    #home {
-      flex-direction: column; } }
+  height: 80vh;
+}
+@media screen and (max-width: 1024px) {
+  #home {
+    flex-direction: column;
+  }
+}
+#home p {
+  padding: 30px 0;
+  width: 75%;
+}
+@media screen and (max-width: 1024px) {
   #home p {
-    padding: 30px 0;
-    width: 75%; }
-    @media screen and (max-width: 1024px) {
-      #home p {
-        margin: 0 auto; } }
+    margin: 0 auto;
+  }
+}
+#home figure {
+  opacity: 1;
+  transition: opacity 500ms ease;
+  text-align: center;
+  align-self: flex-end;
+}
+@media screen and (max-width: 1024px) {
   #home figure {
-    opacity: 1;
-    transition: opacity 500ms ease;
-    text-align: center;
-    align-self: flex-end; }
-    @media screen and (max-width: 1024px) {
-      #home figure {
-        width: 100%;
-        margin-top: 30px; } }
-    #home figure.hide {
-      opacity: 0; }
-    #home figure img {
-      width: 90%; }
-  #home .description {
-    overflow-x: hidden; }
-    #home .description p,
-    #home .description button {
-      position: relative;
-      left: 0;
-      opacity: 1;
-      transition: left 500ms ease, opacity 500ms ease; }
-    #home .description h3 {
-      opacity: 1;
-      left: 0;
-      position: relative;
-      transition: left 500ms ease, opacity 500ms ease; }
-      @media screen and (max-width: 1024px) {
-        #home .description h3 {
-          position: absolute;
-          left: 50%;
-          width: 100%;
-          transform: translateX(-50%); } }
-    #home .description p {
-      transition-delay: 500ms; }
-    #home .description button {
-      transition-delay: 1000ms; }
-    #home .description.hide h3,
-    #home .description.hide p,
-    #home .description.hide button {
-      left: 10%;
-      opacity: 0; }
+    width: 100%;
+    margin-top: 30px;
+  }
+}
+#home figure.hide {
+  opacity: 0;
+}
+#home figure img {
+  width: 90%;
+}
+#home .description {
+  overflow-x: hidden;
+}
+#home .description p,
+#home .description button {
+  position: relative;
+  left: 0;
+  opacity: 1;
+  transition: left 500ms ease, opacity 500ms ease;
+}
+#home .description h3 {
+  opacity: 1;
+  left: 0;
+  position: relative;
+  transition: left 500ms ease, opacity 500ms ease;
+}
+@media screen and (max-width: 1024px) {
+  #home .description h3 {
+    position: absolute;
+    left: 50%;
+    width: 100%;
+    transform: translateX(-50%);
+  }
+}
+#home .description p {
+  transition-delay: 500ms;
+}
+#home .description button {
+  transition-delay: 1000ms;
+}
+#home .description.hide h3,
+#home .description.hide p,
+#home .description.hide button {
+  left: 10%;
+  opacity: 0;
+}
+#home button {
+  border: none;
+  background-color: #28aae2;
+  color: white;
+  padding: 20px 30px;
+  outline: none;
+  font-size: 16px;
+  cursor: pointer;
+}
+@media screen and (max-width: 1024px) {
   #home button {
-    border: none;
-    background-color: #28aae2;
-    color: white;
-    padding: 20px 30px;
-    outline: none;
-    font-size: 16px;
-    cursor: pointer; }
-    @media screen and (max-width: 1024px) {
-      #home button {
-        display: block;
-        margin: 0 auto;
-        margin-bottom: 40px; } }
-    #home button .fas {
-      padding-left: 12px;
-      font-size: 14px;
-      position: relative;
-      left: 0;
-      transition: left 500ms ease; }
-    #home button:hover .fas {
-      left: 10px; }
+    display: block;
+    margin: 0 auto;
+    margin-bottom: 40px;
+  }
+}
+#home button .fas {
+  padding-left: 12px;
+  font-size: 14px;
+  position: relative;
+  left: 0;
+  transition: left 500ms ease;
+}
+#home button:hover .fas {
+  left: 10px;
+}
 
 #home,
 #about {
-  position: relative; }
-  @media screen and (max-width: 1024px) {
-    #home,
-    #about {
-      padding-top: 100px; } }
-  @media screen and (max-width: 1024px) {
-    #home h3,
-    #about h3 {
-      position: absolute;
-      top: 35px;
-      left: 50%;
-      transform: translateX(-50%);
-      width: 100%; } }
+  position: relative;
+}
+@media screen and (max-width: 1024px) {
+  #home,
+#about {
+    padding-top: 100px;
+  }
+}
+@media screen and (max-width: 1024px) {
+  #home h3,
+#about h3 {
+    position: absolute;
+    top: 35px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 100%;
+  }
+}
 
 #about {
   background-color: #f0f0f0;
   display: block;
-  margin-bottom: 225px; }
-  @media screen and (max-width: 1024px) {
-    #about {
-      margin-bottom: 50px; } }
+  margin-bottom: 225px;
+}
+@media screen and (max-width: 1024px) {
+  #about {
+    margin-bottom: 50px;
+  }
+}
+#about .wrapper {
+  width: 85%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-around;
+}
+@media screen and (max-width: 1024px) {
   #about .wrapper {
-    width: 85%;
-    margin: 0 auto;
-    display: flex;
-    justify-content: space-around; }
-    @media screen and (max-width: 1024px) {
-      #about .wrapper {
-        flex-direction: column-reverse;
-        padding-bottom: 30px; } }
-    #about .wrapper a {
-      display: inline-block;
-      margin: 10px 0; }
-      #about .wrapper a button {
-        color: white;
-        padding: 10px 15px;
-        background-color: #28aae2;
-        border: none;
-        font-size: 16px;
-        cursor: pointer;
-        outline: none;
-        transition: background-color 500ms ease; }
-        #about .wrapper a button:hover {
-          background-color: #403e41; }
+    flex-direction: column-reverse;
+    padding-bottom: 30px;
+  }
+}
+#about .wrapper a {
+  display: inline-block;
+  margin: 10px 0;
+}
+#about .wrapper a button {
+  color: white;
+  padding: 10px 15px;
+  background-color: #28aae2;
+  border: none;
+  font-size: 16px;
+  cursor: pointer;
+  outline: none;
+  transition: background-color 500ms ease;
+}
+#about .wrapper a button:hover {
+  background-color: #403e41;
+}
+#about figure {
+  width: 35%;
+  position: relative;
+  left: 6%;
+  opacity: 0;
+  transition: left 1000ms ease, opacity 1000ms ease;
+}
+#about figure.show {
+  left: 0;
+  opacity: 1;
+}
+@media screen and (max-width: 1024px) {
   #about figure {
-    width: 35%;
-    position: relative;
-    left: 6%;
-    opacity: 0;
-    transition: left 1000ms ease, opacity 1000ms ease; }
-    #about figure.show {
-      left: 0;
-      opacity: 1; }
-    @media screen and (max-width: 1024px) {
-      #about figure {
-        width: 100%;
-        display: block;
-        margin: 0 auto; } }
-    #about figure img {
-      transform: scale(1.3);
-      top: 25%;
-      position: relative;
-      width: 100%; }
-      @media screen and (max-width: 1024px) {
-        #about figure img {
-          transform: scale(1); } }
+    width: 100%;
+    display: block;
+    margin: 0 auto;
+  }
+}
+#about figure img {
+  transform: scale(1.3);
+  top: 25%;
+  position: relative;
+  width: 100%;
+}
+@media screen and (max-width: 1024px) {
+  #about figure img {
+    transform: scale(1);
+  }
+}
+#about .description {
+  opacity: 0;
+  transition: opacity 1000ms ease;
+  width: 55%;
+}
+@media screen and (max-width: 1024px) {
   #about .description {
-    opacity: 0;
-    transition: opacity 1000ms ease;
-    width: 55%; }
-    @media screen and (max-width: 1024px) {
-      #about .description {
-        width: 100%; } }
-    #about .description.show {
-      opacity: 1; }
-  #about p {
-    padding: 14px 0; }
+    width: 100%;
+  }
+}
+#about .description.show {
+  opacity: 1;
+}
+#about p {
+  padding: 14px 0;
+}
 
 #service {
-  display: block; }
-  #service h3 {
-    text-align: center; }
+  display: block;
+}
+#service h3 {
+  text-align: center;
+}
+#service p {
+  width: 50%;
+  margin: 0 auto;
+  text-align: center;
+  padding: 20px 0 40px;
+  line-height: 1.8;
+}
+@media screen and (max-width: 1024px) {
   #service p {
-    width: 50%;
-    margin: 0 auto;
-    text-align: center;
-    padding: 20px 0 40px;
-    line-height: 1.8; }
-    @media screen and (max-width: 1024px) {
-      #service p {
-        width: 90%; } }
+    width: 90%;
+  }
+}
+#service .owl-service {
+  width: 82%;
+  margin: 30px auto 0;
+  display: block;
+}
+@media screen and (max-width: 1024px) {
   #service .owl-service {
-    width: 82%;
-    margin: 30px auto 0;
-    display: block; }
-    @media screen and (max-width: 1024px) {
-      #service .owl-service {
-        width: 100%; } }
-    #service .owl-service li {
-      list-style: none;
-      background-color: #f0f0f0;
-      width: 90%;
-      margin: 0 auto; }
-      #service .owl-service li .inner-contents {
-        padding-top: 20px; }
-        #service .owl-service li .inner-contents img {
-          width: 60px;
-          height: 60px;
-          display: block;
-          margin: 0 auto;
-          padding-top: 20px; }
-        #service .owl-service li .inner-contents p {
-          width: 90%;
-          margin: 0 auto;
-          font-size: 14px;
-          height: 20vh; }
-        #service .owl-service li .inner-contents .title {
-          text-align: center;
-          padding-top: 20px;
-          color: #403e41;
-          font-size: 14px;
-          font-weight: bold; }
-  #service .service-carousel-btn {
-    margin: 20px auto;
-    text-align: center;
-    padding: 20px 0; }
-    #service .service-carousel-btn i {
-      font-size: 16px;
-      padding: 0 10px;
-      color: #28aae2;
-      cursor: pointer; }
+    width: 100%;
+  }
+}
+#service .owl-service li {
+  list-style: none;
+  background-color: #f0f0f0;
+  width: 90%;
+  margin: 0 auto;
+}
+#service .owl-service li .inner-contents {
+  padding-top: 20px;
+}
+#service .owl-service li .inner-contents img {
+  width: 60px;
+  height: 60px;
+  display: block;
+  margin: 0 auto;
+  padding-top: 20px;
+}
+#service .owl-service li .inner-contents p {
+  width: 90%;
+  margin: 0 auto;
+  font-size: 14px;
+  height: 20vh;
+}
+#service .owl-service li .inner-contents .title {
+  text-align: center;
+  padding-top: 20px;
+  color: #403e41;
+  font-size: 14px;
+  font-weight: bold;
+}
+#service .service-carousel-btn {
+  margin: 20px auto;
+  text-align: center;
+  padding: 20px 0;
+}
+#service .service-carousel-btn i {
+  font-size: 16px;
+  padding: 0 10px;
+  color: #28aae2;
+  cursor: pointer;
+}
 
 #branches {
   background-color: #f0f0f0;
-  padding: 20px 0; }
-  #branches h3 {
-    text-align: center;
-    padding: 20px 0; }
+  padding: 20px 0;
+}
+#branches h3 {
+  text-align: center;
+  padding: 20px 0;
+}
+#branches p {
+  text-align: center;
+  width: 50%;
+  margin: 0 auto;
+}
+@media screen and (max-width: 1024px) {
   #branches p {
-    text-align: center;
-    width: 50%;
-    margin: 0 auto; }
-    @media screen and (max-width: 1024px) {
-      #branches p {
-        width: 90%; } }
+    width: 90%;
+  }
+}
+#branches .owl-branches {
+  width: 80%;
+  margin: 0 auto;
+  height: 55vh;
+}
+@media screen and (max-width: 1024px) {
   #branches .owl-branches {
-    width: 80%;
-    margin: 0 auto;
-    height: 55vh; }
-    @media screen and (max-width: 1024px) {
-      #branches .owl-branches {
-        width: 100%; } }
-    #branches .owl-branches .owl-item-branches {
-      width: 97%;
-      background-color: white;
-      margin: 50px 0; }
-      @media screen and (max-width: 1024px) {
-        #branches .owl-branches .owl-item-branches {
-          width: 90%;
-          margin: 50px auto; } }
-      #branches .owl-branches .owl-item-branches figure {
-        width: 100%;
-        height: 90%; }
-        #branches .owl-branches .owl-item-branches figure img {
-          width: 100%;
-          height: 35vh;
-          object-fit: cover; }
-      #branches .owl-branches .owl-item-branches .description {
-        margin: 0 20px;
-        padding: 10px 0;
-        width: 90%;
-        height: 140px;
-        overflow: hidden; }
-        #branches .owl-branches .owl-item-branches .description .person-name,
-        #branches .owl-branches .owl-item-branches .description .person-info {
-          font-size: 14px;
-          font-weight: bold; }
-        #branches .owl-branches .owl-item-branches .description .person-info {
-          padding: 2px 0;
-          color: #808285; }
-        #branches .owl-branches .owl-item-branches .description .person-name {
-          color: #28aae2;
-          text-transform: uppercase; }
-  #branches .branches-carousel-btn {
-    text-align: center;
-    padding-bottom: 30px;
-    position: relative;
-    z-index: 2;
-    padding-top: 85px; }
-    #branches .branches-carousel-btn i {
-      padding: 10px;
-      background-color: #d2d4d5;
-      color: #57595b;
-      margin: 0 0 0 12px;
-      cursor: pointer; }
-      @media screen and (max-width: 1024px) {
-        #branches .branches-carousel-btn i {
-          margin: 50px 0 0 12px; } }
+    width: 100%;
+  }
+}
+#branches .owl-branches .owl-item-branches {
+  width: 97%;
+  background-color: white;
+  margin: 50px 0;
+}
+@media screen and (max-width: 1024px) {
+  #branches .owl-branches .owl-item-branches {
+    width: 90%;
+    margin: 50px auto;
+  }
+}
+#branches .owl-branches .owl-item-branches figure {
+  width: 100%;
+  height: 90%;
+}
+#branches .owl-branches .owl-item-branches figure img {
+  width: 100%;
+  height: 35vh;
+  object-fit: cover;
+}
+#branches .owl-branches .owl-item-branches .description {
+  margin: 0 20px;
+  padding: 10px 0;
+  width: 90%;
+  height: 140px;
+  overflow: hidden;
+}
+#branches .owl-branches .owl-item-branches .description .person-name,
+#branches .owl-branches .owl-item-branches .description .person-info {
+  font-size: 14px;
+  font-weight: bold;
+}
+#branches .owl-branches .owl-item-branches .description .person-info {
+  padding: 2px 0;
+  color: #808285;
+}
+#branches .owl-branches .owl-item-branches .description .person-name {
+  color: #28aae2;
+  text-transform: uppercase;
+}
+#branches .branches-carousel-btn {
+  text-align: center;
+  padding-bottom: 30px;
+  position: relative;
+  z-index: 2;
+  padding-top: 85px;
+}
+#branches .branches-carousel-btn i {
+  padding: 10px;
+  background-color: #d2d4d5;
+  color: #57595b;
+  margin: 0 0 0 12px;
+  cursor: pointer;
+}
+@media screen and (max-width: 1024px) {
+  #branches .branches-carousel-btn i {
+    margin: 50px 0 0 12px;
+  }
+}
 
 #enquiry {
-  background: linear-gradient(#28aae2, #2b3991); }
-  #enquiry h3 {
-    text-align: center;
-    color: white;
-    padding: 60px 0 30px; }
+  background: linear-gradient(#28aae2, #2b3991);
+}
+#enquiry h3 {
+  text-align: center;
+  color: white;
+  padding: 60px 0 30px;
+}
+#enquiry p {
+  width: 50%;
+  margin: 0 auto;
+  text-align: center;
+  color: #fafafa;
+  line-height: 1.8;
+}
+@media screen and (max-width: 1024px) {
   #enquiry p {
-    width: 50%;
-    margin: 0 auto;
-    text-align: center;
-    color: #fafafa;
-    line-height: 1.8; }
-    @media screen and (max-width: 1024px) {
-      #enquiry p {
-        width: 90%; } }
+    width: 90%;
+  }
+}
+#enquiry form fieldset {
+  border: none;
+  width: 35%;
+  margin: 0 auto;
+  padding: 30px 0;
+}
+@media screen and (max-width: 1024px) {
   #enquiry form fieldset {
-    border: none;
-    width: 35%;
-    margin: 0 auto;
-    padding: 30px 0; }
-    @media screen and (max-width: 1024px) {
-      #enquiry form fieldset {
-        width: 90%; } }
-    #enquiry form fieldset input {
-      background-color: transparent;
-      border: 2px solid white;
-      padding: 8px 18px;
-      clear: both;
-      width: 48%;
-      margin: 10px 0; }
-      #enquiry form fieldset input:nth-child(even) {
-        float: right; }
-    #enquiry form fieldset ::-webkit-input-placeholder {
-      color: #fafafa; }
-      @media screen and (max-width: 1024px) {
-        #enquiry form fieldset ::-webkit-input-placeholder {
-          padding-left: 13px; } }
-    #enquiry form fieldset ::-moz-placeholder {
-      color: #fafafa; }
-      @media screen and (max-width: 1024px) {
-        #enquiry form fieldset ::-moz-placeholder {
-          padding-left: 13px; } }
-    #enquiry form fieldset :-ms-input-placeholder {
-      color: #fafafa; }
-      @media screen and (max-width: 1024px) {
-        #enquiry form fieldset :-ms-input-placeholder {
-          padding-left: 13px; } }
-    #enquiry form fieldset :-moz-placeholder {
-      color: #fafafa; }
-      @media screen and (max-width: 1024px) {
-        #enquiry form fieldset :-moz-placeholder {
-          padding-left: 13px; } }
-    #enquiry form fieldset textarea {
-      background-color: transparent;
-      border: 2px solid white;
-      width: 100%;
-      padding: 8px;
-      font-family: open-sans; }
-    #enquiry form fieldset button {
-      display: block;
-      margin: 20px auto;
-      padding: 8px 18px;
-      width: 40%;
-      background-color: transparent;
-      border: none;
-      border: 2px solid white;
-      color: white;
-      font-size: 14px; }
+    width: 90%;
+  }
+}
+#enquiry form fieldset input {
+  background-color: transparent;
+  border: 2px solid white;
+  padding: 8px 18px;
+  clear: both;
+  width: 48%;
+  margin: 10px 0;
+}
+#enquiry form fieldset input:nth-child(even) {
+  float: right;
+}
+#enquiry form fieldset ::-webkit-input-placeholder {
+  color: #fafafa;
+}
+@media screen and (max-width: 1024px) {
+  #enquiry form fieldset ::-webkit-input-placeholder {
+    padding-left: 13px;
+  }
+}
+#enquiry form fieldset ::-moz-placeholder {
+  color: #fafafa;
+}
+@media screen and (max-width: 1024px) {
+  #enquiry form fieldset ::-moz-placeholder {
+    padding-left: 13px;
+  }
+}
+#enquiry form fieldset :-ms-input-placeholder {
+  color: #fafafa;
+}
+@media screen and (max-width: 1024px) {
+  #enquiry form fieldset :-ms-input-placeholder {
+    padding-left: 13px;
+  }
+}
+#enquiry form fieldset :-moz-placeholder {
+  color: #fafafa;
+}
+@media screen and (max-width: 1024px) {
+  #enquiry form fieldset :-moz-placeholder {
+    padding-left: 13px;
+  }
+}
+#enquiry form fieldset textarea {
+  background-color: transparent;
+  border: 2px solid white;
+  width: 100%;
+  padding: 8px;
+  font-family: open-sans;
+}
+#enquiry form fieldset button {
+  display: block;
+  margin: 20px auto;
+  padding: 8px 18px;
+  width: 40%;
+  background-color: transparent;
+  border: none;
+  border: 2px solid white;
+  color: white;
+  font-size: 14px;
+}
 
 #contact {
-  padding: 30px 0; }
-  #contact h3 {
-    text-align: center;
-    padding: 10px 0 20px; }
+  padding: 30px 0;
+}
+#contact h3 {
+  text-align: center;
+  padding: 10px 0 20px;
+}
+#contact p {
+  width: 50%;
+  margin: 0 auto;
+  text-align: center;
+  line-height: 1.8;
+}
+@media screen and (max-width: 1024px) {
   #contact p {
-    width: 50%;
-    margin: 0 auto;
-    text-align: center;
-    line-height: 1.8; }
-    @media screen and (max-width: 1024px) {
-      #contact p {
-        width: 90%; } }
+    width: 90%;
+  }
+}
+#contact .inner-container {
+  display: flex;
+  width: 80%;
+  margin: 40px auto;
+  padding: 20px 0;
+  justify-content: space-between;
+}
+@media screen and (max-width: 1024px) {
   #contact .inner-container {
-    display: flex;
-    width: 80%;
-    margin: 40px auto;
-    padding: 20px 0;
-    justify-content: space-between; }
-    @media screen and (max-width: 1024px) {
-      #contact .inner-container {
-        flex-direction: column;
-        width: 90%; } }
-    #contact .inner-container figure {
-      width: 60%; }
-      @media screen and (max-width: 1024px) {
-        #contact .inner-container figure {
-          width: 100%; } }
-    #contact .inner-container .description-container {
-      width: 30%; }
-      @media screen and (max-width: 1024px) {
-        #contact .inner-container .description-container {
-          width: 100%; } }
-      #contact .inner-container .description-container li {
-        display: flex;
-        justify-content: space-evenly;
-        padding: 15px 0; }
-        #contact .inner-container .description-container li:last-child a {
-          color: #28aae2; }
-        #contact .inner-container .description-container li address {
-          font-size: 16px;
-          color: #57595b;
-          font-family: open-sans;
-          font-style: normal;
-          line-height: 1.8; }
-        #contact .inner-container .description-container li label {
-          color: #57595b;
-          font-weight: bold;
-          font-size: 16px; }
-        #contact .inner-container .description-container li address,
-        #contact .inner-container .description-container li .contact-content {
-          width: 70%; }
-        #contact .inner-container .description-container li .contact-content {
-          display: flex;
-          font-size: 16px; }
-          #contact .inner-container .description-container li .contact-content li {
-            color: #57595b;
-            padding: 0 15px 0 0; }
-            #contact .inner-container .description-container li .contact-content li i {
-              font-size: 18px; }
+    flex-direction: column;
+    width: 90%;
+  }
+}
+#contact .inner-container figure {
+  width: 60%;
+}
+@media screen and (max-width: 1024px) {
+  #contact .inner-container figure {
+    width: 100%;
+  }
+}
+#contact .inner-container .description-container {
+  width: 30%;
+}
+@media screen and (max-width: 1024px) {
+  #contact .inner-container .description-container {
+    width: 100%;
+  }
+}
+#contact .inner-container .description-container li {
+  display: flex;
+  justify-content: space-evenly;
+  padding: 15px 0;
+}
+#contact .inner-container .description-container li:last-child a {
+  color: #28aae2;
+}
+#contact .inner-container .description-container li address {
+  font-size: 16px;
+  color: #57595b;
+  font-family: open-sans;
+  font-style: normal;
+  line-height: 1.8;
+}
+#contact .inner-container .description-container li label {
+  color: #57595b;
+  font-weight: bold;
+  font-size: 16px;
+}
+#contact .inner-container .description-container li address,
+#contact .inner-container .description-container li .contact-content {
+  width: 70%;
+}
+#contact .inner-container .description-container li .contact-content {
+  display: flex;
+  font-size: 16px;
+}
+#contact .inner-container .description-container li .contact-content li {
+  color: #57595b;
+  padding: 0 15px 0 0;
+}
+#contact .inner-container .description-container li .contact-content li i {
+  font-size: 18px;
+}
 
 .toast {
   position: fixed;
@@ -466,37 +615,45 @@ section .description {
   width: 300px;
   height: 200px;
   padding: 10px;
-  transition: transform 500ms ease; }
-  .toast.hide {
-    transform: translateY(145px); }
-    .toast.hide .close-toast {
-      transform: rotate(180deg); }
-  .toast header {
-    font-size: 16px;
-    letter-spacing: 1px;
-    font-weight: bold;
-    padding: 10px 0;
-    text-align: center;
-    color: white; }
-  .toast .close-toast {
-    position: absolute;
-    top: 20px;
-    left: 10px;
-    color: white;
-    font-size: 30px;
-    cursor: pointer;
-    display: flex;
-    transition: tranform 500ms ease; }
-    .toast .close-toast img {
-      width: 20px;
-      height: 20px; }
-  .toast ul {
-    width: 80%;
-    margin: 0 auto; }
-    .toast ul li {
-      color: white;
-      text-decoration: underline;
-      font-size: 14px;
-      margin: 0 0 10px 0; }
+  transition: transform 500ms ease;
+}
+.toast.hide {
+  transform: translateY(145px);
+}
+.toast.hide .close-toast {
+  transform: rotate(180deg);
+}
+.toast header {
+  font-size: 16px;
+  letter-spacing: 1px;
+  font-weight: bold;
+  padding: 10px 0;
+  text-align: center;
+  color: white;
+}
+.toast .close-toast {
+  position: absolute;
+  top: 20px;
+  left: 10px;
+  color: white;
+  font-size: 30px;
+  cursor: pointer;
+  display: flex;
+  transition: tranform 500ms ease;
+}
+.toast .close-toast img {
+  width: 20px;
+  height: 20px;
+}
+.toast ul {
+  width: 80%;
+  margin: 0 auto;
+}
+.toast ul li {
+  color: white;
+  text-decoration: underline;
+  font-size: 14px;
+  margin: 0 0 10px 0;
+}
 
 /*# sourceMappingURL=home.css.map */
diff --git a/static/css/loans.css b/static/css/loans.css
new file mode 100644
index 0000000..663b1b3
--- /dev/null
+++ b/static/css/loans.css
@@ -0,0 +1,105 @@
+@font-face {
+  src: url("fonts/Archivo_Black/ArchivoBlack-Regular.ttf") format("truetype");
+  font-family: archivo-black;
+  font-style: normal;
+}
+@font-face {
+  src: url("fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype");
+  font-family: open-sans;
+  font-weight: bolder;
+}
+@font-face {
+  src: url("fonts/Open_Sans/OpenSans-SemiBold.ttf") format("truetype");
+  font-family: open-sans;
+  font-weight: bold;
+}
+@font-face {
+  src: url("fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");
+  font-family: open-sans;
+  font-style: normal;
+}
+@font-face {
+  src: url("fonts/Open_Sans/OpenSans-LightItalic.ttf") format("truetype");
+  font-family: open-sans;
+  font-weight: normal;
+  font-style: italic;
+}
+.banner {
+  height: 30vh;
+  background-image: url("../images/cover-image.jpg");
+  background-size: cover;
+  background-repeat: no-repeat;
+  display: flex;
+  justify-content: center;
+  position: relative;
+}
+.banner:after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background-color: rgba(64, 62, 65, 0.6);
+}
+.banner h3 {
+  text-align: center;
+  align-self: center;
+  font-size: 36px;
+  color: white;
+  z-index: 1;
+}
+
+.service-content {
+  width: 90%;
+  margin: 60px auto;
+  display: flex;
+  justify-content: space-between;
+}
+.service-content .scene-container {
+  overflow: hidden;
+  width: 70%;
+  background-color: #f0f0f0;
+  min-height: 70vh;
+}
+.service-content object {
+  overflow-x: hidden;
+  display: none;
+  width: 100%;
+  height: 100%;
+}
+.service-content object.active {
+  display: block;
+}
+@media screen and (max-width: 1024px) {
+  .service-content object.active {
+    display: none;
+  }
+}
+.service-content iframe {
+  display: none;
+}
+@media screen and (max-width: 1024px) {
+  .service-content iframe.active {
+    display: block;
+  }
+}
+.service-content ul {
+  width: 25%;
+}
+.service-content ul li {
+  list-style: none;
+  padding: 10% 0;
+  border-bottom: 2px solid white;
+  text-align: center;
+  cursor: pointer;
+  background-color: #fcfcfc;
+  color: #808285;
+}
+.service-content ul li.active {
+  background-color: #28aae2;
+  color: white;
+}
+.service-content ul li:last-child {
+  border-bottom: none;
+}
+
+/*# sourceMappingURL=loans.css.map */
diff --git a/static/css/others.css b/static/css/others.css
new file mode 100644
index 0000000..563af74
--- /dev/null
+++ b/static/css/others.css
@@ -0,0 +1,73 @@
+@font-face {
+  src: url("fonts/Archivo_Black/ArchivoBlack-Regular.ttf") format("truetype");
+  font-family: archivo-black;
+  font-style: normal;
+}
+@font-face {
+  src: url("fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype");
+  font-family: open-sans;
+  font-weight: bolder;
+}
+@font-face {
+  src: url("fonts/Open_Sans/OpenSans-SemiBold.ttf") format("truetype");
+  font-family: open-sans;
+  font-weight: bold;
+}
+@font-face {
+  src: url("fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");
+  font-family: open-sans;
+  font-style: normal;
+}
+@font-face {
+  src: url("fonts/Open_Sans/OpenSans-LightItalic.ttf") format("truetype");
+  font-family: open-sans;
+  font-weight: normal;
+  font-style: italic;
+}
+.banner {
+  height: 30vh;
+  background-image: url("../images/cover-image.jpg");
+  background-size: cover;
+  background-repeat: no-repeat;
+  display: flex;
+  justify-content: center;
+  position: relative;
+}
+.banner:after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background-color: rgba(64, 62, 65, 0.6);
+}
+.banner h3 {
+  text-align: center;
+  align-self: center;
+  font-size: 36px;
+  color: white;
+  z-index: 1;
+}
+
+.service-content {
+  width: 90%;
+  margin: 60px auto;
+  display: flex;
+  min-height: 42vh;
+  justify-content: space-between;
+}
+.service-content ul {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-self: flex-start;
+}
+.service-content ul li {
+  list-style: none;
+  padding: 30px;
+  text-align: center;
+  cursor: pointer;
+  background-color: #fcfcfc;
+  color: #808285;
+}
+
+/*# sourceMappingURL=others.css.map */
diff --git a/static/css/service.css b/static/css/service.css
index b55a38c..bb681ff 100644
--- a/static/css/service.css
+++ b/static/css/service.css
@@ -1,24 +1,29 @@
 @font-face {
   src: url("fonts/Archivo_Black/ArchivoBlack-Regular.ttf") format("truetype");
   font-family: archivo-black;
-  font-style: normal; }
+  font-style: normal;
+}
 @font-face {
   src: url("fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype");
   font-family: open-sans;
-  font-weight: bolder; }
+  font-weight: bolder;
+}
 @font-face {
   src: url("fonts/Open_Sans/OpenSans-SemiBold.ttf") format("truetype");
   font-family: open-sans;
-  font-weight: bold; }
+  font-weight: bold;
+}
 @font-face {
   src: url("fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");
   font-family: open-sans;
-  font-style: normal; }
+  font-style: normal;
+}
 @font-face {
   src: url("fonts/Open_Sans/OpenSans-LightItalic.ttf") format("truetype");
   font-family: open-sans;
   font-weight: normal;
-  font-style: italic; }
+  font-style: italic;
+}
 .banner {
   height: 30vh;
   background-image: url("../images/cover-image.jpg");
@@ -26,61 +31,77 @@
   background-repeat: no-repeat;
   display: flex;
   justify-content: center;
-  position: relative; }
-  .banner:after {
-    content: '';
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    background-color: rgba(64, 62, 65, 0.6); }
-  .banner h3 {
-    text-align: center;
-    align-self: center;
-    font-size: 36px;
-    color: white;
-    z-index: 1; }
+  position: relative;
+}
+.banner:after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background-color: rgba(64, 62, 65, 0.6);
+}
+.banner h3 {
+  text-align: center;
+  align-self: center;
+  font-size: 36px;
+  color: white;
+  z-index: 1;
+}
 
 .service-content {
   width: 90%;
   margin: 60px auto;
   display: flex;
-  justify-content: space-between; }
-  .service-content .scene-container {
-    overflow: hidden;
-    width: 70%;
-    background-color: #f0f0f0; }
-  .service-content object {
-    overflow-x: hidden;
+  justify-content: space-between;
+}
+.service-content .scene-container {
+  overflow: hidden;
+  width: 70%;
+  background-color: #f0f0f0;
+}
+.service-content object {
+  overflow-x: hidden;
+  display: none;
+  width: 100%;
+  height: 100%;
+}
+.service-content object.active {
+  display: block;
+}
+@media screen and (max-width: 1024px) {
+  .service-content object.active {
     display: none;
-    width: 100%;
-    height: 100%; }
-    .service-content object.active {
-      display: block; }
-      @media screen and (max-width: 1024px) {
-        .service-content object.active {
-          display: none; } }
-  .service-content iframe {
-    display: none; }
-    @media screen and (max-width: 1024px) {
-      .service-content iframe.active {
-        display: block; } }
-  .service-content ul {
-    width: 25%;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-evenly; }
-    .service-content ul li {
-      list-style: none;
-      padding: 10% 0;
-      border-bottom: 2px solid white;
-      text-align: center;
-      cursor: pointer;
-      background-color: #fcfcfc;
-      color: #808285; }
-      .service-content ul li.active {
-        background-color: #28aae2;
-        color: white; }
-      .service-content ul li:last-child {
-        border-bottom: none; }
+  }
+}
+.service-content iframe {
+  display: none;
+}
+@media screen and (max-width: 1024px) {
+  .service-content iframe.active {
+    display: block;
+  }
+}
+.service-content ul {
+  width: 25%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+}
+.service-content ul li {
+  list-style: none;
+  padding: 10% 0;
+  border-bottom: 2px solid white;
+  text-align: center;
+  cursor: pointer;
+  background-color: #fcfcfc;
+  color: #808285;
+}
+.service-content ul li.active {
+  background-color: #28aae2;
+  color: white;
+}
+.service-content ul li:last-child {
+  border-bottom: none;
+}
 
 /*# sourceMappingURL=service.css.map */
diff --git a/static/files/deposit-scheme.pdf b/static/files/deposit-scheme.pdf
new file mode 100644
index 0000000..a073aee
Binary files /dev/null and b/static/files/deposit-scheme.pdf differ
diff --git a/static/files/loans.pdf b/static/files/loans.pdf
index 8e54d56..16f5bcf 100644
Binary files a/static/files/loans.pdf and b/static/files/loans.pdf differ
diff --git a/static/scss/loans.scss b/static/scss/loans.scss
new file mode 100644
index 0000000..61eabd2
--- /dev/null
+++ b/static/scss/loans.scss
@@ -0,0 +1,90 @@
+@import '_colors';
+@import 'custom_fonts';
+
+.banner {
+    height: 30vh;
+    background-image: url('../images/cover-image.jpg');
+    background-size: cover;
+    background-repeat: no-repeat;
+    display: flex;
+    justify-content: center;
+    position: relative;
+
+    &:after {
+        content: '';
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        background-color: rgba($color: $dark_brown, $alpha: 0.6)
+    }
+
+    h3 {
+        text-align: center;
+        align-self: center;
+        font-size: $heading_size;
+        color: white;
+        z-index: 1;
+    }
+}
+
+.service-content {
+    width: 90%;
+    margin: 60px auto;
+    display: flex;
+    justify-content: space-between;
+
+    .scene-container {
+        overflow: hidden;
+        width: 70%;
+        background-color: $lightest_gray;
+        min-height: 70vh;
+    }
+
+    object {
+        overflow-x: hidden;
+        display: none;
+        width: 100%;
+        height: 100%;
+
+        &.active {
+            display: block;
+
+            @media screen and (max-width: 1024px) { 
+                display: none;
+            }
+        }
+    }
+
+    iframe {
+        display: none;
+
+        @media screen and (max-width: 1024px) {
+            &.active {
+                display: block;
+            }
+        }
+    }
+
+    ul {
+        width: 25%;
+
+        li {
+            list-style: none;
+            padding: 10% 0;
+            border-bottom: 2px solid white;
+            text-align: center;
+            cursor: pointer;
+            background-color: #fcfcfc;
+            color: #808285;
+
+            &.active {
+                background-color: $blue;
+                color: white;
+            }
+
+            &:last-child {
+                border-bottom: none;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/static/scss/others.scss b/static/scss/others.scss
new file mode 100644
index 0000000..76e8539
--- /dev/null
+++ b/static/scss/others.scss
@@ -0,0 +1,52 @@
+@import '_colors';
+@import 'custom_fonts';
+
+.banner {
+    height: 30vh;
+    background-image: url('../images/cover-image.jpg');
+    background-size: cover;
+    background-repeat: no-repeat;
+    display: flex;
+    justify-content: center;
+    position: relative;
+
+    &:after {
+        content: '';
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        background-color: rgba($color: $dark_brown, $alpha: 0.6)
+    }
+
+    h3 {
+        text-align: center;
+        align-self: center;
+        font-size: $heading_size;
+        color: white;
+        z-index: 1;
+    }
+}
+
+.service-content {
+    width: 90%;
+    margin: 60px auto;
+    display: flex;
+    min-height: 42vh;
+    justify-content: space-between;
+
+    ul {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        align-self: flex-start;
+
+        li {
+            list-style: none;
+            padding: 30px;
+            text-align: center;
+            cursor: pointer;
+            background-color: #fcfcfc;
+            color: #808285;
+        }
+    }
+}
\ No newline at end of file
diff --git a/templates/about.html b/templates/about.html
index aff51b4..da7c4df 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -25,7 +25,7 @@
                 Bank of India (RBI) and started its transaction on 27.03.1975. It is
                 registered under Karnataka Co-operative society's act 1959 and is
                 governed by guideline of RBI issued from time to time. This bank served
-                for 43 - 44 years and is stepping towards its 39th years. This bank was graded
+                for 43 - 44 years and is stepping towards its 45th years. This bank was graded
                 'A' by RBI for providing quality services and facilities to its members.
             </p>
         </div>
@@ -43,7 +43,7 @@
             <li>Fully computerized services in all branches.</li>
             <li>Safe deposit locker facility available.</li>
             <li>Deposits up to Rs 100000/- covered under DICGC.</li>
-            <li>Higher rate of interest of 21% on term deposits for senior citizens.</li>
+            <li>Higher rate of interest of 0.5% on term deposits for senior citizens.</li>
             <li>Immovable property loans for constructions purchase of property
                 purchase of site/house/flat, marriage, repayment of debts, higher
                 education and business.
diff --git a/templates/deposit.html b/templates/deposit.html
index 64df5d8..4b56ff0 100644
--- a/templates/deposit.html
+++ b/templates/deposit.html
@@ -2,7 +2,7 @@
 {% load staticfiles %}
 
 {% block stylesheets %}
-<link rel="stylesheet" href="{% static 'css/service.css' %}">
+<link rel="stylesheet" href="{% static 'css/loans.css' %}">
 {% endblock stylesheets %}
 
 {% block content %}
@@ -11,30 +11,11 @@
 </section>
 <section class="service-content">
     <ul class="side-content">
-        <li data-tab = "sales" class="active">Saving Account</li>
-        <li data-tab = "financial">Current Account</li>
-        <li data-tab = "investment">Term Deposit</li>
-        <li data-tab = "tax">Advisory Services on deposit</li>
-        <li data-tab = "loan">Nomination Facility</li>
+        <li data-tab = "sales" class="active">Deposit Schemes</li>
     </ul>
     <div class="scene-container">
-        <object data="{% static 'files/deposits.pdf' %}" type="application/pdf" style="width:100%; height:100%;" class="active" data-scene-target = "sales">
-            <embed src="{% static 'files/deposits.pdf' %}" type="application/pdf" />
-        </object>
-        <object data="{% static 'files/deposits.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "financial">
-            <embed src="{% static 'files/deposits.pdf' %}" type="application/pdf" />
-        </object>
-        <object data="{% static 'files/deposits.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "investment">
-            <embed src="{% static 'files/deposits.pdf' %}" type="application/pdf" />
-        </object>
-        <object data="{% static 'files/deposits.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "tax">
-            <embed src="{% static 'files/deposits.pdf' %}" type="application/pdf" />
-        </object>
-        <object data="{% static 'files/deposits.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "loan">
-            <embed src="{% static 'files/deposits.pdf' %}" type="application/pdf" />
-        </object>
-        <object data="{% static 'files/deposits.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "consultant">
-            <embed src="{% static 'files/deposits.pdf' %}" type="application/pdf" />
+        <object data="{% static 'files/deposit-scheme.pdf' %}" type="application/pdf" style="width:100%; height:100%;" class="active" data-scene-target = "sales">
+            <embed src="{% static 'files/deposit-scheme.pdf' %}" type="application/pdf" />
         </object>
     </div>
 </section>
diff --git a/templates/home.html b/templates/home.html
index 8695b34..54b3a51 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -294,14 +294,14 @@
 			Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
 			dolore magna aliqua. Ut enim ad minim veniam.
 		</p> -->
-		<form>
+		<form method="POST">
 			<fieldset>
-				<input type="text" placeholder="Name">
-				<input type="email" placeholder="Email ID">
-				<input type="tel" placeholder="Phone">
-				<input type="text" placeholder="Subject">
-				<textarea name="message" rows="6" placeholder="Your Message..."></textarea>
-				<button type="button">Send</button>
+				<input type="text" placeholder="Name" name="name" required>
+				<input type="email" placeholder="Email ID" name="email" required>
+				<input type="tel" placeholder="Phone" name="phone">
+				<input type="text" placeholder="Subject" name="subject" required>
+				<textarea name="message" rows="6" placeholder="Your Message..." name="message" required></textarea>
+				<button type="button" id="contact-button">Send</button>
 			</fieldset>
 		</form>
 	</section>
diff --git a/templates/loans.html b/templates/loans.html
index 52c9577..d00be40 100644
--- a/templates/loans.html
+++ b/templates/loans.html
@@ -2,7 +2,7 @@
 {% load staticfiles %}
 
 {% block stylesheets %}
-<link rel="stylesheet" href="{% static 'css/service.css' %}">
+<link rel="stylesheet" href="{% static 'css/loans.css' %}">
 {% endblock stylesheets %}
 
 {% block content %}
@@ -11,19 +11,19 @@
 </section>
 <section class="service-content">
     <ul class="side-content">
-        <li data-tab = "home" class="active">Home Loan</li>
-        <li data-tab = "sales">Mortage Loan</li>
+        <li data-tab = "home" class="active">Loans &amp; Advances</li>
+        <!-- <li data-tab = "sales">Mortage Loan</li>
         <li data-tab = "financial">Consumption Loan</li>
         <li data-tab = "investment">Jewellery Loan</li>
         <li data-tab = "tax">Overdraft</li>
         <li data-tab = "loan">Personal Loan</li>
-        <li data-tab = "consultant">Vehicle Loan</li>
+        <li data-tab = "consultant">Vehicle Loan</li> -->
     </ul>
     <div class="scene-container">
         <object data="{% static 'files/loans.pdf' %}" type="application/pdf" style="width:100%; height:100%;" class="active" data-scene-target = "home">
             <embed src="{% static 'files/loans.pdf' %}" type="application/pdf" />
         </object>
-        <object data="{% static 'files/loans.pdf' %}" type="application/pdf" style="width:100%; height:100%;" class="active" data-scene-target = "sales">
+        <!-- <object data="{% static 'files/loans.pdf' %}" type="application/pdf" style="width:100%; height:100%;" class="active" data-scene-target = "sales">
             <embed src="{% static 'files/loans.pdf' %}" type="application/pdf" />
         </object>
         <object data="{% static 'files/loans.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "financial">
@@ -40,7 +40,7 @@
         </object>
         <object data="{% static 'files/loans.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "consultant">
             <embed src="{% static 'files/loans.pdf' %}" type="application/pdf" />
-        </object>
+        </object> -->
     </div>
 </section>
 {% endblock content %}
diff --git a/templates/others.html b/templates/others.html
index 7b045f2..a1d4c96 100644
--- a/templates/others.html
+++ b/templates/others.html
@@ -2,7 +2,7 @@
 {% load staticfiles %}
 
 {% block stylesheets %}
-<link rel="stylesheet" href="{% static 'css/service.css' %}">
+<link rel="stylesheet" href="{% static 'css/others.css' %}">
 {% endblock stylesheets %}
 
 {% block content %}
@@ -11,31 +11,11 @@
 </section>
 <section class="service-content">
     <ul class="side-content">
-        <li data-tab = "sales" class="active">Real Time Gross Settlement (RTGS)</li>
+        <li data-tab = "sales">Real Time Gross Settlement (RTGS)</li>
         <li data-tab = "financial">Electronic Fund Transfer (EFT)</li>
         <li data-tab = "investment">National Electronic Fund Transfer (NEFT)</li>
         <li data-tab = "tax">Safety Loacker</li>
     </ul>
-    <div class="scene-container">
-        <!-- <object data="{% static 'files/sample-1.pdf' %}" type="application/pdf" style="width:100%; height:100%;" class="active" data-scene-target = "sales">
-            <embed src="{% static 'files/sample-1.pdf' %}" type="application/pdf" />
-        </object>
-        <object data="{% static 'files/sample-2.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "financial">
-            <embed src="{% static 'files/sample-2.pdf' %}" type="application/pdf" />
-        </object>
-        <object data="{% static 'files/sample-1.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "investment">
-            <embed src="{% static 'files/sample-1.pdf' %}" type="application/pdf" />
-        </object>
-        <object data="{% static 'files/sample-2.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "tax">
-            <embed src="{% static 'files/sample-2.pdf' %}" type="application/pdf" />
-        </object>
-        <object data="{% static 'files/sample-1.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "loan">
-            <embed src="{% static 'files/sample-1.pdf' %}" type="application/pdf" />
-        </object>
-        <object data="{% static 'files/sample-2.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "consultant">
-            <embed src="{% static 'files/sample-2.pdf' %}" type="application/pdf" />
-        </object> -->
-    </div>
 </section>
 {% endblock content %}