From f1acd3df8955506a13cbb2ed052c96346796d459 Mon Sep 17 00:00:00 2001 From: navaneeth-webtrigon Date: Sat, 21 Jul 2018 17:46:18 +0700 Subject: [PATCH] UI fixes --- bcb/settings.py | 2 +- static/css/about.css | 35 +++++++++++++++++++++++++++++++++-- static/css/service.css | 6 +++--- static/scss/about.scss | 39 +++++++++++++++++++++++++++++++++++++-- static/scss/service.scss | 6 +++--- templates/about.html | 9 +++++++-- templates/home.html | 40 +++++----------------------------------- templates/service.html | 16 ++++++---------- 8 files changed, 95 insertions(+), 58 deletions(-) diff --git a/bcb/settings.py b/bcb/settings.py index d5b41e2..c8516e7 100644 --- a/bcb/settings.py +++ b/bcb/settings.py @@ -25,7 +25,7 @@ SECRET_KEY = '6c+@l58@$0nky8p2dm-$9a)!yr=7p!*1#q=ff@g#g*1&gx+@h+' # SECURITY WARNING: don't run with debug turned on in production! DEBUG = True -ALLOWED_HOSTS = [] +ALLOWED_HOSTS = ['*'] # Application definition diff --git a/static/css/about.css b/static/css/about.css index 4d4539d..9f63a3b 100644 --- a/static/css/about.css +++ b/static/css/about.css @@ -49,12 +49,17 @@ } .about-content { - width: 90%; margin: 50px auto; + line-height: 1.8; + letter-spacing: 0.8px; + color: #808285; + border-bottom: 1px solid #f1f1f1; } .about-content .inner-container { display: flex; justify-content: space-between; + width: 90%; + margin: 0 auto; } .about-content .inner-container .description { width: 60%; @@ -63,18 +68,32 @@ justify-content: space-between; flex-direction: column; } +.about-content .inner-container .description p { + width: 100%; +} +.about-content .inner-container .description marked { + color: #28aae2; +} .about-content .inner-container .description .heading { font-weight: bold; font-size: 36px; + font-family: archivo-black; + color: #403e41; } .about-content figure { - width: 30%; + width: 37%; + align-self: center; + display: flex; } .about-content figure img { width: 100%; + align-self: center; } .about-content p { margin-top: 30px; + width: 90%; + margin: 30px auto 0; + padding-bottom: 50px; } #our-team { @@ -85,6 +104,18 @@ font-size: 36px; color: #403e41; text-align: center; + font-family: archivo-black; +} +#our-team h3 marked { + color: #28aae2; + display: inline; +} +#our-team marked { + color: #28aae2; + padding: 10px 0 0; + text-align: center; + display: block; + font-weight: bold; } #our-team .owl-team { margin: 50px 0; diff --git a/static/css/service.css b/static/css/service.css index 95e94bb..266791c 100644 --- a/static/css/service.css +++ b/static/css/service.css @@ -69,7 +69,6 @@ display: block; } .service-content ul { - border: 1px solid #d2d4d5; width: 25%; display: flex; flex-direction: column; @@ -78,10 +77,11 @@ .service-content ul li { list-style: none; padding: 10% 0; - border-bottom: 1px solid #808285; - color: #403e41; + border-bottom: 2px solid white; text-align: center; cursor: pointer; + background-color: #fcfcfc; + color: #808285; } .service-content ul li.active { background-color: #28aae2; diff --git a/static/scss/about.scss b/static/scss/about.scss index c6cf419..7c597cf 100644 --- a/static/scss/about.scss +++ b/static/scss/about.scss @@ -28,12 +28,17 @@ } .about-content { - width: 90%; margin: 50px auto; + line-height: 1.8; + letter-spacing: 0.8px; + color: #808285; + border-bottom: 1px solid #f1f1f1; .inner-container { display: flex; justify-content: space-between; + width: 90%; + margin: 0 auto; .description { width: 60%; @@ -41,24 +46,40 @@ display: flex; justify-content: space-between; flex-direction: column; + + p { + width: 100%; + } + + marked { + color: $blue; + } .heading { font-weight: bold; font-size: $heading_size; + font-family: archivo-black; + color: $dark_brown; } } } figure { - width: 30%; + width: 37%; + align-self: center; + display: flex; img { width: 100%; + align-self: center; } } p { margin-top: 30px; + width: 90%; + margin: 30px auto 0; + padding-bottom: 50px; } } @@ -70,6 +91,20 @@ font-size: $heading_size; color: $dark_brown; text-align: center; + font-family: archivo-black; + + marked { + color: $blue; + display: inline; + } + } + + marked { + color: $blue; + padding: 10px 0 0; + text-align: center; + display: block; + font-weight: bold; } .owl-team { diff --git a/static/scss/service.scss b/static/scss/service.scss index 33b81a9..f7355dc 100644 --- a/static/scss/service.scss +++ b/static/scss/service.scss @@ -51,7 +51,6 @@ } ul { - border: 1px solid $light_gray; width: 25%; display: flex; flex-direction: column; @@ -60,10 +59,11 @@ li { list-style: none; padding: 10% 0; - border-bottom: 1px solid $dark_gray; - color: $dark_brown; + border-bottom: 2px solid white; text-align: center; cursor: pointer; + background-color: #fcfcfc; + color: #808285; &.active { background-color: $blue; diff --git a/templates/about.html b/templates/about.html index 5d17036..a2a7a7e 100644 --- a/templates/about.html +++ b/templates/about.html @@ -19,7 +19,7 @@
-
Hello, Bankers!
+
About BCB

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Delectus, incidunt! Illum blanditiis quas rem in adipisci @@ -58,12 +58,13 @@

-

Our Team

+

Our Team

+ Joseph

Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!

@@ -72,6 +73,7 @@
+ Joseph

Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!

@@ -80,6 +82,7 @@
+ Joseph

Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!

@@ -88,6 +91,7 @@
+ Joseph

Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!

@@ -96,6 +100,7 @@
+ Joseph

Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!

diff --git a/templates/home.html b/templates/home.html index e02555c..897ff1b 100644 --- a/templates/home.html +++ b/templates/home.html @@ -116,7 +116,7 @@
  • -
    Sales & Trading
    +
    ATM Services

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor @@ -126,7 +126,7 @@

  • -
    Financial Advisors
    +
    ABB Services

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor @@ -136,7 +136,7 @@

  • -
    Investment Planning
    +
    Deposits

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor @@ -146,7 +146,7 @@

  • -
    Tax Consulting
    +
    Loans

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor @@ -156,37 +156,7 @@

  • -
    Sales & Trading
    -

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

    -     -
    • -
  • - - -
    Financial Advisors
    -

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

    -     -
    • -
  • - - -
    Investment Planning
    -

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

    -     -
    • -
  • - - -
    Tax Consulting
    +
    Advance

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor diff --git a/templates/service.html b/templates/service.html index af32dbc..5508a41 100644 --- a/templates/service.html +++ b/templates/service.html @@ -15,13 +15,12 @@

      • -
    • Sales & Trading
      • -
    • Financial Advisors
      • -
    • Investment Planning
      • -
    • Tax Consultants
      • -
    • Financial Advisors
      • -
    • Tax Consultants
      • -
    • Investment Planning
      • +
    • Mortage & Loan
      • +
    • Unsecured Loans
      • +
    • Plant & Machinery Loans
      • +
    • Vehicle Loans
      • +
    • Loan On Gold Ornaments
      • +
    • Loan on Government Securities
    @@ -42,9 +41,6 @@ - - - {% endblock content %}