This pattern contains: atoms-heading-1

									
										<section class="hero-small" role="banner">
  <div class="hero-inner">
      <h1 class='hero_title'>Lorem ipsum dolor sit (37 characters)</h1>  </div>
</section>
									
								

This pattern contains: atoms-heading-1 atoms-button

									
										<section class="hero" role="banner" style="background-image:url(https://www.apple.com/v/environment/e/overview/renewable_large.jpg)">
  <div class="hero-inner">
  </div>
</section>
									
								

This pattern contains: atoms-heading-1 atoms-button

									
										<section class="hero" role="banner" style="background-image:url(https://www.apple.com/v/environment/e/overview/renewable_large.jpg)">
  <div class="hero-inner">
      <h1 class='hero_title'>Lorem ipsum dolor sit (37 characters)</h1>      <a href="#" class="btn">Lorem ipsum</a>  </div>
</section>
									
								

This pattern contains: atoms-heading-1 atoms-button

									
										<section class="hero" role="banner" style="background-image:url(https://www.apple.com/v/environment/e/overview/renewable_large.jpg)">
  <div class="hero-inner">
      <h1 class='hero_title'>Lorem ipsum dolor sit (37 characters)</h1>  </div>
</section>