UI changes for the production.

home/urls.py

@@ -3,6 +3,8 @@ from home import views
 
 urlpatterns = [
     path('', views.home, name='home'),
-    path('about', views.about, name='about'),
-    path('service', views.service, name='service'),
+    path('about/', views.about, name='about'),
+    path('deposit/', views.deposit, name='deposit'),
+    path('others/', views.others, name='others'),
+    path('loans/', views.loans, name='loans'),
 ]

home/views.py

@@ -6,5 +6,12 @@ def home(request):
 def about(request):
     return render(request, 'about.html')
 
-def service(request):
-    return render(request, 'service.html')
+def deposit(request):
+    return render(request, 'deposit.html')
+
+def others(request):
+    return render(request, 'others.html')
+
+def loans(request):
+    return render(request, 'loans.html')
+

static/css/about.css

@@ -81,7 +81,7 @@
 .about-content .inner-container .description p {
   width: 100%;
 }
-.about-content .inner-container .description marked {
+.about-content .inner-container .description mark {
   color: #28aae2;
 }
 .about-content .inner-container .description .heading {
@@ -118,6 +118,21 @@
     margin: 0 auto;
   }
 }
+.about-content .features {
+  width: 90%;
+  margin: 20px auto;
+}
+.about-content .features h3 {
+  margin-bottom: 10px;
+}
+.about-content .features p {
+  width: 100%;
+  padding: 0;
+}
+.about-content .features ul {
+  margin-bottom: 20px;
+  margin-left: 30px;
+}
 
 #our-team {
   width: 90%;

static/css/common.css

@@ -52,6 +52,7 @@ mark {
 }
 
 .temp-intro,
+.temp-intro-home,
 #footer {
   background-color: #403e41;
   display: flex;
@@ -61,33 +62,39 @@ mark {
   font-size: 14px;
 }
 .temp-intro .temp-name,
+.temp-intro-home .temp-name,
 #footer .temp-name {
   margin-left: 125px;
 }
 @media screen and (max-width: 1024px) {
   .temp-intro .temp-name,
+.temp-intro-home .temp-name,
 #footer .temp-name {
     margin-left: 20px;
   }
 }
 .temp-intro .temp-name mark,
+.temp-intro-home .temp-name mark,
 #footer .temp-name mark {
   color: white;
   font-weight: bold;
   letter-spacing: 0.8px;
 }
 .temp-intro .temp-social,
+.temp-intro-home .temp-social,
 #footer .temp-social {
   display: flex;
   margin-right: 125px;
 }
 @media screen and (max-width: 1024px) {
   .temp-intro .temp-social,
+.temp-intro-home .temp-social,
 #footer .temp-social {
     margin-right: 20px;
   }
 }
 .temp-intro .temp-social li,
+.temp-intro-home .temp-social li,
 #footer .temp-social li {
   list-style: none;
   align-self: center;
@@ -95,11 +102,13 @@ mark {
   font-size: 12px;
 }
 .temp-intro small,
+.temp-intro-home small,
 #footer small {
   font-size: 14px;
 }
 @media screen and (max-width: 1024px) {
   .temp-intro small,
+.temp-intro-home small,
 #footer small {
     display: block;
     text-align: center;
@@ -107,26 +116,31 @@ mark {
   }
 }
 .temp-intro small:first-child,
+.temp-intro-home small:first-child,
 #footer small:first-child {
   margin-left: 125px;
 }
 @media screen and (max-width: 1024px) {
   .temp-intro small:first-child,
+.temp-intro-home small:first-child,
 #footer small:first-child {
     margin: 0;
   }
 }
 .temp-intro small:last-child,
+.temp-intro-home small:last-child,
 #footer small:last-child {
   margin-right: 125px;
 }
 @media screen and (max-width: 1024px) {
   .temp-intro small:last-child,
+.temp-intro-home small:last-child,
 #footer small:last-child {
     margin: 0;
   }
 }
 .temp-intro small mark,
+.temp-intro-home small mark,
 #footer small mark {
   color: #d2d4d5;
 }

static/css/home.css

@@ -24,6 +24,10 @@
   font-weight: normal;
   font-style: italic;
 }
+.temp-intro {
+  display: none;
+}
+
 section h3 {
   font-size: 36px;
   font-family: "Archivo Black", sans-serif;
@@ -268,11 +272,6 @@ section .description p {
 #about p {
   padding: 14px 0;
 }
-#about p:nth-of-type(1) {
-  font-style: italic;
-  font-weight: bold;
-  color: black;
-}
 
 #service {
   display: block;
