Colors
HEX: #ffffff
BG class="i-bg-white"
Color class="i-white"
BG class="i-bg-white"
Color class="i-white"
HEX: #2c2c2c
BG class="i-bg-black"
Color class="i-black"
BG class="i-bg-black"
Color class="i-black"
HEX: #D70302
BG class="i-bg-red"
Color class="i-red"
BG class="i-bg-red"
Color class="i-red"
HEX: #878787
BG class="i-bg-gray-dark"
Color class="i-gray-dark"
BG class="i-bg-gray-dark"
Color class="i-gray-dark"
HEX: #E8E8E8
BG class="i-bg-gray"
Color class="i-gray"
BG class="i-bg-gray"
Color class="i-gray"
HEX: #3E9BD9
BG class="i-bg-blue"
Color class="i-blue"
BG class="i-bg-blue"
Color class="i-blue"
HEX: #18A800
BG class="i-bg-green"
Color class="i-green"
BG class="i-bg-green"
Color class="i-green"
Typography
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
The font-size can be changed by class:
.xl - example
.h1 - example
.h2 - example
.h3 - example
.h4 - example
.h5 - example
.h6 - example
.p - example
.p2 - example
.p3 - example
The font-weight can be changed by class:
.i-extra
.i-bold
.i-semi
.i-medium
.i-regular
.i-light
.i-thin
.ia-extra
.ia-bold
.ia-semi
.ia-medium
.ia-regular
.ia-light
.i-thin
Aligment
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
Buttons & Links
Icons
icon-phone-2
icon-upload
icon-youtube
icon-twitter
icon-trafic
icon-time
icon-team
icon-startups-2
icon-startups
icon-softwere
icon-secure
icon-school
icon-scalable
icon-reliable
icon-realized
icon-quote
icon-quality
icon-play
icon-phone
icon-partnership
icon-meter
icon-linkedin
icon-iot
icon-instagram
icon-fintech
icon-fast-result
icon-facebook
icon-experience
icon-email
icon-elevator
icon-education
icon-edtech
icon-drone
icon-digital-bank
icon-customers
icon-custom
icon-communication
icon-check-mark
icon-arrow
icon-api
icon-ai