<?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="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;">Business 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/business_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 – 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>Reserve Account </h3>
            <p style="font-size: 16px;">
              A versatile current account available in pounds, euros and US dollars with no annual or monthly account fee.
            </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>Reserve Account for Charities</h3>
            <p style="font-size: 16px;">
             A versatile current account that gives charities instant access to their funds while minimising banking costs.
            </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>Asset 30 Account </h3>
            <p style="font-size: 16px;">
             A savings account, paying an enhanced rate of interest where immediate access to funds is not required.
             <div style="margin-bottom: -10px;">&nbsp;</div>
            </p>
          </div>
        </div>
      </div>
    </div>
    <!---------------------/ROW 3------------------------------------------------>
    
  </div>

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