Profile User Interfaces
This is an example of a bootstrap user profile interface with hover effects, designed using HTML, CSS, and bootstrap framework 4. The images, icons, and fonts are imported to the code with their URLs. Media queries have been used to increase the responsiveness of the form. The body of the form is given the styles of font-family as 'Greycliff', sans-serif, background as #eeeeee URL("#"), tap-highlight-color as rgba(0, 0, 0, 0), font-size as 10px, and letter-spacing as 2px. The follow button text is given a font color of #ffffff, background color of #2d5488, and a transition effect of all 1s. The form is divided into four profile sections and given the styles accordingly. The profile name of each section has the styles of font-weight as 100, font-size as 2.2em, and color as #848484. The buttons are given a background color as #2d5488, which changes to #5486c9, in a hover event.