Team:BIT-China

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html>
+
<head>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
    <link rel="stylesheet" href="css/base.min.css" type="text/css">
-
This is a template page. READ THESE INSTRUCTIONS.
+
    <link rel="stylesheet" href="css/base_purple.min.css" type="text/css">
-
</div>
+
    <link rel="stylesheet" href="css/base_white.min.css" type="text/css">
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
    <link rel="stylesheet" href="css/homepage2013.min.css" type="text/css">
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
    <title>HOME | BIT-CHINA IGEM2013</title>
-
</div>
+
    <script type="text/javascript" src="js/jquery.min.js"></script>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
    <script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.
+
    <script type="text/javascript" src="js/jquery.stellar.min.js"></script>
-
</div>
+
    <script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
-
</div>
+
    <script type="text/javascript" src="js/nav.js"></script>
-
</html>
+
    <script>
 +
        $(function(){
 +
            $.stellar({
 +
                horizontalScrolling: false,
 +
                verticalOffset: 40
 +
            });
 +
        });
 +
       
 +
    </script>
 +
   
 +
</head>
-
<!-- *** End of the alert box *** -->
+
<body>
 +
<div id="wrapper">
 +
        <div class="world">
 +
            <div id="width_wrapper_full_viewport">
 +
                <div class="header_bar" style="position:relative; z-index:2;">
 +
                    <div id="header">
 +
                        <a href="./index.html"><img src="img/logo.png" alt="logo"></a>
 +
                    </div>
 +
 +
<div id="navigation" class>
 +
    <div class="navigation">
 +
        <div class="centering">
 +
            <ul class="topnav" id="topnav">
 +
                <li class="navitem1">
 +
                    <a href="./index.html">HOME</a>
 +
                </li>
 +
                <li class="navitem2">
 +
                    <a href="./team.html">TEAM</a>
 +
                    <ul class="subnav">
 +
                        <ul>
 +
                            <li><a href="#">Members</a></li>
 +
                            <li><a href="#">Official Profile</a></li>
 +
                            <li><a href="#">The University</a></li>
 +
                            <li><a href="#">Outtakes</a></li>
 +
                            <li><a href="#">Contact Us</a></li>
 +
                        </ul>
 +
                    </ul>
 +
                </li>
 +
                <li class="navitem3">
 +
                    <a href="./project.html">PROJECT</a>
 +
                    <ul class="subnav">
 +
                        <li><a href="#">Overview</a></li>
 +
                        <li><a href="#">Human Practices</a></li>
 +
                        <li><a href="#">CTS</a></li>
 +
                        <li><a href="#">IQQRS</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="navitem4">
 +
                    <a href="./parts.html">PARTS</a>
 +
                </li>
 +
                <li class="navitem5">
 +
                    <a href="./modeling.html">MODELING</a>
 +
                    <ul class="subnav">
 +
                        <ul>
 +
                            <li><a href="#">Overview</a></li>
 +
                            <li><a href="#">Derivations</a></li>
 +
                            <li><a href="#">Matlab</a></li>
 +
                        </ul>
 +
                    </ul>
 +
                </li>
 +
                <li class="navitem6">
 +
                    <a href="./notebook.html">NOTEBOOK</a>
 +
                    <ul class="subnav">
 +
                        <ul>
 +
                            <li><a href="#">Journal</a></li>
 +
                            <li><a href="#">Protocols</a></li>
 +
                        </ul>
 +
                    </ul>
 +
                </li>
 +
                <li class="navitem7">
 +
                    <a href="./safety.html">SAFETY</a>
 +
                </li>
 +
                <li class="navitem8">
 +
                    <a href="https://2013.igem.org">IGEM</a>
 +
                </li>
 +
            </ul>
 +
        </div>
 +
    </div>
 +
