Difference between revisions of "Team:Shanghaitech/InterLab"

(Prototype team page)
 
Line 3: Line 3:
  
  
−
<div class="column full_size judges-will-not-evaluate">
+
<!--[if IE 8 ]><html class="ie ie8" class="no-js" lang="en"> <![endif]-->
−
<h3>★  ALERT! </h3>
+
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<head>
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 +
<title>233</title>
 +
<meta name="description" content="">
 +
 
 +
 
 +
    <!-- CSS FILES -->
 +
  <link rel="stylesheet" type="text/css" href="https://igemshare.github.io/css/bootstrap.min.css">
 +
  <link rel="stylesheet" type="text/css" href="https://igemshare.github.io/css/style.css">
 +
  <link rel="stylesheet" type="text/css" href="https://igemshare.github.io/css/style.css" media="screen" data-name="skins">
 +
    <link rel="stylesheet" type="text/css" href="https://igemshare.github.io/css/layout/wide.css" data-name="layout">
 +
    <link rel="stylesheet" type="text/css" href="https://igemshare.github.io/css/switcher.css" />
 +
 
 +
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 +
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
</head>
 +
<body>
 +
<!--Start Header-->
 +
<header id="header">
 +
<div id="header-top">
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="hidden-xs col-lg-7 col-sm-5 top-info"><span><em class="fa fa-phone"></em>Phone: (+86) 189-3077-2686</span> <span class="hidden-sm"><em class="fa fa-envelope"></em>Email: hyp16@126.com</span></div>
 +
            <div class="col-lg-5">
 +
                <ul class="dropdown-items clearfix">
 +
 
 +
                    <li>
 +
                        <div class="my-account">
 +
                            <div class="dropdown">
 +
                                <a class="account-dropdown" href="#" data-toggle="dropdown">
 +
                                    Hi, Respectful Judges
 +
                                    <span class="caret"></span>
 +
                                </a>
 +
                                    <ul class="dropdown-menu pull-right" role="menu">
 +
                                            <li>
 +
                                                <a href="#">Welcome to our website：）</a>
 +
                                            </li>
 +
                                        </ul>
 +
                                 
 +
                               
 +
                         
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
               
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
−
<div class="clear"></div>
+
<div id="menu-bar">
 +
    <div class="container">
 +
        <div class="row">
 +
            <!-- Logo / Mobile Menu -->
 +
            <div class="col-lg-3 col-sm-3 ">
 +
                <div id="logo">
 +
                    <h1><a href="index.html"><img src="images/logo.png" alt=""/></a></h1>
 +
                </div>
 +
            </div>
 +
            <!-- Navigation
 +
================================================== -->
 +
            <div class="col-lg-9 col-sm-9 navbar navbar-default navbar-static-top container" role="navigation">
 +
                <!--  <div class="container">-->
 +
                <div class="navbar-header">
 +
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 +
                        <span class="sr-only">Toggle navigation</span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                    </button>
 +
                </div>
 +
                <div class="navbar-collapse collapse">
 +
                    <ul class="nav navbar-nav">
 +
                       
 +
                        <li><a href="index.html"><span class="data-hover" data-hover="Home">Home</span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li class="active"><a href="index.html">Home</a></li>
 +
                                <li><a href="#">To be continued</a></li>
 +
                            </ul>
 +
                        </li>
  
−
<div class="column full_size">
 
−
<h1>InterLab</h1>
 
−
<h3>Bronze Medal Criterion #4</h3>
 
−
<p><b>Standard Tracks:</b> Participate in the Interlab Measurement Study and/or improve the characterization of an existing BioBrick Part or Device and enter this information on that part's Main Page in the Registry. The part that you are characterizing must NOT be from a 2017 part number range.
 
−
<br><br>
 
