Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="navbar-fixed">
- <nav class=" blue z-depth-1">
- <div style="margin-right:70px;" class="nav-wrapper">
- <a class="brand-logo ">
- <i class="material-icons hide-on-small-only hide-on-small-
- and-down">cloud</i>Demo
- </a>
- <a href="#" data-activates="mobile-demo" class="button-
- collapse">
- <i class="material-icons">menu</i>
- </a>
- <ul id="nav-mobile" class="right hide-on-med-and-down">
- <li>
- <a href="#">Home</a>
- </li>
- <li>
- <a href="#">About</a>
- </li>
- <li>
- <a href="#">Services</a>
- </li>
- <li>
- <a href="#">Contact</a>
- </li>
- </ul>
- </div>
- </nav>
- </div>
- <div materialize="slider" [materializeActions]="actions" >
- <ul materialize="slides">
- <li>
- <img src="http://lorempixel.com/580/250/nature/1"> <!-- random image -->
- <div class="caption center-align">
- <h3>This is our big Tagline!</h3>
- <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
- </div>
- </li>
- <li>
- <img src="http://lorempixel.com/580/250/nature/2"> <!-- random image -->
- <div class="caption left-align">
- <h3>Left Aligned Caption</h3>
- <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
- </div>
- </li>
- <li>
- <img src="http://lorempixel.com/580/250/nature/3"> <!-- random image -->
- <div class="caption right-align">
- <h3>Right Aligned Caption</h3>
- <h5 class="light grey-text text-lighten-3">Here's our small slogan.
- </h5>
- </div>
- </li>
- <li>
- <img src="http://lorempixel.com/580/250/nature/4"> <!-- random image -->
- <div class="caption center-align">
- <h3>This is our big Tagline!</h3>
- <h5 class="light grey-text text-lighten-3">Here's our small slogan.
- </h5>
- </div>
- </li>
- </ul>
- </div>
- <div class="slider" materialize="slider">
- <ul class="slides">
- <li>
- <img src="https://lorempixel.com/580/250/nature/1"> <!-- random image -->
- <div class="caption center-align">
- <h3>This is our big Tagline!</h3>
- <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
- </div>
- </li>
- <li>
- <img src="https://lorempixel.com/580/250/nature/2"> <!-- random image -->
- <div class="caption left-align">
- <h3>Left Aligned Caption</h3>
- <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
- </div>
- </li>
- <li>
- <img src="https://lorempixel.com/580/250/nature/3"> <!-- random image -->
- <div class="caption right-align">
- <h3>Right Aligned Caption</h3>
- <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
- </div>
- </li>
- <li>
- <img src="https://lorempixel.com/580/250/nature/4"> <!-- random image -->
- <div class="caption center-align">
- <h3>This is our big Tagline!</h3>
- <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
- </div>
- </li>
- </ul>
- </div>
Add Comment
Please, Sign In to add comment