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>