Colors

HIREtech blue
#00A3E0
RGB (0, 163, 224)
CMYK (86, 8, 0, 0)
PMS 299 C
HIREtech gray
#201f1f
RGB (32, 31, 31)
CMYK (71, 66, 65, 75)
#5F6369
RGB (117, 120, 123)
CMYK (30, 22, 17, 57)
PMS Cool Gray 9 C
#5BC2E7
RGB (91, 194, 231)
CMYK (58, 0, 0, 0)
PMS 2985C
#00B5E2
RGB (0, 181, 226)
CMYK (76, 0, 0, 0)
PMS 306C
#0092BC
RGB (0, 146, 188)
CMYK (100, 0, 11, 6)
PMS 313C
#003B5C
RGB (0, 59, 92)
CMYK (100, 32, 0, 68)
PMS 302C
#00629B
RGB (0, 98, 155)
CMYK (100, 32, 0, 25)
PMS 3015C
#00A9E0
RGB (0, 169, 224)
CMYK (79, 3, 0, 0)
PMS 2995C

Fonts

Font family

link href="https://fonts.googleapis.com/css2family=Poppins:wght@300;400;600;700;900&display=swap"
font-family: 'Poppins', sans-serif;

Font weight and size

Light (HIREtech p tag version): Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif; font-weight: 300;
Regular: Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif; font-weight: 400;
Semibold: Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif; font-weight: 600;
Bold: Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif; font-weight: 700;
Bolder: Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif; font-weight: 900;

Icons

Libraries

Transitions

Animate On Scroll Library

Timezone

Moment.js

CSS Animations

Animista | Animate

Logos

Typography

Paragraph

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 16px;

H1

+Headings

font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 32px;

Plus icon

-webkit-font-smoothing: subpixel-antialiased;
color: #00a3e0;
font-weight: 600;
font-style: italic;
font-size: 32px;
line-height: 40px;
position: absolute;
top: -1px;
left: -28px;

Buttons

Learn more

Default

background-color: #00A3E0;
font-size: 14px;
margin: 0 10px;
min-width: 200px;
-moz-box-shadow: 0px 9px 15px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 9px 15px 3px rgba(0, 0, 0, 0.25);
box-shadow: 0px 9px 15px 3px rgba(0, 0, 0, 0.25);
transition: all 0.5s;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: white;
padding: 13px 0;
cursor: pointer;
text-transform: uppercase;

Hover

background: transparent;
border: 1px solid #00A3E0;
color: #00A3E0;
Learn more

Default

background-color: transparent;
border: 1px solid #00A3E0;
font-size: 14px;
margin: 0 10px;
min-width: 200px;
transition: all 0.5s;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #00A3E0;
padding: 13px 0;
cursor: pointer;
text-transform: uppercase;

Hover

background-color: #5BC2E7;
border-color: #5BC2E7;
color: #fff;
box-shadow: none;
Learn more

Default

background-color: #201F1F;
font-size: 14px;
margin: 0 10px;
min-width: 200px;
-moz-box-shadow: 0px 9px 15px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 9px 15px 3px rgba(0, 0, 0, 0.25);
box-shadow: 0px 9px 15px 3px rgba(0, 0, 0, 0.25);
transition: all 0.5s;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: white;
padding: 13px 0;
cursor: pointer;
text-transform: uppercase;

Hover

background-color: #5BC2E7;
box-shadow: none;
HIREtech, a Paradigm Company. © 2020 HIREtech