# All files / app/common/footer footer.component.html

100% Statements 1/1
100% Branches 0/0
100% Functions 0/0
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    1052x

     <footer aria-labelledby="site-footer">
      <div class="container">
        <div class="footer-top">

          <!-- Column 1: Brand -->
          <section class="footer-col brand" aria-label="About Punjab National Bank">
            <div class="brand__heading">
              <img src="assets/icons/pnb-icon.jpg" alt="Punjab National Bank logo" width="40" height="40" decoding="async"
                class="brand-logo">
              <div>
                <h4 class="brand__title">Punjab National Bank</h4>
                <div class="brand__subtitle">Credit Cards Division</div>
              </div>
            </div>

            <p class="brand__desc">
              Your trusted banking partner for modern financial solutions.
              Experience the power of digital banking with PNB Credit Cards.
            </p>

            <!-- Social icons -->
            <div class="social" aria-label="Social media">
              <a href="https://www.facebook.com/pnbindia/" target="_blank" rel="noopener noreferrer"
                aria-label="PNB on Facebook">
                <img src="assets/icons/facebook.svg" alt="Facebook" loading="lazy" decoding="async">
              </a>
              <a href="https://twitter.com/pnbindia" target="_blank" rel="noopener noreferrer" aria-label="PNB on X">
                <img src="assets/icons/twitter.svg" alt="Twitter" loading="lazy" decoding="async">
              </a>
              <a href="https://www.instagram.com/pnbindia/" target="_blank" rel="noopener noreferrer"
                aria-label="PNB on Instagram">
                <img src="assets/icons/instagram.svg" alt="Instagram" loading="lazy" decoding="async">
              </a>
              <a href="https://www.linkedin.com/company/punjab-national-bank" target="_blank" rel="noopener noreferrer"
                aria-label="PNB on LinkedIn">
                <img src="assets/icons/linkedin.svg" alt="LinkedIn" loading="lazy" decoding="async">
              </a>
            </div>
          </section>

          <!-- Column 2: Quick Links -->
          <section class="footer-col" aria-labelledby="quick-links">
            <h5 id="quick-links">Quick Links</h5>
            <nav aria-label="Quick Links">
              <ul>
                <li><a href="https://apply.creditcard.pnb.bank.in/" target="_blank" rel="noopener noreferrer">Apply Online</a></li>
                <li><a href="https://pnbcsl.in/track-your-application" target="_blank" rel="noopener noreferrer">Check Status</a></li>
                <li><a href="https://www.pnbcard.in/rewards.html" target="_blank" rel="noopener noreferrer">Rewards Program</a></li>
              </ul>
            </nav>
          </section>

          <!-- Column 3: Support -->
          <section class="footer-col" aria-labelledby="footer-support">
            <h5 id="footer-support">Support</h5>
            <nav aria-label="Support">
              <ul>
                <li><a href="https://www.pnbcard.in/reachus.html" target="_blank" rel="noopener noreferrer">Help Center</a></li>
                <li><a href="https://pnbcsl.in/track-your-application" target="_blank" rel="noopener noreferrer">Track Application</a></li>
                <li><a href="https://www.pnbcard.in/longcode.html" target="_blank" rel="noopener noreferrer">Block Card</a></li>
                <li><a href="https://www.pnbcard.in/reachus.html" target="_blank" rel="noopener noreferrer">Report Fraud</a></li>
              </ul>
            </nav>
          </section>

          <!-- Column 4: Contact Info -->
          <section class="footer-col" aria-labelledby="contact-info">
            <h5 id="contact-info">Contact Info</h5>
            <ul class="contact-list" aria-label="Contact Info">
              <li>
                <mat-icon>call</mat-icon> <span>1800-180-2345</span>
              </li>
              <li>
                <mat-icon>mail</mat-icon> <span>support&#64;pnbcard.in</span>
              </li>
              <li>
                <mat-icon>location_on</mat-icon> <span>Punjab National Bank<br />New Delhi, India</span>
              </li>
            </ul>
          </section>
        </div>

        <hr class="footer-divider" />

        <div class="footer-bottom" aria-label="Legal information">
          <div class="copyright">© 2026 Punjab National Bank. All rights reserved.</div>
          <nav class="legal">
            <ul>
              <li><a href="https://www.pnbcard.in/Documents/Privacy_Policy_Draft.pdf" target="_blank" rel="noopener noreferrer">Privacy Policy</a></li>
              <li><a href="https://www.pnbcard.in/Documents/Credit%20Card%20Business%20Policy%20-Website.pdf" target="_blank" rel="noopener noreferrer">Credit Card Business Policy</a></li>
              <li><a href="https://pnbcard.in/sitemap.html" target="_blank" rel="noopener noreferrer">Sitemap</a></li>
              <li><a href="https://www.pnbcard.in/reachus.html" target="_blank" rel="noopener noreferrer">Disclaimer</a></li>
            </ul>
          </nav>
        </div>
      </div>

      <!-- Optional floating WhatsApp button (remove if not needed) -->
      <button class="whatsapp-fab" type="button" aria-label="Chat on WhatsApp" title="Chat on WhatsApp"
        (click)="openWhatsApp()">
        <div class="ping-effect"></div>
        <mat-icon class="fab-icon">chat</mat-icon>
        <span class="status-badge"></span>
      </button>
    </footer>