# All files / app/features features.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
    451x

     <section class="testimonials-section py-5" id="features" aria-labelledby="features-heading">

      <div class="testimonial-header">
        <span>Application Process</span>
        <h2 id="features-heading">Get Your Card in</h2>
        <h3>Just 4 Simple Steps</h3>
        <p>Our streamlined application process makes it easier than ever to get approved and<br> start using your new credit
          card.</p>
      </div>

      <div class="container">

        <div class="row g-4 mb-5 process-row">
          <div class="horizontal_line"></div>

          @for (item of process(); track item.number) {
          <div class="col-md-3">
            <div class="testimonial-card h-100 d-flex flex-column">
              <div class="our_cards">
                <button>{{ item.number }}</button>
                <mat-icon>{{ item.icon }}</mat-icon>
                <h2>{{ item.name }}</h2>
                <p>{{ item.desc }}</p>
                <span>{{ item.time }}</span>
              </div>
            </div>
          </div>
          }

        </div>

        <div class="row">
          <div class="col-md-3"></div>
          <div class="col-md-6">
            <div class="our_cards-c">
              <h2>Ready to Start Your Application?</h2>
              <p>Join over 2 million satisfied customers who trust PNB for their credit card needs.</p>
              <button type="button" (click)="openApplyPage()">Start Application <mat-icon>arrow_forward</mat-icon></button>
            </div>
          </div>
        </div>

      </div>
    </section>