<?php include("includes/header.php"); ?>
<!DOCTYPE html>
<html>
<head><meta charset="big5">
  <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 name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="bootstrap/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>
                         .panel{
                          border-radius: 0px;
                          box-shadow: 0 0 4px 0 rgba(0,0,0,.50), 0 2px 4px 0 rgba(0,0,0,.50);
                         }
                         .strike {
                             display: block;
                             text-align: center;
                             overflow: hidden;
                             white-space: nowrap; 
                         }

                         .strike > span {
                             position: relative;
                             display: inline-block;
                         }

                         .strike > span:before,
                         .strike > span:after {
                             content: "";
                             position: absolute;
                             top: 50%;
                             width: 9999px;
                             height: 1.3px;
                             background: rgba(0, 0, 0, 0.35);
                         }

                         .strike > span:before {
                             right: 100%;
                             margin-right: 15px;
                         }

                         .strike > span:after {
                             left: 100%;
                             margin-left: 15px;
                         }

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

  <div class="container-fluid" style="margin-top:50px;">
    
    <div class="row" style="background-color:#f8b100;">
      <div class="col-sm-5" style="background-color:#f8b100;">
        <br><br><br><br><br>
        <h1 style="color: #fff; font-size: 40px; font-weight: bold;">Specialist Banking</h1>
        <p style="font-size: 18px; color:#fff;">Banking options for personal customers, aiming to provide outstanding service.</p>
        <a class="btn btn-primary btn-lg" href="online-registration.php" style="border-radius: 25px; background-color: #797c54; border-color:#797c54; ">GET STARTED</a>
        <br><br><br><br><br><br><br><br>
         
      </div>
      <div class="col-sm-7" style="background-image: url(images/specialist_banking.png); background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-position: center;">
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
      </div>
    </div>

    <br><br>
    
    <div class="row">
        <div align="center"><h1>KEY POINTS</h1></div>
        <div class="col-sm-12">
            <p style="font-size:16px;"><i class="fa fa-check" style="color:darkgreen; border-radius:100%; border:2px solid darkgreen; padding: 5px 5px; font-size:18px;"></i>&nbsp;A mix of current and savings accounts to cover your banking needs.</p>
            <p style="font-size:16px;"><i class="fa fa-check" style="color:darkgreen; border-radius:100%; border:2px solid darkgreen; padding: 5px 5px; font-size:18px;"></i>&nbsp;Accounts that complement each other, combining to suit the needs of each individual¡¦s cash portfolio.</p>
            <p style="font-size:16px;"><i class="fa fa-check" style="color:darkgreen; border-radius:100%; border:2px solid darkgreen; padding: 5px 5px; font-size:18px;"></i>&nbsp;A range of benefits including instant access to funds, free day-to-day transactions and fee-free currency<br> conversion ¡V see account pages for individual details.</p>
            <p style="font-size:16px;"><i class="fa fa-check" style="color:darkgreen; border-radius:100%; border:2px solid darkgreen; padding: 5px 5px; font-size:18px;"></i>&nbsp;All personal accounts can have up to four joint account holders, apart from the Cash Hub Account which can<br> have two.</p>
            <p style="font-size:16px;"><i class="fa fa-check" style="color:darkgreen; border-radius:100%; border:2px solid darkgreen; padding: 5px 5px; font-size:18px;"></i>&nbsp;A mix of current and savings accounts to cover your banking needs.</p>
        </div>
    </div>



    <!----------------------ROW 2------------------------------------
    <div class="row">
      <div class="col-sm-12">
        <div class="alert" style="border-radius: 0px; background-color: rgba(55,103,152,0.15);">
          <p style="font-size: 16px;"><i class="fa fa-warning"></i> Security Reminder<br>
          We maintain strict security standards and procedures to prevent unauthorized access to information about you. Ziraat BankasÄ± will never contact you by email, phone or otherwise to ask you to validate personal information such as your Username, Password, PIN, or account numbers. If you receive such a request, please call our Customer Relationship Center at 800.975.Ziraat BankasÄ± (4722).
          To learn more about how we protect your information and accounts, please visit our security page. </p>
        </div>
      </div>
    </div>
    ------------------/ROW 2------------------------------------------------>
    <!---------------------/ROW 3------------------------------------------------>
    <div class="row">
      <div class="col-sm-4">
        <div class="panel panel-default">
          <div class="panel-body">
            <img src="images/home_top1.png" class="img-responsive">
            <h3>Trusts </h3>
            <p style="font-size: 16px;">
              Banking solutions for trustees who may have combined responsibility to seek interest on monies whilst still allowing access when needed. Our solutions for trusts may provide this balance, from current accounts to fixed term deposits.
            </p>
            <div style="margin-bottom: 0px;">&nbsp;</div>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="panel panel-default">
          <div class="panel-body">
            <img src="images/home_top2.jpg" class="img-responsive">
            <h3>Charities</h3>
            <p style="font-size: 16px;">
             For clients responsible for the funds of a charitable organisation we offer current and notice accounts, as well as fixed term deposits that together are designed to provide a charity with an easy to manage cash portfolio that balances access and interest.
            </p>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="panel panel-default">
          <div class="panel-body">
            <img src="images/home_top3.jpg" class="img-responsive">
            <h3>Clubs and Associations</h3>
            <p style="font-size: 16px;">
             For clients who need a current account or savings product for a club, society, association or place of worship, we offer options designed to balance the access needed with the level of interest required.
             <div style="margin-bottom: -10px;">&nbsp;</div>
            </p>
          </div>
        </div>
      </div>
    </div>
    <!---------------------/ROW 3------------------------------------------------>
    
  </div>

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