Difference between revisions of "Team:SJTU-BioX-Shanghai/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{SJTU-BioX-Shanghai}}
 
  
−
<html>
+
<html lang="en">
  
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
    <meta http-equiv="x-ua-compatible" content="ie=edge">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/ripple?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/font-awesome?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/style?action=raw&ctype=text/css" rel="stylesheet">
 +
    <!--[if lt IE 10]>
 +
        <center>您使用的是过时的浏览器，浏览本网页可能会有异常。</center>
 +
        <center>You are using an outdated browser and this page may not display properly.</center>
 +
    <![endif]-->
 +
    <style>
 +
        .full-bg.full-bg-0 {
 +
            background-image: url("https://static.igem.org/mediawiki/2017/0/04/T--SJTU-BioX-Shanghai--17001.jpeg");
 +
        }
 +
       
 +
        @media only screen and (min-width: 768px) {
 +
            .full-bg.full-bg-0 {
 +
                background-image: url("https://static.igem.org/mediawiki/2017/2/25/T--SJTU-BioX-Shanghai--17001-hi.jpeg");
 +
            }
 +
        }
 +
       
 +
        .nav2-brand {
 +
            width: 14em;
 +
        }
 +
    </style>
 +
</head>
  
 +
<body>
 +
    <div class="fluid-bg full-bg-body">
 +
        <div class="full-bg mainbox depth-1-half full-bg-0">
 +
            <nav class="navbar navbar1 navbar-expand-lg navbar-dark">
 +
                <div class="container">
 +
                    <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2017/b/be/T--SJTU-BioX-Shanghai--logo.png" height="55" /></a>
 +
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation">
 +
                        <div class="hamburger" id="ham1">
 +
                            <span class="line"></span>
 +
                            <span class="line"></span>
 +
                            <span class="line"></span>
 +
                        </div>
 +
                    </button>
 +
                    <div class="collapse navbar-collapse" id="navbarNav1">
 +
                        <ul class="navbar-nav mr-auto">
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Description" class="nav-link">Project</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Notebook" class="nav-link">Wet Lab</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Loader" class="nav-link">Device</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Model" class="nav-link">Model</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP" class="nav-link">Human Practice</a></li>
 +
                           
 +
                            <li class="nav-item active"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Team" class="nav-link">Team</a></li>
 +
                        </ul>
 +
                        <ul class="navbar-nav ml-auto">
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Team-cn" class="nav-link jtzw">简体中文</a></li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 +
            </nav>
 +
            <div class="navbox">
 +
                <nav class="navbar navbar3 navbar-dark">
 +
                    <div class="container">
 +
                        <a class="navbar-brand" href="#">Team</a>
 +
                    </div>
 +
                </nav>
 +
                <nav class="navbar navbar2 navbar-expand-lg navbar-dark">
 +
                    <div class="container">
 +
                        <div class="nav2-brand hide-nav2-brand">
 +
                            <a class="navbar-brand" href="#">Team</a>
 +
                        </div>
 +
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation">
 +
                            <div class="hamburger" id="ham2">
 +
                                    <span class="line"></span>
 +
                                    <span class="line"></span>
 +
                                    <span class="line"></span>
 +
                            </div>
 +
                        </button>
 +
                        <div class="collapse navbar-collapse " id="navbarNav2">
 +
                            <ul class="navbar-nav mr-auto">
 +
                                <li class="nav-item active"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Team" class="nav-link">Members</a></li>
 +
                                <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Attributions" class="nav-link">Attributions</a></li>                       
 +
                            </ul>
 +
                        </div>
 +
                    </div>
 +
                </nav>
  
−
<div class="column full_size" >
+
            </div>
  
−
<h1>Team</h1>
+
        </div>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
        <div class="big-head h1-my-responsive"> <img src="https://static.igem.org/mediawiki/2017/5/52/T--SJTU-BioX-Shanghai--quan.png" class="img-fluid">Members</div>
−
</div>
+
        <div class="container maink">
 +
            <div class="container maintext">
 +
                <div class="row">
 +
                    <div class="scrcol col-lg-3">
 +
                        <div class="scroll-box grey lighten-5">
 +
                            <nav class="list-unstyled" id="navbar-left" role="navigation">
  
−
<div class="clear"></div>
+
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section1">Title One</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section2">Title Two</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section3">Title Three</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section4">Title Four</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section5">Title Five</a>
 +
                                </li>
 +
                            </nav>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-lg-9">
 +
                        <div class="my-title h5-my-responsive" id="section1">Title One</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section2">Title Two</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section3">Title Three</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section4">Title Four</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section5">Title Five</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                    </div>
  
−
<div class="column half_size" >
+
                </div>
−
<h5>Inspiration</h5>
+
            </div>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
        </div>
−
Here are a few examples:</p>
+
        <div class="container sponsor">
−
<ul>
+
            <div class="row">
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
                <div class="col-12 col-sm-6 col-lg-3 sponsor-1">
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
                    <a target="_blank" href="http://www.sjtu.edu.cn/">
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
                        <img src="https://static.igem.org/mediawiki/2017/8/85/T--SJTU-BioX-Shanghai--SJTU.png">
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
                    </a>
−
</ul>
+
                </div>
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-1">
 +
                    <a target="_blank" href="http://www.bio-x.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/e/e6/T--SJTU-BioX-Shanghai--BioX.png">
 +
                    </a>
 +
                </div>
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-1">
 +
                    <a target="_blank" href="http://life.sjtu.edu.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/f/fa/T--SJTU-BioX-Shanghai--Life.png">
 +
                    </a>
 +
                </div>
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-2">
 +
                    <a target="_blank" href="http://www.decodinglife.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/3e/T--SJTU-BioX-Shanghai--ATGC.png">
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="footer">
  
−
</div>
+
            <div class="container">
 +
                <div class="row">
 +
                    <div class="footer-L">
  
−
<div class="column half_size" >
+
                        <a class="footer-text" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Collaborations">
−
<h5>What should this page contain?</h5>
+
                            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
</div>
+
  
 +
                            <span class="direction">Practice</span>
 +
                            <div class="title">
 +
                                Collaborations
 +
                            </div>
 +
                        </a>
  
 +
                    </div>
 +
                    <div class="footer-M">
 +
                        <a class="footer-text" href="#">
 +
                            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
 +
                        </a>
 +
                    </div>
 +
                    <div class="footer-R">
 +
 +
                        <a class="footer-text" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Attributions">
 +
                            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
 +
                            <span class="direction">Team</span>
 +
                            <div>
 +
                                Attributions
 +
                            </div>
 +
                        </a>
 +
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 +
 +
        </div>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/jquery?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/popper?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/ripple?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/bootstrap?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/script?
 +
        action=raw&ctype=text/javascript"></script>
 +
 +
    </div>
 +
</body>
  
−
</div>
 
 
</html>
 
</html>

Revision as of 14:26, 27 October 2017

Members
Title One

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Two

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Three

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Four

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Five

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Practice
Collaborations
Team
Attributions