@@ -294,7 +293,7 @@ section .description p {
 }
 #service .owl-service {
   width: 82%;
-  margin: 0 auto;
+  margin: 30px auto 0;
   display: block;
 }
 @media screen and (max-width: 1024px) {
@@ -312,8 +311,8 @@ section .description p {
   padding-top: 20px;
 }
 #service .owl-service li .inner-contents img {
-  width: 50px;
-  height: 50px;
+  width: 60px;
+  height: 60px;
   display: block;
   margin: 0 auto;
   padding-top: 20px;
@@ -322,6 +321,7 @@ section .description p {
   width: 90%;
   margin: 0 auto;
   font-size: 14px;
+  height: 20vh;
 }
 #service .owl-service li .inner-contents .title {
   text-align: center;
@@ -387,12 +387,15 @@ section .description p {
 }
 #branches .owl-branches .owl-item-branches figure img {
   width: 100%;
-  height: 100%;
+  height: 35vh;
   object-fit: cover;
 }
 #branches .owl-branches .owl-item-branches .description {
   margin: 0 20px;
   padding: 10px 0;
+  width: 90%;
+  height: 120px;
+  overflow: hidden;
 }
 #branches .owl-branches .owl-item-branches .description .person-name,
 #branches .owl-branches .owl-item-branches .description .person-info {
@@ -405,12 +408,14 @@ section .description p {
 }
 #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: 40px;
 }
 #branches .branches-carousel-btn i {
   padding: 10px;
@@ -570,6 +575,9 @@ section .description p {
   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;

static/js/home.js

@@ -112,7 +112,7 @@ owl.owlCarousel({
 			stagePadding: 100,
 		},
 		1000: {
-			items: 4
+			items: 3
 		}
 	}
 });

static/js/service.js

@@ -1,5 +1,5 @@
 var service_tabs = document.querySelectorAll('.service-content .side-content li');
-var scenes = document.querySelectorAll('.scene-container object');
+// var scenes = document.querySelectorAll('.scene-container object');
 
 for (var i = 0; i < service_tabs.length; i++) {
     service_tabs[i].addEventListener('click', change_tabs);
@@ -8,12 +8,12 @@ for (var i = 0; i < service_tabs.length; i++) {
 function change_tabs(e) {
     for (var i = 0; i < service_tabs.length; i++) {
 
-        scenes[i].classList.remove('active');
+        // scenes[i].classList.remove('active');
         service_tabs[i].classList.remove('active');
 
-        if (e.currentTarget.dataset.tab == scenes[i].dataset.sceneTarget) {
-            scenes[i].classList.add('active');
-        }
+        // if (e.currentTarget.dataset.tab == scenes[i].dataset.sceneTarget) {
+        //     scenes[i].classList.add('active');
+        // }
     }
 
     e.currentTarget.classList.add('active');

static/scss/about.scss

@@ -59,7 +59,7 @@
                 width: 100%;
             }
 
-            marked {
+            mark {
                 color: $blue;
             }
 
@@ -100,6 +100,25 @@
 			margin: 0 auto;
 		}
     }
+
+    .features {
+        width: 90%;
+        margin: 20px auto;
+
+        h3 {
+            margin-bottom: 10px;
+        }
+
+        p {
+            width: 100%;
+            padding: 0;
+        }
+
+        ul {
+            margin-bottom: 20px;
+            margin-left: 30px;
+        }
+    }
 }
 
 #our-team {

static/scss/common.scss

@@ -30,6 +30,7 @@ mark {
 }
 
 .temp-intro,
+.temp-intro-home,
 #footer {
 	background-color: $dark_brown;
 	display: flex;

static/scss/home.scss

@@ -1,6 +1,10 @@
 @import '_colors';
 @import 'custom_fonts';
 
