_element_builder Skip to main content
Search Jobs

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

    Be part of our growt|

    Go Daddy FAQs

    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

    Shirt, Long Sleeve, Sleeve, Adult, Male, Man, Person, Female, Woman, T-Shirt
    Adult, Male, Man, Person, Female, Woman, Conversation, Cup, Laptop, Face

    offset image block: (reversed)

    main container apply class: offset-img-block-wrapper-reverse

    each img block apply class: offset-img-block-img-reverse

    Shirt, Long Sleeve, Sleeve, Adult, Male, Man, Person, Female, Woman, T-Shirt
    Adult, Male, Man, Person, Female, Woman, Conversation, Cup, Laptop, Face

    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

    arrow-btn-light

    button1 + class

    button2 + class

    button3 + class

    button4 + class

    *doesn't matter which button class you use, just need to add class: 'arrow-btn-dark' in this block

    arrow-btn-dark

    button1 + class

    button2 + class

    button3 + class

    button4 + class

    Button1

    system default - no custom class

    Button2

    system default - no custom class

    slide-in animations:

    main container apply class: animatedParent animateOnce

    each img block apply class: animated fadeInUp

    Pilates, Working Out, Indoors, Interior Design, Person, Chair, Furniture, Foyer, Bicycle, Wheel
    Laptop, Pc, Person, Sitting, Head, Face, Happy, Adult, Female, Woman

    Typography, headings, body text, font-faces

    Headings ( no custom class needed, these are global sizes )

    h1

    viewport >860px

    - 66px

    viewport >800px

    - 61px

    viewport <800px

    - 45px

    h2

    viewport >800px

    - 52px

    viewport <800px

    - 36px

    h3

    viewport >800px

    - 46px

    viewport <800px

    - 32px

    h4

    viewport >800px

    - 41px

    viewport <800px

    - 29px

    h5

    viewport >800px

    - 52px

    viewport <800px

    - 36px

    Body Text ( no custom class needed, these are global sizes )

     body text,
     p,
     ul,
     li,
     span,
     a

     <<  font-size: 18px;
     <<  line-height: 28px;
     <<  font-weight: 500;

    Font-Faces ( see below for custom classes )

    GDSage

    Headings ONLY, use class: " heading-sage "

    Applies To:

    h1

    h2

    h3

    h4

    h5
    GDSage

    Body Text ONLY, use class: " body-sage "

    Applies To:

    p

    ul

    li

    span

    a

    GDSage

    ALL text in block, use class: " font-sage-all "

    Applies To:

    ALL TEXT

    in a single block

    regardless of heading,

    paragraph, body text, etc.

    GDSherpa

    Headings ONLY, use class: " heading-sherpa "

    Applies To:

    h1

    h2

    h3

    h4

    h5
    GDSherpa

    Body Text ONLY, use class: " body-sherpa "

    Applies To:

    p

    ul

    li

    span

    a

    GDSherpa

    ALL text in block, use class: " font-sherpa-all "

    Applies To:

    ALL TEXT

    in a single block

    regardless of heading,

    paragraph, body text, etc.

    LARGER PARAGRAPH TEXT STYLE - ALL TEXT WITHIN CONTAINER 24PX 

    use class: " all-text-24px  "

    Applies To:

    ALL TEXT
    in a single block
    regardless of heading,
    paragraph, body text, etc.

    Diversity Graphs

    For full details on GoDaddy’s diversity and salary data, check out these links for the complete U.S. and the U.K. Diversity and Pay Parity Annual reports.

    2022 Salary Data - Global Gender Graph - w/ mobile version (use code block below)

    2022 Salary Data - Global Gender

    For every dollar a man makes at GoDaddy, a woman makes*

    Responsive Image

    Tabbed Diversity Graphs - w/ mobile version (use code block below)

    For every dollar in the U.S. someone white makes, someone of color makes*

    *For confidentiality reasons, rates of pay for less than 5 employees are not displayed

    In 2022, women represent 30% of GoDaddy's global workforce.

    Across GoDaddy's U.S. team, 37% of employees are people of color.

    For every dollar in the U.S. someone white makes, someone of color makes*

    *For confidentiality reasons, rates of pay for less than 5 employees are not displayed

    In 2022, women represent 30% of GoDaddy's global workforce.

    Across GoDaddy's U.S. team, 37% of employees are people of color.

    Altruvideo placeholder block - videos will appear here when ICIMS updates and provides the new script

    [ALTRUVIDEO PLACEHOLDER CODE BLOCK]

    Instagram feed embed

    View this profile on Instagram

    GoDaddy (@godaddy) • Instagram photos and videos