<div class="blocks-sc-3col-02 wrapper bg-color-ui-01"> <div class="our-team grid-container main-container" data-test="page-our-team-list"> <div class="team-list grid-x gutter-medium grid-padding-x grid-padding-y"> <!-- segment --> <div class="large-4 medium-6 small-12 cell" data-test="our-team-list-card"> <a> <img src="https://insites.imgix.net/Dark.png" alt="image" /> </a> <div class="spacer x-large"></div> <a> <h3>Robert Fox</h3> </a> <div class="spacer x-small"></div> <p><strong>CEO</strong></p> <div class="spacer"></div> <div class="description"> Leading the innovation and growth of the company. </div> </div> <!-- /segment --> <!-- segment --> <div class="large-4 medium-6 small-12 cell" data-test="our-team-list-card"> <a> <img src="https://insites.imgix.net/Dark.png" alt="image" /> </a> <div class="spacer x-large"></div> <a> <h3>Wade Waren</h3> </a> <div class="spacer x-small"></div> <p><strong>Head of Sales</strong></p> <div class="spacer"></div> <div class="description"> 12 years of marketing experience. </div> </div> <!-- /segment --> <!-- segment --> <div class="large-4 medium-6 small-12 cell" data-test="our-team-list-card"> <a> <img src="https://insites.imgix.net/Dark.png" alt="image" /> </a> <div class="spacer x-large"></div> <a> <h3>Jane Cooper</h3> </a> <div class="spacer x-small"></div> <p><strong>CTO</strong></p> <div class="spacer"></div> <div class="description"> Amazing developer with business understanding. </div> </div> <!-- /segment --> </div> </div> </div>
/* sc-3col-02 */ .blocks-sc-3col-02.wrapper { padding-top: 0; padding-bottom: 0; padding-left: 24px; padding-right: 24px; } .blocks-sc-3col-02.wrapper .grid-container { max-width: 1232px; position: relative; padding-left: 0; padding-right: 0; } .blocks-sc-3col-02.wrapper .blocks-sc-3col-02.wrapper { padding-left: 0; padding-right: 0; } @media screen and (min-width: 1440px) { .blocks-sc-3col-02.wrapper { padding-left: 24px; padding-right: 24px; } } @media screen and (min-width: 1200px) and (max-width: 1439px) { .blocks-sc-3col-02.wrapper { padding-left: var(--container-padding-x-large, 24px); padding-right: var(--container-padding-x-large, 24px); } } @media screen and (min-width: 1024px) and (max-width: 1199px) { .blocks-sc-3col-02.wrapper { padding-left: 24px; padding-right: 24px; } } @media screen and (min-width: 640px) and (max-width: 1023px) { .blocks-sc-3col-02.wrapper { padding-left: 32px; padding-right: 32px; } } @media screen and (max-width: 639px) { .blocks-sc-3col-02.wrapper { padding-left: 24px; padding-right: 24px; } } .blocks-sc-3col-02.bg-color-ui-01 { background-color: #FFFFFF; } .blocks-sc-3col-02 .our-team img, .blocks-sc-3col-02 .our-team .placeholder-img { width: 100%; border-radius: 5px; } .blocks-sc-3col-02 .our-team .team-list .description{ font-family: 'Lato', sans-serif; font-size: 1rem; color: #595959; } .blocks-sc-3col-02 h3 { margin-bottom: 0; } .blocks-sc-3col-02 p { margin-bottom: 0; } .blocks-sc-3col-02 h3 { font-family: 'Lato', sans-serif; font-weight: 700; color: #2B2B2B; line-height: normal; } .blocks-sc-3col-02 h3 { font-size: 1.5rem; } .blocks-sc-3col-02 p { font-family: 'Cabin', sans-serif; font-style: normal; font-weight: 400; font-size: 0.875rem; line-height: 1.5rem; color: #595959; } .blocks-sc-3col-02 .spacer { padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 24px; } .blocks-sc-3col-02 .spacer.xx-small{ padding-bottom:4px; } .blocks-sc-3col-02 .spacer.x-small{ padding-bottom:8px; } .blocks-sc-3col-02 .spacer.small{ padding-bottom:16px; } .blocks-sc-3col-02 .spacer.large { padding-bottom: 32px; } .blocks-sc-3col-02 .spacer.x-large { padding-bottom: 40px; } .blocks-sc-3col-02 .spacer.xx-large { padding-bottom: 48px; } .blocks-sc-3col-02 .spacer.xxx-large { padding-bottom: 56px; } .blocks-sc-3col-02 .spacer.xxxx-large { padding-bottom: 80px; } .blocks-sc-3col-02 .spacer.section { padding-bottom: 128px; } /********** [Foundation Style Customization / Overwrite] **********/ .blocks-sc-3col-02 .grid-padding-x>.cell, .blocks-sc-3col-02 .gutter.grid-padding-x>.cell, .blocks-sc-3col-02 .gutter-medium.grid-padding-x>.cell { padding-left: 12px; padding-right: 12px; } .blocks-sc-3col-02 .grid-padding-y>.cell, .blocks-sc-3col-02 .gutter.grid-padding-y>.cell, .blocks-sc-3col-02 .gutter-medium.grid-padding-y>.cell { padding-top: 12px; padding-bottom: 12px; } .blocks-sc-3col-02 .grid-container:not(.full)>.grid-padding-x, .blocks-sc-3col-02 .grid-container:not(.full)>.grid-padding-x.gutter, .blocks-sc-3col-02 .grid-container:not(.full)>.grid-padding-x.gutter-medium { margin-right: calc(-1 * 12px); margin-left: calc(-1 * 12px); } @media print, screen and (min-width: 640px){ .blocks-sc-3col-02 .gutter-medium.grid-padding-x>.cell { padding-left: 20px; padding-right: 20px; } .blocks-sc-3col-02 .gutter-medium.grid-padding-y>.cell { padding-top: 20px; padding-bottom: 20px; } .blocks-sc-3col-02 .grid-container:not(.full)>.grid-padding-x.gutter-medium { margin-right: calc(-1 * 20px); margin-left: calc(-1 * 20px); } }