Difference between revisions of "Team:Shanghaitech"

 
(103 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{Shanghaitech}}
+
{{Shanghaitech/custom}}
−
<html>
+
{{Shanghaitech/css}}
−
 
+
{{Shanghaitech/js}}
−
 
+
<html lang="en">
−
<!--[if IE 8 ]><html class="ie ie8" class="no-js" lang="en"> <![endif]-->
+
−
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
+
 
<head>
 
<head>
−
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
<style type="text/css">
−
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
     #home-button{height: 210px;width: 225px;left: 50%;    margin-bottom: 30px;
−
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
                display: inline-block;    position: relative;    left: 50%;    transform: translateX(-50%);}
−
<title>233</title>
+
    #home-button #home-button-bg{
−
<meta name="description" content="">
+
        background: url("https://static.igem.org/mediawiki/2017/5/5f/T--Shanghaitech--Home-Homepage-botton-thick.png") no-repeat 50% 50%/contain;
 +
        width: 336.75px;height: 199.5px;position: absolute;display:block;
 +
    }
 +
    #home-button:hover #home-button-bg{
 +
        background: url("https://static.igem.org/mediawiki/2017/7/7e/T--Shanghaitech--Home-Homepage-button-flat.png") no-repeat 50% 50%/contain;height: 295.5px;width: 424.5px;position: absolute;left: -94.5px;top: -69px;
 +
    }
  
−
 
+
</style>
−
    <!-- 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" />
+
−
    <link rel="stylesheet" type="text/css" href="https://igemshare.github.io/css/skins/blue.css" />
+
−
    <link rel="stylesheet" type="text/css" href="https://igemshare.github.io/css/skins/green.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>
 
</head>
 
<body>
 
<body>
−
<!--Start Header-->
+
<img src="https://static.igem.org/mediawiki/2017/7/7e/T--Shanghaitech--Home-Homepage-button-flat.png" style="display:none"/>
−
<header id="header">
+
<div id="main-content-wrapper" style="max-width:none;">
−
<div id="header-top">
+
<div id="content-block" style="max-width:none;padding:0px">
−
    <div class="container">
+
<a href="https://2017.igem.org/Team:Shanghaitech/Awards" style="
−
        <div class="row">
+
    color: #607D6F;
−
            <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>
+
    display: block;
−
            <div class="col-lg-5">
+
    max-width: 600px;
−
                <ul class="dropdown-items clearfix">
+
    margin: 0 auto;
−
 
+
"><h1 style="
−
                    <li>
+
">奖项及致谢(Click me to see our awards and our special thanks)</h1></a>
−
                        <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 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>
+
−
 
+
−
 
+
−
                        <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>
+
−
 
+
  
 +
<div id="home-story-wrapper" style="position:relative;">
  
−
             
+
    <img src="https://static.igem.org/mediawiki/2017/0/0b/T--Shanghaitech--Home-Homepage-story.png" alt="homepage-story" style="width:100%;height:auto;max-height:none" height=3000 width=2388/>
−
                   
+
−
                    </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">
+
<a href="https://2017.igem.org/Team:Shanghaitech/project" id="home-button"><span id="home-button-bg"></span></a>
−
                    <h2>Columns</h2>
+
<p style="text-align: center"><video height="600" src="https://static.igem.org/mediawiki/2017/1/10/T--Shanghaitech--Hardware--Project.mp4" controls style="max-width:100%" poster="https://static.igem.org/mediawiki/2017/thumb/e/e6/T--Shanghaitech--works363636hop1.jpg/800px-T--Shanghaitech--works363636hop1.jpg"></video>
−
                </div>
+
</p>
−
            </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></div>
−
                        <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">
+
</body>
−
                        <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://2017.igem.org/Template:Shanghaitech/Javascript/jquery1102min?
 
−
action=raw&ctype=text/javascript"></script>
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:Shanghaitech/Javascript/jquerycookie?
 
−
action=raw&ctype=text/javascript"></script>
 
−
 
−
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:Shanghaitech/Javascript/jquerysmartmenusmin?
 
−
action=raw&ctype=text/javascript"></script>
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:Shanghaitech/Javascript/bootstrapmin?
 
−
action=raw&ctype=text/javascript"></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>
 
−
 
−
 
−
 
−
 
−
    <!-- Start Style Switcher -->
 
−
    <div class="switcher"></div>
 
−
    <!-- End Style Switcher -->
 
−
 
−
 
−
</body>
 
 
</html>
 
</html>

Latest revision as of 07:34, 6 December 2017

奖项及致谢(Click me to see our awards and our special thanks)
homepage-story