Difference between revisions of "Team:SDSZ-China/Team"

(Prototype team page)
 
Line 1: Line 1:
 
{{SDSZ-China}}
 
{{SDSZ-China}}
−
 
 
<html>
 
<html>
  
 +
<head>
 +
    <title>Project</title>
  
 +
    <style type='text/css'>
 +
        #top_title, #sideMenu {
 +
            display: none;
 +
        }
  
−
<div class="column full_size" >
+
        #content {
 +
            width: 100%;
 +
            margin: 0;
 +
            padding: 0;
 +
            background: #f3f4f4;
 +
        }
  
−
<h1>Team</h1>
+
        p {
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
            font-family: Lato !important;
−
</div>
+
            font-size: 17px !important
 +
        }
  
−
<div class="clear"></div>
+
        h1 {
 +
            font-size: 40 -px !important;
 +
        }
  
−
<div class="column half_size" >
+
        body {
−
<h5>Inspiration</h5>
+
            font-family: Lato !important;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
        }
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
−
</div>
+
        h3 {
 +
            font-size: 25 -px;
 +
        }
  
−
<div class="column half_size" >
+
        #bg {
−
<h5>What should this page contain?</h5>
+
            position: fixed;
−
<ul>
+
            z-index: -1;
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
            top: 0;
−
<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>
+
            left: 0;
−
<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>
+
    </style>
−
</ul>
+
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
−
</div>
+
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
 +
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
 +
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  
  
 +
    <script>localStorage.clear();</script>
 +
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
 +
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
 +
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
 +
            crossorigin="anonymous"></script>
  
 +
    <script type="text/javascript" async
 +
            src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"></script>
 +
    <script type="text/x-mathjax-config">
 +
        MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
 +
 +
 +
 +
    </script>
 +
 +
    <script type="text/javascript">
 +
 +
        $(document).ready(function () {
 +
            $("#category_navbar a").on('click', function (event) {
 +
                // Make sure this.hash has a value before overriding default behavior
 +
                if (this.hash !== "") {
 +
                    // Prevent default anchor click behavior
 +
                    event.preventDefault();
 +
 +
                    // Store hash0
 +
                    var hash = this.hash;
 +
 +
                    // Using jQuery's animate() method to add smooth page scroll
 +
                    // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
 +
                    $('html, body').animate({
 +
                        scrollTop: $(hash).offset().top
 +
                    }, 800, function () {
 +
 +
                        // Add hash (#) to URL when done scrolling (default click behavior)
 +
                        window.location.hash = hash;
 +
                    });
 +
                }  // End if
 +
            });
 +
        });
 +
 +
 +
    </script>
 +
 +
</head>
 +
</head>
 +
 +
<body data-spy="scroll" data-target="#category_navbar">
 +
 +
<div class="container" style='z-index:10;position:relative;'>
 +
 +
 +
    <div class="row card" id='bodycontainer' class='row'>
 +
 +
        <nav class="navbar navbar-default navbar-static-top">
 +
            <!-- Brand and toggle get grouped for better mobile display -->
 +
            <div class="navbar-header">
 +
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
 +
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 +
                    <span class="sr-only">Toggle navigation</span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
                <a class="navbar-brand" href="#">Brand</a>
 +
            </div>
 +
 +
            <!-- Collect the nav links, forms, and other content for toggling -->
 +
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
                <ul class="nav navbar-nav">
 +
                    <li><a href="/Team:SDSZ-China">Home</a></li>
 +
                    <li><a href="/Team:SDSZ-China/Project">Project</a></li>
 +
                    <li><a href="/Team:SDSZ-China/Experiment">Experiment</a></li>
 +
                    <li><a href="/Team:SDSZ-China/Parts">Parts</a></li>
 +
                    <li><a href="/Team:SDSZ-China/Human_Practices">Human Practices</a></li>
 +
                    <li><a href="/Team:SDSZ-China/Safety">Safety</a></li>
 +
                </ul>
 +
                <ul class="nav navbar-nav navbar-right">
 +
                    <li><a href="/Team:SDSZ-China/Team">Team</a></li>
 +
                    <li><a href="#">By SDSZ</a></li>
 +
                </ul>
 +
            </div><!-- /.navbar-collapse -->
 +
        </nav>
 +
 +
 +
        <div class="col-sm-2" style='padding-left:5% padding-right:10%'>
 +
            <div id="category_navbar">
 +
                <ul class="nav nav-list" data-spy="affix" data-offset-top="160"
 +
                    style='-webkit-transform: translateZ(0);width:160px;margin-left:0'>
 +
                    <li><a href="#Experiment">Experiment</a></li>
 +
                </ul>
 +
            </div>
 +
 +
        </div>
 +
 +
        <div class="col-sm-10" style="padding-right:5%">
 +
 +
            <div class="row">
 +
                <div class="col-sm-12">
 +
                    <h1 id="Experiment">Experiment</h1>
 +
                    <img src="https://static.igem.org/mediawiki/2017/8/85/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E4%B8%80%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/c/cc/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E4%BA%8C%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/f/fe/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E4%B8%89%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/d/da/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%9B%9B%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/6/6c/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E4%BA%94%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/9/98/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%85%AD%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/2/2e/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E4%B8%83%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/f/fd/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%85%AB%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/d/d4/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E4%B9%9D%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/0/0c/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/f/f6/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E4%B8%80%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/3/31/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E4%BA%8C%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/0/02/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E4%B8%89%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/a/af/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E5%9B%9B%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/b/bf/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E4%BA%94%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/9/91/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E5%8D%81%E5%85%AD%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/6/68/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E4%B8%83%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/d/dc/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E5%85%AB%E9%A1%B5.jpeg">
 +
                    <img src="https://static.igem.org/mediawiki/2017/6/63/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E4%B9%9D%E9%A1%B5.jpeg">
 +
                </div>
 +
 +
                <br>
 +
                <br>
 +
            </div>
 +
 +
            <br>
 +
            <br>
 +
            <br>
 +
        </div>
 +
    </div>
 +
 +
    <div class="backgroundpic">
 +
        <img src="https://static.igem.org/mediawiki/2016/e/e5/T--TAS_Taipei--Taipei_Background_1.0.jpg" width="100%"
 +
            height="100%" id="bg" alt="">
 +
    </div>
 
</div>
 
</div>
 +
 +
</body>
 +
 
</html>
 
</html>

Revision as of 14:45, 1 November 2017


Project