footer.html

<footer class="footer mt-auto py-3 bg-dark">
    <div class="container">
        
        <div class="hiring-quotes-content" style="background-color: #212529!important;">
            <div class="container">
                
                <div class="hiring-quotes-content-inner" style="padding: 40px 0px;">
                    
                    <div class="card-body text-center text-white">
                        <img src="imgs/profile.jpg" alt="..." width=120 height=120 style="object-fit: cover; border-radius: 50%;">
                        <h2 class="card-title">Interested in Hiring me for your Projects?</h2>
                        <p class="card-text">Looking for an Person who wants to learn, built and debug your projects, I love doing it, In Free time i always try to explore different projects or applications, sometimes tweaking few small components, mostly validating my knowledge, I am always keen in learning new technologies</p>
                        <a href="#" class="btn btn-light" data-bs-toggle="modal" data-bs-target="#show-info" >Let's Talk</a>
                    </div>

                </div>

            </div>
        </div>

    </div>
</footer>

<footer class="footer mt-auto py-3 bg-dark">
    <div class="container">
        <center>
            <span class="text-muted">Developed From Scratch, Inspired From -> <a href="https://themes.3rdwavemedia.com/instance/bs4/" style="color: var(--bs-dark)" 
                onMouseOver="this.style.color='white'"
                onMouseOut="this.style.color='var(--bs-dark)'"
            >3rdWaveMedia Instance Theme</a> </span>
        </center>
    </div>
</footer>


<modal-setup>

    <div class="modal fade" id="show-info" tabindex="-1" aria-labelledby="exampleModalPopoversLabel" style="display: none;" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalPopoversLabel">😄 Thank You 🔥</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p>
                        For Considering me & clicking on `Hire Me` <br>
                        I would love to work  <strong>With YOU</strong> or for you.
                    </p>                    
                </div>
                <div class="modal-footer">
                    Contact With Me 
                    <a href="https://web.whatsapp.com/send?phone=918879085076&amp;text=Hey%2C%0D%0ACan+We+Talk" class="btn btn-dark" target="_blank">@WhatsApp</a>
                    <a href="tel:asharry97.bhandari@gmail.com" class="btn btn-outline-dark">@EMail</a>
                </div>
            </div>
        </div>
    </div>

</modal-setup>