Difference between revisions of "Team:FAFU-CHINA/"

Line 1: Line 1:
−
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
+
<!DOCTYPE html>
−
<head>
+
<html lang="en">
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
−
<meta name="generator" content="MediaWiki 1.16.5" />
+
−
<link rel="shortcut icon" href="/favicon.ico" />
+
−
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2014.igem.org (en)" />
+
−
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:SCAU-China&amp;action=creativecommons" rel="meta" />
+
−
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
+
−
<link rel="alternate" type="application/atom+xml" title="2014.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:SCAU-China - 2014.igem.org</title>
+
−
<style type="text/css" media="screen, projection">/*<![CDATA[*/
+
−
@import "wiki/skins/common/shared.css-270.css"/*tpa=https://2014.igem.org/wiki/skins/common/shared.css?270*/;
+
−
@import "wiki/skins/igem/main.css-270.css"/*tpa=https://2014.igem.org/wiki/skins/igem/main.css?270*/;
+
−
/*]]>*/</style>
+
−
<link rel="stylesheet" type="text/css" media="print" href="wiki/skins/common/commonPrint.css-270.css" tppabs="https://2014.igem.org/wiki/skins/common/commonPrint.css?270" />
+
−
<!--[if lt IE 5.5000]><style type="text/css">@import "wiki/skins/igem/IE50Fixes.css-270.css"/*tpa=https://2014.igem.org/wiki/skins/igem/IE50Fixes.css?270*/;</style><![endif]-->
+
−
<!--[if IE 5.5000]><style type="text/css">@import "wiki/skins/igem/IE55Fixes.css-270.css"/*tpa=https://2014.igem.org/wiki/skins/igem/IE55Fixes.css?270*/;</style><![endif]-->
+
−
<!--[if IE 6]><style type="text/css">@import "wiki/skins/igem/IE60Fixes.css-270.css"/*tpa=https://2014.igem.org/wiki/skins/igem/IE60Fixes.css?270*/;</style><![endif]-->
+
−
<!--[if IE 7]><style type="text/css">@import "wiki/skins/igem/IE70Fixes.css-270.css"/*tpa=https://2014.igem.org/wiki/skins/igem/IE70Fixes.css?270*/;</style><![endif]-->
+
−
<!--[if lt IE 7]><script type="text/javascript" src="wiki/skins/common/IEFixes.js-270" tppabs="https://2014.igem.org/wiki/skins/common/IEFixes.js?270"></script>
+
−
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
+
−
+
−
<script>
+
−
var skin="igem",
+
−
stylepath="/wiki/skins",
+
−
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
+
−
wgArticlePath="/$1",
+
−
wgScriptPath="/wiki",
+
−
wgScriptExtension=".php",
+
−
wgScript="Main_Page.htm"/*tpa=https://2014.igem.org/wiki/index.php*/,
+
−
wgVariantArticlePath=false,
+
−
wgActionPaths={},
+
−
wgServer="Main_Page.htm"/*tpa=https://2014.igem.org/*/,
+
−
wgCanonicalNamespace="",
+
−
wgCanonicalSpecialPageName=false,
+
−
wgNamespaceNumber=0,
+
−
wgPageName="Team:SCAU-China",
+
−
wgTitle="Team:SCAU-China",
+
−
wgAction="view",
+
−
wgArticleId=1269,
+
−
wgIsArticle=true,
+
−
wgUserName=null,
+
−
wgUserGroups=null,
+
−
wgUserLanguage="en",
+
−
wgContentLanguage="en",
+
−
wgBreakFrames=false,
+
−
wgCurRevisionId=378455,
+
−
wgVersion="1.16.5",
+
−
wgEnableAPI=true,
+
−
wgEnableWriteAPI=true,
+
−
wgSeparatorTransformTable=["", ""],
+
−
wgDigitTransformTable=["", ""],
+
−
wgMainPageTitle="Main Page",
+
−
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "https://2014.igem.org/2014.igem.org", "5": "2014.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
+
−
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "https://2014.igem.org/2014.igem.org": 4, "2014.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
+
−
wgSiteName="https://2014.igem.org/2014.igem.org",
+
−
wgCategories=[],
+
−
wgMWSuggestTemplate="wiki/api.php-action=opensearch-x26search={searchTerms}-x26namespace={namespaces}-x26suggest.htm"/*tpa=https://2014.igem.org/wiki/api.php?action=opensearch/x26search={searchTerms}/x26namespace={namespaces}/x26suggest*/,
+
−
wgDBname="2014_igem_org",
+
−
wgSearchNamespaces=[0],
+
−
wgMWSuggestMessages=["with suggestions", "no suggestions"],
+
−
wgRestrictionEdit=[],
+
−
wgRestrictionMove=[];
+
−
</script>               
+
−
<script type="text/javascript" src="wiki/skins/common/wikibits.js-270" tppabs="https://2014.igem.org/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
+
−
<!-- Head Scripts -->
+
−
<script src="wiki/skins/common/ajax.js-270" tppabs="https://2014.igem.org/wiki/skins/common/ajax.js?270"></script>
+
−
<script src="wiki/skins/common/mwsuggest.js-270" tppabs="https://2014.igem.org/wiki/skins/common/mwsuggest.js?270"></script>
+
−
<script type="text/javascript" src="wiki/index.php-title=-&action=raw&gen=js&useskin=igem" tppabs="https://2014.igem.org/wiki/index.php?title=-&action=raw&gen=js&useskin=igem"><!-- site js --></script>
+
−
<!-- jQuery Javascript -->
+
−
<script type='text/javascript'        src ="common/jquery-latest.min.js" tppabs="https://2014.igem.org/common/jquery-latest.min.js"></script>
+
−
<script type='text/javascript'        src ="common/tablesorter/jquery.tablesorter.min.js" tppabs="https://2014.igem.org/common/tablesorter/jquery.tablesorter.min.js"></script>
+
−
        <link rel='stylesheet' type='text/css' href="common/tablesorter/themes/groupparts/style.css" tppabs="https://2014.igem.org/common/tablesorter/themes/groupparts/style.css" />
+
−
        <link rel='stylesheet' type='text/css' href="common/table_styles.css" tppabs="https://2014.igem.org/common/table_styles.css" />
+
−
        <link rel='stylesheet' type='text/css' href="forum/forum_styles.css" tppabs="https://2014.igem.org/forum/forum_styles.css" />
+
−
<script type='text/javascript'        src ="forum/forum_scripts.js" tppabs="https://2014.igem.org/forum/forum_scripts.js"></script>
+
−
</head>
+
−
 
+
−
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_SCAU-China">
+
−
  <div id="globalWrapper">
+
−
 
+
−
    <div id="top-section">
+
−
<div id="p-logo">
+
−
    <a href="Main_Page.htm" tppabs="https://2014.igem.org/Main_Page"
+
−
      title="Main Page">
+
−
    <img src="images/wiki.png" tppabs="https://2014.igem.org/images/wiki.png">"
+
−
    </a>
+
−
</div>  <!-- end p-logo -->
+
−
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
+
−
 
+
−
 
+
−
 
+
−
<div id="menubar" class='left-menu noprint'>
+
−
  <ul>
+
−
                  <li
+
−
                class='selected'       ><a href="Team-SCAU-China.htm" tppabs="https://2014.igem.org/Team:SCAU-China">Page              </a></li>
+
−
              <li
+
−
                    ><a href="Talk-Team-SCAU-China.htm" tppabs="https://2014.igem.org/Talk:Team:SCAU-China">Discussion              </a></li>
+
−
              <li
+
−
                    ><a href="wiki/index.php-title=Team-SCAU-China&action=edit.htm" tppabs="https://2014.igem.org/wiki/index.php?title=Team:SCAU-China&action=edit">View source              </a></li>
+
−
              <li
+
−
                    ><a href="wiki/index.php-title=Team-SCAU-China&action=history.htm" tppabs="https://2014.igem.org/wiki/index.php?title=Team:SCAU-China&action=history">History              </a></li>
+
−
              <li style='color:white;cursor:default'>teams</li>
+
−
  </ul>
+
−
</div> <!-- end menubar (left) -->
+
−
 
+
−
<div class="right-menu noprint" id="menubar">
+
−
    <ul>
+
−
                <li id="pt-login"><a href="javascript:if(confirm('https://igem.org/Login  \n\n该文件无法用 Teleport Ultra 下载, 因为 它是一个域或路径外部被设置为它的启始地址的地址。  \n\n你想在服务器上打开它?'))window.location='https://igem.org/Login'" tppabs="https://2014.igem.org/wiki/index.php?title=Special:UserLogin&returnto=Team:SCAU-China" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o">Log in</a></li>     </ul>
+
−
</div><!-- end right menubar -->
+
−
 
+
−
<div id="search-controls" class="noprint">
+
−
<form action="https://2014.igem.org/Special:Search" id="searchform">
+
−
<input id="searchInput" name="search" type="text" title="Search 2014.igem.org [f]" accesskey="f" value="" />
+
−
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
+
−
      <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
+
−
</form>
+
−
</div> <!-- close search controls -->
+
−
    </div> <!-- close top-section-->
+
−
    <div id="content">
