<?php
session_start();

include 'parameters.php';

?>
<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <title>
    <?php echo htmlspecialchars($business_name); ?> Free WiFi
  </title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <link rel="stylesheet" href="bulma.min.css" />
  <script defer src="vendor\fortawesome\font-awesome\js\all.js"></script>
  <meta http-equiv="refresh" content="5;url=connect.php" />
  <link rel="icon" type="image/png" href="favicomatic\favicon-32x32.png" sizes="32x32" />
  <link rel="icon" type="image/png" href="favicomatic\favicon-16x16.png" sizes="16x16" />
  <link rel="stylesheet" href="style.css" />
  <style>
        html, body { 
            margin:0; 
            padding:0; 
            height:100%; 
        }
        body {
            font-family: 'Outfit', sans-serif;
            background-color: #F9F6F4;
        }

        @media screen and (max-width: 768px) {
            .cover {
                width: 100% !important;
                height: 200px !important;
            }

            .cover img {
                width: 100%;
                height: 200px;
            }

            .katikn {
                width: 100% !important;
            }
        }
    </style>
</head>

<body>
<div class="cover" style="width: 50%; height: 100%; margin: 0px; padding: 0px; float: left;">
      <img src="https://www.smithsofsmithfield.co.uk/youngs/uploads/sites/126/2022/01/Websire-PDR.jpg"
      style="height: 100%; object-fit: cover;"  />
    </div>
    <div class="katikn" style="width: 50%; float: left;">
        <div class="head">
            <br>
        <figure id="logo" class="image">
            <img src="logo2.png">
        </figure>
        <br>
        </div>

    <div class="main">
      <seection class="section">
        <div id="margin_zero" class="content has-text-centered is-size-6">Great! Your code has been approved!</div>
        <div id="margin_zero" class="content has-text-centered is-size-6">You'll be automatically redirected</div>
        <div id="margin_zero" class="content has-text-centered is-size-6">in a few moments</div>
      </seection>
    </div>

  </div>

</body>

</html>