Close

Responsive About Me Box

This is an 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 left top, #626566, #383E40), 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-size of 14px, font-weight of 300, and a text-transform style as uppercase. The profile image has the styles of border-radius as 50% to get the circular shape, and border as 5px solid #fff. The YouTube, Whatsapp, Twitter, and Facebook icons are given the background colors of #D80707, #07D84D, #55ACEE, and #3b5998, respectively. Source: https://codepen.io/anon/pen/Oejded

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.