+
−
<a name="top" id="top"></a>
+
−
<h1 class="firstHeading">Team:SCAU-China</h1>
+
−
<div id="bodyContent">
+
−
<h3 id="siteSub" class='noprint'>From 2014.igem.org</h3>
+
−
<div id="contentSub"></div>
+
−
<!--
+
−
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
+
−
<!-- start content -->
+
−
<p>
+
 
<head>
 
<head>
−
<style type="text/css">
 
  
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
    <meta charset="utf-8" />
 +
    <title>ChinaZ</title>
 +
    <meta name="description" content="" />
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<!-- CSS Files -->
 +
 +
<link rel="stylesheet" href="css/animate.min.css" />
 +
<link rel="stylesheet" href="css/bootstrap.css" />
 +
<link rel="stylesheet" href="css/style.css" />
 +
<link rel="stylesheet" href="css/flexslider.css" />
 +
<link rel="stylesheet" href="css/font-awesome.css" />
 +
<link rel="stylesheet" href="css/prettyPhoto.css" />
 +
<link rel="stylesheet" href="css/responsive.css" />
 +
 +
<!-- End CSS Files -->
 +
 +
</head>
 +
 +
 +
<body data-spy="scroll" data-target=".nav-menu" data-offset="50">
  
−
.firstHeading {
+
<div id="pageloader"> 
−
width: 975px;
+
            <div class="loader">
−
margin: 0px auto;
+
              <img src="images/load.gif" alt='loader' />
−
padding-top: 100px;
+
            </div>
−
margin-bottom: 20px;
+
        </div>
−
font-family: Georgia, Times, "Times New Roman", serif;
+
−
}
+
  
−
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
<!-- Home Section -->
 +
<section id="home" class="nav-link">
  
−
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
<!-- Slider -->
−
background-color: #383838;
+
<div id="slides">
−
border: 0 none;
+
<div class="slides-container">
−
height: 14px;
+
−
z-index: 100;
+
<!-- Slider Images -->
−
top: 0;
+
<div class="image1 pattern"></div>
−
position: fixed;
+
<div class="image2 pattern"></div>
−
width: 975px;
+
<div class="image3 pattern"></div>
−
left: 50%;
+
<!-- End Slider Images -->
−
margin-left: -487px;
+
−
}
+
</div>
 +
 +
<!-- Slider Controls -->
 +
 +
<nav class="slides-navigation">
 +
  <a href="#" class="next"></a>
 +
  <a href="#" class="prev"></a>
 +
</nav>
 +
 +
<!-- End Slider Controls -->
 +
 +
</div>
 +
<!-- End Slider Images -->
 +
 +
<!-- Main - Text Slide -->
 +
<div class=" main">
 +
<!-- Text Slider -->
 +
<div id="main" class="flexslider home-slider">
 +
 +
<!-- Text Slides -->
 +
<ul class="home-slides">
 +
<li>We Are <span>Avalin</span></li>
 +
<li>Proudly <span>With Us</span></li>
 +
<li>Well Design <span>Teams</span></li>
 +
</ul>
 +
<!-- End Text Slides -->
 +
 +
<div class="clear"></div>
 +
 +
</div>
  
−
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
<!-- Home Description -->
−
background-color: #383838;
+
<div class="home-p">Avalin Company is the most brilliant company around the field of human science. it has many powerful researches about knowledge management in human resource planning.</div>
−
height: 14px;
+
<!-- End Home Description -->
−
display: block;
+
−
z-index: 10;
+
<!-- Home Button -->
−
position: fixed;
+
<a class="scroll button-ready" href="#about">Are You Ready?</a>
−
width: 100%;
+
<!-- End Home Button -->
−
top: 0;
+
−
}
+
</div>
−
 
+
<!-- End Main -->
−
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
−
color: #727272;
+
</section>
−
text-decoration: none;
+
<!-- End Home Section -->
−
background-color: transparent;
+
−
}
+
<!-- Navigation Section -->
−
 
+
<section id="navigation">
−
body {
+
−
background-color: #fff;
+
<div class="inner navigation">
−
}
+
−
 
+
<!-- Logo -->
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
<div class="logo">
−
width: 100%;
+
<a class="scroll" href="#home"><img src="images/logo.png" alt="Logo" /></a>
−
height: 100%;
+
</div>
−
border: 0px;
+
−
background-color: transparent;
+
<!-- Nav Menu -->
−
margin: 0px;
+
−
padding: 0px;
+
<nav class="nav-menu">
−
}
+
−
 
+
<ul class="nav main-nav">
−
html, body, .wrapper { /*-- changes default wiki settings --*/
+
−
width: 100%;
+
<li class="active"><a class="scroll" href="#home">Home</a></li>
−
height: 100%;
+
<li><a class="scroll" href="#about">About</a></li>
−
background-color: transparent;
+
<li><a class="scroll" href="#portfolio">Portfolio</a></li>
−
}
+
<li><a class="scroll" href="#services">Services</a></li>
−
 
+
<li><a class="scroll" href="#blog">Blog</a></li>
−
#contentcontainer { /*-- creates container for all content on page --*/
+
<li><a class="scroll" href="#prices">Prices</a></li>
−
font-family: Arial, Helvetica, sans-serif;
+
<li><a class="scroll" href="#contact">Contact</a></li>
−
font-weight: normal;
+
−
font-size: 14px;
+
</ul>
−
color: #414141;
+
−
width: 960px;
+
</nav>
−
margin-left: auto;
+
−
margin-right: auto;
+
<!-- Dropdown Menu For Mobile Devices-->
−
background-color: #transparent;
+
<nav class="dropdown mobile-drop">
−
margin-top: 0px;
+
  <a data-toggle="dropdown" class="mobile-menu" href="#"><i class="fa fa-bars"></i></a>
−
}
+
  <ul class="nav dropdown-menu fullwidth" role="menu">
−
 
+
<li><a class="scroll" href="#home">Home</a></li>
−
.sidemenu, .sidemenu li {
+
<li><a class="scroll" href="#about">About</a></li>
−
list-style-type: none;
+
<li><a class="scroll" href="#portfolio">Portfolio</a></li>
−
list-style-image: none;
+
<li><a class="scroll" href="#services">Services</a></li>
−
font-family: verdana;
+
<li><a class="scroll" href="#blog">Blog</a></li>
−
text-decoration: none;
+
<li><a class="scroll" href="#prices">Prices</a></li>
−
color:#000;
+
<li><a class="scroll" href="#contact">Contact</a></li>
−
font-size: 14px;
+
                    <li><a class="scroll" href="http://sc.chinaz.com">More</a></li>
−
}
+
  </ul>
−
 
+
</nav>
−
.sidemenu li {display: block;}
+
−
 
+
</div>
−
.sidemenu a {
+
−
text-decoration:none;
+
</section>
−
color: #000;
+
<!-- End Navigation Section -->
−
display: block;
+
<div class="copyrights">Collect from <a href="http://sc.chinaz.com/" >手机网站模板</a></div>
−
width: 180px;
+
<!-- About Section -->
−
height: 100%;
+
<section id="about" class="contain nav-link">
−
padding: 3px 5px;
+
−
transition: .25s ease-in-out;
+
<div class="about inner">
−
-moz-transition: .25s ease-in-out;
+
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
−
-webkit-transition: .25s ease-in-out;
+
About Us
−
}
+
</div>
−
 
