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

Line 1: Line 1:
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
  
    <meta charset="utf-8" />
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <title>ChinaZ</title>
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
    <meta name="description" content="" />
+
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta name="generator" content="MediaWiki 1.16.5" />
<!-- CSS Files -->
+
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:NEFU_China&amp;action=edit" />
+
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:NEFU_China&amp;action=edit" />
<link rel="stylesheet" href="css/animate.min.css" />
+
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" href="css/bootstrap.css" />
+
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2014.igem.org (en)" />
<link rel="stylesheet" href="css/style.css" />
+
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:NEFU_China&amp;action=creativecommons" rel="meta" />
<link rel="stylesheet" href="css/flexslider.css" />
+
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
<link rel="stylesheet" href="css/font-awesome.css" />
+
<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:NEFU China - 2014.igem.org</title>
<link rel="stylesheet" href="css/prettyPhoto.css" />
+
<style type="text/css" media="screen, projection">/*<![CDATA[*/
<link rel="stylesheet" href="css/responsive.css" />
+
@import "/wiki/skins/common/shared.css?270";
+
@import "/wiki/skins/igem/main.css?270";
<!-- End CSS Files -->
+
/*]]>*/</style>
+
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 +
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
 +
<!--[if lt IE 7]><script type="text/javascript" src="/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="/wiki/index.php",
 +
wgVariantArticlePath=false,
 +
wgActionPaths={},
 +
wgServer="https://2014.igem.org",
 +
wgCanonicalNamespace="",
 +
wgCanonicalSpecialPageName=false,
 +
wgNamespaceNumber=0,
 +
wgPageName="Team:NEFU_China",
 +
wgTitle="Team:NEFU China",
 +
wgAction="view",
 +
wgArticleId=1440,
 +
wgIsArticle=true,
 +
wgUserName="Huangxl",
 +
wgUserGroups=["*", "user", "autoconfirmed"],
 +
wgUserLanguage="en",
 +
wgContentLanguage="en",
 +
wgBreakFrames=false,
 +
wgCurRevisionId=381541,
 +
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": "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, "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="2014.igem.org",
 +
wgCategories=[],
 +
wgMWSuggestTemplate="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=[],
 +
wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
 +
</script>               
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/ajaxwatch.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;smaxage=0&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 
</head>
 
</head>
 
 
<body data-spy="scroll" data-target=".nav-menu" data-offset="50">
 
  
<div id="pageloader">   
+
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_NEFU_China">
            <div class="loader">
+
   <div id="globalWrapper">
              <img src="images/load.gif" alt='loader' />
+
            </div>
+
        </div>
+
  
<!-- Home Section -->
+
    <div id="top-section">
<section id="home" class="nav-link">
+
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    <img src='https://2014.igem.org/images/wiki.png'>"
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
  
<!-- Slider -->
 
<div id="slides">
 
<div class="slides-container">
 
 
<!-- Slider Images -->
 
<div class="image1 pattern"></div>
 
<div class="image2 pattern"></div>
 
<div class="image3 pattern"></div>
 
<!-- End Slider Images -->
 
 
</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>
 
  
<!-- Home Description -->
 
<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>
 
<!-- End Home Description -->
 
 
<!-- Home Button -->
 
<a class="scroll button-ready" href="#about">Are You Ready?</a>
 
<!-- End Home Button -->
 
 
</div>
 
<!-- End Main -->
 
 
</section>
 
<!-- End Home Section -->
 
 
<!-- Navigation Section -->
 
<section id="navigation">
 
 
<div class="inner navigation">
 
 
<!-- Logo -->
 
<div class="logo">
 
<a class="scroll" href="#home"><img src="images/logo.png" alt="Logo" /></a>
 
</div>
 
 
<!-- Nav Menu -->
 
 
<nav class="nav-menu">
 
 
<ul class="nav main-nav">
 
 
<li class="active"><a class="scroll" href="#home">Home</a></li>
 
<li><a class="scroll" href="#about">About</a></li>
 
