htmlhyperlinkfont-awesomehref

When clicked on Font Amesome icon, the hyperlink doesn't work


The website is https://alloutcreative.com/ This is the code:

                            <div class="mil-team-card mil-up mil-mb-30">
                                <img src="img/faces/Eugen.jpg" alt="Team member">
                                <div class="mil-description">
                                    <div class="mil-secrc-text">
                                        <h5 class="mil-muted mil-mb-5">Eugen Kelemen</a></h5>
                                        <p class="mil-link mil-light-soft mil-mb-10">Founder, CEO, Videography, Photography, Visual Effects</p>
                                        <ul class="mil-social-icons mil-center">
                                            <li><a href="https://www.instagram.com/eugen.jk/" target="_blank" class="social-icon"> <i class="fab fa-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                        </div>

It just redirects me to https://alloutcreative.com/eugen.jk/ and not the wanted link.


Solution

  • This is working for me

    <a href="#" 
     onclick="window.open('https://www.instagram.com/eugen.jk/', 
     '_blank')" class="social-icon">
     <i class="fab fa-instagram"></i>
    </a>