<!DOCTYPE html>
<html lang="zxx" style="height: 100%;"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS --> 
    <link rel="stylesheet" href="dist/bootstrap.min.css">
    <!-- Animate CSS --> 
    <link rel="stylesheet" href="dist/animate.min.css">
    <!-- Meanmenu CSS -->
    <link rel="stylesheet" href="dist/meanmenu.css">
    <!-- Boxicons CSS -->
    <link rel="stylesheet" href="dist/boxicons.min.css">
    <!-- Nice Select CSS -->
    <link rel="stylesheet" href="dist/nice-select.min.css">
    <!-- Flaticon CSS -->
     <link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
 
     <link href="fontawesome5/css/font-awesome.min.css" rel="stylesheet">
    <!-- Owl Carousel CSS -->
    <link rel="stylesheet" href="dist/owl.carousel.min.css">

    <!-- <link href="dist/font-awesome.min.css" rel="stylesheet"> -->
    
    <link href="fontawesome-6.4.2/css/fontawesome.min.css" rel="stylesheet"> 
    <link href="fontawesome-6.4.2/css/fontawesome.css" rel="stylesheet">
    <link href="fontawesome-6.4.2/css/brands.css" rel="stylesheet">
    <link href="fontawesome-6.4.2/css/solid.css" rel="stylesheet">
   <link href="fontawesome-6.4.2/css/regular.css" rel="stylesheet">
   

    <!-- Owl Carousel Default CSS -->
    <link rel="stylesheet" href="dist/owl.theme.default.min.css">
    <!-- Odometer CSS -->
    <link rel="stylesheet" href="dist/odometer.min.css">
    <!-- Magnific Popup CSS -->
    <link rel="stylesheet" href="dist/magnific-popup.min.css">
    <!-- Style CSS -->
    <link rel="stylesheet" href="dist/css/style.css">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="dist/css/responsive.css">
 

    <title>Credit Cards - Connex Credit Union</title>

    <link rel="icon" type="image/png" href="https://connexcu.seclweb.com/en/assets/img/favicon.png">
    <link type="text/css" rel="stylesheet" charset="UTF-8" href="dist/m=el_main_css.css">

<script type="text/javascript" charset="UTF-8" src="dist/m=el_main.js"></script></head>
<body style="position: relative; min-height: 100%; top: 0px;">
    
    <!-- Start Preloader Area -->
    <div class="preloader" style="display: none;">
        <div class="loader">
            <div class="shadow"></div>
            <div class="box"></div>
        </div>
    </div>
    <!-- End Preloader Area -->
    <!-- Start Header here -->
    <div class="page-wrapper">

    <?php include 'header.php'; ?>
      
    <!-- Start Main Banner Area -->
              

<div class="page-banner-area">
    <div class="container">
        <div class="page-banner-content">
            <h2>Credit cards</h2>
            <ul>
                <li>
                    <a href="https://connexcu.seclweb.com/en/">Home</a>
                </li>
                <li>Credit cards</li>
            </ul>
        </div>
    </div>
</div>
<!-- End Page Banner -->



<!-- Start Payment Box Area -->
<section class="payment-box-area ptb-100">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="payment-box-content">
                    <span>How do credit cards work?</span>
                    <h3>Credit cards can be used to make purchases online or in stores and pay bills.</h3>
                    
                </div>
            </div>

            <div class="col-lg-6">
                <div class="payment-box-image">
                    <img src="webimg/payment-box.png" alt="image">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Payment Box Area -->

<section class="credit-card-area bg-ffffff">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-7">
                <div class="credit-card-content">
                    <span>Credit cards facility</span>
                    <h3>We provide all the credit card facilities to our customers.</h3>
                    <p>Increase your spending power with our simple low 
