<?php include("includes/header.php"); ?>
<!DOCTYPE html>
<html>
<head>
  <title><?php echo $sitename; ?> | Online Banking.</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!----------------------------------------------------------------------->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="bootstrap2/css/bootstrap.min.css">
    <script src="bootstrap/js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!----------------------------------------------------------------------->
      

     <!-- Font Awesome -->
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">

          <style>
              .s-rw{}
              .s-rw:hover {
                color:#c94c06;
                text-decoration: none;
              }
              .ub-btn{
                display: inline-block;
                padding: 6px 12px;
                margin-bottom: 0;
                font-size: 14px;
                font-weight: normal;
                line-height: 1.42857143;
                text-align: center;
                white-space: nowrap;
                vertical-align: middle;
                -ms-touch-action: manipulation;
                    touch-action: manipulation;
                cursor: pointer;
                -webkit-user-select: none;
                   -moz-user-select: none;
                    -ms-user-select: none;
                        user-select: none;
                background-image: none;
                border: 1px solid transparent;
                border-radius: 4px;
                }
                .ub-btn-c{
                  color: #fff;
                  background-color:#c94c06;
                }
                .ub-btn-c:hover{
                  color: #fff;
                  background-color:#963f04 !important;
                  border-color:#963f04;
                }
                .ub-btn-lg{
                  padding: 10px 16px;
                  font-size: 18px;
                  line-height: 1.3333333;
                  border-radius: 0px;
                  } 
                  .ub-btn-block{
                   display: block;
                   width: 100%;
                  }
                  .footer-H{
                    padding-bottom: 5px;
                    border-bottom:5px solid #c94c06;
                    text-align:left;
                    width:150px;
                    
                  }
                  footer{
                    padding: 50px 50px;
                    background-color: #333;
                    color: white;
                  }
                  footer ul li{
                    margin-left: -40px;
                    list-style: none;
                    
                  }
                  footer ul li a{
                    color: #ccc;
                  }
                  footer ul li a:hover{
                    color: #fff;
                  }
                  .panel{
                    border-color: #fff;
                    border-radius: 10px;
                    
                  }
                  .panel-box{
                    box-shadow: 0 0 4px 0 rgba(0,0,0,.50), 0 5px 8px 0 rgba(0,0,0,.50);
                  }
                  .panel-login-home-top a{
                    color:#fff;
                  }

            </style>
    </head>

    <body>
      <?php //include("includes/navbar.php"); ?>

      <div class="container-fluid" style="margin-top: 70px;">
        
        <script>
          $(document).ready(function(){
              $("#vvv").click(function() {
                $('html, body').animate({
                        scrollTop: $("#zzz").offset().top
                    }, 2000);
              });
          });
        </script>

        <div class="row" style="margin-top:-20px ; background-image: url(images/signup-bg.jpg); background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-position: center;">
          <br><br><br><br>
          <div class="col-sm-12">
            <br><br><br><br>
            <h1 style="color:#337ab7; font-size: 65px; font-weight: bolder;">Checking & Savings that<br> works for you.</h1>
            <a class="btn btn-danger" id="vvv" style="background-color:#ff0000; border-color:#ff0000; color:#ccc;"><i class="fa fa-arrow-circle-down" style=""></i> GET STARTED</a>
    
            
            
            <br><br><br><br><br><br><br><br><br><br><br>
          </div>
          
        </div>


       <br><br><br>
        <div class="row">
          <div class="col-sm-2"></div>
          <div class="col-sm-3">
            <img src="images/09a4342b-8414-4d2e-bbcb-d4a0830b6651.png" class="img-responsive img-circle">
          </div>
          <div class="col-sm-6" id="zzz">
            <h1 style="color:#337ab7; font-weight: bold;">A top-tier checking account with competitive rates and all the perks</h1>
            <h3 style="color:#337ab7; font-weight: bold;">Platinum Checking Package</h3>
            <ul style="font-size: 16px;">
              <li>Earn interest on the money you keep in your account</li>
              <li>No Bank fee for Non-EUR. Bank ATM transations</li>
              <li>Account opening deposit - EUR1 860</li>
            </ul>
            <a class="btn btn-danger btn-lg" style="border-radius: 0px; border-color:#575756; background-color: #575756; border-radius: 25px;" data-toggle="modal" data-target="#myModal1">Apply Now</a>



   
             <div id="myModal1" class="modal fade" role="dialog">
               <div class="modal-dialog modal-sm">

                 <!-- Modal content-->
                 <div class="modal-content">
                   <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal">&times;</button>
                     <h4 style="color:#337ab7; font-weight: bold;" class="modal-title">What's your ZIP code?</h4>
                   </div>
                   <div class="modal-body">
                     <p>We need this to give you the right info for your location.</p>
                     <div class="form-group">
                       <input type="text" id="zip_code" class="form-control" style="border-radius: 0px;" placeholder="ZIP CODE">
                       <br>
                       <div align="right"><a href="apply-now.php?account_type=Platinum Checking Package" class="btn btn-danger" style="border-radius: 0px; border-color:#575756; background-color: #575756; border-radius: 25px;">&nbsp;&nbsp;GO&nbsp;&nbsp;</a></div>
                     </div>
                   </div>
                   <div class="modal-footer">
                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                   </div>
                 </div>

               </div>
             </div>


          </div>
          <div class="col-sm-2"></div>
        </div>
       <br><br>

       <div class="row">
         <div class="col-sm-2"></div>
         <div class="col-sm-3">
           <img src="images/ChatGPT Image Aug 30, 2025, 03_40_05 AM.png" class="img-responsive img-circle">
         </div>
         <div class="col-sm-6">
           <h1 style="color:#337ab7; font-weight: bold;">Joint account for two or more individuals</h1>
           <h3 style="color:#337ab7; font-weight: bold;">Joint Savings Account</h3>
           <ul style="font-size: 16px;">
             <li>2 or more individuals.</li>
             <li>No overdraft fees</li>
             <li>Account opening deposit - EUR 2 400</li>
           </ul>
           <a class="btn btn-danger btn-lg" style="border-radius: 0px; border-color:#575756; background-color: #575756; border-radius: 25px;" data-toggle="modal" data-target="#myModal2">Apply Now</a>
         </div>
         <div class="col-sm-2"></div>
         <div id="myModal2" class="modal fade" role="dialog">
           <div class="modal-dialog modal-sm">

             <!-- Modal content-->
             <div class="modal-content">
               <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal">&times;</button>
                 <h4 style="color:#337ab7; font-weight: bold;" class="modal-title">What's your ZIP code?</h4>
               </div>
               <div class="modal-body">
                 <p>We need this to give you the right info for your location.</p>
                 <div class="form-group">
                   <input type="text" id="zip_code" class="form-control" style="border-radius: 0px;" placeholder="ZIP CODE">
                   <br>
                   <div align="right"><a href="apply-now.php?account_type=Joint Savings Account" class="btn btn-danger" style="border-radius: 0px; border-color:#575756; background-color: #575756; border-radius: 25px;">&nbsp;&nbsp;GO&nbsp;&nbsp;</a></div>
                 </div>
               </div>
               <div class="modal-footer">
                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
               </div>
             </div>

           </div>
         </div>
       </div>
       <br><br>

       <div class="row">
         <div class="col-sm-2"></div>
         <div class="col-sm-3">
           <img src="images/arab_woman.png" class="img-responsive img-circle">
         </div>
         <div class="col-sm-6">
           <h1 style="color:#337ab7; font-weight: bold;">Savings for Platinum Checking Package customers</h1>
           <h3 style="color:#337ab7; font-weight: bold;">Platinum Select Money Market Savings</h3>
           <ul style="font-size: 16px;">
             <li>EUR0 monthly maintenance fee</li>
             <li>Account opening deposit - EUR6 000</li>
             <li>Must have a Platinum Checking Package to apply</li>
           </ul>
           <a href="enroll-now.php" class="btn btn-danger btn-lg" style="border-radius: 0px; border-color:#575756; background-color: #575756; border-radius: 25px;" data-toggle="modal" data-target="#myModal3">Apply Now</a>
         </div>
         <div class="col-sm-2"></div>
         <div id="myModal3" class="modal fade" role="dialog">
           <div class="modal-dialog modal-sm">
             <!-- Modal content-->
             <div class="modal-content">
               <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal">&times;</button>
                 <h4 style="color:#337ab7; font-weight: bold;" class="modal-title">What's your ZIP code?</h4>
               </div>
               <div class="modal-body">
                 <p>We need this to give you the right info for your location.</p>
                 <div class="form-group">
                   <input type="text" id="zip_code" class="form-control" style="border-radius: 0px;" placeholder="ZIP CODE">
                   <br>
                   <div align="right"><a href="apply-now.php?account_type=Platinum Select Money Market Savings" class="btn btn-danger" style="border-radius: 0px; border-color:#575756; background-color: #575756; border-radius: 25px;">&nbsp;&nbsp;GO&nbsp;&nbsp;</a></div>
                 </div>
               </div>
               <div class="modal-footer">
                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
               </div>
             </div>
           </div>
         </div>
       </div>
       <br><br>

        <div class="row">
          <div class="col-sm-2"></div>
          <div class="col-sm-3">
            <img src="images/top4.png" class="img-responsive img-circle">
          </div>
          <div class="col-sm-6">
            <h1 style="color:#337ab7; font-weight: bold;">A personal checking account with great standard features</h1>
            <h3 style="color:#337ab7; font-weight: bold;">Easy Checking</h3>
            <ul style="font-size: 16px;">
              <li>You'll get a U.S. Bank Visa Debit Card, and Online/Mobile Banking with Mobile Check Deposit, bill pay and more</li>
              <li>Access to more than 4,700 Bank ATMs</li>
              <li>Account opening deposit - EUR9 000</li>
            </ul>
            <a href="enroll-now.php" class="btn btn-danger btn-lg" style="border-radius: 0px; border-color:#575756; background-color: #575756; border-radius: 25px;" data-toggle="modal" data-target="#myModal4">Apply Now</a>
          </div>
          <div class="col-sm-2"></div>
          <div id="myModal4" class="modal fade" role="dialog">
            <div class="modal-dialog modal-sm">
              <!-- Modal content-->
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                  <h4 style="color:#337ab7; font-weight: bold;" class="modal-title">What's your ZIP code?</h4>
                </div>
                <div class="modal-body">
                  <p>We need this to give you the right info for your location.</p>
                  <div class="form-group">
                    <input type="text" id="zip_code" class="form-control" style="border-radius: 0px;" placeholder="ZIP CODE">
                    <br>
                    <div align="right"><a href="apply-now.php?account_type=Easy Checking" class="btn btn-danger" style="border-radius: 0px; border-color:#575756; background-color: #575756; border-radius: 25px;">&nbsp;&nbsp;GO&nbsp;&nbsp;</a></div>
                  </div>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
              </div>
            </div>
          </div>
        </div>
         <br><br>

         <div class="row">
           <div class="col-sm-2"></div>
           <div class="col-sm-3">
             <img src="images/top1.png" class="img-responsive img-circle">
           </div>
           <div class="col-sm-6">
             <h1 style="color:#337ab7; font-weight: bold;">Savings for low balances and first-time savers</h1>
             <h3 style="color:#337ab7; font-weight: bold;">Standard Savings Account</h3>
             <ul style="font-size: 16px;">
               <li>EUR4 monthly maintenance fee waivable with EUR300 minimum daily ledger balance or EUR1,000 average monthly collected balance</li>
               <li>Account opening deposit - EUR 2 000</li>
             </ul>
             <a class="btn btn-danger btn-lg" style="border-radius: 0px; border-color:#575756; background-color: #575756; border-radius: 25px;" data-toggle="modal" data-target="#myModal5">Apply Now</a>
           </div>
           <div class="col-sm-2"></div>
           <div id="myModal5" class="modal fade" role="dialog">
             <div class="modal-dialog modal-sm">
               <!-- Modal content-->
               <div class="modal-content">
                 <div class="modal-header">
                   <button type="button" class="close" data-dismiss="modal">&times;</button>
                   <h4 style="color:#337ab7; font-weight: bold;" class="modal-title">What's your ZIP code?</h4>
                 </div>
                 <div class="modal-body">
                   <p>We need this to give you the right info for your location.</p>
                   <div class="form-group">
                     <input type="text" id="zip_code" class="form-control" style="border-radius: 0px;" placeholder="ZIP CODE">
                     <br>
                     <div align="right"><a href="apply-now.php?account_type=Standard Savings Account" class="btn btn-danger" style="border-radius: 0px; border-color:#575756; background-color: #575756; border-radius: 25px;">&nbsp;&nbsp;GO&nbsp;&nbsp;</a></div>
                   </div>
                 </div>
                 <div class="modal-footer">
                   <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                 </div>
               </div>
             </div>
           </div>
         </div>
         <br><br>


        <div class="row">
          <div class="col-sm-2"></div>
          <div class="col-sm-3">
            <img src="images/top3.jpg" class="img-responsive img-circle">
          </div>
          <div class="col-sm-6">
            <h1 style="color:#337ab7; font-weight: bold;">A bank account minus the checks with no overdraft fees</h1>
            <h3 style="color:#337ab7; font-weight: bold;">Safe Debit Account</h3>
            <ul style="font-size: 16px;">
              <li>No checks </li>
              <li>No overdraft fees</li>
              <li>Account opening deposit - EUR 11 800</li>
            </ul>
            <a href="enroll-now.php" class="btn btn-danger btn-lg" style="border-radius: 0px; border-color:#575756; background-color: #575756; border-radius: 25px;" data-toggle="modal" data-target="#myModal6">Apply Now</a>
          </div>
          <div class="col-sm-2"></div>
          <div id="myModal6" class="modal fade" role="dialog">
            <div class="modal-dialog modal-sm">
              <!-- Modal content-->
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                  <h4 style="color:#337ab7; font-weight: bold;" class="modal-title">What's your ZIP code?</h4>
                </div>
                <div class="modal-body">
                  <p>We need this to give you the right info for your location.</p>
                  <div class="form-group">
                    <input type="text" id="zip_code" class="form-control" style="border-radius: 0px;" placeholder="ZIP CODE">
                    <br>
                    <div align="right"><a href="apply-now.php?account_type=Safe Debit Account" class="btn btn-danger" style="border-radius: 0px; border-color:#575756; background-color: #575756; border-radius: 25px;">&nbsp;&nbsp;GO&nbsp;&nbsp;</a></div>
                  </div>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal" style="">Close</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <br><br>

      </div>
      <?php  //include("includes/footer.php"); ?>
    </body>
    </html>