Difference between revisions of "Team:Peking/2333"
| Line 56: | Line 56: | ||
<![endif]--><script>document.documentElement.className = 'js';</script> | <![endif]--><script>document.documentElement.className = 'js';</script> | ||
</head> | </head> | ||
| − | <body | + | <body> |
<svg class="hidden"> | <svg class="hidden"> | ||
<defs> | <defs> | ||
| Line 91: | Line 91: | ||
</svg> | </svg> | ||
<main> | <main> | ||
| − | <header class="section codrops-header"> | + | <header class="section codrops-header" style="margin-top: -2px"> |
<div class="codrops-links"> | <div class="codrops-links"> | ||
<a class="codrops-icon codrops-icon--prev" href="http://tympanus.net/Development/MultiLayoutSlideshow/" title="Previous Demo"><svg class="icon icon--arrow"><use xlink:href="#icon-arrow"></use></svg></a> | <a class="codrops-icon codrops-icon--prev" href="http://tympanus.net/Development/MultiLayoutSlideshow/" title="Previous Demo"><svg class="icon icon--arrow"><use xlink:href="#icon-arrow"></use></svg></a> | ||
Revision as of 16:06, 1 November 2017
Navigation Indicators
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.
Let's have a look.
Ubax
Shamso
Maxamed
Hagos
Zahi
Magool
Xusni
Beca
Etefu
Meklit
Timiro
Mariame
Desta
Berta
Aman
Kafa
Totit
Ayana
Images from Unsplash.com
If you enjoyed this demo you might also like:
