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

 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<html lang="en">
+
<html lang="zh" class="no-js">
 
<head>
 
<head>
−
    <meta charset="UTF-8">
+
<meta charset="UTF-8">
−
    <title>CanvasTestMain</title>
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
−
<!--   <style>-->
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
<!--       .canvasMain{-->
+
<title>menu</title>
−
<!--            background-color: gray;-->
+
<link href="https://2019.igem.org/Template:Tongji_Software/css/ClearDefaultCss_css?action=raw&ctype=text/
−
<!--        }-->
+
css" rel="stylesheet">
−
<!--    </style>-->
+
        <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/default_old_css?action=raw&ctype=text/css" />
−
    <script src="https://2019.igem.org/Template:Tongji_Software/sketchMain"></script>
+
<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>
 
</head>
 
<body>
 
<body>
−
<!--   <canvas class="canvasMain" width="400px" height="400px"></canvas>-->
+
 
 +
<!-- 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 &amp; 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 &amp; 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>
 
</body>
 
</html>
 
</html>

Latest revision as of 16:27, 8 October 2019

menu

徐博女装HOME

img01

Documentation

img06