x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<section class="view-component-preview-component view-component-preview-component--with-narrow-container"> <div class="view-component-preview-component__container"> <li class="ap-c-card ap-c-mission-card"> <div class="ap-c-mission-card__content"> <div class="ap-c-mission-card__badge"> <span>This is a badge</span> </div> <picture> <img alt="Alt Text" height="400" width="800" srcset="https://dummyimage.com/1180x720 2x" src="https://dummyimage.com/1180x720" /> </picture> <div class="ap-c-mission-card__summary"> <h3 class="ap-c-mission-card__heading ap-c-mission-card__heading--space">Mission Space Lab</h3> <p>Giving young people the chance to run their computer programs in space</p> </div> <a data-event-category="Category" data-event-label="Label" data-event-action="click" class="button" href="https://google.com">Choose This Mission</a> </div> </li> </div></section>
1
2
3
4
5
c( 'site/mission_card', options({ heading: 'Mission Space Lab', mission_space_lab: true }), use_narrow_container: true)
No notes provided.
No params configured.