Line 88: | Line 88: | ||
<link rel="shortcut icon" href="favicon.ico"> | <link rel="shortcut icon" href="favicon.ico"> | ||
<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"> | ||
− | <link | + | |
− | <link | + | |
− | <link | + | <link href="https://2017.igem.org/Template:Peking/cod/component?action=raw&ctype=text/css" rel="stylesheet"> |
+ | <link href="https://2017.igem.org/Template:Peking/cod/normalize?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="https://2017.igem.org/Template:Peking/cod/demo?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | |||
+ | |||
+ | |||
<!--[if IE]> | <!--[if IE]> | ||
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> | <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> | ||
Line 483: | Line 488: | ||
</section> | </section> | ||
</main> | </main> | ||
− | <script src=" | + | |
− | <script src=" | + | <script type="text/javascript" |
+ | src="https://2017.igem.org/Template:Peking/cod/clipboardjs"></script> | ||
+ | <script type="text/javascript" | ||
+ | src="https://2017.igem.org/Template:Peking/cod/mainjs"></script> | ||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 15:57, 1 November 2017
<!DOCTYPE html>
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.