<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>
 
<li><a class="scroll" href="#prices">Prices</a></li>
 
<li><a class="scroll" href="#contact">Contact</a></li>
 
 
</ul>
 
 
</nav>
 
 
<!-- Dropdown Menu For Mobile Devices-->
 
<nav class="dropdown mobile-drop">
 
  <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>
 
<li><a class="scroll" href="#about">About</a></li>
 
<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>
 
<li><a class="scroll" href="#prices">Prices</a></li>
 
<li><a class="scroll" href="#contact">Contact</a></li>
 
                    <li><a class="scroll" href="http://sc.chinaz.com">More</a></li>
 
  </ul>
 
</nav>
 
 
</div>
 
 
</section>
 
<!-- End Navigation Section -->
 
<div class="copyrights">Collect from <a href="http://sc.chinaz.com/" >手机网站模板</a></div>
 
<!-- About Section -->
 
<section id="about" class="contain nav-link">
 
 
<div class="about inner">
 
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
 
About 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>
 
<div class="row">
 
<div class="col-lg-4 col-md-4 animated" data-animation="tada" data-animation-delay="0">
 
<div class="bubble_outer_one">
 
<div class="bubble_container">
 
<div class="bubble"></div>
 
<i class="fa fa-thumbs-up"></i>
 
</div>
 
</div>
 
<div class="about_line"></div>
 
<article class='about_article'>
 
<h2>Responsive Design</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>
 
</div>
 
<div class="col-lg-4 col-md-4 animated" data-animation="tada" data-animation-delay="500">
 
<div class="bubble_outer_two">
 
<div class="bubble_container">
 
<div class="bubble"></div>
 
<i class="fa fa-envelope fa-light"></i>
 
</div>
 
</div>
 
<div class="about_line"></div>
 
<article class='about_article'>
 
<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>
 
</article>
 
</div>
 
<div class="col-lg-4 col-md-4 animated" data-animation="tada" data-animation-delay="800">
 
<div class="bubble_outer_three">
 
<div class="bubble_container">
 
<div class="bubble"></div>
 
<i class="fa fa-umbrella"></i>
 
</div>
 
</div>
 
<div class="about_line"></div>
 
<article class='about_article'>
 
<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>
 
</div>
 
</div>
 
 
 
<div class="clear"></div>
 
 
<!-- Start Our Team Section -->
 
<div class="second-section">
 
<!-- Header -->
 
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
 
Our Powerful Team
 
</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">
 
<ul class="grid cs-style-1">
 
                           
 
                <li class="col-md-3 col-sm-6">
 
                    <div class="figure">
 
                        <img src="images/team/1.jpg" alt="MyPassion" />
 
                        <div class="figcaption">
 
                            <span>Founder</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>John Doe</h4>
 
                        <div class="hidden">
 
                        <span>Founder</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 class="col-md-3 col-sm-6">
 
                    <div class="figure">
 
                        <img src="images/team/2.jpg" alt="MyPassion" />
 
                        <div class="figcaption">
 
                            <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>
 
                        <h4>Sarah Dome</h4>
 
                        <div class="hidden">
 
                        <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>
 
               
 
                <li class="col-md-3 col-sm-6">
 
                    <div class="figure">
 
                        <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 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>
 
               
 
            </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 id="menubar" class='left-menu noprint'>
+
  <ul>
</div>
+
                  <li
</div>
+
                class='selected'       ><a href="/Team:NEFU_China">Page              </a></li>
</div>
+
              <li
+
                 class='new'       ><a href="/wiki/index.php?title=Talk:Team:NEFU_China&amp;action=edit&amp;redlink=1">Discussion               </a></li>
</div>
+
              <li
+
                    ><a href="/wiki/index.php?title=Team:NEFU_China&amp;action=edit">Edit               </a></li>
</section>
+
              <li
+
                    ><a href="/wiki/index.php?title=Team:NEFU_China&amp;action=history">History               </a></li>
<!-- Start Services Section -->
+
              <li
