Close

Profile Settings Page Layout

This is a layout of a profile settings page, designed using CSS, HTML, and Bootstrap framework 4. This layout can be used to display the settings on a user profile and save the edited changes. The user image avatar and icons are imported to the code with their URLs. The body of the form is given a background color as #F0F8FF. The form consists of toggle bars, input text fields, and a 'Save' button. The 'Account' tab is created as the active tab, by default. The information card is given a box-shadow style of 0 1px 15px 1px rgba(52,40,104,.08), and a border style of 1px solid #e5e9f2. The user image is given a width and a height value of 128. The card header section is given a style set of font color as inherit, background-color as #fff, and border-bottom as 1px solid #e5e9f2. The 'Save' and 'Upload' buttons are created as primary type buttons. Source: https://www.bootdey.com/snippets/view/bs4-Profile-Settings-page#html

Post Comment or Questions

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

Your email address will not be published.

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.