fbpx Placeholder canvas

Desktop

Tag

class description

(Example)

H1

font-family='Arimo',font-weight=700,font-size=69px,line-height=80px, color=#ffffff,margin=0

This is Example

H2

font-family='Arimo',font-weight=400,font-size=28px,line-height=38px,letter-spacing=2px,color=#ffffff,margin=0

This is Example

H3

font-family='Arimo',font-weight=700,font-style=italic,font-size=32px,line-height=40px,color=#ffffff,margin=0

This is Example

H4

font-family='Arimo',font-weight=700,font-size=22px,line-height=30px,color=#191919,margin=0,

This is Example

P

font-family='Arimo',font-weight=400,font-size=18px,line-height=26px,color=#4b4b4b,margin=0,

This is Example

Color

Color Code

Color Class and site Color

(Example)

#000

text-black

This is Example

#4b4b4b

text-grey

This is Example

#fff

text-white

This is Example

#faed26

yellow

This is Example

#e60000

red

This is Example

Button

Button Class

Button Normal CSS

Button Hover CSS

(Example)

btn-Red

font-size: 16px; line-height: 16px; color: #fff; background: #e60000; border-radius: 25px; text-transform: uppercase; font-weight: 700; padding: 14px 20px; display: inline-block;

background: #7e0101;

salesBtn

background: #ff7e69; font-size: 20px; line-height: 30px; color: #ffffff; font-weight: bold; text-transform: uppercase; display: inline-block; padding: 10px 20px; border-radius: 50px;

background: #ce5a47;

salesBtn

background-image: linear-gradient( 88deg , #79276c, #3a2150); font-size: 20px; line-height: 30px; color: #ffffff; font-weight: bold; text-transform: uppercase; display: inline-block; padding: 10px 30px; border-radius: 50px;

.splsalesBtn:hover { background-image: linear-gradient( 88deg , #3a2150,#79276c); }

Margin

Margin classes

margin style

nomargin

margin:0;

marginT0-5em

margin-top: 0.5em;

marginB0-5em

margin-bottom: 0.5em;

marginT1em

margin-top: 1em;

marginB1em

margin-bottom: 1em;

marginTB1em

margin-top: 1em; margin-bottom: 1em;

marginT2em

margin-top: 2em;

marginTB2em

margin-top: 2em; margin-bottom: 2em;

marginB3em

margin-bottom: 3em;

marginTB3em

margin-top: 3em; margin-bottom: 3em;

nopadding

padding:0;

Some other class

classes

style

YellowLine

height: 8px; width: 35px; background: #faed26; margin: 5px auto;

text-LightBlack

color: #191919;

bgWhite

background: #ffffff;

bglightwhite{

background: #f8f8f8;

text-white

background: #ffffff;

text-grey

color: #4b4b4b;

text-Red

color: #e60000;

text-left

text-align: left;

regular

font-weight: 400;

strong

font-weight: 700;

text-purple

color: #5b5561;

text-yellow

color: #faed26;

text-number

color: #191919; font-size: 110px; line-height: 110px;

Pssst! Care to sign up to my mailing list? I promise – no spam, just great content!



    Get in touch



      Let’s get you the insights you want!



        Let’s get you the insights you want!



          Let’s get you the insights you want!



            Let’s get you the insights you want!



              Let’s get you the insights you want!



                Let’s get you the insights you want!



                  Awesome!

                  Thank you!

                  I’ll let you get back to exploring other interesting insights I have for you.


                  Don’t forget to stay in touch on

                  S