meta(charset='utf-8')
meta(name='viewport' content='width=device-width,initial-scale=1')
title SBI
link(rel='stylesheet' href='css/fonts.css')
link(href='https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css' rel='stylesheet' integrity='sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN' crossorigin='anonymous')
link(rel='stylesheet' href='css/style.css')
link(rel='stylesheet' href='css/responsive.css')
script(src='https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js')
link(rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css' integrity='sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==' crossorigin='anonymous' referrerpolicy='no-referrer')
script(src='https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js')
//  Owl Stylesheets 
link(rel='stylesheet' href='owl/owl.carousel.min.css')
link(rel='stylesheet' href='owl/owl.theme.default.min.css')
script(src='owl/owl.carousel.js')
.main
  //  Header section 
  nav
    .bar-icon(onclick='myFunction(this)')
      .bar1
      .bar2
      .bar3
    .container
      .navSec
        .leftNav
          a(href="/")
            .logo
              img.wtLogo(src='images/logo-wt.png' alt)
              img.realLogo(src='images/logo.png' alt)
        .centerNav
          ul.navLinks
            li
              a(href='/about') About
            li
              a(href='/services') Service
            li
              a(href='/media') Media
            li
              a(href='/insights') Insights
            li
              a(href='/csr') CSR
            li
              a(href='/career') Carrer
            li
              a(href='/contact') Contact
        .rightNav
          .search-area
            button.searchBtn
              i.fa-solid.fa-magnifying-glass
            .search-field
              input(type='text' placeholder='Enter Your Text Here...')
          .clientLogin
            a.btn.btn-orange(href='login.html') Client Login
  //  Header section end 
  //  Hero banner start 
  .bannerInner
    .bannerImg
      img(src='images/banner1.png' alt)
  //  Hero benner end 
  //  Content area 
  .main
    .container
      //  Empower Features 
      ul.empowerList
        li
          .empowerFeatureBox
            .empowerFeatureImg
              img(src='images/empower/education.svg' alt)
            h2 Education
        li
          .empowerFeatureBox
            .empowerFeatureImg
              img(src='images/empower/livelihood.svg' alt)
            h2 Livelihood
        li
          .empowerFeatureBox
            .empowerFeatureImg
              img(src='images/empower/women-empowermnt.svg' alt)
            h2 Women Empowerment
        li
          .empowerFeatureBox
            .empowerFeatureImg
              img(src='images/empower/healthcare.svg' alt)
            h2 Health Care
      //  Impact Box 
      .impactBox
        .impactGraph
          img(src='images/total-people.png' alt)
        .impactInfo
          h2 Impact
          //  <h3>LOREM IPSUM IS SIMPLY TYPESETTING INDUSTRY.</h3> 
          p.
            
            At SBI-SG, community empowerment is not just a corporate responsibility, but a cornerstone of our vision for a better and more equitable world - reflecting our commitment to being a responsible corporate citizen. Through our endeavors in healthcare, education, women empowerment, and livelihood, we aim to catalyze positive change towards holistic development of individuals and foster thriving, self-reliant communities.
            
      //  Events Gallery 
      .eventGallery
        .heading-area
          h2 Stories
        .owl-carousel.owl-theme
          .item
            .galleryBox
              ul.galleryBlock
                li
                  .galleryContent
                    .galleryImg
                      img(src='images/empower/sanjeevani.JPG' alt)
                    .galleryTxt
                      .galleryInfo
                        h2 SBI Sanjeevani - Clinic on Wheels, Gujarat
                        p.
                          
                          A total of 20 villages of Patan District (Gujarat) have been covered under the project. Wherein 931 Mobile OPDs, 257 awareness sessions, 4 Health camps covering specialized care including eye care, physiotherapy, dental care, and orthopedic care. Furthermore, 8 Swachh Bharat Abhiyan activities have been conducted.
                          
                      //
                         <div class="galleryView">
                                                                    <button class="btn btn-orange">View</button>
                                                                </div> 
          .item
            .galleryBox
              ul.galleryBlock
                li
                  .galleryContent
                    .galleryImg
                      img(src='images/empower/nirantar.png' alt)
                    .galleryTxt
                      .galleryInfo
                        h2 Nirantar Seva, Mumbai-Ahmedabad Highway
                        p.
                          
                          The Free Ambulance Service, operational 24/7, covered the entire 98 km stretch of the Mumbai‐Ahmedabad Highway.
                          
                      //
                         <div class="galleryView">
                                                                    <button class="btn btn-orange">View</button>
                                                                </div> 
          .item
            .galleryBox
              ul.galleryBlock
                li
                  .galleryContent
                    .galleryImg
                      img(src='images/empower/suraksha.png' alt)
                    .galleryTxt
                      .galleryInfo
                        h2 Suraksha
                        p.
                          
                          The project was able to train and employ 50 underprivileged individuals to manufacture 1600 helmets for Mumbai Police. The project ensured the creation of a sustainable and viable employment source that upskills as well as provides a growing income source for the local community.
                          
                      //
                         <div class="galleryView">
                                                                    <button class="btn btn-orange">View</button>
                                                                </div> 
          .item
            .galleryBox
              ul.galleryBlock
                li
                  .galleryContent
                    .galleryImg
                      img(src='images/empower/clinic_banglore.jpg' alt)
                    .galleryTxt
                      .galleryInfo
                        h2.
                          
                          Upgradation of Clinical Services - Dr. S.R. Chandrasekhar Institute of Speech and Hearing, Bangalore
                          
                        p.
                          
                          The project has made significant strides in advancing clinical services through the acquisition of state-of-the-art equipment dedicated to the screening and identification of disabilities.
                          
                      //
                         <div class="galleryView">
                                                                    <button class="btn btn-orange">View</button>
                                                                </div> 
  //  content area 
  //  footer section 
  footer
    .main
      .container
        //  first layer  footer 
        .topfooter
          ul.socialLinks
            li
              a(href)
                img(src='images/twitter.png' alt)
            li
              a(href)
                img(src='images/facebook.png' alt)
            li
              a(href)
                img(src='images/youtube.png' alt)
            li
              a(href)
                img(src='images/linkedin.png' alt)
            li
              a(href)
                img(src='images/instagram.png' alt)
          .newsletter
            label(for) Subscribe
            .newletter-box
              input(type='text' placeholder='Enter Email Here')
              button
                i.fa-solid.fa-arrow-right-long
        //  second layer footer 
        .footerLinks
          .footer-col
            h2 About
            ul.footer_links
              li
                a(href="/about") Leadership
              li
                a(href="/corporate-overview") Corporate Overview
              li
                a(href="/satutory") Statutory
              li
                a(href="/disclaimer") Disclaimer
          .footer-col
            h2 SERVICES
            ul.footer_links
              li
                a(href) Fund Accounting
              li
                a(href) Custody
              li
                a(href) Client Experience
              li
                a(href) Technology
              li
                a(href) Case Study / Testimonial
          .footer-col
            h2 MEDIA
            ul.footer_links
              li
                a(href) Press Release
              li
                a(href) Media Kit
              li
                a(href) Events
              li
                a(href) Leadership Speak
          .footer-col
            h2 INSIGHTS
            ul.footer_links
              li
                a(href) Market Update
              li
                a(href) Blogs
          .footer-col
            h2 CSR
            ul.footer_links
              li
                a(href) Stories
              li
                a(href) Partners
              li
                a(href) Impact
          .footer-col
            h2 CAREERS
            ul.footer_links
              li
                a(href) Opportunities
              li
                a(href) Life at SBI-SG
              li
                a(href) Testimonials
              li
                a(href) Awards
          .footer-col
            h2 CONTACT
            ul.footer_links
              li
                a(href) Location
              li
                a(href) Functional Contact
              li
                a(href) Terms of Use
              li
                a(href) Registered Office
              li
                a(href) FAQs
  .bottomSec
    .main
      .container
        //  third layer footer 
        .footer-bottom
          .footer-logo
            img(src='images/footer-logo.png' alt)
          .address
            | © Copyright 2022, SBI-SG Global Securities Services Pvt. Ltd.
            br
            | All rights reserved

          .otherInfo
            .reguAuth.
              
              Regulatory Authorities: | SEBI | RBI | BSE | NSE | COSL | NSDL
              
            ul.regCust
              li
                | SEBI Registered Custodian
                br
                | IN/CUS/022
              li
                | DP - NSDL IN-DP-NSDL
                br
                | -326-2010
              li
                | DP - CDSL IN-DP-CDSL
                br
                | -535-2010
  //  footer section end 
script.
  
  function myFunction(x) {
          x.classList.toggle("change");
          $(".centerNav").toggle();
          $(".centerNav").toggleClass("slideNav");
        }
        $(".searchBtn").click(function () {
          $(".search-field").toggle();
        });
        // footer mobile menu script
        $(document).width();
        $(".footer-col h2").click(function () {
          var $that = $(this);
          if ($(document).width() < 992) {
            $(this).next().toggle();
            $(this).toggleClass("showItems");
          }
        });
  
        // tabs script
        $(".tab-content > div").hide();
        $(".tab-content > div:nth-child(4)").show();
        $(".tabs li a").click(function () {
          $(".tabs li a").removeClass("activeTab");
          $(this).addClass("activeTab");
          $(".tab-content > div").hide();
          var vin = $(this).attr("rel");
          $("#" + vin).show();
        });
        // owl Carousel
        $(".owl-carousel").owlCarousel({
          loop: true,
          margin: 20,
          responsiveClass: true,
          dots: false,
          responsive: {
            0: {
              items: 1,
              nav: true,
            },
            600: {
              items: 3,
              nav: false,
            },
            1000: {
              items: 4,
              nav: true,
              loop: false,
            },
          },
        });
  