class NavBarTemplate extends HTMLElement {
    constructor() {
        super();
        this.innerHTML = `
        <div class="navbar-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <nav class="navbar navbar-expand-lg">
                        <a class="navbar-brand" href="proxy.php?url=https%3A%2F%2Fqr-code-robot.com%2Findex.html">
                            <img src="proxy.php?url=https%3A%2F%2Fqr-code-robot.com%2Fassets%2Flogo_bg.png" alt="Logo"/>
                        </a>
                        <!-- <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                            data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation">
                            <span class="toggler-icon"> </span>
                            <span class="toggler-icon"> </span>
                            <span class="toggler-icon"> </span>
                        </button> -->

                        <!-- <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                            <ul id="nav" class="navbar-nav ms-auto">
                                <li class="nav-item">
                                    <a class="/" href="proxy.php?url=http%3A%2F%2Fqr-code-robot.com">Home</a>
                                </li>
                                <li class="nav-item">
                                    <a href="proxy.php?url=http%3A%2F%2Fqr-code-robot.com%2Furl.html">URL QR Code</a>
                                </li>
                                <li class="nav-item">
                                    <a href="proxy.php?url=http%3A%2F%2Fqr-code-robot.com%2Ftext.html">HTML QR Code</a>
                                </li>
                                <li class="nav-item">
                                    <a href="proxy.php?url=http%3A%2F%2Fqr-code-robot.com%2Froadmap.html">Roadmap</a>
                                </li>
                                <li class="nav-item">
                                    <a href="proxy.php?url=http%3A%2F%2Fqr-code-robot.com%2Flogin.html">Log In</a>
                                </li>
                            </ul>
                        </div> -->
                        <!-- navbar collapse -->

                        <!-- <div class="navbar-btn d-none d-sm-inline-block" style="margin-left: 80%;">
                            <a class="main-btn" data-scroll-nav="0" href="proxy.php?url=http%3A%2F%2Fqr-code-robot.com%2Fdashboard%2Fregister.html"
                                rel="nofollow">
                                Create Account
                            </a>
                        </div>
                        --> 
                    </nav>
                    <!-- navbar -->
                </div>
            </div>
            <!-- row -->
        </div>
        <!-- container -->
    </div>
        `;
    }
}


if ('customElements' in window) {
    customElements.define('navbar-template', NavBarTemplate);
}