Thumbnail Carousel With Content
This is an example of a stylish thumbnail carousel with content, designed using Html, CSS, and Bootstrap framework 4. The thumbnail images, font, bootstrap, and CSS styles are imported to the code with their URLs. The body of the form is given the styles of background color as #ebebeb, and font-family as "Open Sans", sans-serif. The carousel item is displayed using a font-family of 'Varela Round', sans-serif. The 'More' button in the carousel item is given a style set of font-size as 12px, text-transform as uppercase to automatically convert the text to uppercase, font-weight as bold, and background as #a177ff, which gets changed to #8c5bff on hover. The button text is displayed using a font-size of 14px, and a font-weight style as bold. The thumbnail wrapper is given a box-shadow style as 0px 2px 2px rgba(0,0,0,0.1). The thumbnail content is displayed with a font-size of 13px. The border-radius of the carousel indicators is set as 50% to get the circle shape.