<!DOCTYPE html>
<html lang="hu">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8">
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/favicon.ico?v=3" />

    <link rel="stylesheet" href="/public/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/public/css/fontawesome/css/fontawesome-all.css" />
    <link rel="stylesheet" href="/public/css/style.css" />

    <title><?= $params['title'] ?? "Fizetési rendszer" ?> | KbShoes</title>
    <meta name="description" content="<?= $params['description'] ?>" />

</head>

<body class="home">
    <nav class="navbar navbar-expand-sm navbar-light bg-light">
        <div class="navbar-collapse">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/rolunk">Rólunk</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/elerhetoseg">Elérhetőség</a>
                </li>
            </ul>
        </div>
    </nav>

    <?= $params['content'] ?? '' ?>

    <footer class="text-center text-lg-start bg-light text-muted">
        <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom">
            <div class="me-5 d-lg-block">
                <span>
                    <div style="width: 200px;">

                        <a href="http://simplepartner.hu/PaymentService/Fizetesi_tajekoztato.pdf" target="_blank">
                            <img class="img-fluid" src="/public/images/simplepay_logo.png" title="SimplePay - Online bankkártyás fizetés" alt="SimplePay vásárlói tájékoztató">
                        </a>
                    </div>
                </span>
            </div>

            <div>
                <a href="" class="me-4 text-reset">
                    <i class="fab fa-facebook-f"></i>
                </a>
                <a href="" class="me-4 text-reset">
                    <i class="fab fa-twitter"></i>
                </a>
                <a href="" class="me-4 text-reset">
                    <i class="fab fa-google"></i>
                </a>
                <a href="" class="me-4 text-reset">
                    <i class="fab fa-instagram"></i>
                </a>
                <a href="" class="me-4 text-reset">
                    <i class="fab fa-linkedin"></i>
                </a>
                <a href="" class="me-4 text-reset">
                    <i class="fab fa-github"></i>
                </a>
            </div>
        </section>
    </footer>
</body>

</html>