−
For teams participating in the <a href="https://2017.igem.org/Competition/InterLab_Study">InterLab study</a>, all work must be shown on this page.
 
  
−
</p>
+
                        <li><a href="index.html"><span class="data-hover" data-hover="Project">Project</span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li class="active"><a href="index.html">Home</a></li>
 +
                                <li><a href="#">To be continued</a></li>
 +
                            </ul>
 +
                        </li>
 +
 
 +
 
 +
                        <li><a href="Modeling_overview.html"><span class="data-hover" data-hover="Modeling">Modeling</span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li ><a href="index.html">Overview</a></li>
 +
                                <li><a href="#">To be continued</a></li>
 +
                            </ul>
 +
                        </li>
 +
 
 +
 
 +
 
 +
                        <li><a href="Modeling_overview.html"><span class="data-hover" data-hover="Microfludics">Microfludics</span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li ><a href="index.html">Overview</a></li>
 +
                                <li><a href="#">To be continued</a></li>
 +
                            </ul>
 +
                        </li>
 +
 
 +
                        <li><a href="Lab_overview.html"><span class="data-hover" data-hover="Lab">Lab</span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li ><a href="index.html">Overview</a></li>
 +
                                <li><a href="#">To be continued</a></li>
 +
                            </ul>
 +
                        </li>
 +
                       
 +
 
 +
                        <li><a href="Huaman_overview.html"><span class="data-hover" data-hover="Human_Practice">Human_Practice</span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li ><a href="index.html">Overview</a></li>
 +
                                <li><a href="#">To be continued</a></li>
 +
                            </ul>
 +
                        </li>
 +
 
 +
 
 +
                        <li><a href="Huaman_overview.html"><span class="data-hover" data-hover="Team">Team</span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li ><a href="index.html">Official Team Profile</a></li>
 +
                                <li><a href="#">Our Team</a></li>
 +
                                <li><a href="#">Acknowledgements</a></li>
 +
                                <li><a href="#">Contact Us</a></li>
 +
                            </ul>
 +
                        </li>
 +
 
 +
 
 +
 
 +
             
 +
                   
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
 +
<section class="page_head">
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="col-lg-12 col-md-12 col-sm-12">
 +
                <nav id="breadcrumbs">
 +
                    <ul>
 +
                        <li><a href="index.html">Home</a></li>
 +
                        <li>Shortcodes</li>
 +
                    </ul>
 +
                </nav>
 +
 +
                <div class="page_title">
 +
                    <h2>Columns</h2>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</section>
 +
</header>
 +
<!--End Header-->
 +
 +
<!--start wrapper-->
 +
<section class="wrapper">
 +
<section class="content">
 +
<div class="container">
 +
<div class="row sub_content">
 +
<div class="col-lg-12 col-md-12 col-sm-12">
 +
<div class="dividerHeading">
 +
<h4><span>12 Columns</span></h4>
 +
 +
</div>
 +
<p>Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum. Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo ad gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis sum dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada. Ut lacus sapien, po anemat ornare nec, elementum sit amet felis. Maecenas pretium hendrerit fermentum lacus sapien, placerat a ornare nec fringilla libero convals.</p>
 +
</div>
 +
</div>
 +
                <div class="row sub_content">
 +
                    <div class="col-lg-9 col-sm-9">
 +
                        <div class="dividerHeading">
 +
                            <h4><span>9 Columns</span></h4>
 +
                        </div>
 +
                        <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim. </p>
 +
                    </div>
 +
 +
                    <div class="col-lg-3 col-md-3 col-sm-3">
 +
                        <div class="dividerHeading">
 +
                            <h4><span>3 Columns</span></h4>
 +
                        </div>
 +
                        <p>Donec in ut odio libero, at vulpu urna. Nulla tristique mi a massa convallis cursus. Nulla eumina magna etiam suscipit dignissim.</p>
 +
                    </div>
 +
                </div>
 +
<div class="row sub_content">
 +
<div class="col-lg-6 col-sm-6">
 +
<div class="dividerHeading">
 +
<h4><span>6 Columns</span></h4>
 +
</div>
 +
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim. </p>
 +
</div>
 +
 +
<div class="col-lg-6 col-sm-6">
 +
<div class="dividerHeading">
 +
<h4><span>6 Columns</span></h4>
 +
</div>
 +
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim. </p>
 +
</div>
 +
</div>
 +
<div class="row sub_content">
 +
<div class="col-lg-4 col-md-4 col-sm-4">
 +
<div class="dividerHeading">
 +
<h4><span>4 Columns</span></h4>
 +
</div>
 +
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim. </p>
 +
</div>
 +
 +
<div class="col-lg-4 col-md-4 col-sm-4">
 +
<div class="dividerHeading">
 +
<h4><span>4 Columns</span></h4>
 +
</div>
 +
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim. </p>
 +
</div>
 +
 +
<div class="col-lg-4 col-md-4 col-sm-4">
 +
<div class="dividerHeading">
 +
<h4><span>4 Columns</span></h4>
 +
</div>
 +
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim. </p>
 +
</div>
 +
