Difference between revisions of "Team:TJUSLS China"

 
(92 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
 
<html>
 
<html>
 +
<style>
 +
    #content{width:100%;padding:0px;margin:0px;}
 +
    #sideMenu, #top_title
 +
    {
 +
        display: none;
 +
    }
 +
    body{font: 16px sans-serif;}
 +
    .footer_bg .footer {
 +
        padding: 0;
 +
        border-top: 6px solid #222222;
 +
    }
 +
    .footer_bg .footer_btm {
 +
        margin-top: 0;
 +
        border-top: none;
 +
        padding: 2% 4%;
 +
        padding-top: 2%;
 +
        max-width: 1458px;
 +
        margin: 0 auto;
 +
    }
 +
    #banner #scroll {margin:0;}
 +
    #zz-content .software p {
 +
        color: #222222;
 +
        font-size: 24px;
 +
    }
 +
    #zz-content .number {line-height: 1.5em;}
 +
</style>
 +
 
<head>
 
<head>
−
<title>Home</title>
+
    <meta charset="UTF-8">
−
<link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_bootstr?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all">
+
    <title></title>
−
<link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_style?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all" />
+
    <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/index_style?action=raw&amp;ctype=text/css">
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
    <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_two?action=raw&ctype=text/javascript"></script>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
    <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_one?action=raw&ctype=text/javascript"></script>
−
<meta name="keywords" content="Solutem  Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
+
</head>
−
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
+
<body>
 +
<!--等待加载页面-->
 +
<div class="loading1">
 +
    <img src="https://static.igem.org/mediawiki/2016/e/e8/T--TJUSLS_China--logo.png"/>
 +
    <div class="loading">
 +
        <span></span>
 +
        <span></span>
 +
        <span></span>
 +
        <span></span>
 +
        <span></span>
 +
    </div>
 +
</div>
  
 +
<!--menu-->
 +
<div class="header-box">
 +
    <div class="header">
 +
        <!-- start h_menu4 -->
 +
        <div class="h_menu4">
 +
            <a class="toggleMenu" href="">Menu</a>
 +
            <ul id="top_ul_my" class="nav">
 +
                <script>
 +
                    function getHover(number){
 +
                        var top_ul_my_lis = $("#top_ul_my").find(">li");
 +
// console.log(top_ul_my_lis);
 +
                        if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover");
 +
                        else top_ul_my_lis[0].setAttribute("class", "active");
  
 +
                        for(var i = 1; i < top_ul_my_lis.length; i++){
 +
                            if(i == number) {
 +
                                top_ul_my_lis[i].setAttribute("class", "hover");
 +
                            }else{
 +
                                top_ul_my_lis[i].setAttribute("class", "");
 +
                            }
 +
                        }
 +
                    }
  
