This is an example of a bootstrap profile feed designed using HTML and CSS. The images and style sheet had been imported to the code with the URL. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the unordered list. The form consists of buttons, labels, and links to social media accounts. Clock, reply, comment icons have been created as material design icons. The form body is set with styles margin-top as 20px and color as #6c7293. The navigational items are given color #464dee and a font size of 1.25rem. The styles for the profile feed items are set as padding as 1.5rem 0 and border-bottom as 1px solid #e9e9e9 whereas the smaller circular image icons are given the styles of width as 43px and height as 43px.
This is an example of the input box which is clean, subtle with input text animation. The design easily blends with any type of website. This has an input text designed to make a perfect option for any type of text fields. Once the input field is selected then the label for the field glides smoothly upwards allowing you to add the details clearly in the field. This snippet has a form with two inputs which are of filled type. The entire effect is achieved using CSS 3. With the CSS being more effective in adding transitions and animations, we are not depended on a complicated script to make it interactive, unlike earlier days. Filled input type is used with the borders displayed with red color initially. Once you start typing in the input field, it turns into green. Source: https://codepen.io/atunnecliffe/pen/gpKzQw