navbar.html

<nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow fixed-top">
    <div class="container-fluid">
        
        <ul class="d-flex socio-links mb-0 p-0">
            
            <li class="nav-item">
                <a class="nav-link active" href="#" data-bs-toggle="modal" data-bs-target="#show-quick-snap" data-informer="https://app.hackthebox.eu/profile/611519" data-informer-id="HackTheBox" title="HackTheBox"">
                    <img src="images/svg/htb_white.svg" width="46" height="46" alt="HackTheBox">
                </a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="#" data-bs-toggle="modal" data-bs-target="#show-quick-snap" data-informer="https://tryhackme.com/p/asharry97" data-informer-id="TryHackMe" title="TryHackMe">
                    <img src="images/svg/tryhackme_logo1.svg" width="46" height="46" alt="TryHackMe" >
                </a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="#" data-bs-toggle="modal" data-bs-target="#show-quick-snap" data-informer="https://github.com/aashishrbhandari" data-informer-id="Github"  title="GitHub">
                    <img src="images/svg/github_logo_1.svg" width="46" height="46" alt="GitHub" >
                </a>
            </li>
            
            <li class="nav-item">
                <a class="nav-link" href="#" data-bs-toggle="modal" data-bs-target="#show-quick-snap" data-informer="https://ashish97.gitbook.io/web-app-sec/" data-informer-id="GitBook(Docs)" title="GitBook(Docs)">
                    <img src="images/svg/gitbook-logo1.svg" width="46" height="46" alt="GitBook(Docs)" >
                </a>
            </li>

        </ul>
        
        <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="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse ms-auto" id="navbarSupportedContent">
            <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="./">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./resume-cover.html">Resume</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link disabled" href="./projects.html">Projects</a>
                </li> 
                <li class="nav-item">
                    <a class="nav-link disabled" href="./skills.html">Skills</a>
                </li>  
                <li class="nav-item">
                    <a class="nav-link disabled" href="./blogs.html">Blogs</a>
                </li>  
                <li class="nav-item">
                    <a class="nav-link disabled" href="./services.html">Services</a>
                </li>     
                                 
            </ul>
        </div>

    </div>
</nav>

<!-- WhatsApp Float 
<div class="whatsapp-float-btn">
    <a class="whatsapp-float-btn-icon text-white bg-dark shadow" style="display: flex; justify-content: center; align-items: center;" href="https://web.whatsapp.com/send?phone=918879085076&text=Hello" target="_blank">
        <img src="imgs/svg/whatsapp.svg" width="70px" height="70px" alt="">
    </a>
    <a href="https://web.whatsapp.com/send?phone=918879085076&text=Hello" target="_blank" class="whatsapp-float-btn-text align-self-center p-2 shadow text-white bg-dark" style="background-color: azure; border-radius: 8px;margin-left: 4px; text-decoration: none;">
        Contact Me? <strong>Chat directly..</strong>
    </a>
</div>

-->