Difference between revisions of "Template:Tongji Software/qiaoTest"

 
(3 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<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>menu</title>
 
<link href="https://2019.igem.org/Template:Tongji_Software/css/ClearDefaultCss_css?action=raw&ctype=text/
 
<link href="https://2019.igem.org/Template:Tongji_Software/css/ClearDefaultCss_css?action=raw&ctype=text/
 
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 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/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>
 +
        <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>
 
</head>
 
<body>
 
<body>
Line 33: Line 51:
 
</nav>
 
</nav>
 
<!-- /navigation-->
 
<!-- /navigation-->
−
<!-- pages stack -->
+
    <div class="pages-stack">
−
<div class="pages-stack">
+
        <div class="page" id="page-home">
−
<!-- page -->
+
            <!-- Blueprint header -->
−
<div class="page" id="page-home">
+
            <header class="bp-header cf">
−
<!-- Blueprint header -->
+
                <h1 class="bp-header__title">徐博女装HOME</h1>
−
<header class="bp-header cf">
+
                <nav class="bp-nav">
−
<h1 class="bp-header__title">徐博女装HOME</h1>
+
                </nav>
−
<nav class="bp-nav">
+
            </header>
−
</nav>
+
            <img class="poster" src="images/1.jpg" alt="img01" />
−
</header>
+
        </div>
−
<img class="poster" src="images/1.jpg" alt="img01" />
+
        <!-- /pages -->
−
</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">-->
+
−
<!-- <header class="bp-header cf">-->
+
−
<!-- <h1 class="bp-header__title">Manuals</h1>-->
+
−
<!-- </header>-->
+
−
<!-- <img class="poster" src="images/2.jpg" alt="img02" />-->
+
−
<!-- </div>-->
+
−
 
+
−
<!-- <div class="page" id="page-software">-->
+
−
<!-- <header class="bp-header cf">-->
+
−
<!-- <h1 class="bp-header__title">Software &amp; Downloads</h1>-->
+
−
 
+
−
<!-- </header>-->
+
−
<!-- <img class="poster" src="images/3.jpg" alt="img03" />-->
+
−
<!-- </div>-->
+
−
 
+
−
<!-- <div class="page" id="page-custom">-->
+
−
<!-- <header class="bp-header cf">-->
+
−
<!-- <h1 class="bp-header__title">Customization &amp; Settings</h1>-->
+
−
<!-- </header>-->
+
−
<!-- <img class="poster" src="images/4.jpg" alt="img04" />-->
+
−
<!-- </div>-->
+
−
 
+
−
<!-- <div class="page" id="page-training">-->
+
−
<!-- <header class="bp-header cf">-->
+
−
<!-- <h1 class="bp-header__title">Training &amp; Learning Center</h1>-->
+
−
<!-- </header>-->
+
−
<!-- <img class="poster" src="images/5.jpg" alt="img05" />-->
+
−
<!-- </div>-->
+
−
 
+
−
<!-- <div class="page" id="page-buy">-->
+
−
<!-- <header class="bp-header cf">-->
+
−
<!-- <h1 class="bp-header__title">Where to buy</h1>-->
+
−
<!-- </header>-->
+
−
<!-- <img class="poster" src="images/6.jpg" alt="img06" />-->
+
−
<!-- </div>-->
+
−
 
+
−
<!-- <div class="page" id="page-blog">-->
+
−
<!-- <header class="bp-header cf">-->
+
−
<!-- <h1 class="bp-header__title">Blog &amp; News</h1>-->
+
−
<!-- </header>-->
+
−
<!-- <img class="poster" src="images/1.jpg" alt="img01" />-->
+
−
<!-- </div>-->
+
−
 
+
−
<!-- <div class="page" id="page-contact">-->
+
−
<!-- <header class="bp-header cf">-->
+
−
<!-- <h1 class="bp-header__title">Contact</h1>-->
+
−
 
+
−
<!-- </header>-->
+
−
<!-- <img class="poster" src="images/4.jpg" alt="img04" />-->
+
−
<!-- </div>-->
+
  
 +
        <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>
 
</div>
−
<!-- /pages-stack -->
 
 
<button class="menu-button"><span>Menu</span></button>
 
<button class="menu-button"><span>Menu</span></button>
−
<!-- <script src="js/classie.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/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>
 
<script src="https://2019.igem.org/Template:Tongji_Software/js/main_old_js?action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 16:27, 8 October 2019

menu

徐博女装HOME

img01

Documentation

img06