<section id="services" class="contain nav-link">
+
                    ><a href="/Special:MovePage/Team:NEFU_China">Move               </a></li>
<div class="inner services">
+
              <li
<div class="contain-logo br">
+
                    ><a href="/wiki/index.php?title=Team:NEFU_China&amp;action=watch">Watch               </a></li>
<i class="fa fa-chevron-down"></i>
+
               <li style='color:white;cursor:default'>teams</li>
</div>
+
  </ul>
+
</div> <!-- end menubar (left) -->
<!-- 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><!-- 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>
+
  
<div class="row">
+
<div class="right-menu noprint" id="menubar">
<div class="col-lg-4 col-md-4 post-item animated" data-animation="bounceIn" data-animation-delay="0">
+
    <ul>
<div class="portfolio-img">
+
                <li id="pt-userpage"><a href="/User:Huangxl" title="Your user page [.]" accesskey="." class="new">Huangxl</a></li>                             <li id='pt-preferences'><a href='https://igem.org/User_Information' title='My account'>My account</a></li>
<img src="images/post_img_1.jpg" class="post-img" alt="">
+
                          <li id="pt-logout"><a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:NEFU_China" title="Log out">Log out</a></li>     </ul>
</div>
+
</div><!-- end right menubar -->
+
<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="150">
+
<div id="search-controls" class="noprint">
<div class="portfolio-img">
+
<form action="/Special:Search" id="searchform">
<img src="images/post_img_2.jpg" class="post-img" alt="">
+
<input id="searchInput" name="search" type="text" title="Search 2014.igem.org [f]" accesskey="f" value="" />
</div>
+
<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" />
<div class="post-content">
+
</form>
<a href="#"><h5>Avalin Post Title</h5></a>
+
</div> <!-- close search controls -->
<div class="entry">
+
    </div> <!-- close top-section-->
<p>
+
    <div id="content">
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.
+
<a name="top" id="top"></a>
</p>
+
<h1 class="firstHeading">Team:NEFU China</h1>
</div>
+
<div id="bodyContent">
<div class="post-meta">
+
<h3 id="siteSub" class='noprint'>From 2014.igem.org</h3>
<ul>
+
<div id="contentSub"></div>
<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>
+
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
<li><a href="#"><i class="fa fa-user"></i>John</a></li>
+
<!-- start content -->
</ul>
+
<p>
</div>
+
<head>
</div>
+
<style type="text/css">
</div>
+
  
<div class="col-lg-4 col-md-4 post-item animated" data-animation="bounceIn" data-animation-delay="300">
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
<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>
+
</section>
+
<!-- End Blog Section -->
+
<section id="prices" class="contain nav-link">
+
+
<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" />
+
  
</form>
+
.firstHeading {
<div id="response"></div>
+
width: 975px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
 +
 
 +
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 +
 
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 
 +
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}
 +
 
 +
#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;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
 +
 
 +
body {
 +
background-color: #fff;
 +
}
 +
 
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
 
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #transparent;
 +
margin-top: 0px;
 +
}
 +
 
 +
.sidemenu, .sidemenu li {
 +
list-style-type: none;
 +
list-style-image: none;
 +
font-family: verdana;
 +
text-decoration: none;
 +
color:#000;
 +
font-size: 14px;
 +
}
 +
 
 +
.sidemenu li {display: block;}
 +
 
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
 +
 
 +
