cards classes

Code	Demo
class="card1"	Hello, Card!
class="card2"	Hello, Card 2!
class="card3"	Hello, Card 3!
class="quote-card"	Success! Success is not mean to a goal, it is a door opens for the next opportunity By Author
class="card-hover"	I can hover if curser crosses my border

Class in Action

<div class="border">
    <div class="center">
      <div class="card-hover _BGxABC white inline">
        <p class="maroon">Am a card hover.</p>
      </div>
      <div class="quote-card _BGx999 white inline">
        <h3 class="">Hey there!</h3>
        <p class="white">Am a Customized card, are you trying to look at me? 😉</p>
        <p class="bold right">By Author</p>
      </div>
      <div class="card1 _BGx0FF inline">
        <p class="black">are you trying to look at me?<br> am just a card 😉.</p>
      </div>
    </div>
  </div>
  

Text colors

class naming format : [All Small]*

class="red"
class="green"
class="yellow"
class="blue"
class="black"
class="white"
class="violet"
class="orchid"
class="silver"
class="gold"
class="maroon"
class="magenta"
class="grey"

13 Obscure Colors

class naming format : [Capitalize]*

class="Amaranth"
class="Vermilion"
class="Coquelicot"
class="Gamboge"
class="Burlywood"
class="Aureolin"
class="Celadon"
class="Glaucous"
class="Skobeloff"
class="Viridian"
class="Feldgrau"
class="MountbattenPink"
class="Phlox"

Rarest Colors

class naming format : [Camel Casing]*

class="lapisLazuli"
class="quercitron"
class="cochineal"
class="dragonsBlood"
class="mummyBrown"
class="brazilwood"
class="cadmiumYellow"

Background Colors

class naming format : [All Small]*

class="bg-red"
class="bg-green"
class="bg-yellow"
class="bg-blue"
class="bg-black"
class="bg-white"
class="bg-green"
class="bg-orchid"
class="bg-silver"
class="bg-gold"
class="bg-maroon"
class="bg-magenta"
class="bg-grey"

Hex-colors

class naming format : [using underscore "_" in the front of the 3 digit color codes from 000 to FFF]*

class="_000" to class="_FFF"

Examples: _378, _F28, _37F, _01C

class="_378"
class="_F28"
class="_37F"
class="_01C"