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.