Close

Crypto Donation User Card

This is an example of a bootstrap crypto donation user card layout, designed using HTML, CSS, JavaScript and bootstrap framework 4. The images are imported to the code with their URLs. JavaScript functions have been used to implement the crypto related data and copy text to clipboard functions. The CSS styles are predefined as $colorPrimary: purple, $padSpace: 1em, $maxWidth: 520px, $heroHeight: 10em, $borderRadius: 6px, $fxSpeed: 300ms, $bgColor: #f0f0f0, $fontColor: desaturate ( darken( $colorPrimary, 35% ), 50% ), $fontFamily: 'Merriweather Sans', Arial, sans-serif, $fontSize: 15px, $shadowSmall: 0 1px 3px rgba( #000, 0.3 ), and $shadowBig: 0 2px 18px rgba( #000, 0.5 ). The body is given a background color as desaturate( darken( $colorPrimary, 8% ), 40% ), font-family as $fontFamily, font-size as $fontSize, and color as $fontColor. The card user name has the styles of font-size as 200%, letter-spacing as -1px, line-height as 1em, color as $bgColor, and text-shadow as $shadowBig. The tab button takes a background color of rgba( #000, 0.05 ), in a hover event. Source: https://codepen.io/chandanmondal/pen/LYEzdKZ

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 *

Several Related Snippets

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