DEV Community

Freecodez
Freecodez

Posted on

Animated user profile card using html, css

Hey there, You are most welcome to this article. I hope you will enjoy this article. If you like this article then please share this article with your friends and colleagues. If you have any questions or suggestions regarding this article then please comment down below.

Animated user profile card using html, css

Animated user profile card using html, css

For full source code visit : https://freecodez.com/post/nc3paxk

<!-- https://freecodez.com -->
<div class="card">
    <button class="mail">
            <i class="fa-solid fa-envelope"></i>
        </button>
    <div class="profile-pic">
    </div>
    <div class="bottom">
        <div class="content">
            <span class="name">Vikas</span>
            <span class="about-me">Hi, I am vikas. I am a full stack web developer. Checkout my work on : https://freecodez.com</span>
        </div>
        <div class="bottom-bottom">
            <div class="social-links-container">
                <i class="fa-brands fa-linkedin"></i>
                <i class="fa-brands fa-x-twitter"></i>
                <i class="fa-brands fa-github"></i>
            </div>
            <button class="button">Contact Me</button>
        </div>
    </div>
</div>
Enter fullscreen mode Exit fullscreen mode

Source Code : https://freecodez.com/post/nc3paxk

For more such articles visit : https://freecodez.com

Sentry image

See why 4M developers consider Sentry, β€œnot bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)