</div>
 +
                    </div><!-- .white_header -->
 +
                </div><!-- .header_bar -->
 +
                <div class="page_content" style="position:relative; z-index:1;">
 +
                    <div class="home ready">
 +
                        <div class="top-section">
 +
                            <div class="parallax" data-stellar-ratio="0.3">
 +
                                <div class="content arrows">
 +
                                    <div class="arrow left">
 +
                                        <div class="sprite arrow-left"></div>
 +
                                    </div>
 +
                                    <div class="arrow right">
 +
                                        <div class="sprite arrow-right"></div>
 +
                                    </div>
 +
                                </div>
 +
                                <div style="margin-top:60px">
 +
                                    <div class="heroes">
 +
                                        <div class="hero segmentation current">
 +
                                            <div class="content">
 +
                                                <div class="text">
 +
                                                    <h1>BIT-CHINA</h1>
 +
                                                    <p>IGEM 2013</p>
 +
                                                    <div class="buttons">
 +
                                                        <a href="./project.html" class="action-button purple">Learn More</a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="subtle-animation">
 +
                                                    <div class="bg"></div>
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                       
 +
                                        <div class="hero notifications">
 +
                                            <div class="background"></div>
 +
                                            <div class="content">
 +
                                                <div class="text">
 +
                                                    <h1>a possibility of automatic style</h1>
 +
                                                    <p>for the whole ferment industry.</p>
 +
                                                    <a href="#" class="action-button purple">Learn More</a>
 +
                                                </div>
 +
                                                <img class="phone" src="img/phone.png"></div>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="workmap">
 +
                                <div class="title">
 +
                                    <h2>WORKMAP</h2>
 +
                                </div>
 +
                                <div class="modules">
 +
                                    <div class="content">
 +
                                        <div class="blocks">
 +
                                            <div class="block lavendar">
 +
                                                <div class="igem-logo team"></div>
 +
                                                <blockquote>
 +
                                                    <div class="quote">Who are we? What did we do? Where is this Calgary place, anyway? Click here to read our team profiles!</div>
 +
                                                    <div class="author">TEAM</div>
 +
                                                </blockquote>
 +
                                                <a class="case-study-link" href="./team.html">View Detail <div class="sprite arrow-case-study"></div></a>
 +
                                            </div>
 +
                                            <div class="block">
 +
                                                <div class="igem-logo project"></div>
 +
                                                <blockquote>
 +
                                                    <div class="quote small">Here is a collection of our major summer work and a interesting simulation game for you to get familiar with our project, just try it!</div><div class="author">PROJECT</div>
 +
                                                </blockquote>
 +
                                                <a class="case-study-link" href="./project.html">View Detail <div class="sprite arrow-case-study"></div></a>
 +
                                            </div>
 +
                                            <div class="block orange">
 +
                                                <div class="igem-logo parts"></div>
 +
                                                <blockquote>
 +
                                                    <div class="quote">Here is a collection of all the parts we have submitted over the course of this project.</div>
 +
                                                    <div class="author">PARTS</div>
 +
                                                </blockquote>
 +
                                                <a class="case-study-link" href="./parts.html">View Detail <div class="sprite arrow-case-study"></div></a>
 +
                                            </div>
 +
                                            <div class="block">
 +
                                                <div class="igem-logo model"></div>
 +
                                                <blockquote>
 +
                                                    <div class="quote">Here is a replay of our modeling work, you can experience our brain stormming by reading this section!</div>
 +
                                                    <div class="author">modeling</div>
 +
                                                </blockquote>
 +
                                                <a class="case-study-link" href="./modeling.html">View Detail <div class="sprite arrow-case-study"></div></a>
 +
                                            </div>
 +
                                            <div class="block cyan">
 +
                                                <div class="igem-logo notebook"></div>
 +
                                                <blockquote>
 +
                                                    <div class="quote">Here is a record of our summer's work. We also want to thank everybody who helped us along the way!</div>
 +
                                                    <div class="author">NOTEBOOK</div>
 +
                                                </blockquote>
 +
                                                <a class="case-study-link" href="./notebook.html">View Detail <div class="sprite arrow-case-study"></div></a>
 +
                                            </div>
 +
                                            <div class="block">
 +
                                                <div class="igem-logo safety"></div>
 +
                                                <blockquote>
 +
                                                    <div class="quote">Here are some possible safety problems, and our solvement to it.</div>
 +
                                                    <div class="author">SAFETY</div>
 +
                                                </blockquote>
 +
                                                <a class="case-study-link" href="./safety.html">View Detail <div class="sprite arrow-case-study"></div></a>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
