Line 2: | Line 2: | ||
<head> | <head> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
− | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | + | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>创意堆叠式导航菜单UI界面设计|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库</title> | <title>创意堆叠式导航菜单UI界面设计|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库</title> | ||
Line 8: | Line 8: | ||
css" rel="stylesheet"> | css" rel="stylesheet"> | ||
<link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"> | <link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.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"/> | <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> | <script src="https://2019.igem.org/Template:Tongji_Software/js/modernizr_custom_js?action=raw&ctype=text/javascript"></script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</head> | </head> | ||
<body> | <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--> | |
− | + | <!-- pages stack --> | |
− | + | <div class="pages-stack"> | |
− | + | <!-- page --> | |
− | + | <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 class="page" id="page-manuals">--> | + | <!-- <div class="page" id="page-manuals">--> |
− | <!-- <header class="bp-header cf">--> | + | <!-- <header class="bp-header cf">--> |
− | <!-- <h1 class="bp-header__title">Manuals</h1>--> | + | <!-- <h1 class="bp-header__title">Manuals</h1>--> |
− | <!-- </header>--> | + | <!-- </header>--> |
− | <!-- <img class="poster" src="images/2.jpg" alt="img02" />--> | + | <!-- <img class="poster" src="images/2.jpg" alt="img02" />--> |
− | <!-- </div>--> | + | <!-- </div>--> |
− | <!-- <div class="page" id="page-software">--> | + | <!-- <div class="page" id="page-software">--> |
− | <!-- <header class="bp-header cf">--> | + | <!-- <header class="bp-header cf">--> |
− | <!-- <h1 class="bp-header__title">Software & Downloads</h1>--> | + | <!-- <h1 class="bp-header__title">Software & Downloads</h1>--> |
− | <!-- </header>--> | + | <!-- </header>--> |
− | <!-- <img class="poster" src="images/3.jpg" alt="img03" />--> | + | <!-- <img class="poster" src="images/3.jpg" alt="img03" />--> |
− | <!-- </div>--> | + | <!-- </div>--> |
− | <!-- <div class="page" id="page-custom">--> | + | <!-- <div class="page" id="page-custom">--> |
− | <!-- <header class="bp-header cf">--> | + | <!-- <header class="bp-header cf">--> |
− | <!-- <h1 class="bp-header__title">Customization & Settings</h1>--> | + | <!-- <h1 class="bp-header__title">Customization & Settings</h1>--> |
− | <!-- </header>--> | + | <!-- </header>--> |
− | <!-- <img class="poster" src="images/4.jpg" alt="img04" />--> | + | <!-- <img class="poster" src="images/4.jpg" alt="img04" />--> |
− | <!-- </div>--> | + | <!-- </div>--> |
− | <!-- <div class="page" id="page-training">--> | + | <!-- <div class="page" id="page-training">--> |
− | <!-- <header class="bp-header cf">--> | + | <!-- <header class="bp-header cf">--> |
− | <!-- <h1 class="bp-header__title">Training & Learning Center</h1>--> | + | <!-- <h1 class="bp-header__title">Training & Learning Center</h1>--> |
− | <!-- </header>--> | + | <!-- </header>--> |
− | <!-- <img class="poster" src="images/5.jpg" alt="img05" />--> | + | <!-- <img class="poster" src="images/5.jpg" alt="img05" />--> |
− | <!-- </div>--> | + | <!-- </div>--> |
− | <!-- <div class="page" id="page-buy">--> | + | <!-- <div class="page" id="page-buy">--> |
− | <!-- <header class="bp-header cf">--> | + | <!-- <header class="bp-header cf">--> |
− | <!-- <h1 class="bp-header__title">Where to buy</h1>--> | + | <!-- <h1 class="bp-header__title">Where to buy</h1>--> |
− | <!-- </header>--> | + | <!-- </header>--> |
− | <!-- <img class="poster" src="images/6.jpg" alt="img06" />--> | + | <!-- <img class="poster" src="images/6.jpg" alt="img06" />--> |
− | <!-- </div>--> | + | <!-- </div>--> |
− | <!-- <div class="page" id="page-blog">--> | + | <!-- <div class="page" id="page-blog">--> |
− | <!-- <header class="bp-header cf">--> | + | <!-- <header class="bp-header cf">--> |
− | <!-- <h1 class="bp-header__title">Blog & News</h1>--> | + | <!-- <h1 class="bp-header__title">Blog & News</h1>--> |
− | <!-- </header>--> | + | <!-- </header>--> |
− | <!-- <img class="poster" src="images/1.jpg" alt="img01" />--> | + | <!-- <img class="poster" src="images/1.jpg" alt="img01" />--> |
− | <!-- </div>--> | + | <!-- </div>--> |
− | <!-- <div class="page" id="page-contact">--> | + | <!-- <div class="page" id="page-contact">--> |
− | <!-- <header class="bp-header cf">--> | + | <!-- <header class="bp-header cf">--> |
− | <!-- <h1 class="bp-header__title">Contact</h1>--> | + | <!-- <h1 class="bp-header__title">Contact</h1>--> |
− | <!-- </header>--> | + | <!-- </header>--> |
− | <!-- <img class="poster" src="images/4.jpg" alt="img04" />--> | + | <!-- <img class="poster" src="images/4.jpg" alt="img04" />--> |
− | <!-- </div>--> | + | <!-- </div>--> |
− | + | </div> | |
− | + | <!-- /pages-stack --> | |
− | + | <button class="menu-button"><span>Menu</span></button> | |
<!-- <script src="js/classie.js"></script>--> | <!-- <script src="js/classie.js"></script>--> | ||
<!-- <script src="js/main.js"></script>--> | <!-- <script src="js/main.js"></script>--> | ||
− | + | <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> | </body> | ||
</html> | </html> |
Revision as of 15:07, 8 October 2019
徐博女装HOME
![img01](images/1.jpg)
Documentation
![img06](images/6.jpg)