</div>
 +
                <div class="row sub_content">
 +
                    <div class="col-lg-3 col-md-3 col-sm-3">
 +
                        <div class="dividerHeading">
 +
                            <h4><span>3 Columns</span></h4>
 +
                        </div>
 +
                        <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. </p>
 +
                    </div>
 +
 +
                    <div class="col-lg-3 col-md-3 col-sm-3">
 +
                        <div class="dividerHeading">
 +
                            <h4><span>3 Columns</span></h4>
 +
                        </div>
 +
                        <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. </p>
 +
                    </div>
 +
 +
                    <div class="col-lg-3 col-md-3 col-sm-3">
 +
                        <div class="dividerHeading">
 +
                            <h4><span>3 Columns</span></h4>
 +
                        </div>
 +
                        <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. </p>
 +
                    </div>
 +
 +
                    <div class="col-lg-3 col-md-3 col-sm-3">
 +
                        <div class="dividerHeading">
 +
                            <h4><span>3 Columns</span></h4>
 +
                        </div>
 +
                        <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. </p>
 +
                    </div>
 +
                </div>
 +
</div>
 +
</section>
 +
 +
 
 +
<!--end wrapper-->
 +
 +
<!--start footer-->
 +
 +
</section>
 +
<section class="footer_bottom">
 +
<div class="container">
 +
<div class="row">
 +
            <div class="col-sm-6">
 +
              <p class="copyright">&copy; Copyright Shanghaitech_igem | Thanks to <a href="http://www.jqueryrain.com/">jQuery Rain</a> | Made by YanPeng Hu</p>
 +
            </div>
 +
 +
       
 +
        </div>
 +
</div>
 +
</section>
 +
 +
<script type="text/javascript" src="https://igemshare.github.io/js/jquery-1.10.2.min.js"></script>
 +
 +
<script type="text/javascript" src="https://igemshare.github.io/js/jquery.cookie.js"></script>
 +
 +
 +
<script type="text/javascript" src="https://igemshare.github.io/js/jquery.smartmenus.min.js"></script>
 +
<script type="text/javascript" src="https://igemshare.github.io/js/bootstrap.min.js"></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Template:Shanghaitech/Javascript/jquerysmartmenusbootstrapmin?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://igemshare.github.io/js/styleswitch.js"></script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
 +
    var cookieName = 'default';
 +
 +
    function changeLayout(layout) {
 +
    $.cookie(cookieName, layout);
 +
    $('head link[data-name=skins]').attr('href', 'https://igemshare.github.io/css/skins/' + layout + '.css');
 +
    }
 +
 +
    if( $.cookie(cookieName)) {
 +
    changeLayout($.cookie(cookieName));
 +
    }
 +
 +
    $("#default").click( function(){ $
 +
    changeLayout('default');
 +
    });
 +
 +
    $("#Strongcyan").click( function(){ $
 +
    changeLayout('Strongcyan');
 +
    });
 +
    $("#DarkCyan").click( function(){ $
 +
    changeLayout('DarkCyan');
 +
    });
 +
    $("#asphalt").click( function(){ $
 +
    changeLayout('asphalt');
 +
    });
 +
    $("#blue").click( function(){ $
 +
    changeLayout('blue');
 +
    });
 +
    $("#orange").click( function(){ $
 +
    changeLayout('orange');
 +
    });
 +
    $("#clouds").click( function(){ $
 +
    changeLayout('clouds');
 +
    });
 +
    $("#Softred").click( function(){ $
 +
    changeLayout('Softred');
 +
    });
 +
    $("#green").click( function(){ $
 +
    changeLayout('green');
 +
    });
 +
    $("#orange").click( function(){ $
 +
    changeLayout('orange');
 +
    });
  
 +
});
 +
</script>
  
  
  
  
 +
    <!-- Start Style Switcher -->
 +
    <div class="switcher"></div>
 +
    <!-- End Style Switcher -->
  
  
 +
</body>
 
</html>
 
</html>

Revision as of 14:27, 30 September 2017

233

12 Columns

Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum. Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo ad gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis sum dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada. Ut lacus sapien, po anemat ornare nec, elementum sit amet felis. Maecenas pretium hendrerit fermentum lacus sapien, placerat a ornare nec fringilla libero convals.

9 Columns

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim.

3 Columns

Donec in ut odio libero, at vulpu urna. Nulla tristique mi a massa convallis cursus. Nulla eumina magna etiam suscipit dignissim.

6 Columns

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim.

6 Columns

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim.

4 Columns

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim.

4 Columns

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim.

4 Columns

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim.

3 Columns

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.

3 Columns

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.

3 Columns

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.

3 Columns

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.

© Copyright Shanghaitech_igem | Thanks to jQuery Rain | Made by YanPeng Hu