<li class="pi-draggable active" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-light">
        <div class="container"> 
            <a class="navbar-brand text-primary" href="<?php echo DOMAIN_SITE; ?>">
                <i class="fa d-inline fa-lg fa-circle"></i>
                <b> <?php echo SITE_NAME; ?></b>
            </a> 
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-light">
        <div class="container d-flex justify-content-center"> 
            <a class="navbar-brand text-primary" href="<?php echo DOMAIN_SITE; ?>">
                <i class="fa d-inline fa-lg fa-circle-o"></i>
                <b> <?php echo SITE_NAME; ?></b>
            </a> 
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-md navbar-light">
        <div class="container justify-content-center"> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar3">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse text-center justify-content-center" id="navbar3">
                <ul class="navbar-nav">
                    <li class="nav-item mx-2"> <a class="nav-link" href="#">Products</a> </li>
                    <li class="nav-item mx-2"> <a class="nav-link" href="#">FAQ</a> </li>
                    <li class="nav-item mx-2"> <a class="nav-link navbar-brand mr-0 text-primary" href="<?php echo DOMAIN_SITE; ?>"><i class="fa d-inline fa-lg fa-stop-circle-o"></i>
                            <b> <?php echo SITE_NAME; ?></b></a> </li>
                    <li class="nav-item mx-2"> <a class="nav-link" href="#">About us</a> </li>
                    <li class="nav-item mx-2"> <a class="nav-link" href="#">Contacts
                        </a> </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-md navbar-light">
        <div class="container"> <a class="navbar-brand text-primary" href="<?php echo DOMAIN_SITE; ?>">
                <i class="fa d-inline fa-lg fa-stop-circle"></i>
                <b> <?php echo SITE_NAME; ?></b>
            </a> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar4">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar4">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">FAQ</a> </li>
                </ul> <a class="btn navbar-btn ml-md-2 btn-light">Contact us</a> </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-lg navbar-light">
        <div class="container"> 
            <a class="navbar-brand text-primary" href="<?php echo DOMAIN_SITE; ?>">
                <i class="fa d-inline fa-lg fa-circle-o"></i>
                <b> <?php echo SITE_NAME; ?></b>
            </a> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar5">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar5">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Product</a> </li>
                </ul>
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Services</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">FAQ</a> </li>
                </ul> <a class="btn btn-outline-primary navbar-btn ml-md-2">Contact us</a> </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-md navbar-light">
        <div class="container"> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar6">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar6"> 
                <a class="navbar-brand text-primary d-none d-md-block" href="<?php echo DOMAIN_SITE; ?>">
                    <i class="fa d-inline fa-lg fa-circle"></i>
                    <b> <?php echo SITE_NAME; ?></b>
                </a>
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                </ul>
                <ul class="navbar-nav">
                    <li class="nav-item"> <a class="nav-link" href="#">Log in</a> </li>
                    <li class="nav-item"> <a class="nav-link text-primary" href="#">Register</a> </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-md navbar-light">
        <div class="container"> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar7">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar7"> 
                <a class="navbar-brand text-primary d-none d-md-block" href="<?php echo DOMAIN_SITE; ?>">
                    <i class="fa d-inline fa-lg fa-stop-circle-o"></i>
                    <b> <?php echo SITE_NAME; ?></b>
                </a>
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                </ul>
                <ul class="navbar-nav">
                    <li class="nav-item"> <a class="nav-link" href="#">
                            <i class="fa fa-twitter fa-fw"></i>
                        </a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">
                            <i class="fa fa-facebook fa-fw"></i>
                        </a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">
                            <i class="fa fa-slack fa-fw"></i>
                        </a> </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-lg navbar-light">
        <div class="container"> 
            <button class="navbar-toggler navbar-toggler-right border-0 p-0" type="button" data-toggle="collapse" data-target="#navbar8">
                <p class="navbar-brand text-primary mb-0">
                    <i class="fa d-inline fa-lg fa-stop-circle"></i> <?php echo SITE_NAME; ?> </p>
            </button>
            <div class="collapse navbar-collapse" id="navbar8">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                </ul>
                <p class="text-primary d-none d-md-block lead mb-0"> <i class="fa d-inline fa-lg fa-stop-circle"></i> <b> <?php echo SITE_NAME; ?></b> </p>
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item mx-1"> <a class="nav-link" href="#">
                            <i class="fa fa-github fa-fw fa-lg"></i>
                        </a> </li>
                    <li class="nav-item mx-1"> <a class="nav-link" href="#">
                            <i class="fa fa-gitlab fa-fw fa-lg"></i>
                        </a> </li>
                    <li class="nav-item mx-1"> <a class="nav-link" href="#">
                            <i class="fa fa-bitbucket fa-fw fa-lg"></i>
                        </a> </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-dark bg-dark">
        <div class="container"> 
            <a class="navbar-brand" href="<?php echo DOMAIN_SITE; ?>">
                <i class="fa d-inline fa-lg fa-circle"></i>
                <b> <?php echo SITE_NAME; ?></b>
            </a> 
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-dark bg-dark">
        <div class="container d-flex justify-content-center"> 
            <a class="navbar-brand" href="<?php echo DOMAIN_SITE; ?>">
                <i class="fa d-inline fa-lg fa-circle-o"></i>
                <b> <?php echo SITE_NAME; ?></b>
            </a> 
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-md navbar-dark bg-dark">
        <div class="container justify-content-center"> 
            <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar9">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse text-center justify-content-center" id="navbar9">
                <ul class="navbar-nav">
                    <li class="nav-item mx-2"> <a class="nav-link" href="#">Products</a> </li>
                    <li class="nav-item mx-2"> <a class="nav-link" href="#">FAQ</a> </li>
                    <li class="nav-item mx-2"> <a class="nav-link navbar-brand mr-0 text-white" href="<?php echo DOMAIN_SITE; ?>">
                            <i class="fa d-inline fa-lg fa-stop-circle-o"></i>
                            <b> <?php echo SITE_NAME; ?></b></a> </li>
                    <li class="nav-item mx-2"> <a class="nav-link" href="#">About us</a> </li>
                    <li class="nav-item mx-2"> <a class="nav-link" href="#">Contacts
                        </a> </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-md navbar-dark bg-dark">
        <div class="container"> <a class="navbar-brand" href="<?php echo DOMAIN_SITE; ?>">
                <i class="fa d-inline fa-lg fa-stop-circle"></i>
                <b> <?php echo SITE_NAME; ?></b>
            </a> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar10">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar10">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">FAQ</a> </li>
                </ul> <a class="btn navbar-btn ml-md-2 btn-light text-dark">Contact us</a> </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container"> 
            <a class="navbar-brand" href="<?php echo DOMAIN_SITE; ?>">
                <i class="fa d-inline fa-lg fa-circle-o"></i>
                <b> <?php echo SITE_NAME; ?></b>
            </a> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar11">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar11">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Product</a> </li>
                </ul>
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Services</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">FAQ</a> </li>
                </ul> <a class="btn btn-primary navbar-btn ml-md-2">Contact us</a> </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-md navbar-dark bg-dark">
        <div class="container"> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar12">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar12">
                <a class="navbar-brand d-none d-md-block" href="<?php echo DOMAIN_SITE; ?>">
                    <i class="fa d-inline fa-lg fa-circle"></i>
                    <b> <?php echo SITE_NAME; ?></b>
                </a>
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                </ul>
                <ul class="navbar-nav">
                    <li class="nav-item"> <a class="nav-link" href="#">Log in</a> </li>
                    <li class="nav-item"> <a class="nav-link text-primary" href="#">Register</a> </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-md navbar-dark bg-dark">
        <div class="container"> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar13">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar13"> 
                <a class="navbar-brand d-none d-md-block" href="<?php echo DOMAIN_SITE; ?>">
                    <i class="fa d-inline fa-lg fa-stop-circle-o"></i>
                    <?php echo SITE_NAME; ?>
                </a>
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                </ul>
                <ul class="navbar-nav">
                    <li class="nav-item"> <a class="nav-link" href="#">
                            <i class="fa fa-twitter fa-fw"></i>
                        </a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">
                            <i class="fa fa-facebook fa-fw"></i>
                        </a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">
                            <i class="fa fa-slack fa-fw"></i>
                        </a> </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-lg bg-dark navbar-dark">
        <div class="container"> <button class="navbar-toggler navbar-toggler-right border-0 p-0" type="button" data-toggle="collapse" data-target="#navbar14">
                <p class="navbar-brand mb-0 text-white">
                    <i class="fa d-inline fa-lg fa-stop-circle"></i> <a class="navbar-brand" href="<?php echo DOMAIN_SITE; ?>"><?php echo SITE_NAME; ?></a> </p>
            </button>
            <div class="collapse navbar-collapse" id="navbar14">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                </ul>
                <p class="d-none d-md-block lead mb-0  text-white"> <i class="fa d-inline fa-lg fa-stop-circle"></i> <b> <?php echo SITE_NAME; ?></b> </p>
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item mx-1"> <a class="nav-link" href="#">
                            <i class="fa fa-github fa-fw fa-lg"></i>
                        </a> </li>
                    <li class="nav-item mx-1"> <a class="nav-link" href="#">
                            <i class="fa fa-gitlab fa-fw fa-lg"></i>
                        </a> </li>
                    <li class="nav-item mx-1"> <a class="nav-link" href="#">
                            <i class="fa fa-bitbucket fa-fw fa-lg"></i>
                        </a> </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar bg-primary navbar-dark">
        <div class="container"> 
            <a class="navbar-brand" href="<?php echo DOMAIN_SITE; ?>">
                <i class="fa d-inline fa-lg fa-circle" ></i>
                <?php echo SITE_NAME; ?></a>
            </a> 
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-dark bg-primary">
        <div class="container d-flex justify-content-center"> 
            <a class="navbar-brand" href="#">
                <i class="fa d-inline fa-lg fa-circle-o"></i>
                <b> <?php echo SITE_NAME; ?></b>
            </a> </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-md navbar-dark bg-primary">
        <div class="container justify-content-center"> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar15">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse text-center justify-content-center" id="navbar15">
                <ul class="navbar-nav">
                    <li class="nav-item mx-2"> <a class="nav-link" href="#">Products</a> </li>
                    <li class="nav-item mx-2"> <a class="nav-link" href="#">FAQ</a> </li>
                    <li class="nav-item mx-2"> <a class="nav-link navbar-brand mr-0 text-white" href="<?php echo DOMAIN_SITE; ?>"><i class="fa d-inline fa-lg fa-stop-circle-o"></i>
                            <b> <?php echo SITE_NAME; ?></b></a> </li>
                    <li class="nav-item mx-2"> <a class="nav-link" href="#">About us</a> </li>
                    <li class="nav-item mx-2"> <a class="nav-link" href="#">Contacts
                        </a> </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-md navbar-dark bg-primary">
        <div class="container"> <a class="navbar-brand" href="<?php echo DOMAIN_SITE; ?>">
                <i class="fa d-inline fa-lg fa-stop-circle"></i>
                <?php echo SITE_NAME; ?></a>            
            <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar16">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar16">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">FAQ</a> </li>
                </ul> <a class="btn navbar-btn ml-md-2 btn-light text-dark">Contact us</a> </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="container"> <a class="navbar-brand" href="<?php echo DOMAIN_SITE; ?>">
                <i class="fa d-inline fa-lg fa-circle-o"></i>
                <?php echo SITE_NAME; ?></a> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar17">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar17">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Product</a> </li>
                </ul>
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Services</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">FAQ</a> </li>
                </ul> <a class="btn btn-outline-light navbar-btn ml-md-2">Contact us</a> </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-md navbar-dark bg-primary">
        <div class="container"> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar18">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar18"> <a class="navbar-brand d-none d-md-block" href="#">
                    <i class="fa d-inline fa-lg fa-circle"></i>
                    <a class="navbar-brand" href="<?php echo DOMAIN_SITE; ?>"><?php echo SITE_NAME; ?></a>
                </a>
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                </ul>
                <ul class="navbar-nav">
                    <li class="nav-item"> <a class="nav-link" href="#">Log in</a> </li>
                    <li class="nav-item"> <a class="nav-link text-white" href="#">Register</a> </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-md navbar-dark bg-primary">
        <div class="container"> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar19">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar19"> 
                <a class="navbar-brand d-none d-md-block" href="<?php echo DOMAIN_SITE; ?>">
                    <i class="fa d-inline fa-lg fa-stop-circle-o"></i>
                    <?php echo SITE_NAME; ?>
                </a>
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                </ul>
                <ul class="navbar-nav">
                    <li class="nav-item"> <a class="nav-link" href="#">
                            <i class="fa fa-twitter fa-fw"></i>
                        </a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">
                            <i class="fa fa-facebook fa-fw"></i>
                        </a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">
                            <i class="fa fa-slack fa-fw"></i>
                        </a> </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="container"> <button class="navbar-toggler navbar-toggler-right border-0 p-0" type="button" data-toggle="collapse" data-target="#navbar20">
                <p class="navbar-brand text-white mb-0">
                    <a class="navbar-brand" href="<?php echo DOMAIN_SITE; ?>">
                        <i class="fa d-inline fa-lg fa-stop-circle"></i> 
                        <?php echo SITE_NAME; ?></a> 
                </p>
            </button>
            <div class="collapse navbar-collapse" id="navbar20">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                </ul>
                <p class="d-none d-md-block lead mb-0 text-white"> <i class="fa d-inline fa-lg fa-stop-circle"></i> <b> <?php echo SITE_NAME; ?></b> </p>
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item mx-1"> <a class="nav-link" href="#">
                            <i class="fa fa-github fa-fw fa-lg"></i>
                        </a> </li>
                    <li class="nav-item mx-1"> <a class="nav-link" href="#">
                            <i class="fa fa-gitlab fa-fw fa-lg"></i>
                        </a> </li>
                    <li class="nav-item mx-1"> <a class="nav-link" href="#">
                            <i class="fa fa-bitbucket fa-fw fa-lg"></i>
                        </a> </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
            <a class="navbar-brand" href="<?php echo DOMAIN_SITE; ?>"><?php echo SITE_NAME; ?></a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDarkDropdown" aria-controls="navbarNavDarkDropdown" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavDarkDropdown">
                <ul class="navbar-nav">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Dropdown
                        </a>
                        <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
                            <li><a class="dropdown-item" href="#">Action</a></li>
                            <li><a class="dropdown-item" href="#">Another action</a></li>
                            <li><a class="dropdown-item" href="#">Something else here</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</li>
