User timeline with avatar
This is an example of a user timeline web form, designed using HTML, CSS, and Bootstrap framework 4. The avatar images are imported to the code with their URLs. The body of the form is given a background color of #f9f9fa. The image circle is given a border radius as 500px. Some of the icons are given a background color of #f4c414 linear-gradient(45deg, #f4c414, #f45414), and a font color of #fff. The timeline is displayed using the background color of rgba(160, 175, 185, .15). The timeline card is given the styles of background as #fff, border-radius as .25rem, box-shadow as 0 1px 3px rgba(0, 0, 0, .05), and as margin-bottom: 1.5rem. The avatar is given a border radius of 500px, font-weight of 700, and box-shadow as 0 5px 10px 0 rgba(50, 50, 50, .15). The links and profile circles are given an underline effect to take place in a hover event. Media quarries are used to increase the responsiveness of the form.