Team:SCU-China/test
From 2014.igem.org
(just a test) |
|||
Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
<!doctype html> | <!doctype html> | ||
- | <html | + | <html> |
<head> | <head> | ||
- | + | <meta charset="utf-8"> | |
- | < | + | <title>无标题文档</title> |
- | + | <link href="https://2014.igem.org/Team:SCU-China/amui.all.min.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | |
- | + | <script src="https://2014.igem.org/Team:SCU-China/amui.min.js?action=raw&ctype=text/javascript"></script> | |
- | + | <script src="https://2014.igem.org/Team:SCU-China/zepto.min.js?action=raw&ctype=text/javascript"></script> | |
+ | <style> | ||
+ | |||
+ | .nav-main { | ||
+ | border-left: 3px solid #3bb4f2; | ||
+ | } | ||
+ | .bar { | ||
+ | width:100%; | ||
+ | max-width:1000px; | ||
+ | |||
+ | } | ||
+ | .footer{background: #555; | ||
+ | color: #999; | ||
+ | padding: 30px 0 15px | ||
+ | } | ||
+ | |||
+ | .logo{display: block; | ||
+ | height:50px; | ||
+ | width: 69.59px; | ||
+ | background: url(2.jpg) no-repeat left center; | ||
+ | background-size: 70px 50px;} | ||
+ | </style> | ||
+ | </head> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<body> | <body> | ||
+ | <header class="am-topbar"> | ||
+ | <div class="am-center bar"> | ||
+ | <h1 class="am-topbar-brand"> | ||
+ | <a href="#" >SCU-Igem</a> | ||
+ | </h1> | ||
+ | <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button> | ||
- | + | <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse"> | |
- | + | <ul class="am-nav am-nav-pills am-topbar-nav"> | |
- | + | <li class="am-active"><a href="#">Homepage</a></li> | |
- | + | <li><a href="#">Project</a></li> | |
- | <div class=" | + | <li class="am-dropdown" data-am-dropdown> |
- | < | + | <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;"> |
- | + | 下拉 <span class="am-icon-caret-down"></span> | |
- | + | </a> | |
- | + | <ul class="am-dropdown-content" > | |
- | + | <li class="am-dropdown-header">标题</li> | |
- | + | <li><a href="#">1. 去月球</a></li> | |
- | + | <li class="am-active"><a href="#">2. 去火星</a></li> | |
- | + | <li><a href="#">3. 还是回地球</a></li> | |
- | + | <li class="am-disabled"><a href="#">4. 下地狱</a></li> | |
- | + | <li class="am-divider"></li> | |
- | + | <li><a href="#">5. 桥头一回首</a></li> | |
- | + | </ul> | |
+ | </li> | ||
+ | </ul> | ||
+ | <div class="am-topbar-right"> | ||
+ | <button class="am-btn am-btn-primary am-topbar-btn am-btn-sm">igem</button> | ||
</div> | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
+ | </header> | ||
+ | <!--以上是导航,以下是主要框架--> | ||
+ | <div class="am-g am-container"> | ||
+ | |||
+ | <div class="col-md-3"> | ||
+ | <!--以下为业内导航--> | ||
+ | <nav class="scrollspy-nav am-sticky" data-am-scrollspy-nav data-am-sticky> | ||
+ | <ul class="am-nav"> | ||
+ | |||
+ | <li><a href="#product" class="am-active" style="background-color:rgba(255,248,248,1)">这是标题(定位到锚点product)</a></li> | ||
+ | <li class="am-nav-header"></li> | ||
+ | <li class="nav-main"><a href="#">第一大点</a></li> | ||
+ | <li><a href="#">小点</a></li> | ||
+ | <li class="am-nav-divider"></li> | ||
+ | <li><a href="#">上面的是分割线</a></li> | ||
+ | <li><a href="#">小点</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-8" > | ||
+ | <!--以下为正文--> | ||
+ | |||
+ | |||
+ | <article class="am-article"> | ||
+ | <div class="am-article-hd"> | ||
+ | <h1 class="am-article-title">永远的蝴蝶</h1> | ||
+ | <p class="am-article-meta">陈启佑(台湾)</p> | ||
+ | </div> | ||
- | + | <div class="am-article-bd"> | |
- | + | ||
- | + | </div> | |
- | + | </article> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <p>前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog |
- | + | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | |
- | + | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | |
- | + | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | |
- | + | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | |
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog | ||
+ | 正是為此而生</p> | ||
+ | <table class="am-table"> | ||
+ | <thead> | ||
+ | <tr> | ||
+ | <th>a</th> | ||
+ | <th>b</th> | ||
+ | <th>c</th> | ||
+ | </tr> | ||
+ | </thead> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td>safas</td> | ||
+ | <td>sdfasf</td> | ||
+ | <td>sddd</td> | ||
+ | </tr> | ||
+ | |||
+ | <tr class="am-active"> | ||
+ | <td>lalala</td> | ||
+ | <td>jcai</td> | ||
+ | <td>2012-10-01</td> | ||
+ | </tr> | ||
+ | |||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>jlkj</td> | ||
+ | <td>xbvb</td> | ||
+ | <td>bmbnd,ga;l</td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | |||
+ | |||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | <!--以下为页尾--> | |
- | < | + | <footer class="footer"><div class="am-g am-container"> |
- | + | <h1>scujhlkhlkhlkjhk</h1> | |
- | + | </div></footer> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div class=" | + | |
- | < | + | |
- | </div> | + | |
- | + | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 19:08, 14 October 2014
<!doctype html>
前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生前所未有的中文云端字型服务,让您在 web 平台上自由使用高品质中文字体,跨平台、可搜寻,而safddddddddddddddaslfjasf且超美。云端字型是我们的事业,推广字型学知识是我们的志业。从字体出发,关心设计与我们的生活,justfont blog 正是為此而生
a | b | c |
---|---|---|
safas | sdfasf | sddd |
lalala | jcai | 2012-10-01 |
jlkj | xbvb | bmbnd,ga;l |