Difference between revisions of "Team:NJU-China/Results"

(Prototype team page)
 
Line 1: Line 1:
−
{{NJU-China}}
 
 
<html>
 
<html>
  
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
 +
    <!--Import materialize.css-->
 +
    <link rel="stylesheet" href="https://2016.igem.org/Team:NJU-China/mdlib/ghpages?action=raw&amp;ctype=text/css" media="screen,projection">
 +
    <!--Import Google Icon Font-->
 +
    <link href="https://2016.igem.org/Team:NJU-China/mdlib/mdiconcss?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
    <link href="https://2016.igem.org/Team:NJU-China/mdlib/customedcss?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
</head>
  
−
<div class="column full_size" >
+
<body>
−
 
+
    <header>
−
<p>Here you can describe the results of your project and your future plans. </p>
+
        <nav class="top-nav">
−
 
+
            <div class="container">
−
<h5>What should this page contain?</h5>
+
                <div class="nav-wrapper"><a class="page-title">Results</a></div>
−
<ul>
+
            </div>
−
<li> Clearly and objectively describe the results of your work.</li>
+
        </nav>
−
<li> Future plans for the project </li>
+
        <div class="container">
−
<li> Considerations for replicating the experiments </li>
+
            <a href="#" data-activates="nav-mobile" class="button-collapse top-nav full hide-on-large-only"> <i class="material-icons">menu</i> </a>
−
</ul>
+
        </div>
−
 
+
        <ul id="nav-mobile" class="side-nav fixed">
−
</div>
+
            <li class="logo">
−
 
+
                <img class="background responsive-img" src="https://static.igem.org/mediawiki/2016/c/c8/NJU_China_2016_iGEM_logo.png" alt="NJU-China LOGO"> </li>
−
<div class="column half_size" >
+
            <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Background" class="waves-effect waves-teal">Background</a></li>
−
 
+
            <li class="bold no-padding">
−
 
+
                <ul class="collapsible collapsible-accordion">
−
<h5> Project Achievements </h5>
+
                    <li class="bold"> <a class="collapsible-header waves-effect waves-teal">Project Design</a>
−
 
+
                        <div class="collapsible-body">
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
                            <ul>
−
 
+
                                <li><a href="https://2016.igem.org/Team:NJU-China/Project_Design#RNAi_Module">RNAi Module</a></li>
−
<ul>
+
                                <li><a href="https://2016.igem.org/Team:NJU-China/Project_Design#Target_Module">Target Module</a></li>
−
<li>A list of linked bullet points of the successful results during your project</li>
+
                                <li><a href="https://2016.igem.org/Team:NJU-China/Project_Design#Assembly">Assembly</a></li>
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
                            </ul>
−
</ul>
+
                        </div>
−
 
+
                    </li>
−
</div>
+
                </ul>
−
 
+
            </li>
−
 
+
            <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Modeling" class="waves-effect waves-teal">Modeling</a></li>
−
<div class="column half_size" >
+
            <li class="bold no-padding">
−
 
+
                <ul class="collapsible collapsible-accordion">
−
<h5>Inspiration</h5>
+
                    <li class="bold"> <a class="collapsible-header waves-effect waves-teal">Results</a>
−
<p>See how other teams presented their results.</p>
+
                        <div class="collapsible-body">
−
<ul>
+
                            <ul>
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
                                <li><a href="https://2016.igem.org/Team:NJU-China/Results#in_vitro">in vitro</a></li>
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
                                <li><a href="https://2016.igem.org/Team:NJU-China/Results#in_vivo">in vivo</a></li>
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
                                <li><a href="https://2016.igem.org/Team:NJU-China/Results#Conclusions">Conclusions</a></li>
−
</ul>
+
                            </ul>
−
 
+
                        </div>
−
</div>
+
                    </li>
−
 
+
                </ul>
−
 
