custom styled searchbar layout:
main container apply class: gd-search-page-searchbar-wrapper
inner block class: no class necessary | *uncheck 'jobs near me' option
typed headline animation block:
main container: no class necessary
*must be a code block element
Get to know us!
Its awesome!
offset image block:
main container apply class: offset-img-block-wrapper
each img block apply class: offset-img-block-img
offset image block: (reversed)
main container apply class: offset-img-block-wrapper-reverse
each img block apply class: offset-img-block-img-reverse
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
hover arrow buttons (light and dark variation):
main container: no class necessary
each text block apply class: arrow-btn-light -or- arrow-btn-dark accordingly
*doesn't matter which button class you use, just need to add class: 'arrow-btn-light' in this block
*doesn't matter which button class you use, just need to add class: 'arrow-btn-dark' in this block
slide-in animations:
main container apply class: animatedParent animateOnce
each img block apply class: animated fadeInUp
viewport >860px
- 66px
viewport >800px
- 61px
viewport <800px
- 45px
viewport >800px
- 52px
viewport <800px
- 36px
viewport >800px
- 46px
viewport <800px
- 32px
viewport >800px
- 41px
viewport <800px
- 29px
viewport >800px
- 52px
viewport <800px
- 36px
body text,
p,
ul,
li,
span,
a
<< font-size: 18px;
<< line-height: 28px;
<< font-weight: 500;
Headings ONLY, use class: " heading-sage "
Applies To:
Body Text ONLY, use class: " body-sage "
Applies To:
p
ul
li
span
a
ALL text in block, use class: " font-sage-all "
Applies To:
paragraph, body text, etc.
Headings ONLY, use class: " heading-sherpa "
Applies To:
Body Text ONLY, use class: " body-sherpa "
Applies To:
p
ul
li
span
a
ALL text in block, use class: " font-sherpa-all "
Applies To:
paragraph, body text, etc.
use class: " all-text-24px "
Applies To:
ALL TEXT
in a single block
regardless of heading,
paragraph, body text, etc.
2022 Salary Data - Global Gender Graph - w/ mobile version (use code block below)
For every dollar a man makes at GoDaddy, a woman makes*
Tabbed Diversity Graphs - w/ mobile version (use code block below)
For every dollar in the U.S. someone white makes, someone of color makes*
test | salary data 2022
test | salary data 2021
test | salary data 2020
test | salary data 2019
test | salary data 2018
test | salary data 2017
*For confidentiality reasons, rates of pay for less than 5 employees are not displayed
In 2022, women represent 30% of GoDaddy's global workforce.
test | global gender 2022
test | global gender 2021
test | global gender 2020
test | global gender 2019
test | global gender 2018
test | global gender 2017
Across GoDaddy's U.S. team, 37% of employees are people of color.
test | us ethnic 2022
test | us ethnic 2021
test | us ethnic 2020
test | us ethnic 2019
test | us ethnic 2018
test | us ethnic 2017
For every dollar in the U.S. someone white makes, someone of color makes*
test | salary data 2022
test | salary data 2021
test | salary data 2020
test | salary data 2019
test | salary data 2018
test | salary data 2017
*For confidentiality reasons, rates of pay for less than 5 employees are not displayed
In 2022, women represent 30% of GoDaddy's global workforce.
test | global gender 2022
test | global gender 2021
test | global gender 2020
test | global gender 2019
test | global gender 2018
test | global gender 2017
Across GoDaddy's U.S. team, 37% of employees are people of color.
test | us ethnic 2022
test | us ethnic 2021
test | us ethnic 2020
test | us ethnic 2019
test | us ethnic 2018
test | us ethnic 2017
[ALTRUVIDEO PLACEHOLDER CODE BLOCK]