−
<script>
+
                    $(".header").hover(function(event){
−
/* classie - class helper functions
+
                        event.stopPropagation();
−
* from bonzo https://github.com/ded/bonzo
+
                        $('#top_ul_my li').attr("class","");
−
*
+
                    });
−
* classie.has( elem, 'my-class' ) -> true/false
+
−
* classie.add( elem, 'my-new-class' )
+
−
* classie.remove( elem, 'my-unwanted-class' )
+
−
* classie.toggle( elem, 'my-class' )
+
−
*/
+
  
−
/*jshint browser: true, strict: true, undef: true */ console.log("aaaq"); ( function( window ) {
+
                </script>
 +
                <li class="active" onmouseover="getHover(0)"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China">TJUSLS</a></li>
 +
                <li onmouseover="getHover(1)" class=""><a href="#" class="root">project</a>
 +
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Description">Description</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Design">Design</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Experiments">Experiments</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Proof of Concept</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">Demonstrate</a></li>
  
−
'use strict';
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Results">results</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li onmouseover="getHover(2)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Parts">PARTS</a>
 +
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Basic_Part">Basic Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Composite_Part">Composite Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Part_Collection">Part Collection</a></li>
  
−
// class helper functions from bonzo https://github.com/ded/bonzo
+
                    </ul>
 +
                </li>
 +
                <li onmouseover="getHover(3)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li>
 +
                <li onmouseover="getHover(4)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Attributions">ATTRIBUTIONS</a>
  
−
function classReg( className ) {
+
                </li>
  
−
return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
+
                <li onmouseover="getHover(5)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
 +
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Silver">Silver</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Gold">Gold</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Integrated_Practices">Integrated Practices</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Engagement">Engagement</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li onmouseover="getHover(6)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">MODELING</a>
 +
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">Modeling</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Software">Software</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li onmouseover="getHover(7)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Team">TEAM</a>
  
−
}
+
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Team">Team</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
            <!--<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&amp;ctype=text/javascript"></script>-->
 +
        </div>
 +
        <!-- end h_menu4 -->
 +
        <div class="clear"></div>
 +
    </div>
 +
</div>
 +
<!--banner-->
 +
<div class="banner-bg">
 +
    <div class="banner" id="banner">
 +
        <div class="lii"></div>
 +
        <ul class="bannerimg banner-scroll" id="scroll">
 +
            <li class="active"><img src="https://static.igem.org/mediawiki/2016/d/d9/T--TJUSLS_China--banner1.jpg"/></li>
 +
            <li><img src="https://static.igem.org/mediawiki/2016/0/08/T--TJUSLS_China--banner2.jpg"/></li>
 +
            <li><img src="https://static.igem.org/mediawiki/2016/a/a0/T--TJUSLS_China--banner3.jpg"/></li>
 +
            <li><img src="https://static.igem.org/mediawiki/2016/8/8d/T--TJUSLS_China--banner4.jpg"/></li>
 +
            <li><img src="https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--banner5.jpg"/></li>
 +
        </ul>
 +
        <div class="banner-dot-box">
 +
            <ul class="dot" id="dot">
 +
                <li class="active">1</li>
 +
                <li>2</li>
 +
                <li>3</li>
 +
                <li>4</li>
 +
                <li>5</li>
 +
            </ul>
 +
        </div>
 +
        <div id="jiao">
 +
            <a href="#" id="left" class="prev"><img src="https://static.igem.org/mediawiki/2016/e/e4/T--TJUSLS_China--prev.png"/></a>
 +
            <a href="#" id="right" class="next"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--TJUSLS_China--next.png"/></a>
 +
        </div>
 +
    </div>
 +
    <!--<div class="banner" id="banner">
  
−
// classList support for class management // altho to be fair, the api sucks because it won't accept multiple classes at once var hasClass, addClass, removeClass;
+
        <div class="lii"></div>
 +
        <div class="bannerimg banner-scroll" id="scroll" style="margin: 0 auto;">
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/d/d9/T--TJUSLS_China--banner1.jpg"></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/0/08/T--TJUSLS_China--banner2.jpg"></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/a/a0/T--TJUSLS_China--banner3.jpg"></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/8/8d/T--TJUSLS_China--banner4.jpg"></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--banner5.jpg"></a>
 +
        </div>
 +
        <div class="banner-dot-box">
 +
            <ul class="dot" id="dot">
 +
                <li class="active">1</li>
 +
                <li>2</li>
 +
                <li>3</li>
 +
                <li>4</li>
 +
                <li>5</li>
 +
                <div style="clear: both"></div>
 +
            </ul>
 +
        </div>
 +
        <div id="jiao">
 +
            <a href="#" id="left"><div class="prev"><img src="https://static.igem.org/mediawiki/2016/e/e4/T--TJUSLS_China--prev.png"/></div></a>
 +
            <a href="#" id="right"><div class="next"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--TJUSLS_China--next.png"/></div></a>
 +
        </div>
 +
    </div>-->
 +
</div>
  
−
if ( 'classList' in document.documentElement ) {
+
<!--content-->
−
 
+
<div class="zz-content" id="zz-content">
−
hasClass = function( elem, c ) {
+
    <h1>Proof of Concept</h1>
−
  return elem.classList.contains( c );
+
    <div class="zz-form">
−
};
+
        <div class="form-1"><img src="https://static.igem.org/mediawiki/2016/e/e6/T--TJUSLS_China--form1.jpg"/></div>
−
addClass = function( elem, c ) {
+
        <div class="form-2"><img src="https://static.igem.org/mediawiki/2016/e/ef/T--TJUSLS_China--form2.jpg"/></div>
−
  elem.classList.add( c );
+
        <div class="form-3"><img src="https://static.igem.org/mediawiki/2016/c/c8/T--TJUSLS_China--form3.jpg"/></div>
−
};
+
        <div class="form-4"><img src="https://static.igem.org/mediawiki/2016/b/bd/T--TJUSLS_China--form4.jpg"/></div>
−
removeClass = function( elem, c ) {
+
        <div class="form-5"><img src="https://static.igem.org/mediawiki/2016/5/5e/T--TJUSLS_China--form5.jpg"/></div>
−
  elem.classList.remove( c );
+
        <div class="form-6"><img src="https://static.igem.org/mediawiki/2016/6/6c/T--TJUSLS_China--form6.jpg"/></div>
−
};
+
        <div class="clear"></div>
−
 
+
        <div class="more">
−
} else {
+
            <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
−
 
+
            <a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Read more ></a>
−
hasClass = function( elem, c ) {
+
        </div>
−
  return classReg( c ).test( elem.className );
+
    </div>
−
};
+
    <div class="software">
−
addClass = function( elem, c ) {
+
        <div class="software-left">
−
  if ( !hasClass( elem, c ) ) {
+
            <h2>Software</h2>
−
    elem.className = elem.className + ' ' + c;
+
            <p>Our software can calculate peak area of any substance by the raw data of HPLC conveniently and accurately. It can display the image details saved at any period of time. It also can automatically identify substance peak and calculate the area. In addition, we can manually select the range of the area calculated. What’s more, in order to facilitate the analysis, it can store the results of calculations in a same file which contains the filename of the HPLC data.</p>
−
  }
+
            <div class="more">
−
};
+
                <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
−
removeClass = function( elem, c ) {
+
                <a href="https://2016.igem.org/Team:TJUSLS_China/Software">Read more ></a>
−
  elem.className = elem.className.replace( classReg( c ), ' ' );
+
            </div>
−
};
+
        </div>
−
 
+
        <div class="software-right">
−
}
+
            <img src="https://static.igem.org/mediawiki/2016/5/59/T--TJUSLS_China--software.jpg"/>
−
 
+
        </div>
−
function toggleClass( elem, c ) {
+
        <div class="clear"></div>
−
 
+
    </div>
−
var fn = hasClass( elem, c ) ? removeClass : addClass;
+
    <div class="human">
−
fn( elem, c );
+
        <h2>Human Practice</h2>
−
 
+
        <div class="humanBox">
−
}
+
            <div class="human-info">
−
 
+
                <img src="https://static.igem.org/mediawiki/2016/e/ee/T--TJUSLS_China--human1.jpg"/>
−
window.classie = {
+
                <div class="number">0.1</div>
−
 
+
                <div class="name"> </div>
−
// full names
+
                <div class="introduce"> </div>
−
hasClass: hasClass,
+
                <div class="clear"></div>
−
addClass: addClass,
+
            </div>
−
removeClass: removeClass,
+
            <div class="human-info">
−
toggleClass: toggleClass,
+
                <img src="https://static.igem.org/mediawiki/2016/4/4b/T--TJUSLS_China--human2.jpg"/>
−
// short names
+
                <div class="number">0.2</div>
−
has: hasClass,
+
                <div class="name"> </div>
−
add: addClass,
+
                <div class="introduce"> </div>
−
remove: removeClass,
+
                <div class="clear"></div>
−
toggle: toggleClass
+
            </div>
−
 
+
            <div class="human-info">
−
};
+
                <img src="https://static.igem.org/mediawiki/2016/b/bf/T--TJUSLS_China--human3.jpg"/>
−
 
+
                <div class="number">0.3</div>
−
})( window );
+
                <div class="name"> </div>
−
</script>
+
                <div class="introduce"> </div>
−
 
+
                <div class="clear"></div>
−
 
+
            </div>
−
 
+
            <div class="clear"></div>
−
 
+
        </div>
−
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
+
        <div class="more">
−
<script  type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/jquery-1.11.1.min.js?
+
            <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
−
action=raw&ctype=text/javascript"></script>
+
            <a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">Read more ></a>
−
<!---- start-smoth-scrolling---->
+
        </div>
−
<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/move-top.js?
+
    </div>
−
action=raw&ctype=text/javascript"></script>
+
    <div class="team">
−
<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/easing.js?
+
        <h2>Team</h2>
−
action=raw&ctype=text/javascript"></script>
+
        <img src="https://static.igem.org/mediawiki/2016/1/12/T--TJUSLS_China--team.png"/>
−
<script type="text/javascript">
+
    </div>
−
jQuery(document).ready(function($) {
+
</div>
−
$(".scroll").click(function(event){
+
<div class="up"><img src="https://static.igem.org/mediawiki/2016/6/62/T--TJUSLS_China--up.jpg"/></div>
−
event.preventDefault();
+
<!--foot-->
−
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
+
<div class="footer_bg">
−
});
+
    <div class="foot_wrap">
−
});
+
        <div class="footer">
−
</script>
+
            <div class="footer_btm">
−
<!---End-smoth-scrolling---->
+
                <div class="copy">
−
<link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_component?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
+
                    <p class="w3-link">Copyright 2013 <span><a href="index.html"> TJUSLS</a></span>. Template by&nbsp; <a href="http://w3layouts.com/"> W3Layouts</a></p>
−
<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/modernizr.custom.js?
+
                </div>
−
action=raw&ctype=text/javascript"></script>
+
                <div class="clear"></div>
−
</head>
+
            </div>
−
<body class="cbp-spmenu-push">
+
        </div>
−
<br/>
+
    </div>
−
<!--header-banner-->
+
−
<div class="header-banner">
+
−
<div class="banner-grids">
+
−
<div class="baneer-grid1">
+
−
                        <img src="https://static.igem.org/mediawiki/2016/8/86/Img1.jpg" class="img-responsive" alt="/">  
+
−
</div>
+
−
<div class="baneer-grid2">
+
−
<img src="https://static.igem.org/mediawiki/2016/8/86/Img1.jpg" class="img-responsive" alt="/">  
+
−
</div>
+
−
<div class="baneer-grid3">
+
−
<img src="https://static.igem.org/mediawiki/2016/8/86/Img1.jpg" class="img-responsive" alt="/">  
+
 
</div>
 
</div>
−
<div class="baneer-grid4">
 
−
<img src="https://static.igem.org/mediawiki/2016/8/86/Img1.jpg" class="img-responsive" alt="/">   
 
−
</div>
 
−
<div class="baneer-grid5">
 
−
<img src="https://static.igem.org/mediawiki/2016/8/86/Img1.jpg" class="img-responsive" alt="/">   
 
−
</div>
 
−
<div class="baneer-grid6">
 
−
<img src="https://static.igem.org/mediawiki/2016/8/86/Img1.jpg" class="img-responsive" alt="/">   
 
−
</div>
 
−
<div class="clearfix"></div>
 
−
</div>
 
−
<div class="top-header">
 
−
<div class="container">
 
−
<div class="logo">
 
−
<a href="index.html">Solutem</a>
 
−
</div>
 
−
<div class="top-nav">
 
−
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
 
−
<h3>Menu</h3>
 
−
<a href="index.html" class="active">home</a>
 
−
<a href="about.html">about</a>
 
−
<a href="services.html">services</a>
 
−
<a href="gallery.html">gallery</a>
 
−
<a href="typo.html">typo</a>
 
−
<a href="contact.html">contact</a>
 
−
</nav>
 
−
<div class="main buttonset">
 
−
<!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
 
−
<button id="showRightPush"><img src="https://static.igem.org/mediawiki/2016/f/f6/Menu-icon.png" alt=""/></button>
 
−
<!--<span class="menu"></span>-->
 
−
</div>
 
−
<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
 
−
<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/classie.js?
 
−
action=raw&ctype=text/javascript"></script>
 
−
<script>
 
−
console.log(window.classie);
 
−
var menuRight = document.getElementById( 'cbp-spmenu-s2' ),
 
−
showRightPush = document.getElementById( 'showRightPush' ),
 
−
body = document.body;
 
−
 
−
showRightPush.onclick = function() {
 
−
showRightPush.onclick = function() {
 
−
console.log("hhaha");
 
−
classie.toggle( this, 'active' );
 
−
classie.toggle( body, 'cbp-spmenu-push-toleft' );
 
−
classie.toggle( menuRight, 'cbp-spmenu-open' );
 
−
disableOther( 'showRightPush' );
 
−
};
 
−
};
 
−
 
−
function disableOther( button ) {
 
−
if( button !== 'showRightPush' ) {
 
−
classie.toggle( showRightPush, 'disabled' );
 
−
}
 
−
}
 
−
</script>
 
−
<!-- /script-for-menu -->
 
−
</div>
 
−
<div class="clearfix"> </div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!--end-header-->
 
−
<div class="content">
 
−
<!--welcome-->
 
−
<div class="welcome">
 
−
<div class="container">
 
−
<div class="welcome-grid">
 
−
<div class="col-md-6 welcom-grid">
 
−
<img src="https://static.igem.org/mediawiki/2016/f/fd/Img7.jpg" class="img-responsive" alt="/">
 
−
</div>
 
−
<div class="col-md-6 welcom-grid1">
 
−
<h3>welcome!</h3>
 
−
<p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus.Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. </p>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
−
<!--end-welcome-->
 
−
<!--charities-->
 
−
<div class="charities">
 
−
<div class="container">
 
−
<h3>our charities</h3>
 
−
<div class="charitie-grids">
 
−
<div class="col-md-3 charitie-grid">
 
−
<span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
 
−
<h4>Adoption Child</h4>
 
−
<p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p>
 
−
</div>
 
−
<div class="col-md-3 charitie-grid">
 
−
<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
 
−
<h4>Charity actions</h4>
 
−
<p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p>
 
−
</div>
 
−
<div class="col-md-3 charitie-grid">
 
−
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
 
−
<h4>Child Protection</h4>
 
−
<p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p>
 
−
</div>
 
−
<div class="col-md-3 charitie-grid">
 
−
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
 
−
<h4>Pellentesque sed</h4>
 
−
<p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p>
 
−
</div>
 
−
<div class="clearfix"></div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!--charities-->
 
−
<div class="Testimonials" id="testimonials">
 
−
<div class="container">
 
−
<div class="testimonial-header">
 
−
<h3>testimonial</h3>
 
−
</div>
 
−
<div class="test-monials">
 
−
<!-- start content_slider -->
 
−
<div id="owl-demo" class="owl-carousel">
 
−
        <div class="item">
 
−
            <div class="testmonial-text">
 
−
<p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. </p>
 
−
            <h4><a href="#">John Doe</a></h4>
 
−
        </div>
 
−
            <div class="clearfix"> </div>
 
−
        </div>
 
−
        <div class="item">
 
−
            <div class="testmonial-text">
 
−
<p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante.</p>
 
−
            <h4><a href="#">Mark Trand</a></h4>
 
−
        </div>
 
−
            <div class="clearfix"> </div>
 
−
        </div>
 
−
        <div class="item">
 
−
            <div class="testmonial-text">
 
−
<p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante.</p>
 
−
<h4><a href="#">John Doe</a></h4>
 
−
        </div>
 
−
<div class="clearfix"> </div>
 
−
        </div>
 
−
 
−
        </div>
 
−
 
−
<!----sreen-gallery-cursual---->
 
−
<div class="sreen-gallery-cursual">
 
−
<!-- requried-jsfiles-for owl -->
 
−
<link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_owl.carousel?action=raw&amp;ctype=text/css">
 
−
    <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/owl.carousel.js?action=raw&amp;ctype=text/javascript"></script>
 
−
        <script>
 
−
    $(document).ready(function() {
 
−
      $("#owl-demo").owlCarousel({
 
−
        items : 1,
 
−
        lazyLoad : true,
 
−
        autoPlay : true,
 
−
        navigation : false,
 
−
        navigationText :  false,
 
−
        pagination : true,
 
−
      });
 
−
    });
 
−
    </script>
 
−
<!-- //requried-jsfiles-for owl -->
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!---- testmonials ---->
 
−
        <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >aaaa</a></div>
 
−
<!--event-water-->
 
−
<div class="event">
 
−
<div class="container">
 
−
<h3>Recent from the event</h3>
 
−
<div class="event-grids">
 
−
<div class="col-md-4 event-grid">
 
−
<img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg"  class="img-responsive" alt="/">
 
−
<p class="link">09/05/2015 by<a href="#">Admin</a>13 comments</p>
 
−
<h4><a href="#">Vestibulum iaculis</a></h4>
 
−
<p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing.</p>
 
−
</div>
 
−
<div class="col-md-4 event-grid">
 
−
<img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg"  class="img-responsive" alt="/">
 
−
<p class="link">19/8/2013 by<a href="#">Admin</a>10 comments</p>
 
−
<h4><a href="#">Pellentesque sed dolor</a></h4>
 
−
<p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing.</p>
 
−
</div>
 
−
<div class="col-md-4 event-grid">
 
−
<img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg"  class="img-responsive" alt="/">
 
−
<p class="link">29/9/2015 by<a href="#">Admin</a>09 comments</p>
 
−
<h4><a hrf="#">Vestibulum iaculis</a></h4>
 
−
<p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing.</p>
 
−
</div>
 
−
<div class="clearfix"></div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!--event-->
 
−
<!--contact-->
 
−
<div class="contactus">
 
−
<div class="container">
 
−
<div class="contactus-grids">
 
−
<div class="col-md-6 contactus-grid">
 
−
<h3>contact us</h3>
 
−
<span>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below
 
−
for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum
 
−
et Malorum" by Cicero are also reproduced in their exact original form,
 
−
accompanied by English versions from the 1914 translation by H. Rackham.</span>
 
−
<address>
 
−
<p>The Company Name Inc.</p>
 
−
<p>7899 St Vincent Place,</p>
 
−
<p>Glasgow,Le 99 Pr 45.</p>
 
−
<p>Telephone: +1 800 603 6035</p>
 
−
<p>FAX: +1 800 889 9898</p>
 
−
<p>E-mail: <a href="mailto:example@mail.com">example@mail.com</a></p>
 
−
</address>
 
−
 
−
</div>
 
−
<div class="col-md-6 google-map">
 
−
  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d8149819.804819931!2d109.61814849999999!3d4.1406339999999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3034d3975f6730af%3A0x745969328211cd8!2sMalaysia!5e0!3m2!1sen!2sin!4v1435068868290"> </iframe> </div>
 
−
<div class="clearfix"></div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!--end-contact-->
 
−
</div >
 
−
<div class="footer-section">
 
−
<div class="container">
 
−
<div class="footer-top">
 
−
<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">aaa</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">aaa</a></p>
 
−
</div>
 
−
<script type="text/javascript">
 
−
$(document).ready(function() {
 
−
/*
 
−
var defaults = {
 
−
  containerID: 'toTop', // fading element id
 
−
containerHoverID: 'toTopHover', // fading element hover id
 
−
scrollSpeed: 1200,
 
−
easingType: 'linear'
 
−
};
 
−
*/
 
−
 
−
$().UItoTop({ easingType: 'easeOutQuart' });
 
−
 
−
});
 
−
</script>
 
−
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
 
−
 
 
</body>
 
</body>
−
 
 
</html>
 
</html>

Latest revision as of 14:13, 19 October 2016

Menu

Proof of Concept

Read more >

Software

Our software can calculate peak area of any substance by the raw data of HPLC conveniently and accurately. It can display the image details saved at any period of time. It also can automatically identify substance peak and calculate the area. In addition, we can manually select the range of the area calculated. What’s more, in order to facilitate the analysis, it can store the results of calculations in a same file which contains the filename of the HPLC data.

Read more >

Human Practice

0.1
0.2
0.3
Read more >

Team

Copyright 2013 TJUSLS. Template by  W3Layouts