+
            </li>
 +
            <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Human_Practices" class="waves-effect waves-teal">Human Practices</a></li>
 +
            <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Team" class="waves-effect waves-teal">Team</a></li>
 +
            <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Attributions" class="waves-effect waves-teal">Attributions</a></li>
 +
            <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Collaborations" class="waves-effect waves-teal">Collaborations</a></li>
 +
            <li class="bold no-padding">
 +
                <ul class="collapsible collapsible-accordion">
 +
                    <li class="bold"> <a class="collapsible-header waves-effect waves-teal">Notebook</a>
 +
                        <div class="collapsible-body">
 +
                            <ul>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Notebook#Calendar">Calendar</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Notebook#Methods">Methods</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Notebook#Protocol">Protocol</a></li>
 +
                            </ul>
 +
                        </div>
 +
                    </li>
 +
                </ul>
 +
            </li>
 +
        </ul>
 +
    </header>
 +
    <!-- Begin page content -->
 +
    <main class="z-depth-1">
 +
        <div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
 +
            <a class="btn-floating btn-large red">
 +
                <i class="large material-icons">add</i>
 +
            </a>
 +
            <ul>
 +
                <li onclick="$('html, body').animate({ scrollTop: 0 }, 'slow');"><a class="btn-floating green tooltipped" data-position="left" data-delay="50" data-tooltip="Scroll to Top"><i class="material-icons">vertical_align_top</i></a></li>
 +
                <li onclick="$('html, body').animate({scrollTop: $('html').height()-$(window).height()}, 'slow')"><a class="btn-floating yellow darken-2 tooltipped" data-position="left" data-delay="50" data-tooltip="Scroll to Bottom"><i class="material-icons">vertical_align_bottom</i></a></li>
 +
                <li onclick="$(this).parent().parent().hide('slow')"><a class="btn-floating purple darken-3"><i class="close material-icons tooltipped" data-position="left" data-delay="50" data-tooltip="Hide FAB">close</i></a></li>
 +
                <li><a class="btn-floating blue button-collapse hide-on-large-only tooltipped" data-position="left" data-delay="50" data-tooltip="Show Navigation" data-activates="nav-mobile"><i class="material-icons">menu</i></a></li>
 +
            </ul>
 +
        </div>
 +
        <div class="container">
 +
            <div class="divider"></div>
 +
            <div class="section">
 +
                <p>Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg</p>
 +
                <p>Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz.</p>
 +
            </div>
 +
            <div class="divider"></div>
 +
            <div class="row">
 +
                <div class="col s12">
 +
                    <ul class="tabs z-depth-1">
 +
                        <li class="tab col s4"><a class="active" href="#in_vivto">in vitro</a></li>
 +
                        <li class="tab col s4"><a href="#in_vivo">in vivo</a></li>
 +
                        <li class="tab col s4"><a href="#Conclusions">Conclusions</a></li>
 +
                    </ul>
 +
                </div>
 +
                <div id="in_vivto" class="col s12">
 +
                    <ul class="collapsible popout" data-collapsible="expandable">
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">filter_drama</i>First</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">place</i>Second</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
                <div id="in_vivo" class="col s12">
 +
                    <ul class="collapsible popout" data-collapsible="expandable">
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">filter_drama</i>First</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">place</i>Second</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
                <div id="Conclusions" class="col s12">
 +
                    <ul class="collapsible popout" data-collapsible="expandable">
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">filter_drama</i>First</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">place</i>Second</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </main>
 +
    <footer> </footer>
 +
    <!-- 理论上应用 2.1.4 版本的 jQuery，但是iGEM官方提供 1.11.1 -->
 +
    <!-- jQuery 2.1.4 -->
 +
    <!-- <script src="https://2016.igem.org/Team:NJU-China/mdlib/jquery214?action=raw&amp;ctype=text/javascript"></script> -->
 +
    <!-- 自己上传的jQuery 1.11.1 -->
 +
    <!-- <script src="https://2016.igem.org/Team:NJU-China/lib/jquery?action=raw&amp;ctype=text/javascript"></script> -->
 +
    <script src="https://2016.igem.org/Team:NJU-China/mdlib/mdjs?action=raw&amp;ctype=text/javascript"></script>
 +
    <script type="text/javascript">
 +
    // Initialize collapse button
 +
    $(".button-collapse").sideNav();
 +
    // Initialize collapsible (uncomment the line below if you use the dropdown variation)
 +
    $('.collapsible').collapsible();
 +
    </script>
 +
</body>
  
 
</html>
 
</html>

Revision as of 18:01, 12 October 2016

menu
add

Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg

Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz.

  • filter_dramaFirst

    Lorem ipsum dolor sit amet.

  • placeSecond

    Lorem ipsum dolor sit amet.

  • whatshotThird

    Lorem ipsum dolor sit amet.

  • filter_dramaFirst

    Lorem ipsum dolor sit amet.

  • placeSecond

    Lorem ipsum dolor sit amet.

  • whatshotThird

    Lorem ipsum dolor sit amet.

  • filter_dramaFirst

    Lorem ipsum dolor sit amet.

  • placeSecond

    Lorem ipsum dolor sit amet.

  • whatshotThird

    Lorem ipsum dolor sit amet.