UI changes and files replacements.

home/models.py

@@ -1,3 +1,3 @@
 from django.db import models
 
-# Create your models here.
+

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 */

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 */

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 */

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;
+            }
+        }
+    }
+}

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;
+        }
+    }
+}

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.

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>

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>

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 %}

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 %}