Close

Responsive About Me Box

This is another example of a responsive bootstrap about me box, designed using HTML, CSS, and bootstrap framework 4. The images and social media links are imported to the code with their URLs, whereas media queries have been used to increase the responsiveness of the form. The body of the form is given the styles of background-image as radial-gradient (#cecece, #ececec), font-family as 'Roboto', and padding-top as 30px. The about card is given a style set of background-image as linear-gradient((to right, #7b2590 , #dd337a), padding as 20px, border-bottom as 35px solid #fff, max-width as 700px, display as block, margin as auto, color as #fff, border-radius as 10px. The designation title is given a font color of gold, a font-size of 14px, font-weight of 300, and a text-transform style as uppercase. The profile image is given a background image style as linear-gradient(to right, #7b2590 , #8c288b). The social media icons are given a background color of #8c288b. Source: https://codepen.io/anon/pen/GbmjrM

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.