diff --git a/home/urls.py b/home/urls.py index 3cd2054..f8f0a3f 100644 --- a/home/urls.py +++ b/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'), ] \ No newline at end of file diff --git a/home/views.py b/home/views.py index 249132d..739e79c 100644 --- a/home/views.py +++ b/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') + diff --git a/static/css/about.css b/static/css/about.css index 46d2e34..9fdfcdf 100644 --- a/static/css/about.css +++ b/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%; diff --git a/static/css/common.css b/static/css/common.css index 0a39f64..c3aaa1f 100644 --- a/static/css/common.css +++ b/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; } diff --git a/static/css/home.css b/static/css/home.css index 071a877..506bf99 100644 --- a/static/css/home.css +++ b/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; diff --git a/static/images/beguru.jpg b/static/images/beguru.jpg new file mode 100644 index 0000000..d4e3c5e Binary files /dev/null and b/static/images/beguru.jpg differ diff --git a/static/images/head-office.jpg b/static/images/head-office.jpg new file mode 100644 index 0000000..3273981 Binary files /dev/null and b/static/images/head-office.jpg differ diff --git a/static/images/kengeri.jpg b/static/images/kengeri.jpg new file mode 100644 index 0000000..0e4d6ef Binary files /dev/null and b/static/images/kengeri.jpg differ diff --git a/static/images/mathikere.jpg b/static/images/mathikere.jpg new file mode 100644 index 0000000..1520ed6 Binary files /dev/null and b/static/images/mathikere.jpg differ diff --git a/static/images/vijaynagar.jpg b/static/images/vijaynagar.jpg new file mode 100644 index 0000000..583b28a Binary files /dev/null and b/static/images/vijaynagar.jpg differ diff --git a/static/images/yelanka.jpg b/static/images/yelanka.jpg new file mode 100644 index 0000000..cc0a7ae Binary files /dev/null and b/static/images/yelanka.jpg differ diff --git a/static/js/home.js b/static/js/home.js index 2b95f71..e8bd1cc 100644 --- a/static/js/home.js +++ b/static/js/home.js @@ -112,7 +112,7 @@ owl.owlCarousel({ stagePadding: 100, }, 1000: { - items: 4 + items: 3 } } }); diff --git a/static/js/service.js b/static/js/service.js index ec1dd49..0ffa72e 100644 --- a/static/js/service.js +++ b/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'); diff --git a/static/scss/about.scss b/static/scss/about.scss index 506afc4..24719f4 100644 --- a/static/scss/about.scss +++ b/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 { diff --git a/static/scss/common.scss b/static/scss/common.scss index 83ac8f9..ae5b7d6 100644 --- a/static/scss/common.scss +++ b/static/scss/common.scss @@ -30,6 +30,7 @@ mark { } .temp-intro, +.temp-intro-home, #footer { background-color: $dark_brown; display: flex; diff --git a/static/scss/home.scss b/static/scss/home.scss index 03274d8..61140fe 100644 --- a/static/scss/home.scss +++ b/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; diff --git a/templates/about.html b/templates/about.html index 9d61587..2e4ed45 100644 --- a/templates/about.html +++ b/templates/about.html @@ -5,10 +5,6 @@ {% endblock stylesheets %} -{% block navigation %} -{% include 'partials/navigation.html' with menu='About' %} -{% endblock navigation %} - {% block content %} -
+ {% endblock content %} {% block scripts %} diff --git a/templates/base.html b/templates/base.html index d3f8a8e..c6cedcf 100644 --- a/templates/base.html +++ b/templates/base.html @@ -17,8 +17,8 @@
-
Welcome To BCB
-
{% block navigation %} {% endblock navigation %} diff --git a/templates/service.html b/templates/deposit.html similarity index 71% rename from templates/service.html rename to templates/deposit.html index 5508a41..9e46671 100644 --- a/templates/service.html +++ b/templates/deposit.html @@ -5,25 +5,20 @@ {% endblock stylesheets %} -{% block navigation %} -{% include 'partials/navigation.html' with menu='Service' %} -{% endblock navigation %} - {% block content %}
- + {% endblock content %} diff --git a/templates/home.html b/templates/home.html index 78cb4ec..dd77312 100644 --- a/templates/home.html +++ b/templates/home.html @@ -6,6 +6,23 @@ {% endblock stylesheets %} {% block content %} +
+
Welcome to BCB
+ +
@@ -69,21 +86,21 @@
Send us a message - info@fundzin.com + bcbho34@bsnl.in
  • Give us a Call - 123-456-7890 + 2663 2783, 2663 3566
  • Opening Hours - Mon-Fri: 9:00 to 6:00 + Mon-Sat: 10:00 A.M - 2:00 P.M,
    3:30 P.M - 6:00 P.M
    • @@ -97,9 +114,9 @@ BEING IN CONTROL
    OF YOUR FINANCES

    - 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.

    @@ -109,16 +126,16 @@
    -

    ABOUT FUNDZIN

    -

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor +

    ABOUT BCB

    +

    - 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.

    @@ -131,57 +148,33 @@

    OUR SEVICES

    -

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et +

    BRANCHES

    -

    +

    - + +
    +
    +
    JAYANAGAR
    +
    H.O: #30, 15th cross, 3rd block, Bangalore - 011
    +
    PH : 2663 2783, 2663 3566
    +
    +
    +
    +
    +
    -
    Nagarabhavi
    -
    Bangalore, Karnataka
    +
    mathikere
    +
    No. 1047, Triveni road, Bangalore - 054
    +
    PH : 2337 4010
    - +
    -
    Nagarabhavi
    -
    Bangalore, Karnataka
    +
    vijayanagar
    +
    No. 2941/E, Service road, OPP. Maruthi Mandir, Vijayanagar 2nd stage, Bangalore - 040
    +
    PH : 2340 3063
    - +
    -
    Nagarabhavi
    -
    Bangalore, Karnataka
    +
    kengeri
    +
    No. 40, SLN Complex Mysore road, Kengeri town, Bangalore - 060
    +
    PH : 2848 2256
    - +
    -
    Nagarabhavi
    -
    Bangalore, Karnataka
    +
    yelanka
    +
    No. 796, 8th Main Road, 'A' sector, Opp. N.E.S Office, Yelahanka New Town, Bangalore - 064
    +
    PH : 2856 2074
    - +
    -
    Nagarabhavi
    -
    Bangalore, Karnataka
    +
    beguru
    +
    16th Main, 4th Block, Bangalore - 011
    +
    PH :
    @@ -251,10 +259,10 @@

    ENQUIRY FORM

    -

    +

    @@ -268,9 +276,9 @@

    CONTACT US

    -

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et +

    @@ -279,20 +287,18 @@
  • - 123 Beautiful Colony, - Best Layout, 10th Main, 31st Cross, - Bengaluru-560 007 + H.O: #30, 15th cross, 3rd block, Bangalore - 560 011
  • -
    (123) 456-7890
    +
    2663 2783, 2663 3566
  • -
    hello@antique.com
    + bcbho34@bsnl.in
    • -
  • +
    • diff --git a/templates/loans.html b/templates/loans.html new file mode 100644 index 0000000..ee56403 --- /dev/null +++ b/templates/loans.html @@ -0,0 +1,47 @@ +{% extends 'base.html' %} +{% load staticfiles %} + +{% block stylesheets %} + +{% endblock stylesheets %} + +{% block content %} + +
    +
      \ +
    • Home Loan
      • +
    • Mortage Loan
      • +
    • Consumption Loan
      • +
    • Jewellery Loan
      • +
    • Overdraft
      • +
    • Personal Loan
      • +
    • Vehicle Loan
      • +
    +
    + +
    +
    +{% endblock content %} + +{% block scripts %} + +{% endblock scripts %} \ No newline at end of file diff --git a/templates/others.html b/templates/others.html new file mode 100644 index 0000000..7b045f2 --- /dev/null +++ b/templates/others.html @@ -0,0 +1,44 @@ +{% extends 'base.html' %} +{% load staticfiles %} + +{% block stylesheets %} + +{% endblock stylesheets %} + +{% block content %} + +
    +
      +
    • Real Time Gross Settlement (RTGS)
      • +
    • Electronic Fund Transfer (EFT)
      • +
    • National Electronic Fund Transfer (NEFT)
      • +
    • Safety Loacker
      • +
    +
    + +
    +
    +{% endblock content %} + +{% block scripts %} + +{% endblock scripts %} \ No newline at end of file diff --git a/templates/partials/navigation.html b/templates/partials/navigation.html deleted file mode 100644 index edc02ec..0000000 --- a/templates/partials/navigation.html +++ /dev/null @@ -1,56 +0,0 @@ -{% load staticfiles %} - -{% block navigation %} -
    -
    - -
    - -
    -

    The Bharath Co-operative Bank

    -     - -
    - -
    -
    -
    - - -{% endblock navigation %} \ No newline at end of file