Difference between revisions of "Team:Peking/2333"
| Line 34: | Line 34: | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 82: | Line 42: | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<title>Navigation Indicators | Codrops</title> | <title>Navigation Indicators | Codrops</title> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<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 99: | Line 56: | ||
<![endif]--><script>document.documentElement.className = 'js';</script> | <![endif]--><script>document.documentElement.className = 'js';</script> | ||
</head> | </head> | ||
| − | <body> | + | <body style="margin-top: -2px"> |
<svg class="hidden"> | <svg class="hidden"> | ||
<defs> | <defs> | ||
Revision as of 16:05, 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:
