- <div class="__mst_banner_hero_outer_container">
- <div id="mst_hero_banner" class="__mst_banner_hero_container">
- <div class="__mst_banner_item">
- <div class="__mst_banner_text_container">
- <div class="__mst_banner_heading_container">
- <h1 class="__mst_banner_heading __mst_heading_h1">Neque porro quisquam est qui dolorem ipsum</h1>
- </div>
- <div class="__mst_banner_subheading_container">
- <p class="__mst_body">Neque porro quisquam est qui dolorem ipsum quia. Fusce rutrum eget tortor sed venenatis. In eget aliquam purus. </p>
- </div>
- </div>
- <div class="__mst_banner_hero_image_container">
- <img class="__mst_banner_hero __mst_banner_hero_desktop" src="http://mercer-digital-styleguide.devwell2.io/src/components/banners/assets/img/examples/stock4.jpg">
- <img class="__mst_banner_hero __mst_banner_hero_mobile" src="http://mercer-digital-styleguide.devwell2.io/src/components/banners/assets/img/examples/stock4-mobile@2x.jpg">
- </div>
- </div>
- </div>
- <div class="__mst_banner_buttons_container">
- <div class="small-12 medium-3 columns __mst_banner_button_column">
- <a href="#">
- <button class="__mst_button __mst_banner_button ">Fusce rutrum eget tortor sed venenatis.</button>
- </a>
- </div>
- <div class="small-12 medium-3 columns __mst_banner_button_column">
- <a href="#">
- <button class="__mst_button __mst_banner_button">Fusce rutrum eget tortor sed venenatis.</button>
- </a>
- </div>
- <div class="small-12 medium-3 columns __mst_banner_button_column">
- <a href="#">
- <button class="__mst_button __mst_banner_button">Fusce rutrum eget tortor sed venenatis.</button>
- </a>
- </div>
- <div class="small-12 medium-3 columns __mst_banner_button_column">
- <a href="#">
- <button class="__mst_button __mst_banner_button">Fusce rutrum eget tortor sed venenatis.</button>
- </a>
- </div>
- </div>
- </div>
- $("#mst_hero_banner").__mstBanner();