(12 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | <html lang=""> | + | <html lang="zh" class="no-js"> |
− | + | <head> | |
− | + | <meta charset="UTF-8"> | |
− | + | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
− | + | <title>menu</title> | |
+ | <link href="https://2019.igem.org/Template:Tongji_Software/css/ClearDefaultCss_css?action=raw&ctype=text/ | ||
+ | css" rel="stylesheet"> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/default_old_css?action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/component_css?action=raw&ctype=text/css"/> | ||
+ | <script src="https://2019.igem.org/Template:Tongji_Software/js/modernizr_custom_js?action=raw&ctype=text/javascript"></script> | ||
+ | <style> | ||
+ | .pages-nav { | ||
+ | display: -webkit-flex; | ||
+ | display: flex; | ||
+ | -webkit-flex-wrap: wrap; | ||
+ | flex-wrap: wrap; | ||
+ | -webkit-justify-content: center; | ||
+ | justify-content: center; | ||
+ | -webkit-align-items: center; | ||
+ | align-items: center; | ||
+ | padding: 20px; | ||
+ | text-align: center; | ||
+ | background: #0e0f0f; | ||
+ | } | ||
+ | .pages-nav__item { | ||
+ | width: 33%; | ||
+ | padding: 1em; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
− | < | + | <!-- navigation --> |
− | + | <nav class="pages-nav"> | |
− | + | <div class="pages-nav__item"><a class="link link--page" href="#page-home">Home</a></div> | |
− | + | <div class="pages-nav__item"><a class="link link--page" href="#page-docu">Documentation</a></div> | |
− | + | <div class="pages-nav__item"><a class="link link--page" href="#page-manuals">Manuals</a></div> | |
+ | <div class="pages-nav__item"><a class="link link--page" href="#page-software">Software</a></div> | ||
+ | <div class="pages-nav__item"><a class="link link--page" href="#page-custom">Customization & Settings</a></div> | ||
+ | <div class="pages-nav__item"><a class="link link--page" href="#page-training">Training</a></div> | ||
+ | <div class="pages-nav__item pages-nav__item--small"><a class="link link--page link--faded" href="#page-buy">Where to buy</a></div> | ||
+ | <div class="pages-nav__item pages-nav__item--small"><a class="link link--page link--faded" href="#page-blog">Blog & News</a></div> | ||
+ | <div class="pages-nav__item pages-nav__item--small"><a class="link link--page link--faded" href="#page-contact">Contact</a></div> | ||
+ | <div class="pages-nav__item pages-nav__item--social"> | ||
+ | <a class="link link--social link--faded" href="#"><i class="fa fa-twitter"></i><span class="text-hidden">Twitter</span></a> | ||
+ | <a class="link link--social link--faded" href="#"><i class="fa fa-linkedin"></i><span class="text-hidden">LinkedIn</span></a> | ||
+ | <a class="link link--social link--faded" href="#"><i class="fa fa-facebook"></i><span class="text-hidden">Facebook</span></a> | ||
+ | <a class="link link--social link--faded" href="#"><i class="fa fa-youtube-play"></i><span class="text-hidden">YouTube</span></a> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <!-- /navigation--> | ||
+ | <div class="pages-stack"> | ||
+ | <div class="page" id="page-home"> | ||
+ | <!-- Blueprint header --> | ||
+ | <header class="bp-header cf"> | ||
+ | <h1 class="bp-header__title">徐博女装HOME</h1> | ||
+ | <nav class="bp-nav"> | ||
+ | </nav> | ||
+ | </header> | ||
+ | <img class="poster" src="images/1.jpg" alt="img01" /> | ||
+ | </div> | ||
+ | <!-- /pages --> | ||
+ | |||
+ | <div class="page" id="page-docu"> | ||
+ | <header class="bp-header cf"> | ||
+ | <h1 class="bp-header__title">Documentation</h1> | ||
+ | </header> | ||
+ | <img class="poster" src="images/6.jpg" alt="img06" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <button class="menu-button"><span>Menu</span></button> | ||
+ | |||
+ | <script src="https://2019.igem.org/Template:Tongji_Software/js/classie_js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2019.igem.org/Template:Tongji_Software/js/main_old_js?action=raw&ctype=text/javascript"></script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 16:27, 8 October 2019