hero
-
Doc Design
-
Doc Behaviors
Naturally powering her every move
Show / Hide Code
<div class="ui slot as-container"> <div class="slot--inner"> <div class="slot--items"> <div class="slot--item"> <section class="ui hero"> <div class="hero--inner"> <div class="hero--image"> <img class="img-responsive" src="./content/images/hero-naturium.jpg" alt="Naturally powering her every move"> </div> <div class="hero--presentation"> <h1>Naturally powering her every move</h1> </div> </div> </section> </div> </div> </div> </div>
Naturally powering her every move
Naturally powering her every move
Show / Hide Code
<div class="ui slot as-container"> <div class="slot--inner"> <div class="slot--items"> <div class="slot--item"> <section class="ui hero as-carousel"> <div class="hero--inner"> <ul class="multiple"> <li class="single"> <div class="hero--image"> <img class="img-responsive" src="./content/images/hero-1-home.jpg" alt="Naturally powering her every move"> </div> </li> <li class="single"> <div class="hero--image"> <img class="img-responsive" src="./content/images/hero-1-home.jpg" alt="Naturally powering her every move"> </div> <div class="hero--presentation"> <h1>Naturally powering her every move</h1> </div> </li> <li class="single"> <div class="hero--image"> <img class="img-responsive" src="./content/images/hero-naturium.jpg" alt="Naturally powering her every move"> </div> <div class="hero--presentation"> <h1>Naturally powering her every move</h1> </div> </li> <li class="single"> <div class="hero--image"> <img class="img-responsive" src="./content/images/hero-naturium.jpg" alt="Naturally powering her every move"> </div> </li> </ul> </div> </section> </div> </div> </div> </div>