rate Credit Card. Whether you want more flexibility and protection for 
your purchases at home or abroad, or just peace of mind should the 
unexpected occur, we can help you get there.</p>

                    <ul class="credit-card-features">
                        <li>
                            <i class="flaticon-checkmark"></i> Visa Credit Card
                        </li>
                        <li>
                            <i class="flaticon-checkmark"></i> Visa Debit Card
                        </li>
                        <li>
                            <i class="flaticon-checkmark"></i> Master Card
                        </li>

                        
                        <li>
                            <i class="flaticon-checkmark"></i> Limited purpose cards
                        </li>
                        <li>
                            <i class="flaticon-checkmark"></i> Balance transfer credit cards
                        </li>
                        <li>
                            <i class="flaticon-checkmark"></i> Student credit cards
                        </li>
                        <li>
                            <i class="flaticon-checkmark"></i> Secured credit cards
                        </li>
                        <li>
                            <i class="flaticon-checkmark"></i> Prepaid cards
                        </li>
                        <li>
                            <i class="flaticon-checkmark"></i> Business credit cards
                        </li>
                    </ul>
                </div>
            </div>

            <div class="col-lg-5">
                <div class="credit-card-image-slider owl-carousel owl-theme owl-loaded owl-drag">
                    
                    
                <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1350px, 0px, 0px); transition: all 0.2s ease 0s; width: 2700px;"><div class="owl-item cloned" style="width: 420px; margin-right: 30px;"><div class="credit-card-image">
                        <img src="ccards_files/credit-card-1.png" alt="image">
                    </div></div><div class="owl-item cloned" style="width: 420px; margin-right: 30px;"><div class="credit-card-image">
                        <img src="ccards_files/credit-card-2.png" alt="image">
                    </div></div><div class="owl-item" style="width: 420px; margin-right: 30px;"><div class="credit-card-image">
                        <img src="ccards_files/credit-card-1.png" alt="image">
                    </div></div><div class="owl-item active" style="width: 420px; margin-right: 30px;"><div class="credit-card-image">
                        <img src="ccards_files/credit-card-2.png" alt="image">
                    </div></div><div class="owl-item cloned" style="width: 420px; margin-right: 30px;"><div class="credit-card-image">
                        <img src="ccards_files/credit-card-1.png" alt="image">
                    </div></div><div class="owl-item cloned" style="width: 420px; margin-right: 30px;"><div class="credit-card-image">
                        <img src="ccards_files/credit-card-2.png" alt="image">
                    </div></div></div></div><div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><i class="flaticon-left-arrow"></i></button><button type="button" role="presentation" class="owl-next"><i class="flaticon-right-arrow"></i></button></div><div class="owl-dots disabled"></div></div>
            </div>
        </div>
    </div>
</section>

<!-- Start Using Card Area -->
<section class="using-card-area pb-100">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="using-card-image">
                    <img src="webimg/using-card.png" alt="image">
                </div>
            </div>

            <div class="col-lg-6">
                <div class="using-card-content">
                    <span class="text-uppercase">Using credit card</span>
                    <h3>We can use our credit cards daily for all that work</h3>
                    

                    <div class="using-card-inner-content">
                        <div class="number">
                            <span>1</span>
                        </div>

                        <h4>Balance transfers</h4>
                        
                    </div>

                    <div class="using-card-inner-content">
                        <div class="number">
                            <span>2</span>
                        </div>
                        
                        <h4>Everyday spending</h4>
                        
                    </div>

                    <div class="using-card-inner-content">
                        <div class="number">
                            <span>3</span>
                        </div>
                        
                        <h4>Store Purchases</h4>
                        
                    </div>

                    <div class="using-card-inner-content">
                        <div class="number">
                            <span>4</span>
                        </div>
                        
                        <h4>Others</h4>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Using Card Area -->

        <?php include 'footer.php'; ?>

         </div> 
        <!-- Jquery Slim JS -->
        <script src="dist/jquery.min.js"></script>
        <!-- Popper JS -->
        <script src="dist/popper.min.js"></script>
        <!-- Bootstrap JS -->
        <script src="dist/bootstrap.min.js"></script>
        <!-- Site script -->
        <script src="script.js"></script>
        <!-- Meanmenu JS -->
        <script src="dist/jquery.meanmenu.js"></script>
        <!-- Nice Select JS -->
        <script src="dist/jquery.nice-select.min.js"></script>
        <!-- Owl Carousel JS -->
        <script src="dist/owl.carousel.min.js"></script>
        <!-- Magnific Popup JS -->
        <script src="dist/jquery.magnific-popup.min.js"></script>
        <!-- Odometer JS -->
        <script src="dist/odometer.min.js"></script>
        <!-- Jquery Appear JS -->
        <script src="dist/jquery.appear.min.js"></script>
        <!-- Ajaxchimp JS -->
        <script src="dist/jquery.ajaxchimp.min.js"></script>
        <!-- Form Validator JS -->
       <script src="dist/form-validator.min.js"></script>
        <!-- Contact JS -->
        <script src="dist/contact-form-script.js"></script>
        <!-- Wow JS -->
        <script src="dist/wow.min.js"></script>
        <!-- Custom JS -->
        <script type="text/javascript">
      function enterNext(presID, nextID){
        var firdID = document.getElementById(presID) 
        var secID  = document.getElementById(nextID)
        // presID.value = presID.value.replace(/[^0-9\.]/g,'');
         
      // if(firdID.value ){

      // }

        if(presID.value.length){
        document.getElementById(nextID).focus()  
        }
      }

     // $(document).ready(function(){
     //     $('.inpval').bind("keyup", function()){

     //     }
        
     // })
    </script>

    
 </body></html>