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.