-
{|align="justify"
+
                            <div class="sponsers">
-
|You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
+
                                <div class="content">
-
|[[Image:BIT-China_logo.png|200px|right|frame]]
+
                                    <h2>SPONSERS</h2>
-
|-
+
                                </div>
-
|
+
                                <div class="companies" align="center">
-
''Tell us more about your project. Give us background. Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
                                    <a class="block" href="http://www.mathworks.com/academia/student-competitions/">
-
|[[Image:BIT-China_team.png|right|frame|Your team picture]]
+
                                        <img class="company" src="img/sponsers/mathworks.png" width="300">
-
|-
+
                                    </a>
-
|
+
                                    <a class="block" href="http://www.bit.edu.cn/">
-
|align="center"|[[Team:BIT-China | Team BIT-China]]
+
                                        <img class="company" src="img/sponsers/BIT.png">
-
|}
+
                                    </a>
 +
                                    <a class="block" href="http://www.idt.com/">
 +
                                        <img class="company" src="img/sponsers/IDT_logo_trans.png" width="300">
 +
                                    </a>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div id="footer_bg">
 +
                <div id="footer">
 +
                    © Copyright BIT iGEM Team 2013, All Rights Reserved.
 +
                </div>
 +
            </div>
 +
        </div>
-
<!--- The Mission, Experiments --->
+
    <script type="text/javascript" src="js/empty.js"></script>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
</body>
-
!align="center"|[[Team:BIT-China|Home]]
+
-
!align="center"|[[Team:BIT-China/Team|Team]]
+
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=BIT-China Official Team Profile]
+
-
!align="center"|[[Team:BIT-China/Project|Project]]
+
-
!align="center"|[[Team:BIT-China/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:BIT-China/Modeling|Modeling]]
+
-
!align="center"|[[Team:BIT-China/Notebook|Notebook]]
+
-
!align="center"|[[Team:BIT-China/Safety|Safety]]
+
-
!align="center"|[[Team:BIT-China/Attributions|Attributions]]
+
-
|}
+

Revision as of 11:13, 6 August 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <link rel="stylesheet" href="css/base.min.css" type="text/css">
   <link rel="stylesheet" href="css/base_purple.min.css" type="text/css">
   <link rel="stylesheet" href="css/base_white.min.css" type="text/css">
   <link rel="stylesheet" href="css/homepage2013.min.css" type="text/css">
   <title>HOME | BIT-CHINA IGEM2013</title>
   <script type="text/javascript" src="js/jquery.min.js"></script>
   <script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
   <script type="text/javascript" src="js/jquery.stellar.min.js"></script>
   <script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
   <script type="text/javascript" src="js/nav.js"></script>
   <script>
       $(function(){
           $.stellar({
               horizontalScrolling: false,
               verticalOffset: 40
           });
       });
       
   </script>
   

</head>

<body>

Contents

BIT-CHINA

IGEM 2013

                                                       <a href="./project.html" class="action-button purple">Learn More</a>

a possibility of automatic style

for the whole ferment industry.

                                                   <a href="#" class="action-button purple">Learn More</a>
<img class="phone" src="img/phone.png">

WORKMAP

Who are we? What did we do? Where is this Calgary place, anyway? Click here to read our team profiles!
TEAM
<a class="case-study-link" href="./team.html">View Detail
</a>
Here is a collection of our major summer work and a interesting simulation game for you to get familiar with our project, just try it!
PROJECT
<a class="case-study-link" href="./project.html">View Detail
</a>
Here is a collection of all the parts we have submitted over the course of this project.
PARTS
<a class="case-study-link" href="./parts.html">View Detail
</a>
Here is a replay of our modeling work, you can experience our brain stormming by reading this section!
modeling
<a class="case-study-link" href="./modeling.html">View Detail
</a>
Here is a record of our summer's work. We also want to thank everybody who helped us along the way!
NOTEBOOK
<a class="case-study-link" href="./notebook.html">View Detail
</a>
Here are some possible safety problems, and our solvement to it.
SAFETY
<a class="case-study-link" href="./safety.html">View Detail
</a>

SPONSERS

                                   <a class="block" href="http://www.mathworks.com/academia/student-competitions/">
                                       <img class="company" src="img/sponsers/mathworks.png" width="300">
                                   </a>
                                   <a class="block" href="http://www.bit.edu.cn/">
                                       <img class="company" src="img/sponsers/BIT.png">
                                   </a>
                                   <a class="block" href="http://www.idt.com/">
                                       <img class="company" src="img/sponsers/IDT_logo_trans.png" width="300">
                                   </a>
       </div>
   <script type="text/javascript" src="js/empty.js"></script>

</body>