This is an example of a simple modal box designed using HTML, CSS, and JavaScript. JavaScript functions have been used to implement the responsive features of the modal box. The font family is added as "Roboto", sans-serif, and the font-weight is set as normal. The background color of the body is set to #B0BEC5. The header of the model has the styles of padding as 20px 40px, background as #546E7A, and color as #ffffff whereas the modal body is given the styles of background as #ECEFF1, and padding as 60px 40px. The cursor is set as pointer to display the hand cursor. The modal box is given the animation styles of animation-duration: .4s, and animation-timing-function: cubic-bezier(0,0,.3,1.6). The modal trigger button has the style set of top and left as 50%, padding: 20px 40px, background: transparent, color: #ffffff, and border: 1px solid #ffffff.
This is an example of a combination of bootstrap accordion and bootstrap table, designed using HTML. The Bootstrap accordion is a component that organizes content within collapsible items, allowing the display of only one collapsed item at a time. A link has been imported to the code to access a more detailed document. The float buttons have been given a drop-down list. Also, the cards are provided with checkboxes and collapsible descriptions.
This is a template of a bootstrap audio/ music player, designed using CSS, HTML, and JavaScript. The image has been added to the form with its image URLs imported to the code. The music file is also added with its URL imported to the code. JavaScript functions have been used to implement the audio player functions in the form. Several background styles have been added according to the browser type Chrome, Safari, Opera, etc. The card has been added with the styles of border-radius as 10px, and cursor as pointer to display the hand cursor. The play head has the styles of height and width as 8px, border-radius as 50px, and background as black.