Line 1: | Line 1: | ||
− | + | {{SMMU-China}} | |
− | + | <html> | |
− | + | ||
− | + | ||
− | + | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_main&action=raw&ctype=text/css" /> | |
− | . | + | <!--<link rel="stylesheet" href="main.css" />--> |
− | . | + | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_team&action=raw&ctype=text/css" /> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | + | ||
− | . | + | |
− | . | + | |
− | + | ||
− | / | + | |
− | / | + | <style type="text/css"> |
− | + | ||
− | + | </style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | / | + | <div class="big_framework"> |
− | . | + | <div class="index-nav"> |
− | + | <div class="index-nav-frame clearfix"> | |
− | . | + | <div class="nav-line"> |
− | . | + | <div class="index-nav-frame-logo-mobile"> |
− | . | + | <img src="https://static.igem.org/mediawiki/2019/a/a5/T--SMMU-China--xiaotian_logo.png" alt="XiaoTian"> |
− | . | + | </div> |
− | . | + | </div> |
− | / | + | <div class="nav-small" tabindex="-1"> |
+ | <div class="nav-small-focus" tabindex="-1"> | ||
+ | |||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/7/70/T--SMMU-China--header_icon.png"/> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-logo"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/a/a5/T--SMMU-China--xiaotian_logo.png" alt="XiaoTian"> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line first-one" tabindex="-1"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China">Home</a> | ||
+ | <div class="index-nav-frame-line-center need-to-be-hidden"> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China">Home</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-focus" tabindex="-1"></div> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line" tabindex="-1"> | ||
+ | PROJECT | ||
+ | <div class="index-nav-frame-line-center"> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Description">Description</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Design">Design</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Experiments">Experiments</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Notebook">Notebook</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Contribution">Contribution</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Results">Results</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Demonstrate">Demonstrate</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Improve">Improve</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Attributions">Attributions</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-focus" tabindex="-1"></div> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line active" tabindex="-1"> | ||
+ | PARTS | ||
+ | <div class="index-nav-frame-line-center"> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Parts">Parts Overview</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Basic_Part">Basic Parts</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Composite_Part">Composite Parts</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Part_Collection">Part Collection</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-focus" tabindex="-1"></div> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line" tabindex="-1"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Safety">Safety</a> | ||
+ | <div class="index-nav-frame-line-center need-to-be-hidden"> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Safety">Safety</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-focus" tabindex="-1"></div> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line HP-button" tabindex="-1"> | ||
+ | HUMAN PRACTICES | ||
+ | <div class="index-nav-frame-line-center"> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Human_Practices">Human Practices</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Public_Engagement">Education & Engagement</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-focus" tabindex="-1"></div> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line" tabindex="-1"> | ||
+ | AWARDS | ||
+ | <div class="index-nav-frame-line-center"> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Model">Model</a> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-li"> | ||
+ | <a href="https://2019.igem.org/Team:SMMU-China/Software">Software</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="index-nav-frame-line-focus" tabindex="-1"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="blank_framework"></div> | ||
− | + | <div class="page_banner"> | |
− | + | <img src="https://static.igem.org/mediawiki/2019/8/82/T--SMMU-China--page_banner_default.jpg" alt="page_banner_default"> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | + | ||
− | / | + | |
− | + | <div class="page_big_title_box"> | |
− | . | + | <div class="page_big_title">Team</div> |
− | + | <div class="page_big_subtitle">This is a descriptive paragraph.</div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="medium_framework"> | |
− | .effect- | + | <div class="container"> |
− | + | <!-- Team members structure start --> | |
− | + | <div class="team-members row"> | |
− | + | <!-- effect-1 html --> | |
− | .effect-5 .member-info | + | <div class="single-member effect-1"> |
− | + | <div class="member-image"> | |
− | + | <img src="images/member_140x145.jpg" alt="Member"> | |
− | / | + | </div> |
+ | <div class="member-info"> | ||
+ | <h3>Sophia</h3> | ||
+ | <h5>ShowGilr</h5> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> | ||
+ | <div class="social-touch"> | ||
+ | <a class="fb-touch" href="#"></a> | ||
+ | <a class="tweet-touch" href="#"></a> | ||
+ | <a class="linkedin-touch" href="#"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- effect-1 html end --> | ||
+ | |||
+ | <!-- effect-2 html --> | ||
+ | <div class="single-member effect-2"> | ||
+ | <div class="member-image"> | ||
+ | <img src="images/member_270x210.jpg" alt="Member"> | ||
+ | </div> | ||
+ | <div class="member-info"> | ||
+ | <h3>Sophia</h3> | ||
+ | <h5>ShowGilr</h5> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> | ||
+ | <div class="social-touch"> | ||
+ | <a class="fb-touch" href="#"></a> | ||
+ | <a class="tweet-touch" href="#"></a> | ||
+ | <a class="linkedin-touch" href="#"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- effect-2 html end --> | ||
+ | |||
+ | <!-- effect-3 html --> | ||
+ | <div class="single-member effect-3"> | ||
+ | <div class="member-image"> | ||
+ | <img src="images/member_270x210.jpg" alt="Member"> | ||
+ | </div> | ||
+ | <div class="member-info"> | ||
+ | <h3>Sophia</h3> | ||
+ | <h5>ShowGilr</h5> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> | ||
+ | <div class="social-touch"> | ||
+ | <a class="fb-touch" href="#"></a> | ||
+ | <a class="tweet-touch" href="#"></a> | ||
+ | <a class="linkedin-touch" href="#"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- effect-3 html end --> | ||
+ | |||
+ | <!-- effect-4 html --> | ||
+ | <div class="single-member effect-4"> | ||
+ | <div class="member-info"> | ||
+ | <h3>Sophia</h3> | ||
+ | <h5>ShowGilr</h5> | ||
+ | </div> | ||
+ | <div class="member-image"> | ||
+ | <img src="images/member_270x210.jpg" alt="Member"> | ||
+ | </div> | ||
+ | <div class="more-info"> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.</p> | ||
+ | <div class="social-touch icon-colored"> | ||
+ | <a class="fb-touch" href="#"></a> | ||
+ | <a class="tweet-touch" href="#"></a> | ||
+ | <a class="linkedin-touch" href="#"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- effect-4 html end --> | ||
+ | |||
+ | <!-- effect-5 html --> | ||
+ | <div class="single-member effect-5"> | ||
+ | <div class="member-image"> | ||
+ | <img src="images/member_270x210.jpg" alt="Member"> | ||
+ | </div> | ||
+ | <div class="member-info"> | ||
+ | <h3>Sophia</h3> | ||
+ | <h5>ShowGilr</h5> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> | ||
+ | <div class="social-touch icon-colored"> | ||
+ | <a class="fb-touch" href="#"></a> | ||
+ | <a class="tweet-touch" href="#"></a> | ||
+ | <a class="linkedin-touch" href="#"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- effect-5 html end --> | ||
+ | |||
+ | <!-- effect-6 html --> | ||
+ | <div class="single-member effect-6"> | ||
+ | <div class="member-image"> | ||
+ | <img src="images/member_270x210.jpg" alt="Member"> | ||
+ | </div> | ||
+ | <div class="member-info"> | ||
+ | <h3>Sophia</h3> | ||
+ | <h5>ShowGilr</h5> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> | ||
+ | <div class="social-touch icon-colored"> | ||
+ | <a class="fb-touch" href="#"></a> | ||
+ | <a class="tweet-touch" href="#"></a> | ||
+ | <a class="linkedin-touch" href="#"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="border-green"></div> | ||
+ | </div> | ||
+ | <!-- effect-6 html end --> | ||
+ | |||
+ | <!-- effect-7 html --> | ||
+ | <div class="single-member effect-7"> | ||
+ | <div class="member-info"> | ||
+ | <h3>Sophia</h3> | ||
+ | <h5>ShowGilr</h5> | ||
+ | </div> | ||
+ | <div class="member-image"> | ||
+ | <img src="images/member_270x210.jpg" alt="Member"> | ||
+ | </div> | ||
+ | <div class="more-info"> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.</p> | ||
+ | <div class="social-touch icon-colored"> | ||
+ | <a class="fb-touch" href="#"></a> | ||
+ | <a class="tweet-touch" href="#"></a> | ||
+ | <a class="linkedin-touch" href="#"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- effect-7 html end --> | ||
+ | |||
+ | <!-- effect-8 html --> | ||
+ | <div class="single-member effect-8"> | ||
+ | <div class="member-info"> | ||
+ | <h3>Sophia</h3> | ||
+ | <h5>ShowGilr</h5> | ||
+ | </div> | ||
+ | <div class="member-image"> | ||
+ | <img src="images/member_270x210.jpg" alt="Member"> | ||
+ | </div> | ||
+ | <div class="more-info"> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet.</p> | ||
+ | <div class="social-touch icon-colored"> | ||
+ | <a class="fb-touch" href="#"></a> | ||
+ | <a class="tweet-touch" href="#"></a> | ||
+ | <a class="linkedin-touch" href="#"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- effect-8 html end --> | ||
+ | |||
+ | <!-- effect-9 html --> | ||
+ | <div class="single-member effect-9"> | ||
+ | <div class="member-info"> | ||
+ | <h3>Sophia</h3> | ||
+ | <h5>ShowGilr</h5> | ||
+ | </div> | ||
+ | <div class="member-image"> | ||
+ | <img src="images/member_270x210.jpg" alt="Member"> | ||
+ | </div> | ||
+ | <div class="more-info"> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.</p> | ||
+ | <div class="social-touch icon-colored"> | ||
+ | <a class="fb-touch" href="#"></a> | ||
+ | <a class="tweet-touch" href="#"></a> | ||
+ | <a class="linkedin-touch" href="#"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- effect-9 html end --> | ||
+ | </div> | ||
+ | <!-- Team members structure start --> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="footer"> | |
− | + | <div class="footer_left"> | |
− | . | + | <div class="footer_title">Contact Us</div> |
− | + | <div class="footer_text"> | |
− | + | E-Mail: igem-smmu@smmu.edu.cn<br> | |
− | + | Phone: +86 021-81870925 | |
− | . | + | </div> |
− | / | + | </div> |
+ | <div class="footer_right"> | ||
+ | <div class="footer_title"></div> | ||
+ | <div class="footer_text"> | ||
+ | © 2019. SMMU. All rights reserved. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | / | + | </div> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <script src="https://2019.igem.org/Template:SMMU-China/JS_material_cards_min?action=raw&ctype=text/javascript"></script> | |
− | . | + | <script src="https://2019.igem.org/Template:SMMU-China/JS_team_jquery_min?action=raw&ctype=text/javascript" type="text/javascript"></script> |
− | + | <script> | |
− | . | + | $(function() { |
− | . | + | $('.material-card').materialCard({ |
− | . | + | icon_close: 'fa-chevron-left', |
− | . | + | icon_open: 'fa-thumbs-o-up', |
− | / | + | icon_spin: 'fa-spin-fast', |
+ | card_activator: 'click' | ||
+ | }); | ||
+ | // $('.active-with-click .material-card').materialCard(); | ||
+ | window.setTimeout(function() { | ||
+ | $('.material-card:eq(1)').materialCard('open'); | ||
+ | }, 2000); | ||
+ | $('.material-card').on('shown.material-card show.material-card hide.material-card hidden.material-card', function (event) { | ||
+ | console.log(event.type, event.namespace, $(this)); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
− | / | + | </html> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + |
Revision as of 05:02, 9 September 2019
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.