.sidemenu a.greyout { color: #909090; }
 +
 
 +
.sidemenu a:hover {
 +
color:#666;
 +
background-color: #d9f5aa;
 +
}
 +
 
 +
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 +
.sub-sidemenu a {color: #666;}
 +
 
 +
div.underconst
 +
{
 +
padding:10px;
 +
border-radius:5px;
 +
background-color:pink;
 +
text-align:center;
 +
}
 +
 
 +
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 +
 
 +
.contentpara {margin-bottom: 30px;}
 +
 
 +
span.email{font-family: monospace; font-weight: normal;}
 +
 
 +
fieldset {border: 1px solid #337f53;}
 +
 
 +
.greyout {color: #A0A0A0;}
 +
.highlightme {background-color: #FFFF00;}
 +
 
 +
#alertContainer { margin-bottom: 10px; width: 936px;}
 +
#annContainer {margin-left: 8px;}
 +
#newsContainer {border: 1px solid #ccc;}
 +
 
 +
.newsTitle {
 +
display: block;
 +
color: #414141;
 +
font-size: 25px; 
 +
        font-family: Georgia, Times, "Times New Roman", serif;
 +
padding: 10px 15px 5px 10px;
 +
border-bottom: 1px solid #ccc;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
.newsItem {
 +
border-bottom: 1px solid #ccc;
 +
display: block;
 +
padding: 5px 15px 0px 10px;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
.newsItem h3 {
 +
width: auto;
 +
display: inline;
 +
font-size: 14px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding: 0px;
 +
margin: 0px;
 +
}
 +
 
 +
.newsItem img {
 +
float: right;
 +
clear: right;
 +
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;
 +
}
 +
 
 +
.newsItem .newsDate {
 +
font-style: italic;
 +
font-size: 14px;
 +
display: inline-block;
 +
color: #999;
 +
float: right;
 +
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>
 +
 
 +
 
 +
 
 +
 
 +
</p><p>
 +
<link rel="stylesheet" href="https://2014.igem.org/Team:NEFU_China/bootstrap.min?action=raw&amp;ctype=text/css">
 +
<link rel="stylesheet" href="https://2014.igem.org/Team:NEFU_China/zmnetworks?action=raw&amp;ctype=text/css">
 +
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<style>
 +
html, body,#globalWrapper, #content, #bodyContent, #fluid, #fluid-row {
 +
height: 100%;
 +
}
 +
#fluid-row {
 +
background:url(https://static.igem.org/mediawiki/2014/c/c1/NEFU_CHINA_index_bg.png);
 +
background-size:cover;
 +
}
 +
#index-logo {
 +
height:100%;
 +
color:#fff;
 +
font-size:1.5em;
 +
position:relative;
 +
}
 +
.logo {
 +
position:absolute;
 +
bottom:89px;
 +
height:34%;
 +
width:100%;
 +
background:url(https://static.igem.org/mediawiki/2014/0/05/NEFU_China_index_logo.png) no-repeat;
 +
background-size:contain;
 +
}
 +
.project-name {
 +
position:absolute;
 +
bottom:10px;
 +
}
 +
#animate-container-parent {
 +
height:100%;
 +
background:url(https://static.igem.org/mediawiki/2014/d/d4/NEFU_China_animbg_1.png) no-repeat;
 +
background-size:cover;
 +
}
 +
#ani-container-f, #ani-container {
 +
height:100%;
 +
}
 +
.animate-container-son {
 +
height:100%;
 +
background:url(https://static.igem.org/mediawiki/2014/e/ee/NEFU_China_animbg.png) no-repeat;
 +
background-size:cover;
 +
}
 +
.animate-container-grandson {
 +
height:100%;
 +
padding-left:20px;
 +
background:url(https://static.igem.org/mediawiki/2014/4/4b/NEFU_CHINA_ani.gif) no-repeat;
 +
background-size:cover;
 +
}
 +
#ctt {
 +
background-color:#F0F0F0;
 +
padding-top:20px;
 +
padding-bottom:20px;
 +
}
 +
#abstract {
 +
padding:10px;
 +
border-radius: 10px 10px 10px 10px;
 +
-moz-border-radius: 10px 10px 10px 10px;
 +
-webkit-border-radius: 10px 10px 10px 10px;
 +
border: 1px solid #000000;
 +
text-align:justify;
 +
}
 +
.nav-section {
 +
float:left;
 +
//background: url(img/navs.png) no-repeat top left;
 +
margin-bottom:5px;
 +
        width:100%;
 +
}
 +
.nav-section a {
 +
display:block;
 +
height:100%;
 +
width:100%;
 +
}
 +
#ns1{
 +
background: url(https://static.igem.org/mediawiki/2014/7/7e/NEFU_China_1.png) no-repeat top left;
 +
width: 100%;
 +
background-size:cover;
 +
}
 +
#ns2{
 +
background: url(https://static.igem.org/mediawiki/2014/c/c4/NEFU_China_2.png) no-repeat top left;
 +
width: 100%;
 +
background-size:cover;
 +
}
 +
#ns3{
 +
background: url(https://static.igem.org/mediawiki/2014/f/f7/NEFU_China_3.png) no-repeat top left;
 +
width: 100%;
 +
background-size:cover;
 +
}
 +
#ns4{
 +
background: url(https://static.igem.org/mediawiki/2014/5/58/NEFU_China_4.png) no-repeat top left;
 +
width: 100%;
 +
background-size:cover;
 +
}
 +
#ns5{
 +
background: url(https://static.igem.org/mediawiki/2014/7/77/NEFU_China_5.png) no-repeat top left;
 +
width: 100%;
 +
background-size:cover;
 +
}
 +
#ns6{
 +
background: url(https://static.igem.org/mediawiki/2014/f/f2/NEFU_China_6.png) no-repeat top left;
 +
width: 100%;
 +
background-size:cover;
 +
}
 +
#ns7{
 +
background: url(https://static.igem.org/mediawiki/2014/1/1d/NEFU_China_7.png) no-repeat top left;
 +
width: 100%;
 +
background-size:cover;
 +
}
 +
#ns8{
 +
background: url(https://static.igem.org/mediawiki/2014/4/49/NEFU_China_8.png) no-repeat top left;
 +
width: 100%;
 +
background-size:cover;
 +
}
 +
.footer {
 +
background-color:#37587F;
 +
text-align:center;
 +
color:#FFF;
 +
padding:5px;
 +
}
 +
ul {
 +
margin:0.5em;
 +
}
 +
</style>
 +
<div class="container-fluid" id="fluid">
 +
    <div class="row" id="fluid-row">
 +
    <div class="col-xs-1"></div>
 +
    <div class="col-xs-5" id="index-logo">
 +
        <div class="logo"></div>
 +
            <div class="project-name">Nanocrystal <em>E.coli</em> Flocculation Units<img src="https://static.igem.org/mediawiki/2014/0/0c/NEFU_China_iGEMlogo.png"></div>
 +
        </div>
 +
        <div class="col-xs-5" id="animate-container-parent">
 +
        <div class="animate-container-son">
 +
            <!--<div class="animate-container-grandson"></div>!-->
 +
                <div class="col-xs-1"></div>
 +
                <div class="col-xs-10 animate-container-grandson"></div>
 +
                <div class="col-xs-1"></div>
 +
            </div>
 +
        </div>
 +
        <div class="col-xs-1"></div>
 +
    </div>
 
</div>
 
</div>
                   
+
<div class="container-fluid" id="ctt">
                </div>
+
    <div class="row">
                <!-- /col-md-8 col-sm-8 col-xs-12 -->
+
    <div class="col-xs-1"></div>
               
+
    <div class="col-xs-5" id="abstract">
                <!-- /col-md-4 col-sm-4 col-xs-12 -->
+
        Heavy metals, especially zinc and cadmium, inevitably, have detrimental effects on the environment and our human race. To be more specific, water sources can be contaminated by heavy metals leaching from industrial waste; acid rain can exacerbate this process by releasing heavy metals trapped in soils. Considering the properties of heavy metals, unable to decay and thus a different kind of challenge for medication, we have constructed a heavy metal detection and recycle system. Briefly, our system is based on a special strain of <em>E.coli</em> containing smt-locus, CDS7 and an unfamiliar flocculation gene. The system can detect the existence of metal cadmium through visualized pigment gene driven by the smt-locus, recycle these heavy metal ions by forming nanocrystals resulted from CDS7 and flocculate the nanocrystals. Eventually, we can realize our double-win goal, safeguarding our environment by removing heavy metal ions and yielding a great amount of nanocrystals.
                <div class="col-md-4 col-sm-4 col-xs-12 animated" data-animation="rollIn" data-animation-delay="200">
+
        </div>
               
+
        <div class="col-xs-1"></div>
                    <div class="contact-widget">
+
        <div class="col-xs-4" id="nav">
                   
+
    <div class="nav-section col-xs-3"><a id="ns1" href="https://2014.igem.org/Team:NEFU_China/Project"></a></div>
                        <i class="fa fa-home"></i>
+
    <div class="nav-section col-xs-3" ><a id="ns2" class="second-menu" href="javascript:void(0);" data-toggle="popover" title="Result" data-html="true" data-placement="top" data-content="<ul class='list-unstyled'><li><a href='https://2014.igem.org/Team:NEFU_China/Foundation'>Foundation</a></li><li><a href='https://2014.igem.org/Team:NEFU_China/Detecting'>Detecting</a></li><li><a href='https://2014.igem.org/Team:NEFU_China/Modeling'>Modeling</a></li><li><a href='https://2014.igem.org/Team:NEFU_China/Recycling'>Recycling</a></li><li><a href='https://2014.igem.org/Team:NEFU_China/Futureapplication'>Future Application</a></li><li>Click the button below, you can close the dialog.</li></ul>"></a></div>
                        <p>Avalin Ap, Main St. , Next Blvd. Montreal</p>
+
            <div class="nav-section col-xs-3"><a id="ns3" class="second-menu" href="javascript:void(0);" data-toggle="popover" title="Journal" data-html="true" data-placement="top" data-content="<ul class='list-unstyled'><li><a href='https://2014.igem.org/Team:NEFU_China/Monthly'>Monthly</a></li><li><a href='https://2014.igem.org/Team:NEFU_China/Labnote'>Lab note</a></li><li>Click the button below, you can close the dialog.</li></ul>"></a></div>
                        <div class="clearfix"></div>
+
            <div class="nav-section col-xs-3"><a id="ns4" href="https://2014.igem.org/Team:NEFU_China/Biosafety"></a></div>
                        <i class="fa fa-phone"></i>
+
            <div class="nav-section col-xs-3"><a id="ns5" class="second-menu" href="javascript:void(0);" data-toggle="popover" title="Human practice" data-html="true" data-placement="top" data-content="<ul class='list-unstyled'><li><a href='https://2014.igem.org/Team:NEFU_China/Socialactivities'>Social activities</a></li><li><a href='https://2014.igem.org/Team:NEFU_China/Survey'>Survey</a></li><li>Click the button below, you can close the dialog.</li></ul>"></a></div>
                        <p>Phone: +123 456-789<br> Fax: +123 456-789</p>
+
            <div class="nav-section col-xs-3"><a id="ns6" href="https://2014.igem.org/Team:NEFU_China/Parts"></a></div>
                        <div class="clearfix"></div>
+
            <div class="nav-section col-xs-3"><a id="ns7" href="https://2014.igem.org/Team:NEFU_China/Achievements"></a></div>
                        <i class="fa fa-envelope"></i>
+
            <div class="nav-section col-xs-3"><a id="ns8" href="https://2014.igem.org/Team:NEFU_China/Team"></a></div>
                        <p>Email: info@Yourname.com <br> www.Yourname.com</p>
+
        </div>
                        <div class="clearfix"></div>
+
        <div class="col-xs-1"></div>
                       
+
</div>
                    </div>
+
</div>
               
+
<div class="footer">
                </div>
+
Team: NEFU_China<br>
                <!-- /col-md-4 col-sm-4 col-xs-12 -->
+
Email: yichengzhao@live.cn<br>
           
+
Northeast Forestry University, Harbin, China
            <div class="clear"></div>
+
</div>
+
<script>
</section><!-- End Contact Section -->
+
var standardHeight = $("#abstract").height()*0.15;
<div class="clear"></div>
+
$(".nav-section").height(standardHeight);
<!-- Footer Section -->
+
$( ".nav-section a" ).hover(
<section id="footer">
+
  function() {
+
    $(this).fadeTo(300,0.4);
<div class="inner footer">
+
  }, function() {
+
    $(this).fadeTo(300,1);
<!-- Socials Media -->
+
  }
<div class="col-xs-12 footer-box animated" data-animation="tada" data-animation-delay="0">
+
);
+
$(".second-menu").popover();
<!-- Social 1 -->
+
</script>
<a class="footer-links">
+
</p>
<i class="fa fa-facebook"></i>
+
<!--
</a>
+
NewPP limit report
+
Preprocessor node count: 9/1000000
<!-- Social 2 -->
+
Post-expand include size: 41/2097152 bytes
<a class="footer-links">
+
Template argument size: 0/2097152 bytes
<i class="fa fa-twitter"></i>
+
Expensive parser function count: 0/100
</a>
+
-->
+
 
<!-- Social 3 -->
+
<!-- Saved in parser cache with key 2014_igem_org:pcache:idhash:1440-0!1!0!!en!2 and timestamp 20150726101536 -->
<a class="footer-links">
+
<div class="printfooter">
<i class="fa fa-google-plus"></i>
+
Retrieved from "<a href="https://2014.igem.org/Team:NEFU_China">https://2014.igem.org/Team:NEFU_China</a>"</div>
</a>
+
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
+
<div class="visualClear"></div>
<!-- Social 4 -->
+
</div>
<a class="footer-links">
+
    </div>
<i class="fa fa-pinterest"></i>
+
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
</a>
+
<div class="visualClear"></div>
+
    <div id='footer-box' class='noprint'>
<!-- Copyright -->
+
        <div id="footer">
<p class="footer-text copyright">
+
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
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>
 
  
<!-- End JavaScript Files -->
+
  <!-- Recentchanges is not handles well DEBUG -->
</body>
+
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
 +
      title='Recent changes'>Recent changes</a></li>
 +
 
 +
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:NEFU_China"
 +
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
 +
 
 +
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:NEFU_China"
 +
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
 +
 
 +
 
 +
 
 +
                <li id="t-upload"><a href="/Special:Upload"
 +
                  title="Upload files [u]" accesskey="u">Upload file</a>
 +
                </li>
 +
                <li id="t-specialpages"><a href="/Special:SpecialPages"
 +
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
 +
                </li>
 +
                <li><a href='/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:NEFU_China&amp;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:NEFU_China&amp;oldid=381541"
 +
              title="Permanent link to this revision of the page">Permanent link</a>
 +
            </li>
 +
 
 +
 
 +
        <li id="privacy"><a href="/2014.igem.org:Privacy_policy" title="2014.igem.org:Privacy policy">Privacy policy</a></li>
 +
        <li id="disclaimer"><a href="/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.169 secs. --></body>
  
 
</html>
 
</html>

Revision as of 13:13, 26 July 2015

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Team:NEFU China - 2014.igem.org

 

Team:NEFU China

From 2014.igem.org

Heavy metals, especially zinc and cadmium, inevitably, have detrimental effects on the environment and our human race. To be more specific, water sources can be contaminated by heavy metals leaching from industrial waste; acid rain can exacerbate this process by releasing heavy metals trapped in soils. Considering the properties of heavy metals, unable to decay and thus a different kind of challenge for medication, we have constructed a heavy metal detection and recycle system. Briefly, our system is based on a special strain of E.coli containing smt-locus, CDS7 and an unfamiliar flocculation gene. The system can detect the existence of metal cadmium through visualized pigment gene driven by the smt-locus, recycle these heavy metal ions by forming nanocrystals resulted from CDS7 and flocculate the nanocrystals. Eventually, we can realize our double-win goal, safeguarding our environment by removing heavy metal ions and yielding a great amount of nanocrystals.