Difference between revisions of "Team:Peking/2333"
| Line 41: | Line 41: | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| − | + | ||
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto+Condensed" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto+Condensed" rel="stylesheet"> | ||
| Line 92: | Line 92: | ||
<main> | <main> | ||
<header class="section codrops-header" style="margin-top: -2px"> | <header class="section codrops-header" style="margin-top: -2px"> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<h1 class="codrops-header__title">Navigation Indicators</h1> | <h1 class="codrops-header__title">Navigation Indicators</h1> | ||
| + | <h1 class="codrops-header__title">Navigation Indicators</h1> | ||
| + | <span class="codrops-header__pretitle">Inspiration for</span> | ||
| + | |||
| + | |||
</header> | </header> | ||
| + | |||
| + | |||
<section class="section section--intro"> | <section class="section section--intro"> | ||
<p>Many UI components require some kind of navigation or pagination. Today we want to explore some different styles on the example of a vertical slideshow. | <p>Many UI components require some kind of navigation or pagination. Today we want to explore some different styles on the example of a vertical slideshow. | ||
| Line 416: | Line 419: | ||
<img src="img/17.jpg" alt="img17" /> | <img src="img/17.jpg" alt="img17" /> | ||
<h3 class="mockup-slider__title">Ayana</h3> | <h3 class="mockup-slider__title">Ayana</h3> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</section> | </section> | ||
Revision as of 19:14, 1 November 2017
Navigation Indicators
Navigation Indicators
Inspiration forMany UI components require some kind of navigation or pagination. Today we want to explore some different styles on the example of a vertical slideshow.
Let's have a look.
Ubax
Shamso
Maxamed
Hagos
Zahi
Magool
Xusni
Beca
Etefu
Meklit
Timiro
Mariame
Desta
Berta
Aman
Kafa
Totit
