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

(Created page with "<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>p5.js example</title>...")
 
 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
<html lang="zh" class="no-js">
−
<html lang="">
+
<head>
−
  <head>
+
<meta charset="UTF-8">
−
    <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">
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
    <title>p5.js example</title>
+
<title>menu</title>
−
    <style> body {padding: 0; margin: 0;} </style>
+
<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>
  
−
     <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js"></script>
+
<!-- navigation -->
−
    <script src="https://2019.igem.org/Template:Tongji_Software/sketchMain"></script>
+
<nav class="pages-nav">
−
  </head>
+
<div class="pages-nav__item"><a class="link link--page" href="#page-home">Home</a></div>
−
  <body>
+
<div class="pages-nav__item"><a class="link link--page" href="#page-docu">Documentation</a></div>
−
  </body>
+
<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>
 
</html>
 
</html>

Latest revision as of 16:27, 8 October 2019

menu

徐博女装HOME

img01

Documentation

img06