<!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>Contact Us - 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 -->
                      
            <!-- Start Page Banner -->
        <div class="page-banner-area item-bg3">
            <div class="container">
                <div class="page-banner-content">
                    <h2>Contact</h2>
                    <ul>
                        <li>
                            <a href="<?php echo dirname($_SERVER['PHP_SELF']); ?>">Home</a>
                        </li>
                        <li>Contact</li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- End Page Banner -->

        <!-- Start Contact Info Area -->
        <section class="contact-info-area pt-100 pb-70">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-sm-6">
                        <div class="contact-info-box">
                            <div class="icon">
                                <i class="fa-solid fa-building"></i>
                            </div>

                            <h3>Office</h3>
                            <p>United States</p>
                        </div>
                    </div>

                    <div class="col-lg-4 col-sm-6">
                        <div class="contact-info-box">
                            <div class="icon">
                                <i class="fa-solid fa-phone-volume"></i>
                            </div>

                            <h3>Contact</h3>
                            <p><a href="tel:NUMBER">NUMBER</a></p>
                            <p><a href="mailto:customercare@connexcu.seclweb.com">customercare@connexcu.seclweb.com</a></p>
                        </div>
                    </div>

                    <div class="col-lg-4 col-sm-6">
                        <div class="contact-info-box">
                            <div class="icon">
                                <i class="fa-solid fa-clock"></i>
                            </div>

                            <h3>Open hours</h3>
                            <p>Mon–Fri: 10 AM - 4 PM</p>
                            <p>Saturday: 10 AM - 2 PM</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Contact Info Area -->

        <!-- Start Contact Area -->
        <section class="contact-area ptb-100">
            <div class="container">
                <div class="section-title">
                    <h2>Drop us message for any query</h2>
                    
                </div>

                <div class="contact-form">
                    <form action="https://connexcu.seclweb.com/en/post/contact" id="contactForm" method="post" novalidate="true">
                                                    <div class="row">
                            <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <label>Full name</label>

                                    <input type="text" name="fullname" id="name" class="form-control" required="" data-error="Please enter your name" placeholder="Full name">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <label>Email</label>

                                    <input type="email" name="email" id="email" class="form-control" required="" data-error="Please enter your email" placeholder="Email">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <label>Phone</label>

                                    <input type="text" name="phone" id="phone_number" required="" data-error="Please enter your number" class="form-control" placeholder="Phone">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <label>Subject</label>

                                    <input type="text" name="subject" id="msg_subject" class="form-control" required="" data-error="Please enter your subject" placeholder="Subject">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>

                            <div class="col-lg-12 col-md-12">
                                <div class="form-group">
                                    <label>Your message</label>

                                    <textarea name="message" class="form-control" id="message" cols="30" rows="5" required="" data-error="Write your message" placeholder="Message here."></textarea>
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>

                            <div class="form-group col-md-6">
                                <input class="form-control" name="captcha" value="5 + 5 = ?" id="" type="text" placeholder="5 + 5 = ?" readonly="readonly">
                            </div>
                            <!-- Input Field Ends -->
                            <!-- Input Field Starts -->
                            <div class="form-group col-md-6">
                                <input class="form-control" name="captcha_answer" id="captcha_answer" placeholder="Your Answer" type="text" required="">
                            </div>
                            <div class="col-lg-12 col-md-12">
                                <button name="btn-compose" type="submit" class="default-btn disabled" style="pointer-events: all; cursor: pointer;">Send Message</button>
                                <div id="msgSubmit" class="h3 text-center hidden"></div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </section>
        <!-- End Contact Area -->

        <!-- Start Map Area -->
        <!-- <div id="map">
            <iframe src="contact_files/embed.html"></iframe>
        </div> -->
        <!-- End Map 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>