Close

Profile Card

This is an example of a bootstrap profile card layout, designed using HTML, CSS, JavaScript and bootstrap framework 4. The images and fonts are imported to the code with their URLs. JavaScript functions have been used to implement the following function. The body of the form is given the styles of background as #202020, and font-family as 'Krub', sans-serif. The card is given a style set of width as 250px, height as 400px, border-radius as 10px, box-shadow as 0 10px 25px 5px rgba(0, 0, 0, 0.2),and background as #151515. The top part of the card is given the styles of background as crimson, and animation as dsTop 1.5s. The profile pic is given a border-radius of 50% to get the circular shape, box-shadow as 0 0 0 5px #151515, and an animation as mvTop 1.5s. The name title is given an animation fadeIn 2s ease-in, which takes a text-decoration as underline, and color as crimson, in a hover event. The bottom content is also given the styles of text-transform as uppercase, and color as crimson. Source: https://codepen.io/jforv/pen/yLyMRXQ

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.