+
−
.sidemenu a.greyout { color: #909090; }
+
<!-- Second Header -->
−
 
+
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
−
.sidemenu a:hover {
+
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.  
−
color:#666;
+
</div>
−
background-color: #d9f5aa;
+
<div class="row">
−
}
+
<div class="col-lg-4 col-md-4 animated" data-animation="tada" data-animation-delay="0">
−
 
+
<div class="bubble_outer_one">
−
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
<div class="bubble_container">
−
.sub-sidemenu a {color: #666;}
+
<div class="bubble"></div>
−
 
+
<i class="fa fa-thumbs-up"></i>
−
div.underconst
+
</div>
−
{
+
</div>
−
padding:10px;
+
<div class="about_line"></div>
−
border-radius:5px;
+
<article class='about_article'>
−
background-color:pink;
+
<h2>Responsive Design</h2>
−
text-align:center;
+
<p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et nos sumus in Avalin superbe.</p>
−
}
+
</article>
−
 
+
</div>
−
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
<div class="col-lg-4 col-md-4 animated" data-animation="tada" data-animation-delay="500">
−
 
+
<div class="bubble_outer_two">
−
.contentpara {margin-bottom: 30px;}
+
<div class="bubble_container">
−
 
+
<div class="bubble"></div>
−
span.email{font-family: monospace; font-weight: normal;}
+
<i class="fa fa-envelope fa-light"></i>
−
 
+
</div>
−
fieldset {border: 1px solid #337f53;}
+
</div>
−
 
+
<div class="about_line"></div>
−
.greyout {color: #A0A0A0;}
+
<article class='about_article'>
−
.highlightme {background-color: #FFFF00;}
+
<h2>Customized Services</h2>
−
 
+
<p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et nos sumus in Avalin superbe.</p>
−
#alertContainer { margin-bottom: 10px; width: 936px;}
+
</article>
−
#annContainer {margin-left: 8px;}
+
</div>
−
#newsContainer {border: 1px solid #ccc;}
+
<div class="col-lg-4 col-md-4 animated" data-animation="tada" data-animation-delay="800">
−
 
+
<div class="bubble_outer_three">
−
.newsTitle {
+
<div class="bubble_container">
−
display: block;
+
<div class="bubble"></div>
−
color: #414141;
+
<i class="fa fa-umbrella"></i>
−
font-size: 25px; 
+
</div>
−
        font-family: Georgia, Times, "Times New Roman", serif;
+
</div>
−
padding: 10px 15px 5px 10px;
+
<div class="about_line"></div>
−
border-bottom: 1px solid #ccc;
+
<article class='about_article'>
−
margin-bottom: 0px;
+
<h2>Powerful Support</h2>
−
}
+
<p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et nos sumus in Avalin superbe.</p>
−
 
+
</article>
−
.newsItem {
+
</div>
−
border-bottom: 1px solid #ccc;
+
</div>
−
display: block;
+
−
padding: 5px 15px 0px 10px;
+
−
margin-bottom: 0px;
+
<div class="clear"></div>
−
}
+
−
 
+
<!-- Start Our Team Section -->
−
.newsItem h3 {
+
<div class="second-section">
−
width: auto;
+
<!-- Header -->
−
display: inline;
+
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
−
font-size: 14px;
+
Our Powerful Team
−
font-family: Arial, Helvetica, sans-serif;
+
</div>
−
padding: 0px;
+
−
margin: 0px;
+
<!-- Second Header -->
−
}
+
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
−
 
+
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.  
−
.newsItem img {
+
</div>
−
float: right;
+
<div class="row">
−
clear: right;
+
<ul class="grid cs-style-1">
−
width: 80px;
+
                           
−
padding-left: 15px;
+
                <li class="col-md-3 col-sm-6">
−
display: inline-block;
+
                    <div class="figure">
−
}
+
                        <img src="images/team/1.jpg" alt="MyPassion" />
−
 
+
                        <div class="figcaption">
−
.newsItem .newsDate {
+
                            <span>Founder</span>
−
font-style: italic;
+
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
−
font-size: 14px;
+
                            <a href="#"><i class="fa fa-twitter"></i></a>
−
display: inline-block;
+
                            <a href="#"><i class="fa fa-facebook"></i></a>
−
color: #999;
+
                            <a href="#"><i class="fa fa-github"></i></a>
−
float: right;
+
                            <a href="#"><i class="fa fa-skype"></i></a>
−
padding: 0px 0px 10px 15px;
+
−
}
+
−
 
+
−
.newsItem p, .newsItem ul, .newsItem li {
+
−
padding: 0px;
+
−
margin-left: 20px;
+
−
font-size: 12px;
+
−
line-height: 1.2;
+
−
}
+
−
 
+
−
.newsItem p {margin-top: 10px;}
+
−
 
+
−
.annItem {
+
−
border: 2px solid #414141;
+
−
display: block;
+
−
padding: 0px 15px 10px 10px;
+
−
margin-bottom: 18px;
+
−
position: relative;
+
−
height: 160px;
+
−
vertical-align: middle;
+
−
}
+
−
 
+
−
.annItem .annCentered {
+
−
display: table-cell;
+
−
vertical-align: middle;
+
−
height: 160px;
+
−
}
+
−
 
+
−
.annCentered h3 {
+
−
padding: 0px;
+
−
display: block;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
+
−
.annItem li {list-style: none; margin: 5px}
+
−
 
+
−
 
+
−
 
+
−
</style>
+
−
</style>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<head>
+
−
<script>
+
−
$(function(){
+
−
$(".hx-menu h3").click(function(){
+
−
$(this).parent().find(".twolevel").toggle();
+
−
$(this).find("em").toggle();
+
−
$(this).find("b").toggle();
+
−
return false();
+
−
})
+
−
})
+
−
</script>
+
−
 
+
−
<style>
+
−
/* CSS Document */
+
−
*{padding:0;margin:0;}
+
−
body { font-family: 寰蒋闆呴粦; font-size: 14px; color: #333333; padding: 0px; margin: 0px; background: #eee;line-height:180%;}
+
−
div, span, ul, li, p, h1, h2, h3, h4, h5, h6, img, p, dl, dd, dt { font-family: 寰蒋闆呴粦; margin: 0px; padding: 0px;line-height:180%; font-style:normal;}
+
−
ul,li,ol{ list-style: none; }
+
−
a, a:link, a:visited, a:active {text-decoration: none}
+
−
a { color: #333333; text-decoration: none; font-family: 寰蒋闆呴粦; font-size: 12px; }
+
−
a:hover{ text-decoration:none;}
+
−
a img {border: 0;}
+
−
/*clear float*/
+
−
.cl:after{content:'.';visibility:hidden;height:0;width:0;display:block;_display:inline-block;clear:both; line-height:0; font-size:0;overflow:hidden;}
+
−
.cl{zoom:1;}
+
−
.l{float:left;}
+
−
.r{float:right;}
+
−
 
+
−
.firstHeading{display: none;}
+
−
.hx-wrapper{background:#c3e4f5;font-size:14px;line-height:22px;}
+
−
.hx-wrapper a{font-size:14px;}
+
−
 
+
−
.hx-wrapper .hd{background:url("wiki/images/9/9d/Hx-banner.jpg")/*tpa=https://static.igem.org/mediawiki/2014/9/9d/Hx-banner.jpg*/ no-repeat center top #c3e4f5;height:465px;}
+
−
 
+
−
.hx-content{width:1000px;position:relative;margin:0 auto;background:url("wiki/images/6/64/Hx-mainbg.jpg")/*tpa=https://static.igem.org/mediawiki/2014/6/64/Hx-mainbg.jpg*/ no-repeat center top #fff;min-height:1300px;padding-bottom:30px;}
+
−
.hx-content .element{position:absolute;z-index:9;}
+
−
.hx-content .elementico1{background:url("wiki/images/b/bb/Hx-element1.png")/*tpa=https://static.igem.org/mediawiki/2014/b/bb/Hx-element1.png*/ no-repeat;left:-20px;top:34px;width:100px;height:639px;}
+
−
.hx-content .elementico2{background:url("wiki/images/c/c7/Hx-element2.png")/*tpa=https://static.igem.org/mediawiki/2014/c/c7/Hx-element2.png*/ no-repeat;left: 19px;top: 693px;width:128px;height:375px;}
+
−
.hx-content .elementico3{background:url("wiki/images/e/e0/Hx-element3.png")/*tpa=https://static.igem.org/mediawiki/2014/e/e0/Hx-element3.png*/ no-repeat;left: 22px;top: 1007px;width:642px;height:326px;display:none;}
+
−
.hx-content .wp{padding:40px 0 40px 60px;}
+
−
.hx-content .hx-hometopmain{min-height:1045px;}
+
−
.hx-content .hx-side{position:relative;width:220px;padding-top:10px;float:left;}
+
−
.hx-side li{background:#0c9ccc;margin-top:10px;}
+
−
.hx-side h3{height:40px;padding:0 10px 0 25px;line-height:40px;position:relative;}
+
−
.hx-side h3 a{display:block;font-size:18px;color:#a5e8fa;}
+
−
.hx-side h3 em{position:absolute;right:10px;top:0;color:#fff;font-style:normal;font-size:18px;cursor:pointer;}
+
−
.hx-side h3 b{display:none;position:absolute;right: 12px;top: -7px;color:#fff;font-style:normal;font-size:18px;cursor:pointer;}
+
−
.hx-side .twolevel{margin:0 10px;border-top:1px solid #86cee6;padding:10px 0;display:none;}
+
−
.hx-side .twolevel a{display:block;line-height:30px;color:#a5e8fa;font-size:14px;padding-left:30px;}
+
−
.hx-side li.on,.hx-side li.active{background:#faad55;}
+
−
.hx-side li.on a{color:#fff;}
+
−
.hx-side li.active a{color:#fff;}
+
−
.hx-side li.active .twolevel{display:block;border-top:1px solid #fff;}
+
−
.hx-side li.active em{display:none;}
+
−
.hx-side li.active b{display:block;}
+
−
 
+
−
.hx-main{width:670px;float:right;position:relative;}
+
−
.hx-main .hx-box{padding-bottom:25px;}
+
−
.hx-main .ti{height:40px;line-height:40px;margin-bottom:10px;}
+
−
.hx-main .ti a,.hx-main .ti strong{font-size:18px;color:#fff;opacity:0.8;display:block;padding:0 20px;font-weight:lighter;}
+
−
.hx-main .con{position:relative;overflow:hidden;margin-right:30px;padding-top:15px;text-align:justify;
+
−
                text-justify:inter-ideograph;/*ie6-8*/
+
−
                -moz-text-align-last:justify;/*ff*/
+
−
                -webkit-text-align-last:justify;/*chrome 20+*/}
+
−
.hx-main .con a{color:#0c9ccc;margin:0 3px;}
+
−
.hx-main .hx-box1 .ti{background:#39accb;}
+
−
.hx-main .hx-box2 .ti{background:#bb416a;}
+
−
.hx-main .hx-box3 .ti{background:#1e677b;}
+
−
.hx-main .hx-box4 .ti{background:#ff659a;}
+
−
.hx-main .hx-boxd .ti{background:#0c9ccc;}
+
−
.hx-box2{float:left;width:300px;overflow:hidden;}
+
−
.hx-box3{float:left;width:300px;margin-left:20px;overflow:hidden;}
+
−
.hx-box4{clear:both;}
+
−
 
+
−
.hx-content .hx-page{}
+
−
.hx-pagemain{padding: 0 50px 0 60px;}
+
−
.hx-pagemain p{ text-align:justify;text-justify:inter-ideograph;/*ie6-8*/
+
−
                -moz-text-align-last:justify;/*ff*/
+
−
                -webkit-text-align-last:justify;/*chrome 20+*/}
+
−
.hx-gbox{text-align:center;}
+
−
.hx-team h4{font-size:18px; text-transform:uppercase;color:#0c9ccc;border-bottom:1px solid #0c9ccc;margin-top:10px;}
+
−
.hx-team .l{float:left;margin:0 10px 15px 0;}
+
−
.hx-team li span{margin-left:240px;display:block;}
+
−
.hx-team li strong{font-size:14px;font-weight:lighter;padding-bottom:5px;display:block;}
+
−
.hx-team li{border-bottom:1px dotted #ccc;overflow:hidden;padding:15px 0;}
+
−
.hx-team li p{line-height:18px;}
+
−
#Advisors{margin-top:30px;}
+
−
.hx-team h4{margin-top:30px;}
+
−
.hx-Advisors ul{overflow:hidden;position:relative;}
+
−
.hx-Advisors li{background:#f5f5f5;padding:0 15px;margin:10px 0;}
+
−
.hx-Advisors li strong{font-size:18px;padding:10px 0;}
+
−
.hx-team a{color:#0c9ccc;}
+
−
 
+
−
.hx-omega h3{font-size:18px;font-weight:bold;padding:20px 0 10px;}
+
−
.hx-omega h4{font-weight:bold;font-size:14px;padding:20px 0 10px;}
+
−
.hx-omega p{padding-bottom:10px;}
+
−
.hx-omega table{border-collapse:collapse;margin-bottom:25px;}
+
−
.hx-omega table td,.hx-omega table th{padding:5px 10px;text-align:center;}
+
−
.hx-omega table td{text-align:center;}
+
−
.hx-omega table td:first-child{text-align:left;}
+
−
.hx-omega img{border:1px solid #e5e5e5;padding:8px;}
+
−
 
+
−
.hx-omega .hx-table3{border:1px solid #ccc;}
+
−
.hx-omega .hx-table3 td{border:1px solid #ccc;}
+
−
 
+
−
.hx-omega .hx-table1,
+
−
.hx-omega .hx-table2,
+
−
.hx-omega .hx-table4
+
−
{border-bottom:1px solid #ccc;}
+
−
.hx-omega .hx-table1 th,
+
−
.hx-omega .hx-table2 th,
+
−
.hx-omega .hx-table4 th
+
−
{border-color:#ccc;border-style:solid;border-width:1px 0;}
+
−
 
+
−
.hx-Outreach .pic{padding:9px;border:1px solid #ccc;margin:10px 0;}
+
−
.hx-Outreach .pic strong{font-weight:lighter;padding-top:5px;display:block;}
+
−
.hx-Outreach h4{font-size:14px;font-weight:bold;}
+
−
 
+
−
.hx-photo-gallery h4{font-size:18px;border-bottom:1px solid #0c9ccc;margin:15px 0;color:#0c9ccc;padding-bottom:5px;}
+
−
.hx-photo-gallery img{display:block;margin-top:10px;}
+
−
.hx-safety h3{font-size:18px;font-weight:bold;padding:8px 0;color:#0c9ccc;}
+
−
.hx-safety h5{padding-bottom:5px;font-weight:bold;}
+
−
.hx-safety b{font-size:14px;color:#0c9ccc;}
+
−
 
+
−
.hx-ppsAfinal strong{font-weight:lighter;display:block;padding-top:5px;}
+
−
.hx-ppsAfinal .pic{border:1px solid #e5e5e5;margin:10px 0;padding:10px;}
+
−
.hx-ppsAfinal .l{margin:10px 10px 10px 0;}
+
−
.hx-ppsAfinal .r{margin:10px 0 10px 10px;}
+
−
 
+
−
.hx-MFC strong{font-weight:lighter;display:block;}
+
−
.hx-MFC h2{font-size:24px;padding:10px 0;border:0 none;}
+
−
.hx-MFC .pic{border:1px solid #e5e5e5;padding:10px;text-align:center;}
+
−
.hx-MFC .pic1{width:215px;margin:10px 10px 10px 0;border:1px solid #e5e5e5;padding:10px;text-align:left;text-align:justify;text-justify:inter-ideograph;/*ie6-8*/
+
−
                -moz-text-align-last:justify;/*ff*/
+
−
                -webkit-text-align-last:justify;/*chrome 20+*/}
+
−
.hx-MFC table{border:1px solid #e5e5e5;margin:10px 0;width:100%;}
+
−
.hx-MFC table td{padding:9px;}
+
−
.hx-MFC h3{font-weight:bold;font-size:18px;}
+
−
 
+
−
.hx-overview b{font-size:14px;}
+
−
 
+
−
.hx-Overexpression .pic{border:1px solid #e5e5e5;padding:10px;}
+
−
.hx-Overexpression .pic strong{font-weight:lighter;display:block;}
+
−
 
+
−
.hx-part table{width:100%;border-collapse:collapse;border:1px solid #ccc;}
+
−
.hx-part table td{padding:5px 10px;border:1px solid #ccc;}
+
−
.hx-part table .hxtdbg{background:#f1f1f1;}
+
−
.hx-part h3{font-size:18px;border-bottom:1px solid #ccc;padding:5px 0;font-weight:lighter;margin:10px 0;}
+
−
.hx-part .pic{border:1px solid #e5e5e5;padding:9px;margin:10px 0;}
+
−
 
+
−
.hx-methodsnew h3{font-size:18px;font-weight:bold;padding:10px 0;}
+
−
.hx-methodsnew ul li{position:relative;overflow:hidden;}
+
−
.hx-methodsnew ul li em{font-style:normal;float:left;width:100px;}
+
−
.hx-methodsnew table{border-collapse:collapse;margin-bottom:25px;border-bottom:1px solid #ccc}
+
−
.hx-methodsnew table th{padding:5px 10px;border-color:#ccc;border-style:solid;border-width:1px 0;text-align:center;}
+
−
.hx-methodsnew table td{padding:5px 10px;text-align:center;}
+
−
.hx-methodsnew table td:first-child{text-align:left;}
+
−
.hx-methodsnew table.tableborder{border:1px solid #ccc;}
+
−
.hx-methodsnew table.tableborder td{border:1px solid #ccc;}
+
−
.hx-methodsnew .pic{border:1px solid #e5e5e5;padding:9px;}
+
−
 
+
−
.hx-Attributionsfina h3{font-size:18px;border-bottom:1px solid #ccc;margin:10px 0;}
+
−
 
+
−
.hx-Expert-consultation h3{font-size:18px;border-bottom:1px solid #ccc;margin:10px 0;}
+
−
.hx-Expert-consultation .l{margin:10px 10px 10px 0;border:1px solid #e5e5e5;padding:10px;}
+
−
.hx-Expert-consultation .wenti{font-weight:bold;}
+
−
.hx-Expert-consultation .wenti b{color:#cc0000;font-size:18px;line-height:18px;padding-right:8px;font-weight:lighter;}
+
−
.hx-Expert-consultation .huida{padding-top:10px;}
+
−
.hx-Expert-consultation .huida b{color:#090;font-size:18px;line-height:18px;padding-right:8px;font-weight:lighter;}
+
−
 
+
−
.hx-questionnaire table{width:100%;}
+
−
.hx-questionnaire table td{text-align:center;}
+
−
.hx-questionnaire .pic{margin-top:10px;text-align:center;}
+
−
 
+
−
.hx-arcAknockout h3{font-size:18px;border-bottom:1px solid #ccc;padding:5px 0;margin:10px 0 15px;}
+
−
.hx-arcAknockout .pic{margin:10px 0;padding:9px;border:1px solid #e5e5e5;text-align:center;}
+
−
.hx-arcAknockout .pic strong{font-weight:lighter;display:block;}
+
−
 
+
−
.hx-Modeling .pic{border:1px solid #e5e5e5;padding:9px;margin:10px 0;text-align:center;}
+
−
.hx-Modeling .pic strong{display:block;font-weight:lighter;padding-top:6px;text-align:left;}
+
−
</style>
+
−
</head>
+
−
 
+
−
 
+
−
 
+
−
<div class="hx-wrapper">
+
−
<div class="hd"></div>
+
−
    <div class="hx-content">
+
−
        <div class="element elementico1"></div>
+
−
        <div class="element elementico2"></div>
+
−
        <div class="element elementico3"></div>
+
−
    <div class="wp cl hx-hometopmain">
+
−
        <div class="l hx-side hx-menu">
+
−
            <ul>
+
−
                <li><h3><a href="Team-SCAU-China.htm" tppabs="https://2014.igem.org/Team:SCAU-China">Home</a></h3></li>
+
−
                    <li>
+
−
                    <h3><a href="javascript:void(0)">Team</a><em>+</em><b>_</b></h3>
+
−
                        <div class="twolevel">
+
−
                        <a href="Team-SCAU-China/Team.htm#Members" tppabs="https://2014.igem.org/Team:SCAU-China/Team#Members">- Members</a>
+
−
                                <a href="Team-SCAU-China/Team.htm#Committee-Members" tppabs="https://2014.igem.org/Team:SCAU-China/Team#Committee-Members">- Committee Members</a>
+
 
                         </div>
 
                         </div>
−
                    </li>
+
                        <h4>John Doe</h4>
−
                    <li>
+
                         <div class="hidden">
−
                    <h3><a href="javascript:void(0)">Project</a><em>+</em><b>_</b></h3>
+
                         <span>Founder</span>
−
                         <div class="twolevel">
+
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
−
                         <a href="Team-SCAU-China/Project-Overview.htm" tppabs="https://2014.igem.org/Team:SCAU-China/Project-Overview">- Overview</a>
+
                             <a href="#"><i class="fa fa-twitter"></i></a>
−
                             <a href="Team-SCAU-China/arcA-knock-out.htm" tppabs="https://2014.igem.org/Team:SCAU-China/arcA-knock-out">- <i>arcA</i> knock out</a>
+
                             <a href="#"><i class="fa fa-facebook"></i></a>
−
                             <a href="Team-SCAU-China/nadE-overexpression.htm" tppabs="https://2014.igem.org/Team:SCAU-China/nadE-overexpression">- <i>nadE</i> overexpression</a>
+
                             <a href="#"><i class="fa fa-github"></i></a>
−
                             <a href="Team-SCAU-China/ppsA-promoter.htm" tppabs="https://2014.igem.org/Team:SCAU-China/ppsA-promoter">- <i>ppsA</i> promoter</a>
+
                             <a href="#"><i class="fa fa-skype"></i></a>
−
                             <a href="Team-SCAU-China/MFC,MDC-device.htm" tppabs="https://2014.igem.org/Team:SCAU-China/MFC,MDC-device">- MFC/MDC device</a>
+
 
                         </div>
 
                         </div>
−
                     </li>
+
                       
−
                    <li>
+
                     </div>
−
                    <h3><a href="Team-SCAU-China/Omega-PCR.htm" tppabs="https://2014.igem.org/Team:SCAU-China/Omega-PCR">Omega-PCR</a></h3>
+
                </li>
−
                    </li>
+
               
−
                    <li>
+
                <li class="col-md-3 col-sm-6">
−
                    <h3><a href="javascript:void(0)">Results</a><em>+</em><b>_</b></h3>
+
                    <div class="figure">
−
                        <div class="twolevel">
+
                        <img src="images/team/2.jpg" alt="MyPassion" />
−
                        <a href="javascript:if(confirm('https://2014.igem.org/Team:SCAU-China/R-Parts  \n\n该文件无法用 Teleport Ultra 下载, 因为 不可用, 或放弃了下载, 或项目即将停止。  \n\n你想在服务器上打开它?'))window.location='https://2014.igem.org/Team:SCAU-China/R-Parts'" tppabs="https://2014.igem.org/Team:SCAU-China/R-Parts">- Parts</a>
+
                        <div class="figcaption">
−
                                <a href="Team-SCAU-China/Modeling.htm" tppabs="https://2014.igem.org/Team:SCAU-China/Modeling">- Modeling</a>
+
                            <span>Moderator</span>
 +
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 +
                            <a href="#"><i class="fa fa-twitter"></i></a>
 +
                            <a href="#"><i class="fa fa-facebook"></i></a>
 +
                            <a href="#"><i class="fa fa-github"></i></a>
 +
                            <a href="#"><i class="fa fa-skype"></i></a>
 
                         </div>
 
                         </div>
−
                    </li>
+
                        <h4>Sarah Dome</h4>
−
                    <li>
+
                        <div class="hidden">
−
                    <h3><a href="javascript:void(0)">Human practices</a><em>+</em><b>_</b></h3>
+
                        <span>Moderator</span>
−
                        <div class="twolevel">
+
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
−
                        <a href="Team-SCAU-China/Expert_consultation.htm" tppabs="https://2014.igem.org/Team:SCAU-China/Expert consultation">- Expert Consultation</a>
+
                            <a href="#"><i class="fa fa-twitter"></i></a>
−
                             <a href="Team-SCAU-China/Questionnaire.htm" tppabs="https://2014.igem.org/Team:SCAU-China/Questionnaire">- Questionnaire</a>
+
                             <a href="#"><i class="fa fa-facebook"></i></a>
−
                             <a href="Team-SCAU-China/Safety.htm" tppabs="https://2014.igem.org/Team:SCAU-China/Safety">- Safety</a>
+
                             <a href="#"><i class="fa fa-github"></i></a>
−
                             <a href="Team-SCAU-China/Outreach.htm" tppabs="https://2014.igem.org/Team:SCAU-China/Outreach">- Outreach</a>
+
                             <a href="#"><i class="fa fa-skype"></i></a>
 
                         </div>
 
                         </div>
−
                     </li>
+
                     </div>
−
                    <li>
+
                </li>
−
                    <h3><a href="javascript:void(0)">Notebook</a><em>+</em><b>_</b></h3>
+
               
−
                        <div class="twolevel">
+
                <li class="col-md-3 col-sm-6">
−
                        <a href="Team-SCAU-China/Methods & Materials.htm" tppabs="https://2014.igem.org/Team:SCAU-China/Methods & Materials">- Methods &amp; Materials</a>
+
                    <div class="figure">
−
                                <a href="Team-SCAU-China/Photo.htm" tppabs="https://2014.igem.org/Team:SCAU-China/Photo">- Photo Gallery</a>
+
                        <img src="images/team/3.jpg" alt="MyPassion" />
 +
                        <div class="figcaption">
 +
                            <span>Web Developer</span>
 +
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 +
                            <a href="#"><i class="fa fa-twitter"></i></a>
 +
                            <a href="#"><i class="fa fa-facebook"></i></a>
 +
                            <a href="#"><i class="fa fa-github"></i></a>
 +
                            <a href="#"><i class="fa fa-skype"></i></a>
 +
                        </div>
 +
                        <h4>David Mier</h4>
 +
                        <div class="hidden">
 +
                        <span>Web Developer</span>
 +
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 +
                            <a href="#"><i class="fa fa-twitter"></i></a>
 +
                            <a href="#"><i class="fa fa-facebook"></i></a>
 +
                            <a href="#"><i class="fa fa-github"></i></a>
 +
                            <a href="#"><i class="fa fa-skype"></i></a>
 
                         </div>
 
                         </div>
−
                    </li>
 
−
                    <li>
 
−
                    <h3><a href="Team-SCAU-China/Attributions.htm" tppabs="https://2014.igem.org/Team:SCAU-China/Attributions">Attributions</a></h3>
 
−
                    </li>
 
−
                </ul>
 
−
            </div>
 
−
 
−
 
−
<style>
 
−
.hx-content  .elementico3{display:block;}
 
−
</style>
 
−
<script>
 
−
$(function(){
 
−
$(".hx-menu li:eq(0)").addClass("active");
 
−
})
 
−
</script>
 
−
<!--main content -->
 
−
<div class="r hx-main">
 
−
           
 
−
            <div class="hx-box hx-box1">
 
−
                <div class="ti"><a href="#">Abstract</a></div>
 
−
                    <div class="con">
 
−
                      <p style="margin-left:390px">In view of rapid depletion of traditional energy resources and increasing demand of desalination of seawater for fresh water, we aimed to enhance the electrogenic capacity of microbial fuel cells (MFC) by genetically modified bacteria and optimize the traditional microbial desalination cells (MDC) device.</p>
 
−
                  </div>
 
−
                </div>
 
−
                <div class="hx-box hx-box2">
 
−
                <div class="ti"><a href="#">MFC/MDC Devices</a></div>
 
−
                    <div class="con"></div>
 
−
                </div>
 
−
                <div class="hx-box hx-box3">
 
−
                <div class="ti"><a href="#">Human Practice</a></div>
 
−
                    <div class="con"></div>
 
−
                </div>
 
−
                <div class="hx-box hx-box4">
 
−
                <div class="ti"><a href="#">Meet Our Team</a></div>
 
−
                    <div class="con">
 
−
                    <p>Although members of SCAU-China come from different grades and majors with diverse specialties and interests, we all contribute to accomplish our project. IGEM competition gives us a great opportunity to develop our scientific skills and achieve specific goals in a limited time. We enjoy the ... <a href="Team-SCAU-China/Team.htm" tppabs="https://2014.igem.org/Team:SCAU-China/Team">[more>>]</a></p>
 
−
                        <p><br /></p>
 
−
                    <p>&nbsp;</p>
 
 
                     </div>
 
                     </div>
−
                 </div>
+
                 </li>
 +
                <li class="col-md-3 col-sm-6">
 +
                    <div class="figure">
 +
                        <img src="images/team/4.jpg" alt="MyPassion" />
 +
                        <div class="figcaption">
 +
                            <span>Consultant</span>
 +
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 +
                            <a href="#"><i class="fa fa-twitter"></i></a>
 +
                            <a href="#"><i class="fa fa-facebook"></i></a>
 +
                            <a href="#"><i class="fa fa-github"></i></a>
 +
                            <a href="#"><i class="fa fa-skype"></i></a>
 +
                        </div>
 +
                        <h4>Katy Jew</h4>
 +
                        <div class="hidden">
 +
                        <span>Consultant</span>
 +
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 +
                            <a href="#"><i class="fa fa-twitter"></i></a>
 +
                            <a href="#"><i class="fa fa-facebook"></i></a>
 +
                            <a href="#"><i class="fa fa-github"></i></a>
 +
                            <a href="#"><i class="fa fa-skype"></i></a>
 +
                        </div>
 +
                    </div>
 +
                </li>
 
                  
 
                  
−
             </div>
+
             </ul>
 +
</div>
 +
</div>
 +
</div><!-- End inner div -->
 +
 +
</section><!-- End Our Team Section -->
 +
<section id="portfolio" class="contain nav-link">
 +
 +
<div class="inner">
 +
 +
<!-- Portfolio -->
 +
<div class="contain-logo br">
 +
<i class="fa fa-chevron-down"></i>
 +
</div>
 +
 +
<!-- Header -->
 +
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
 +
our Portfolio
 +
</div>
 +
 +
<!-- Second Header -->
 +
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
 +
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
 +
</div>
 +
 +
<div class="works">
 +
 +
<div id="options" class="filter-menu inline animated" data-animation="slideInRight" data-animation-delay="0">
 +
<ul id="filters" class="filters option-set" data-option-key="filter">
 +
<li><a href="#filter" data-option-value="*" class="selected">show all</a></li>
 +
<li><a href="#filter" data-option-value=".design">design</a></li>
 +
<li><a href="#filter" data-option-value=".photography">photography</a></li>
 +
<li><a href="#filter" data-option-value=".branding">branding</a></li>
 +
<li><a href="#filter" data-option-value=".web">web</a></li>
 +
</ul>
 +
</div>
 +
<div class="row">
 +
<div class="items ">
 +
 +
<div class="work col-xs-4 web photography">
 +
<div class="portfolio-inner animated" data-animation="pulse" data-animation-delay="0">
 +
<div class="portfolio-img">
 +
<img src="images/portfolio/1.jpg" alt="" />
 +
<div class="mask">
 +
<a class="button zoom" href="images/portfolio/big.jpg" data-rel="prettyPhoto[gallery]"><i class="fa fa-plus"></i></a>
 +
<a class="button detail"><i class="fa fa-picture-o"></i></a>
 +
</div>
 +
</div>
 +
<div class="portfolio-desc">
 +
<h4>Portfolio Sample</h4>
 +
<p>Dolor sit amet maximi in agris Avalin humana</p>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="work col-xs-4 photography design">
 +
<div class="portfolio-inner animated" data-animation="pulse" data-animation-delay="50">
 +
<div class="portfolio-img">
 +
<img src="images/portfolio/2.jpg" alt="" />
 +
<div class="mask">
 +
<a class="button zoom" href="images/portfolio/big.jpg" data-rel="prettyPhoto[gallery]"><i class="fa fa-plus"></i></a>
 +
<a class="button detail"><i class="fa fa-picture-o"></i></a>
 +
</div>
 +
</div>
 +
<div class="portfolio-desc">
 +
<h4>Portfolio Sample</h4>
 +
<p>Dolor sit amet maximi in agris Avalin humana</p>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="work col-xs-4 web photography design ">
 +
<div class="portfolio-inner animated" data-animation="pulse" data-animation-delay="100">
 +
<div class="portfolio-img">
 +
<img src="images/portfolio/3.jpg" alt="" />
 +
<div class="mask">
 +
<a class="button zoom" href="images/portfolio/big.jpg" data-rel="prettyPhoto[gallery]"><i class="fa fa-plus"></i></a>
 +
<a class="button detail"><i class="fa fa-picture-o"></i></a>
 +
</div>
 +
</div>
 +
<div class="portfolio-desc">
 +
<h4>Portfolio Sample</h4>
 +
<p>Dolor sit amet maximi in agris Avalin humana</p>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="work col-xs-4 design web ">
 +
<div class="portfolio-inner animated" data-animation="pulse" data-animation-delay="150">
 +
<div class="portfolio-img">
 +
<img src="images/portfolio/4.jpg" alt="" />
 +
<div class="mask">
 +
<a class="button zoom" href="http://www.youtube.com/watch?v=abfeXDFegO8" data-rel="prettyPhoto[gallery]"><i class="fa fa-plus"></i></a>
 +
<a class="button detail"><i class="fa fa-film"></i></a>
 +
</div>
 +
</div>
 +
<div class="portfolio-desc">
 +
<h4>Portfolio Sample</h4>
 +
<p>Dolor sit amet maximi in agris Avalin humana</p>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="work col-xs-4 design photography ">
 +
<div class="portfolio-inner animated" data-animation="pulse" data-animation-delay="200">
 +
<div class="portfolio-img">
 +
<img src="images/portfolio/5.jpg" alt="" />
 +
<div class="mask">
 +
<a class="button zoom" href="http://www.youtube.com/watch?v=abfeXDFegO8" data-rel="prettyPhoto[gallery]"><i class="fa fa-plus"></i></a>
 +
<a class="button detail"><i class="fa fa-film"></i></a>
 +
</div>
 +
</div>
 +
<div class="portfolio-desc">
 +
<h4>Portfolio Sample</h4>
 +
<p>Dolor sit amet maximi in agris Avalin humana</p>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="work col-xs-4 web branding ">
 +
<div class="portfolio-inner animated" data-animation="pulse" data-animation-delay="250">
 +
<div class="portfolio-img">
 +
<img src="images/portfolio/6.jpg" alt="" />
 +
<div class="mask">
 +
<a class="button zoom" href="images/portfolio/big.jpg" data-rel="prettyPhoto[gallery]"><i class="fa fa-plus"></i></a>
 +
<a class="button detail"><i class="fa fa-picture-o"></i></a>
 +
</div>
 +
</div>
 +
<div class="portfolio-desc">
 +
<h4>Portfolio Sample</h4>
 +
<p>Dolor sit amet maximi in agris Avalin humana</p>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="clear"></div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
</section>
 +
 +
<!-- Start Services Section -->
 +
<section id="services" class="contain nav-link">
 +
<div class="inner services">
 +
<div class="contain-logo br">
 +
<i class="fa fa-chevron-down"></i>
 +
</div>
 +
 +
<!-- Header -->
 +
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
 +
Our Services
 +
</div>
 +
 +
<!-- Second Header -->
 +
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
 +
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
 +
</div>
 +
 +
<div class="row">
 +
            <div class="col-md-4 col-sm-4 col-xs-6 animated" data-animation="rollIn" data-animation-delay="0">
 +
              <div class="service-box">
 +
                <div class="wrap">
 +
                  <span class="fa fa-tag"></span>
 +
                  <div class="content">
 +
                    <h4>Web Design</h4>
 +
                    <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione avalin dolor set amet</p>
 +
                  </div><!-- End .content -->
 +
                </div><!-- End .wrap -->
 +
              </div><!-- End .service-box -->
 +
            </div><!-- End .col-md-4 col-sm-4 col-xs-6 -->
 +
            <div class="col-md-4 col-sm-4 col-xs-6 animated" data-animation="rollIn" data-animation-delay="0">
 +
              <div class="service-box">
 +
                <div class="wrap">
 +
                  <span class="fa fa-umbrella"></span>
 +
                  <div class="content">
 +
                    <h4>Ad Promotion</h4>
 +
                    <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione avalin dolor set amet</p>
 +
                  </div><!-- End .content -->
 +
                </div><!-- End .wrap -->
 +
              </div><!-- End .service-box -->
 +
            </div><!-- End .col-md-4 col-sm-4 col-xs-6-->
 +
            <div class="col-md-4 col-sm-4 col-xs-6 animated" data-animation="rollIn" data-animation-delay="0">
 +
              <div class="service-box">
 +
                <div class="wrap">
 +
                  <span class="fa fa-signal"></span>
 +
                  <div class="content">
 +
                    <h4>Get Traffic</h4>
 +
                    <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione avalin dolor set amet</p>
 +
                  </div><!-- End .content -->
 +
                </div><!-- End .wrap -->
 +
              </div><!-- End .service-box -->
 +
            </div><!-- End .col-md-4 col-sm-4 col-xs-6 -->
 +
         
 +
            <div class="col-md-4 col-sm-4 col-xs-6 animated" data-animation="rollIn" data-animation-delay="0">
 +
              <div class="service-box">
 +
                <div class="wrap">
 +
                  <span class="fa fa-gift"></span>
 +
                  <div class="content">
 +
                    <h4>Consultant</h4>
 +
                    <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione avalin dolor set amet</p>
 +
                  </div><!-- End .content -->
 +
                </div><!-- End .wrap -->
 +
              </div><!-- End .service-box -->
 +
            </div><!-- End .col-md-4 col-sm-4 col-xs-6 -->
 +
            <div class="col-md-4 col-sm-4 col-xs-6 animated" data-animation="rollIn" data-animation-delay="0">
 +
              <div class="service-box">
 +
                <div class="wrap">
 +
                  <span class="fa fa-comments"></span>
 +
                  <div class="content">
 +
                    <h4>Project Management</h4>
 +
                    <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione avalin dolor set amet</p>
 +
                  </div><!-- End .content -->
 +
                </div><!-- End .wrap -->
 +
              </div><!-- End .service-box -->
 +
            </div><!-- End .col-md-4 col-sm-4 col-xs-6-->
 +
            <div class="col-md-4 col-sm-4 col-xs-6 animated" data-animation="rollIn" data-animation-delay="0">
 +
              <div class="service-box">
 +
                <div class="wrap">
 +
                  <span class="fa fa-desktop"></span>
 +
                  <div class="content">
 +
                    <h4>Knowledge Management</h4>
 +
                    <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione avalin dolor set amet</p>
 +
                  </div><!-- End .content -->
 +
                </div><!-- End .wrap -->
 +
              </div><!-- End .service-box -->
 +
            </div><!-- End .col-md-4 col-sm-4 col-xs-6 -->
 
         </div>
 
         </div>
−
       
+
−
        <div class="hx-gbox"></div>
+
−
    </div>
+
−
</div>
+
 +
</div><!-- End Services Inner 1 -->
 +
 +
 +
</section> <!-- End Services Section -->
 +
 +
<!-- Start Blog Section -->
 +
<section id="blog" class="contain nav-link">
 +
<div class="inner">
 +
<div class="contain-logo br-b">
 +
<i class="fa fa-chevron-down"></i>
 +
</div>
 +
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
 +
Our Blog
 +
</div>
 +
 +
<!-- Second Header -->
 +
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
 +
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
 +
</div>
  
−
</p>
+
<div class="row">
−
<!--  
+
<div class="col-lg-4 col-md-4 post-item animated" data-animation="bounceIn" data-animation-delay="0">
−
NewPP limit report
+
<div class="portfolio-img">
−
Preprocessor node count: 19/1000000
+
<img src="images/post_img_1.jpg" class="post-img" alt="">
−
Post-expand include size: 123/2097152 bytes
+
</div>
−
Template argument size: 0/2097152 bytes
+
−
Expensive parser function count: 0/100
+
<div class="post-content">
−
-->
+
<a href="#"><h5>Avalin Post Title</h5></a>
 +
<div class="entry">
 +
<p>
 +
Donec non lacus a velit iaculis dignissim. Nam at lorem vitae enim vestibulum ullamcorper. In adipiscing, eros at venenatis mattis, erat purus tempus nisi, et tempor lectus nibh non dui. Nam bibendum est quis dolor elementum laoreet. Vestibulum ut fermentum augue.
 +
</p>
 +
</div>
 +
<div class="post-meta">
 +
<ul>
 +
<li><a href="#"><i class="fa fa-clock-o"></i>Feb 02, 2014</a></li>
 +
<li><a href="#"><i class="fa fa-comment"></i>2 Comments</a></li>
 +
<li><a href="#"><i class="fa fa-user"></i>John</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
  
−
<!-- Saved in parser cache with key 2014_igem_org:pcache:idhash:1269-0!1!0!!en!2!edit=0 and timestamp 20150726073449 -->
+
<div class="col-lg-4 col-md-4 post-item animated" data-animation="bounceIn" data-animation-delay="150">
−
<div class="printfooter">
+
<div class="portfolio-img">
−
Retrieved from "<a href="Team-SCAU-China.htm" tppabs="https://2014.igem.org/Team:SCAU-China">https://2014.igem.org/Team:SCAU-China</a>"</div>
+
<img src="images/post_img_2.jpg" class="post-img" alt="">
−
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
+
</div>
−
<div class="visualClear"></div>
+
 +
<div class="post-content">
 +
<a href="#"><h5>Avalin Post Title</h5></a>
 +
<div class="entry">
 +
<p>
 +
Donec non lacus a velit iaculis dignissim. Nam at lorem vitae enim vestibulum ullamcorper. In adipiscing, eros at venenatis mattis, erat purus tempus nisi, et tempor lectus nibh non dui. Nam bibendum est quis dolor elementum laoreet. Vestibulum ut fermentum augue.
 +
</p>
 +
</div>
 +
<div class="post-meta">
 +
<ul>
 +
<li><a href="#"><i class="fa fa-clock-o"></i>Feb 02, 2014</a></li>
 +
<li><a href="#"><i class="fa fa-comment"></i>2 Comments</a></li>
 +
<li><a href="#"><i class="fa fa-user"></i>John</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="col-lg-4 col-md-4 post-item animated" data-animation="bounceIn" data-animation-delay="300">
 +
<div class="portfolio-img">
 +
<img src="images/post_img_3.jpg" class="post-img" alt="">
 +
</div>
 +
<div class="post-content">
 +
<a href="#"><h5>Avalin Post Title</h5></a>
 +
<div class="entry">
 +
<p>
 +
Donec non lacus a velit iaculis dignissim. Nam at lorem vitae enim vestibulum ullamcorper. In adipiscing, eros at venenatis mattis, erat purus tempus nisi, et tempor lectus nibh non dui. Nam bibendum est quis dolor elementum laoreet. Vestibulum ut fermentum augue.
 +
</p>
 +
</div>
 +
<div class="post-meta">
 +
<ul>
 +
<li><a href="#"><i class="fa fa-clock-o"></i>Feb 02, 2014</a></li>
 +
<li><a href="#"><i class="fa fa-comment"></i>2 Comments</a></li>
 +
<li><a href="#"><i class="fa fa-user"></i>John</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 
</div>
 
</div>
−
    </div>
+
</section>
−
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
+
<!-- End Blog Section -->
−
<div class="visualClear"></div>
+
<section id="prices" class="contain nav-link">
−
    <div id='footer-box' class='noprint'>
+
−
        <div id="footer">
+
−
              <div id="f-poweredbyico"></div>      
+
−
              <div id="f-copyrightico"></div>    
+
−
              <ul id="f-list">
+
 
 
 +
<div class="inner prices">
 +
<div class="contain-logo br">
 +
<i class="fa fa-chevron-down"></i>
 +
</div>
 +
 +
<!-- Header -->
 +
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
 +
Our Pricing
 +
</div>
 +
 +
<!-- Second Header -->
 +
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
 +
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
 +
</div>
 +
 +
<div class="row">
 +
                  <div class="col-md-3 col-sm-6 animated" data-animation="fadeInUp" data-animation-delay="100">
 +
                      <div class="price-pack text-center clearfix">
 +
                          <div class="package-header"><h3>Personal</h3></div>
 +
                            <div class="package-price">$20<p>monthly</p></div>
 +
                              <div class="package-features clearfix">
 +
                                  <ul>
 +
                                      <li>Unlimited Users</li>
 +
                                      <li>Unlimited Storage</li>
 +
                                      <li>Unlimited Domain</li>
 +
                                      <li>Unlimited Bandwidth</li>
 +
                                      <li>Powerful Engine</li>
 +
                                      <li>Lifetime Support</li>
 +
                                  </ul>
 +
                              </div>
 +
                              <a href="#" class="btn border-btn">order now</a>
 +
                      </div>
 +
                  </div>
 +
                  <div class="col-md-3 col-sm-6 animated" data-animation="fadeInUp" data-animation-delay="200">
 +
                      <div class="price-pack text-center clearfix">
 +
                          <div class="package-header"><h3>standard</h3></div>
 +
                            <div class="package-price">$50<p>monthly</p></div>
 +
                              <div class="package-features clearfix">
 +
                                  <ul>
 +
                                      <li>Unlimited Users</li>
 +
                                      <li>Unlimited Storage</li>
 +
                                      <li>Unlimited Domain</li>
 +
                                      <li>Unlimited Bandwidth</li>
 +
                                      <li>Powerful Engine</li>
 +
                                      <li>Lifetime Support</li>
 +
                                  </ul>
 +
                              </div>
 +
                              <a href="#" class="btn border-btn">order now</a>
 +
                      </div>
 +
                  </div> 
 +
                  <div class="col-md-3 col-sm-6 animated" data-animation="fadeInUp" data-animation-delay="300">
 +
                      <div class="price-pack-features text-center clearfix">
 +
                          <div class="package-header-features"><h3>profssional</h3></div>
 +
                            <div class="package-price-features">$90<p>monthly</p></div>
 +
                              <div class="package-features clearfix">
 +
                                  <ul>
 +
                                      <li>Unlimited Users</li>
 +
                                      <li>Unlimited Storage</li>
 +
                                      <li>Unlimited Domain</li>
 +
                                      <li>Unlimited Bandwidth</li>
 +
                                      <li>Powerful Engine</li>
 +
                                      <li>Lifetime Support</li>
 +
                                  </ul>
 +
                              </div>
 +
                              <a href="#" class="btn border-btn-features">order now</a>
 +
                      </div>
 +
                  </div>
 +
                  <div class="col-md-3 col-sm-6 animated" data-animation="fadeInUp" data-animation-delay="400">
 +
                      <div class="price-pack text-center clearfix">
 +
                          <div class="package-header"><h3>premium</h3></div>
 +
                            <div class="package-price">$99<p>monthly</p></div>
 +
                              <div class="package-features clearfix">
 +
                                  <ul>
 +
                                      <li>Unlimited Users</li>
 +
                                      <li>Unlimited Storage</li>
 +
                                      <li>Unlimited Domain</li>
 +
                                      <li>Unlimited Bandwidth</li>
 +
                                      <li>Powerful Engine</li>
 +
                                      <li>Lifetime Support</li>
 +
                                  </ul>
 +
                              </div>
 +
                              <a href="#" class="btn border-btn">order now</a>
 +
                      </div>
 +
                  </div>                                                       
 +
              </div>
 +
</div><!-- End inner div -->
 +
</section><!-- End Prices Section -->
 +
 +
 +
 +
 +
<!--Start Contact Section -->
 +
<section id="contact" class="contain nav-link">
 +
<div class="contain-logo br">
 +
<i class="fa fa-chevron-down"></i>
 +
</div>
 +
 +
<!-- Header -->
 +
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
 +
Contact Us
 +
</div>
 +
 +
<!-- Second Header -->
 +
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
 +
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
 +
</div>
 +
 +
 +
<!--Gmap-->
 +
<section class="gmap_outer">
 +
map
 +
</section>
 +
<!--Gmap END-->
 +
 +
           
 +
                <!-- col-md-8 col-sm-8 col-xs-12 -->
 +
                <div class="col-md-8 col-sm-8 col-xs-12 animated" data-animation="rollIn" data-animation-delay="0">
 +
<div class="contact-form">
 +
<form id="contact-form" action="contact.php" method="post" class="contact-form1">
 +
<div class="row">
 +
<div class="col-sm-6">
 +
<input name="name" type="text" placeholder="Enter your full name..." required />
 +
</div>
 +
<div class="col-sm-6">
 +
<input name="email" type="email" placeholder="Enter your email address..." required />
 +
</div>
 +
</div>
 +
 +
<textarea name="message" rows="8" cols="40" placeholder="Enter your message here..." required></textarea>
 +
 +
<input name="send" class="btn-c" type="submit" value="SEND" />
  
−
  <!-- Recentchanges is not handles well DEBUG -->
+
</form>
−
    <li id="t-recentchanges"><a href="Special-RecentChanges.htm" tppabs="https://2014.igem.org/Special:RecentChanges"
+
<div id="response"></div>
−
      title='Recent changes'>Recent changes</a></li>
+
</div>
 +
                   
 +
                </div>
 +
                <!-- /col-md-8 col-sm-8 col-xs-12 -->
 +
               
 +
                <!-- /col-md-4 col-sm-4 col-xs-12 -->
 +
                <div class="col-md-4 col-sm-4 col-xs-12 animated" data-animation="rollIn" data-animation-delay="200">
 +
               
 +
                    <div class="contact-widget">
 +
                   
 +
                        <i class="fa fa-home"></i>
 +
                        <p>Avalin Ap, Main St. , Next Blvd. Montreal</p>
 +
                        <div class="clearfix"></div>
 +
                        <i class="fa fa-phone"></i>
 +
                        <p>Phone: +123 456-789<br> Fax: +123 456-789</p>
 +
                        <div class="clearfix"></div>
 +
                        <i class="fa fa-envelope"></i>
 +
                        <p>Email: info@Yourname.com <br> www.Yourname.com</p>
 +
                        <div class="clearfix"></div>
 +
                       
 +
                    </div>
 +
               
 +
                </div>
 +
                <!-- /col-md-4 col-sm-4 col-xs-12 -->
 +
           
 +
            <div class="clear"></div>
 +
 +
</section><!-- End Contact Section -->
 +
<div class="clear"></div>
 +
<!-- Footer Section -->
 +
<section id="footer">
 +
 +
<div class="inner footer">
 +
 +
<!-- Socials Media -->
 +
<div class="col-xs-12 footer-box animated" data-animation="tada" data-animation-delay="0">
 +
 +
<!-- Social 1 -->
 +
<a class="footer-links">
 +
<i class="fa fa-facebook"></i>
 +
</a>
 +
 +
<!-- Social 2 -->
 +
<a class="footer-links">
 +
<i class="fa fa-twitter"></i>
 +
</a>
 +
 +
<!-- Social 3 -->
 +
<a class="footer-links">
 +
<i class="fa fa-google-plus"></i>
 +
</a>
 +
 +
<!-- Social 4 -->
 +
<a class="footer-links">
 +
<i class="fa fa-pinterest"></i>
 +
</a>
 +
 +
<!-- Copyright -->
 +
<p class="footer-text copyright">
 +
Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
 +
</p>
 +
</div>
 +
<div class="clear"></div>
 +
 +
</div> <!-- End Footer inner -->
 +
 +
</section><!-- End Footer Section -->
 +
 +
<!-- JavaScript Files -->
 +
 +
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
 +
<script type="text/javascript" src="js/bootstrap.js"></script>
 +
<script type="text/javascript" src="js/jquery.appear.js"></script>
 +
<script type="text/javascript" src="js/waypoints.min.js"></script>
 +
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
 +
<script type="text/javascript" src="js/modernizr-latest.js"></script>
 +
<script type="text/javascript" src="js/SmoothScroll.js"></script>
 +
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
 +
<script type="text/javascript" src="js/jquery.superslides.js"></script>
 +
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
 +
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
 +
<script type="text/javascript" src="js/jquery.sticky.js"></script>
 +
<script type="text/javascript" src="js/jquery.isotope.js"></script>
 +
<script type="text/javascript" src="js/scripts.js"></script>
 +
<script type="text/javascript" src="js/gmap.js"></script>
 +
 +
<script type="text/javascript" src="js/toucheffects.js"></script>
  
−
    <li id="t-whatlinkshere"><a href="Special-WhatLinksHere/Team-SCAU-China.htm" tppabs="https://2014.igem.org/Special:WhatLinksHere/Team:SCAU-China"
+
<!-- End JavaScript Files -->
−
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
+
</body>
−
 
+
−
                        <li id="t-recentchangeslinked"><a href="javascript:if(confirm('https://2014.igem.org/Special:RecentChangesLinked/Team:SCAU-China  \n\n该文件无法用 Teleport Ultra 下载, 因为 服务器报告该文件未找到。  \n\n你想在服务器上打开它?'))window.location='https://2014.igem.org/Special:RecentChangesLinked/Team:SCAU-China'" tppabs="https://2014.igem.org/Special:RecentChangesLinked/Team:SCAU-China"
+
−
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
+
−
 
+
−
 
+
−
 
+
−
                <li id="t-specialpages"><a href="Special-SpecialPages.htm" tppabs="https://2014.igem.org/Special:SpecialPages"
+
−
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
+
−
                </li>
+
−
                <li><a href="Special-Preferences.htm" tppabs="https://2014.igem.org/Special:Preferences">My preferences</a></li>
+
−
            </ul>
+
−
        </div> <!-- close footer -->
+
−
        <div id='footer'>
+
−
    <ul id="f-list">
+
−
 
+
−
            <li id="t-print"><a href="wiki/index.php-title=Team-SCAU-China&printable=yes.htm" tppabs="https://2014.igem.org/wiki/index.php?title=Team:SCAU-China&printable=yes"
+
−
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
+
−
            </li>
+
−
 
+
−
            <li id="t-permalink"><a href="wiki/index.php-title=Team-SCAU-China&oldid=378455.htm" tppabs="https://2014.igem.org/wiki/index.php?title=Team:SCAU-China&oldid=378455"
+
−
              title="Permanent link to this revision of the page">Permanent link</a>
+
−
            </li>
+
−
 
+
−
 
+
−
        <li id="privacy"><a href="javascript:if(confirm('https://2014.igem.org/2014.igem.org:Privacy_policy  \n\n该文件无法用 Teleport Ultra 下载, 因为 服务器报告该文件未找到。  \n\n你想在服务器上打开它?'))window.location='https://2014.igem.org/2014.igem.org:Privacy_policy'" tppabs="https://2014.igem.org/2014.igem.org:Privacy_policy" title="2014.igem.org:Privacy policy">Privacy policy</a></li>
+
−
        <li id="disclaimer"><a href="javascript:if(confirm('https://2014.igem.org/2014.igem.org:General_disclaimer  \n\n该文件无法用 Teleport Ultra 下载, 因为 服务器报告该文件未找到。  \n\n你想在服务器上打开它?'))window.location='https://2014.igem.org/2014.igem.org:General_disclaimer'" tppabs="https://2014.igem.org/2014.igem.org:General_disclaimer" title="2014.igem.org:General disclaimer">Disclaimers</a></li>
+
−
    </ul>
+
−
</div> <!-- close footer -->
+
−
    </div> <!-- close footer-box -->
+
−
+
−
<script>if (window.runOnloadHook) runOnloadHook();</script>
+
−
</div>
+
−
<!-- Served in 0.157 secs. --></body>
+
  
 
</html>
 
</html>

Revision as of 12:37, 26 July 2015

<!DOCTYPE html> ChinaZ

loader
Collect from 手机网站模板