Creative Princing Table
This is an example of displaying the details in a table format with the use of HTML and CSS. The bootstrap CSS links have been imported to the HTML page. Bootstrap grid views is used to organize the code. Color codes #C64545, #2D5772 and #1AA85C are used respectively get the colors red, blue and green. In order to display the effects of transform, the CSS class ‘transform’ has been used with the value of transform 0.5s for the transition event. To add the zoom-in effect to the display box, scale class is used with the value (1.05) so its size will be increased with a ratio of 1.05. This style is implemented on the hover event in CSS class so this will be dynamically added to the element on the mouse hover.
credits - https://bootsnipp.com/snippets/5M12R