This is another example of a bootstrap footer template with hover effects, designed using HTML, CSS, JavaScript and Bootstrap framework 4. The icons and images are imported to the code with their URLs. 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 details in an orderly manner. JavaScript functions have been used to display the "Top" button when the sure scrolls down 20px from the top of the form and take the user back to the top when it's clicked. The column headings are given the styles of font-size as 2rem, text-transform as uppercase automatically convert the text to uppercase, color as #304f50, font-weight as 500, margin as 1rem 0, padding as .4rem 0px, border-bottom as 1px solid #c7c7c7, and letter-spacing as 3px. The list items are given a font color as grey, which changes to #ff6600, in a hover event. The bottom footer is given a background color as cadetblue and font color as white. The button is given a font-size of 18px, cursor style as pointer to get the hand cursor effect, and a background color of #304f50, which changes to #555, in a hover event. Source: https://codepen.io/hanabach/pen/xBvJqX
This is an example of a bootstrap footer template with hover effects, designed using HTML, CSS, and Bootstrap framework 4. The icons are imported to the code with their URLs. 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 details in an orderly manner. Media queries have been used to increase the responsiveness of the form. The body of the form is given the styles of box-sizing as border-box, and font-family as "Lato", sans-serif. The footer is divided into three sections as Footer main, Footer social, and Footer legal and given styles. The background color of the main section is set as #555, with the font color set as #eee. The title of the list items has the styles of color as #fff, font-family as "Merriweather", serif, font-size as 1.375rem, and padding-bottom as 0.625rem. The list items take an underline effect in a hover event. The Footer legal section is given a background color of #333, and padding as 0.9375rem 1.875rem. Source: https://codepen.io/Caseguy/pen/gObBmGd
This is an example of a mobile responsive bootstrap footer template with hover animations, designed using HTML, CSS, and Bootstrap framework 4. The icons are imported to the code with their URLs. 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 details in an orderly manner. 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 Arial, Helvetica, Sans-serif, and background-color as #070617. The footer section is given a background color of #070617. The footer column headers are given the styles of font-family as inherit, font-size as 12px, line-height as 17px, padding as 20px 0px 5px 0px, color as rgba(255,255,255,0.2), font-weight as normal, text-transform as uppercase to convert the text to uppercase automatically, and letter-spacing as 0.250em. The column list items have the styles of color as #999999, font-size as 14px, cursor as pointer to get the hand cursor effect, and transition as .2s, which changes its color to #ffffff, in a hover event. Source: https://codepen.io/jakeduncan/pen/rJZJMM
This is an example of a bootstrap responsive admin screen with hover effects, designed using HTML, CSS, JavaScript, and bootstrap framework 4. The icons, images, and fonts are imported to the form with their URLs. 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 details in an orderly manner. Media queries have been used to increase the responsiveness of the form. JavaScript functions have been used to implement the search bar and sidebar effects. The body of the form is given a background color of #d9e4ee, and a font-family style as Helvetica Neue, Helvetica, Arial, Verdana, sans-serif. The header logo is given a transform effect of rotate(180deg) to work on a hover event. The sidebar header is given a background color as #0f92d1, whereas the menu items are given the color #35495d. The menu section takes the color #ef8700, in a hover event, whereas the sidebar items are given a font color of #98cde6, text-transform style as uppercase to automatically convert the text to uppercase. The items change the font color to white, in a hover event. Source: https://codepen.io/nadiaschutz/pen/bGGoOjY
This is another example of a responsive bootstrap about me box, designed using HTML, CSS, and bootstrap framework 4. The images and social media links are imported to the code with their URLs, whereas media queries have been used to increase the responsiveness of the form. The body of the form is given the styles of background-image as radial-gradient (#cecece, #ececec), font-family as 'Roboto', and padding-top as 30px. The about card is given a style set of background-image as linear-gradient((to right, #7b2590 , #dd337a), padding as 20px, border-bottom as 35px solid #fff, max-width as 700px, display as block, margin as auto, color as #fff, border-radius as 10px. The designation title is given a font color of gold, a font-size of 14px, font-weight of 300, and a text-transform style as uppercase. The profile image is given a background image style as linear-gradient(to right, #7b2590 , #8c288b). The social media icons are given a background color of #8c288b. Source: https://codepen.io/anon/pen/GbmjrM
This is an example of a responsive bootstrap about me box, designed using HTML, CSS, and bootstrap framework 4. The images and social media links are imported to the code with their URLs, whereas media queries have been used to increase the responsiveness of the form. The body of the form is given the styles of background-image as radial-gradient (#cecece, #ececec), font-family as 'Roboto', and padding-top as 30px. The about card is given a style set of background-image as linear-gradient(to left top, #626566, #383E40), padding as 20px, border-bottom as 35px solid #fff, max-width as 700px, display as block, margin as auto, color as #fff, border-radius as 10px. The designation title is given a font-size of 14px, font-weight of 300, and a text-transform style as uppercase. The profile image has the styles of border-radius as 50% to get the circular shape, and border as 5px solid #fff. The YouTube, Whatsapp, Twitter, and Facebook icons are given the background colors of #D80707, #07D84D, #55ACEE, and #3b5998, respectively. Source: https://codepen.io/anon/pen/Oejded