This is an example of a bootstrap survey form which includes buttons and radio buttons, designed using HTML and CSS. The radio buttons in the same group are given the same name to avoid selecting multiple buttons at the same time. There are five types of radio buttons; Very Good, Good, Mediocre, Bad, and Very Bad which are assigned its color code. Very Good buttons are given a background and a border color of #2e7d32, Good are given a border and a background color of #64dd17, Mediocre are given a color of #ffea00, Bad are given the color of #ff9800 whereas Very Bad are given the background and border color of #d50000.
This is a template of a web form with bootstrap grid list with scroll bar, without scrollbar, and smooth scroll options, designed using CSS, and HTML. The images have been added to the form with their image URLs imported. The last scroll bar has the styles of border-radius as 10px, webkit-box-shadow as inset 0 0 6px rgba(0, 0, 0, 0.1), background-image as -webkit-linear-gradient(330deg, #f093fb 0%, #f5576c 100%), and background-image as linear-gradient(120deg, #f093fb 0%, #f5576c 100%).
This is another example of a card layout web form with chips inside the cards, designed using CSS and HTML. The images and videos have been added to the form with their URLs imported. The background color of #eee is added to the body. There are three cards in the form named as booking card, sunny card, and the news card which are given different colors and styles. The sunny card is given a background color of #feffdf whereas its title and subtitle are given a color of #ffa952. Its logo is given the color of #ef5a5a, where the other chips are given the colors of #ffe79a, #ef5a5a, and #ffa952 respectively. The background color of the floating button is given as #ef5a5a. The news card is given the styles of background-color: #0b032d, and color: #ffb997. The input text field of the news card has the styles of box-shadow: 0 1px 0 0 #ffb997, and border-bottom: 1px solid #ffb997. Finally, the booking card is given a background color of #c7f2e3 and a text color of #db2d43.
This is a simple example of a card layout web form, designed using CSS and HTML. The images have been added to the form with their image URLs imported. The styles are added according to the shapes of the polygon in the cards. An initial filter of drop shadow(5px 5px 15px #388BDF) is added to the cards. The clip-blue-polygon initially has the styles of top as -0.3125rem, left as -0.1875rem, background as linear-gradient(125deg, #3787DA, #388BDF, rgb(80, 52, 134), #573E8A), clip-path as polygon(0 0, 100% 0%, 71% 100%, 0% 100%), and border-radius as .75rem. The clip-smaller-polygon also has the same initial style set except for the clip-path: polygon(0 0, 30% 0%, 71% 100%, 0% 100%). Clip-mirror-polygon is given the styles of transform: scaleX(-1), top:-0.3125rem, left:-15rem, background: linear-gradient(125deg, #3787DA, #388BDF, rgb(80, 52, 134), #573E8A), clip-path: polygon(0 0, 30% 0%, 71% 100%, 0% 100%), and border-radius: .75rem. A sheen effect is added to the last polygon with the style animation: sheening 1s forwards.