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; |