Close

Vertical Carousel

This is an example of a bootstrap web form with a vertical carousel feature designed using Tweenmax JavaScript library, CSS, bootstrap framework 4 and HTML. The images and bootstrap styles are imported to the code with their URLs, whereas the carousel feature had been implemented using JavaScript. The body of the form is given a height and a width of 100%, a linear gradient background color as linear-gradient(180deg, #ffb253 0%, #f56259 100%). The card image has the styles of width as 53px, height as 53px, and border-radius as 50% to get the circle shape. The card content section is given the styles of width as 100%, max-width as 374px, margin-left as 26px, and font-family as "Open Sans",sans-serif. The card title has the styles of color as #4a4545, font-size as 16px, font-weight as 400, letter-spacing as -.18px, and line-height as 24px, whereas the content description is given the styles of color as #696d74, font-size as 15px, font-weight as 300, and line-height as 24px.The city is given a font color of #696d74, and a font-size of 11px with the text-transform style set as uppercase to automatically convert the text to uppercase. Source: https://codepen.io/rahulsingha/pen/mdyXzzj

Post Comment or Questions

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

Your email address will not be published. Required fields are marked *

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.