<!doctype html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://fonts.googleapis.com/css?family=Quicksand:400,600,700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="fonts/icomoon/style.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">

    <link rel="stylesheet" href="css/bootstrap.min.css">

    <link rel="stylesheet" href="css/style.css">
    <title>Website Menu #7</title>
    <script nonce="99939a95-a41b-4609-bd9a-fa4dcbbd50e2">
    try {
        (function(w, d) {
            ! function(b, c, d, e) {
                b[d] = b[d] || {};
                b[d].executed = [];
                b.zaraz = {
                    deferred: [],
                    listeners: []
                };
                b.zaraz.q = [];
                b.zaraz._f = function(f) {
                    return async function() {
                        var g = Array.prototype.slice.call(arguments);
                        b.zaraz.q.push({
                            m: f,
                            a: g
                        })
                    }
                };
                for (const h of ["track", "set", "debug"]) b.zaraz[h] = b.zaraz._f(h);
                b.zaraz.init = () => {
                    var i = c.getElementsByTagName(e)[0],
                        j = c.createElement(e),
                        k = c.getElementsByTagName("title")[0];
                    k && (b[d].t = c.getElementsByTagName("title")[0].text);
                    b[d].x = Math.random();
                    b[d].w = b.screen.width;
                    b[d].h = b.screen.height;
                    b[d].j = b.innerHeight;
                    b[d].e = b.innerWidth;
                    b[d].l = b.location.href;
                    b[d].r = c.referrer;
                    b[d].k = b.screen.colorDepth;
                    b[d].n = c.characterSet;
                    b[d].o = (new Date).getTimezoneOffset();
                    if (b.dataLayer)
                        for (const o of Object.entries(Object.entries(dataLayer).reduce(((p, q) => ({
                                ...p[1],
                                ...q[1]
                            })), {}))) zaraz.set(o[0], o[1], {
                            scope: "page"
                        });
                    b[d].q = [];
                    for (; b.zaraz.q.length;) {
                        const r = b.zaraz.q.shift();
                        b[d].q.push(r)
                    }
                    j.defer = !0;
                    for (const s of [localStorage, sessionStorage]) Object.keys(s || {}).filter((u => u
                        .startsWith("_zaraz_"))).forEach((t => {
                        try {
                            b[d]["z_" + t.slice(7)] = JSON.parse(s.getItem(t))
                        } catch {
                            b[d]["z_" + t.slice(7)] = s.getItem(t)
                        }
                    }));
                    j.referrerPolicy = "origin";
                    j.src = "/cdn-cgi/zaraz/s.js?z=" + btoa(encodeURIComponent(JSON.stringify(b[d])));
                    i.parentNode.insertBefore(j, i)
                };
                ["complete", "interactive"].includes(c.readyState) ? zaraz.init() : b.addEventListener(
                    "DOMContentLoaded", zaraz.init)
            }(w, d, "zarazData", "script");
        })(window, document)
    } catch (e) {
        throw fetch("/cdn-cgi/zaraz/t"), e;
    };
    </script>
</head>

<body>
    <div class="site-mobile-menu site-navbar-target">
        <div class="site-mobile-menu-header">
            <div class="site-mobile-menu-close mt-3">
                <span class="icon-close2 js-menu-toggle"></span>
            </div>
        </div>
        <div class="site-mobile-menu-body"></div>
    </div>
    <div class="site-navbar-wrap">
        <div class="site-navbar-top">
            <div class="container py-3">
                <div class="row align-items-center">
                    <div class="col-6">
                        <div class="d-flex mr-auto">
                            <a href="#" class="d-flex align-items-center mr-4">
                                <span class="icon-envelope mr-2"></span>
                                <span class="d-none d-md-inline-block"><span class="__cf_email__"
                                        data-cfemail="4d24232b220d2922202c2423632e2220">[email&#160;protected]</span></span>
                            </a>
                            <a href="#" class="d-flex align-items-center mr-auto">
                                <span class="icon-phone mr-2"></span>
                                <span class="d-none d-md-inline-block">+1 234 4567 8910</span>
                            </a>
                        </div>
                    </div>
                    <div class="col-6 text-right">
                        <div class="mr-auto">
                            <a href="#" class="p-2 pl-0"><span class="icon-twitter"></span></a>
                            <a href="#" class="p-2 pl-0"><span class="icon-facebook"></span></a>
                            <a href="#" class="p-2 pl-0"><span class="icon-linkedin"></span></a>
                            <a href="#" class="p-2 pl-0"><span class="icon-instagram"></span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="site-navbar site-navbar-target js-sticky-header">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-2">
                        <h1 class="my-0 site-logo"><a href="index.html">Brand</a></h1>
                    </div>
                    <div class="col-10">
                        <nav class="site-navigation text-right" role="navigation">
                            <div class="container">
                                <div class="d-inline-block d-lg-none ml-md-0 mr-auto py-3"><a href="#"
                                        class="site-menu-toggle js-menu-toggle text-white"><span
                                            class="icon-menu h3"></span></a></div>
                                <ul class="site-menu main-menu js-clone-nav d-none d-lg-block">
                                    <li class="active"><a href="#home-section" class="nav-link">Home</a></li>
                                    <li><a href="#classes-section" class="nav-link">Classes</a></li>
                                    <li class="has-children">
                                        <a href="#" class="nav-link">Pages</a>
                                        <ul class="dropdown arrow-top">
                                            <li><a href="#" class="nav-link">Team</a></li>
                                            <li><a href="#" class="nav-link">Pricing</a></li>
                                            <li><a href="#" class="nav-link">FAQ</a></li>
                                            <li class="has-children">
                                                <a href="#">More Links</a>
                                                <ul class="dropdown">
                                                    <li><a href="#">Menu One</a></li>
                                                    <li><a href="#">Menu Two</a></li>
                                                    <li><a href="#">Menu Three</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="#about-section" class="nav-link">About</a></li>
                                    <li><a href="#events-section" class="nav-link">Events</a></li>
                                    <li><a href="#gallery-section" class="nav-link">Gallery</a></li>
                                    <li><a href="#contact-section" class="nav-link">Contact</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="hero" style="background-image: url('images/hero_1.jpg');"></div>
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.sticky.js"></script>
    <script src="js/main.js"></script>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/v84a3a4012de94ce1a686ba8c167c359c1696973893317"
        integrity="sha512-euoFGowhlaLqXsPWQ48qSkBSCFs3DPRyiwVu3FjR96cMPx+Fr+gpWRhIafcHwqwCqWS42RZhIudOvEI+Ckf6MA=="
        data-cf-beacon='{"rayId":"87114cd23f867936","version":"2024.3.0","token":"cd0b4b3a733644fc843ef0b185f98241"}'
        crossorigin="anonymous"></script>
</body>

</html>