+.temp-intro {
+	display: none;
+}
+
 section {
 
 	h3 {
@@ -270,11 +274,11 @@ section {
 	p {
 		padding: 14px 0;
 
-		&:nth-of-type(1) {
-			font-style: italic;
-			font-weight: bold;
-			color: black;
-		}
+		// &:nth-of-type(1) {
+		// 	font-style: italic;
+		// 	font-weight: bold;
+		// 	color: black;
+		// }
 	}
 }
 
@@ -299,7 +303,7 @@ section {
 
 	.owl-service {
 		width: 82%;
-		margin: 0 auto;
+		margin: 30px auto 0;
 		display: block;
 
 		@media screen and (max-width: 1024px) {
@@ -316,8 +320,8 @@ section {
 				padding-top: 20px;
 
 				img {
-					width: 50px;
-					height: 50px;
+					width: 60px;
+					height: 60px;
 					display: block;
 					margin: 0 auto;
 					padding-top: 20px;
@@ -327,6 +331,7 @@ section {
 					width: 90%;
 					margin: 0 auto;
 					font-size: 14px;
+					height: 20vh;
 				}
 
 				.title {
@@ -398,7 +403,7 @@ section {
 
 				img {
 					width: 100%;
-					height: 100%;
+					height: 35vh;
 					object-fit: cover;
 				}
 			}
@@ -406,6 +411,9 @@ section {
 			.description {
 				margin: 0 20px;
 				padding: 10px 0;
+				width: 90%;
+				height: 120px;
+				overflow: hidden;
 
 				.person-name,
 				.person-info {
@@ -420,6 +428,7 @@ section {
 
 				.person-name {
 					color: $blue;
+					text-transform: uppercase;
 				}
 
 			}
@@ -431,6 +440,7 @@ section {
 		padding-bottom: 30px;
 		position: relative;
 		z-index: 2;
+		padding-top: 40px;
 
 		i {
 			padding: 10px;
@@ -598,6 +608,12 @@ section {
 				justify-content: space-evenly;
 				padding: 15px 0;
 
+				&:last-child {
+					a {
+						color: $blue;
+					}
+				}
+
 				address {
 					font-size: $paragraph_size;
 					color: $brown;

templates/about.html

@@ -5,10 +5,6 @@
 <link rel="stylesheet" href="{% static 'css/about.css' %}">
 {% endblock stylesheets %}
 
-{% block navigation %} 
-{% include 'partials/navigation.html' with menu='About' %}
-{% endblock navigation %}
-
 {% block content %}
 <section class="banner">
     <h3>About Us</h3>
@@ -19,45 +15,45 @@
             <img src="{% static 'images/edits/founders.jpg' %}" alt="">
         </figure>
         <div class="description">
-            <div class="heading"><marked>About</marked> BCB</div>
+            <div class="heading"><mark>About</mark> BCB</div>
+            <h3>Brief History</h3>
             <p>
-                Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
-                Delectus, incidunt! Illum blanditiis quas rem in adipisci 
-                dolor ad, debitis quibusdam pariatur doloribus corrupti dolore 
-                laborum dicta odio voluptatem aliquam placeat.
-                Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
-                omnis accusantium hic, qui laudantium accusamus assumenda placeat 
-                ipsam nisi id amet facere!
-                Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
-                omnis accusantium hic, qui laudantium accusamus assumenda placeat 
-                ipsam nisi id amet facere!
-                Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
-                omnis accusantium hic, qui laudantium accusamus assumenda placeat 
-                ipsam nisi id amet facere!
+                The Bharath co-operative Bank Ltd, having its head office at No-30,15th
+                cross, Jayanagar 3rd block, Bangalore -560011 was started on 21-08-1974
+                by SAHAKARA RATHNA B.L LAKKEGOWDA WHO WAS THE FOUNDER
+                OF THIS BANK. On 03.01.1975 this bank got the permission by Reserve
+                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 38 years and is stepping towards its 39th years. This bank was graded
+                'A' by RBI for providing quality services and facilities to its members.
             </p>
         </div>
     </div>
-    <p>
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. 
-        Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
-        omnis accusantium hic, qui laudantium accusamus assumenda placeat 
-        ipsam nisi id amet facere!dolor ad, debitis quibusdam pariatur doloribus corrupti dolore 
-        laborum dicta odio voluptatem aliquam placeat.
-        Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
-        omnis accusantium hic, qui laudantium accusamus assumenda placeat 
-        ipsam nisi id amet facere!
-        Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
-        omnis accusantium hic, qui laudantium accusamus assumenda placeat 
-        ipsam nisi id amet facere!
-        Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
-        omnis accusantium hic, qui laudantium accusamus assumenda placeat 
-        ipsam nisi id amet facere!
-        Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
-        omnis accusantium hic, qui laudantium accusamus assumenda placeat 
-        ipsam nisi id amet facere!
-    </p>
+    <section class="features">
+        <h3>Area of Operation</h3>
+        <p>
+            Area of operation is limited to four districts of Karnataka i.e. Bangalore
+            (rural and urban), Mysore, Ramanagar, Hassan.
+        </p>
+    </section>
+    <section class="features">
+        <h3>Salient Features Of Bharath Co-operative Bank</h3>
+        <ul>
+            <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>Immovable property loans for constructions purchase of property
+                purchase of site/house/flat, marriage, repayment of debts, higher
+                education and business.
+            </li>
+            <li>Vehicle loan, gold loan, government security loan, 75% face value.</li>
+            <li>Direct clearing facility.</li>
+        </ul>
+    </section>
 </section>
-<section id="our-team">
+<!-- <section id="our-team">
     <h3>Our <marked>Team</marked></h3>
    <div class="owl-carousel owl-team">
         <section class="section-container">
@@ -110,7 +106,7 @@
         <i class="fas fa-chevron-left" id="team-carousel-right-btn"></i>
         <i class="fas fa-chevron-right" id="team-carousel-left-btn"></i>
     </div>
-</section>
+</section> -->
 {% endblock content %}
 
 {% block scripts %}

templates/base.html

@@ -17,8 +17,8 @@
     </head>
     <body>
         <div class="temp-intro">
-            <div class="temp-name">Welcome To <mark>BCB</mark></div>
-            <ul class="temp-social">
+            <div class="temp-name">Go to <mark><a href="/">Home</a></mark></div>
+            <!-- <ul class="temp-social">
                 <li>
                     <a href="#"><i class="fab fa-facebook-f"></i></a>
                 </li>
@@ -31,7 +31,7 @@
                 <li>
                     <a href="#"><i class="fab fa-google-plus-g"></i></a>
                 </li>
-            </ul>
+            </ul> -->
         </div>
         {% block navigation %}
         {% endblock navigation %}

templates/service.html → templates/deposit.html

@@ -5,25 +5,20 @@
 <link rel="stylesheet" href="{% static 'css/service.css' %}">
 {% endblock stylesheets %}
 
-{% block navigation %} 
-{% include 'partials/navigation.html' with menu='Service' %}
-{% endblock navigation %}
-
 {% block content %}
 <section class="banner">
-    <h3>Services</h3>
+    <h3>DEPOSIT SCHEMES</h3>
 </section>
 <section class="service-content">
     <ul class="side-content">
-        <li data-tab = "sales" class="active">Mortage &amp; Loan</li>
-        <li data-tab = "financial">Unsecured Loans</li>
-        <li data-tab = "investment">Plant &amp; Machinery Loans</li>
-        <li data-tab = "tax">Vehicle Loans</li>
-        <li data-tab = "loan">Loan On Gold Ornaments</li>
-        <li data-tab = "consultant">Loan on Government Securities</li>
+        <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>
     </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">
+        <!-- <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">
@@ -40,7 +35,7 @@
         </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>
+        </object> -->
     </div>
 </section>
 {% endblock content %}

templates/home.html

@@ -6,6 +6,23 @@
 {% endblock stylesheets %}
 
 {% block content %}
+<div class="temp-intro-home">
+		<div class="temp-name">Welcome to <mark>BCB</mark></div>
+		<!-- <ul class="temp-social">
+			<li>
+				<a href="#"><i class="fab fa-facebook-f"></i></a>
+			</li>
+			<li>
+				<a href="#"><i class="fab fa-twitter"></i></a>
+			</li>
+			<li>
+				<a href="#"><i class="fab fa-linkedin-in"></i></a>
+			</li>
+			<li>
+				<a href="#"><i class="fab fa-google-plus-g"></i></a>
+			</li>
+		</ul> -->
+	</div>
 	<header id="page-header">
 		<div class="inner-header">
 			<a href = "/" class="temp-brand">
@@ -69,21 +86,21 @@
 				<img src="{% static 'images/mail-icon.svg' %}" alt="">
 				<div class="contact-content">
 					<span>Send us a message</span>
-					<a href="mailto:info@fundzin.com">info@fundzin.com</a>
+					<a href="mailto:bcbho34@bsnl.in">bcbho34@bsnl.in</a>
 				</div>
 			</li>
 			<li class="active">
 				<img src="{% static 'images/phone-call.svg' %}" alt="">
 				<div class="contact-content">
 					<span>Give us a Call</span>
-					<a href="tel:+123456789">123-456-7890</a>
+					<a href="tel:+26632783">2663 2783, 2663 3566</a>
 				</div>
 			</li>
 			<li>
 				<img src="{% static 'images/time.svg' %}" alt="">
 				<div class="contact-content">
 					<span>Opening Hours</span>
-					<span>Mon-Fri: 9:00 to 6:00</span>
+					<span>Mon-Sat: 10:00 A.M - 2:00 P.M, <br> 3:30 P.M - 6:00 P.M</span>
 				</div>
 			</li>
 		</ul>
@@ -97,9 +114,9 @@
 				BEING IN CONTROL <br>OF YOUR <mark>FINANCES</mark>
 			</h3>
 			<p>
-				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-				eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
-				enim ad minim veniam.
+				To emerge as a prime national bank backed by modern technology
+				meeting customer’s aspirations with professional banking services and
+				sustained growth contributing to national development.
 			</p>
 			<a href="#service">
 				<button type="button">OUR SERVICES<i class="fas fa-chevron-right"></i></button>
@@ -109,16 +126,16 @@
 	<section id="about">
 		<div class="wrapper">
 			<div class="description">
-				<h3>ABOUT <mark>FUNDZIN</mark></h3>
-				<p>	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+				<h3>ABOUT <mark>BCB</mark></h3>
+				<!-- <p>	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>
+				</p> -->
 				<p>
-					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-					incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos-
-					trud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
-					aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
-					nulla pariatur.
+					Vision of Bharath Co-operative Bank is to be sound and strong, truly
+					member owned, democratically controlled and ethically managed
+					banking institution with high degree of transparency, and providing need
+					based services essentially to the middle class, lower –middle class and
+					marginalized section of society.
 				</p>
 				<a href="/about">
 					<button type="button">Read More</button>
@@ -131,57 +148,33 @@
 	</section>
 	<section id="service">
 		<h3>OUR SEVICES</h3>
-		<p>	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+		<!-- <p>	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>
+		</p> -->
 		<ul class="owl-carousel owl-service">
 			<li>
-				<a href="/service" class="inner-contents">
-					<img src="{% static 'images/car.svg' %}" alt="">
-					<div class="title">ATM Services</div>
-					<p>	Lorem ipsum dolor sit amet,
-						consectetur adipiscing elit, sed
-						do eiusmod tempor
-					</p>
+				<a href="/deposit" class="inner-contents">
+					<img src="{% static 'images/economic-growth.svg' %}" alt="">
+					<div class="title">DEPOSIT SCHEMES</div>
+					<p>Save for the future, the way you want to, with our range of Deposits</p>
 				</a>
 			</li>
 			<li>
-				<a href="/service" class="inner-contents">
+				<a href="/loans" class="inner-contents">
 					<img src="{% static 'images/payment-method.svg' %}" alt="">
-					<div class="title">ABB Services</div>
-					<p>	Lorem ipsum dolor sit amet,
-						consectetur adipiscing elit, sed
-						do eiusmod tempor
+					<div class="title">LOANS AND ADVANCES</div>
+					<p>	
+						Get a step closer to fulfilling your dreams by applying for personal loan
+						and meet your financial needs at attractive interest rates.
 					</p>
 				</a>
 			</li>
 			<li>
-				<a href="/service" class="inner-contents">
-					<img src="{% static 'images/economic-growth.svg' %}" alt="">
-					<div class="title">Deposits</div>
-					<p>	Lorem ipsum dolor sit amet,
-						consectetur adipiscing elit, sed
-						do eiusmod tempor
-					</p>
-				</a>
-			</li>
-			<li>
-				<a href="/service" class="inner-contents">
+				<a href="/others" class="inner-contents">
 					<img src="{% static 'images/bank-building.svg' %}" alt="">
-					<div class="title">Loans</div>
-					<p>	Lorem ipsum dolor sit amet,
-						consectetur adipiscing elit, sed
-						do eiusmod tempor
-					</p>
-				</a>
-			</li>
-			<li>
-				<a href="/service" class="inner-contents">
-					<img src="{% static 'images/car.svg' %}" alt="">
-					<div class="title">Advance</div>
-					<p>	Lorem ipsum dolor sit amet,
-						consectetur adipiscing elit, sed
-						do eiusmod tempor
+					<div class="title">OTHER SERVICES</div>
+					<p>	Time is money and we at Barath Co-Operative Bank value your time. 
+						Change the way you bank.
 					</p>
 				</a>
 			</li>
@@ -193,54 +186,69 @@
 	</section>
 	<section id="branches">
 		<h3>BRANCHES</h3>
-		<p>
+		<!-- <p>
 			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>
+		</p> -->
 		<div class="owl-carousel owl-branches">
 			<div class="owl-item-branches">
 				<figure>
-					<img src="{% static 'images/corporate-people-photography.jpg' %}" alt="">
+					<img src="{% static 'images/head-office.jpg' %}" alt="">
+				</figure>
+				<div class="description">
+					<div class="person-name">JAYANAGAR</div>
+					<div class="person-info">H.O: #30, 15th cross, 3rd block, Bangalore - 011</div>
+					<div class="person-info">PH : 2663 2783, 2663 3566</div>
+				</div>
+			</div>
+			<div class="owl-item-branches">
+				<figure>
+					<img src="{% static 'images/mathikere.jpg' %}" alt="">
 				</figure>
 				<div class="description">
-					<div class="person-name">Nagarabhavi</div>
-					<div class="person-info">Bangalore, Karnataka</div>
+					<div class="person-name">mathikere</div>
+					<div class="person-info">No. 1047, Triveni road, Bangalore - 054</div>
+					<div class="person-info">PH : 2337 4010</div>
 				</div>
 			</div>
 			<div class="owl-item-branches">
 				<figure>
-					<img src="{% static 'images/boardroom-photography-London.jpg' %}" alt="">
+					<img src="{% static 'images/vijaynagar.jpg' %}" alt="">
 				</figure>
 				<div class="description">
-					<div class="person-name">Nagarabhavi</div>
-					<div class="person-info">Bangalore, Karnataka</div>
+					<div class="person-name">vijayanagar</div>
+					<div class="person-info">No. 2941/E, Service road, OPP. Maruthi Mandir, Vijayanagar 2nd stage, Bangalore - 040</div>
+					<div class="person-info">PH : 2340 3063</div>
 				</div>
 			</div>
 			<div class="owl-item-branches">
 				<figure>
-					<img src="{% static 'images/corporate-people-photography.jpg' %}" alt="">
+					<img src="{% static 'images/kengeri.jpg' %}" alt="">
 				</figure>
 				<div class="description">
-					<div class="person-name">Nagarabhavi</div>
-					<div class="person-info">Bangalore, Karnataka</div>
+					<div class="person-name">kengeri</div>
+					<div class="person-info">No. 40, SLN Complex Mysore road, Kengeri town, Bangalore - 060</div>
+					<div class="person-info">PH : 2848 2256</div>
 				</div>
 			</div>
 			<div class="owl-item-branches">
 				<figure>
-					<img src="{% static 'images/boardroom-photography-London.jpg' %}" alt="">
+					<img src="{% static 'images/yelanka.jpg' %}" alt="">
 				</figure>
 				<div class="description">
-					<div class="person-name">Nagarabhavi</div>
-					<div class="person-info">Bangalore, Karnataka</div>
+					<div class="person-name">yelanka</div>
+					<div class="person-info">No. 796, 8th Main Road, 'A' sector, Opp. N.E.S Office, Yelahanka New Town, Bangalore - 064</div>
+					<div class="person-info">PH : 2856 2074</div>
 				</div>
 			</div>
 			<div class="owl-item-branches">
 				<figure>
-					<img src="{% static 'images/corporate-people-photography.jpg' %}" alt="">
+					<img src="{% static 'images/beguru.jpg' %}" alt="">
 				</figure>
 				<div class="description">
-					<div class="person-name">Nagarabhavi</div>
-					<div class="person-info">Bangalore, Karnataka</div>
+					<div class="person-name">beguru</div>
+					<div class="person-info">16th Main, 4th Block, Bangalore - 011</div>
+					<div class="person-info">PH :</div>
 				</div>
 			</div>
 		</div>
@@ -251,10 +259,10 @@
 	</section>
 	<section id="enquiry">
 		<h3>ENQUIRY FORM</h3>
-		<p>
+		<!-- <p>
 			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>
+		</p> -->
 		<form>
 			<fieldset>
 				<input type="text" placeholder="Name">
@@ -268,9 +276,9 @@
 	</section>
 	<section id="contact">
 		<h3>CONTACT US</h3>
-		<p>	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+		<!-- <p>	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>
+		</p> -->
 		<div class="inner-container">
 			<figure>
 				<img src="{% static 'images/map.png' %}" alt="">
@@ -279,20 +287,18 @@
 				<li>
 					<label>Address</label>
 					<address>
-						123 Beautiful Colony,
-						Best Layout, 10th Main, 31st Cross,
-						Bengaluru-560 007
+						H.O: #30, 15th cross, 3rd block, Bangalore - 560 011
 					</address>
 				</li>
 				<li>
 					<label>Phone</label>
-					<div class="contact-content">(123) 456-7890</div>
+					<div class="contact-content">2663 2783, 2663 3566</div>
 				</li>
 				<li>
 					<label>E-mail</label>
-					<div class="contact-content">hello@antique.com</div>
+					<a href="mailto:bcbho34@bsnl.in" class="contact-content">bcbho34@bsnl.in</a>
 				</li>
-				<li>
+				<!-- <li>
 					<label>Socials</label>
 					<ul class="contact-content">
 						<li>
@@ -308,7 +314,7 @@
 							<a href="#"><i class="fab fa-google-plus-g"></i></a>
 						</li>
 					</ul>
-				</li>
+				</li> -->
 			</ul>
 		</div>
 	</section>

templates/loans.html

@@ -0,0 +1,47 @@
+{% extends 'base.html' %}
+{% load staticfiles %}
+
+{% block stylesheets %}
+<link rel="stylesheet" href="{% static 'css/service.css' %}">
+{% endblock stylesheets %}
+
+{% block content %}
+<section class="banner">
+    <h3>LOANS AND ADVANCES</h3>
+</section>
+<section class="service-content">
+    <ul class="side-content">\
+        <li class="active">Home Loan</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>
+    </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 %}
+
+{% block scripts %}
+<script src="{% static 'js/service.js' %}" ></script>
+{% endblock scripts %}

templates/others.html

@@ -0,0 +1,44 @@
+{% extends 'base.html' %}
+{% load staticfiles %}
+
+{% block stylesheets %}
+<link rel="stylesheet" href="{% static 'css/service.css' %}">
+{% endblock stylesheets %}
+
+{% block content %}
+<section class="banner">
+    <h3>OTHER SERVICES</h3>
+</section>
+<section class="service-content">
+    <ul class="side-content">
+        <li data-tab = "sales" class="active">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 %}
+
+{% block scripts %}
+<script src="{% static 'js/service.js' %}" ></script>
+{% endblock scripts %}

templates/partials/navigation.html

@@ -1,56 +0,0 @@
-{% load staticfiles %}
-
-{% block navigation %}
-<header id="page-header">
-    <div class="inner-header">
-        <a href = "/" class="temp-brand">
-            <figure>
-                <img src="{% static 'images/edits/logo.jpg' %}" alt="">
-            </figure>
-            <h1>The <mark>Bharath Co-operative</mark> Bank</h1>
-        </a>
-        <nav id="desktop-navigation-menu">
-            <ul>
-                <li {% if menu == 'Home' %} class="active" {% endif %}>
-                    <a href="/">HOME</a>
-                </li>
-                <li {% if menu == 'About' %} class="active" {% endif %}>
-                    <a href="/about">ABOUT</a>
-                </li>
-                <li {% if menu == 'Service' %} class="active" {% endif %}>
-                    <a href="/service">SERVICES</a>
-                </li>
-                <li>
-                    <a href="/">ENQUIRY</a>
-                </li>
-                <li>
-                    <a href="/">CONTACT</a>
-                </li>
-            </ul>
-        </nav>
-        <section id="mobile-hamburger-menu">
-            <span class="icon-line"></span>
-        </section>
-    </div>
-</header>
-
-<nav id="mobile-nav-menu">
-    <ul>
-        <li class="active">
-            <a href="/">HOME</a>
-        </li>
-        <li>
-            <a href="/about">ABOUT</a>
-        </li>
-        <li>
-            <a href="/service">SERVICES</a>
-        </li>
-        <li>
-            <a href="/">ENQUIRY</a>
-        </li>
-        <li>
-            <a href="/">CONTACT</a>
-        </li>
-    </ul>
-</nav>
-{% endblock navigation %}