|
|
Line 1: |
Line 1: |
| + | <!doctype html> |
| <html lang="zh-CN"> | | <html lang="zh-CN"> |
| <head> | | <head> |
− | <title>Section Sample</title> | + | <title>SHSBNU-China iGEM 2018 Home Page</title> |
| + | <link id="mpCSS" rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:SHSBNU_China/mpcss?action=raw&ctype=text/css" /> |
| + | <script src="https://2018.igem.org/Team:SHSBNU_China/mpjs?action=raw&ctype=text/javascript" type="text/javascript"></script> |
| </head> | | </head> |
| | | |
| <body> | | <body> |
− | <link id="Sec_CSS" rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:SHSBNU_China/Sample_css?action=raw&ctype=text/css" />
| + | <section id="mp_section"> |
− | <script src="https://2018.igem.org/Template:SHSBNU_China/Sample_js?action=raw&ctype=text/javascript" type="text/javascript"></script>
| + | <header id="mp_header" data-ratio="8:1"> |
− | <div id="main_main">
| + | <a class="mp_piclink" href="https://2018.igem.org/Team:SHSBNU_China"> |
− | <section id="main"> | + | <img id="pic_header" src="https://static.igem.org/mediawiki/2018/2/23/T--SHSBNU_China--Title.jpeg"> |
− | <header id="page_header"> | + | </a> |
− | <div id="header_classification">
| + | </header> |
− | <div id="home_button">
| + | |
− | <a style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China">
| + | |
− | <img style="height:100%; width:100%;" src="https://static.igem.org/mediawiki/2018/4/48/T--SHSBNU_China--Home_Button.png"/>
| + | |
− | </a>
| + | |
− | </div>
| + | |
| | | |
− | <div style="height:5vw;" class="first_classfication" onmouseover="fcova()" onmouseout="fcoua()" id="fc_Project"><!--Project-->
| + | <nav id="mp_nav" data-ratio="2:1"> |
− | <div class="fc_box">
| + | <div class="mp_category" id="mp_A"> |
− | <a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Project">
| + | <a class="mp_piclink" href="https://2018.igem.org/Team:SHSBNU_China/Project"> |
− | <h4 class="fc_content">Project</h4>
| + | <img class="picture" id="pic_A" src="A.jpg" onmouseover="changing_A()" onmouseout="changing_A1()"> |
− | </a>
| + | </a> |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div style="height:5vw;" class="first_classfication" onmouseover="fcovb()" onmouseout="fcoub()" id="fc_Experiment"><!--Experiment-->
| + | |
− | <div class="fc_box">
| + | |
− | <a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Experiments">
| + | |
− | <h4 class="fc_content">Experiment</h4>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | </div> | + | |
− |
| + | |
− | <div style="height:5vw;" class="first_classfication" onmouseover="fcovc()" onmouseout="fcouc()" id="fc_Model"><!--Model-->
| + | |
− | <div class="fc_box">
| + | |
− | <a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Model">
| + | |
− | <h4 class="fc_content">Model</h4>
| + | |
− | </a>
| + | |
− | </div> | + | |
− | </div>
| + | |
− |
| + | |
− | <div style="height:5vw;" class="first_classfication" onmouseover="fcovd()" onmouseout="fcoud()" id="fc_Human Practice"><!--Human Practice-->
| + | |
− | <div class="fc_box">
| + | |
− | <a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Human Practices">
| + | |
− | <h4 class="fc_content">Human Practice</h4>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div style="height:5vw;" class="first_classfication" onmouseover="fcove()" onmouseout="fcoue()" id="fc_Demonstrate"><!--Demonstrate-->
| + | |
− | <div class="fc_box">
| + | |
− | <a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Demonstrate">
| + | |
− | <h4 class="fc_content">Demonstrate</h4>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | </div> | + | |
− |
| + | |
− | <div style="height:5vw;" class="first_classfication" onmouseover="fcovf()" onmouseout="fcouf()" id="fc_Safety"><!--Safety-->
| + | |
− | <div class="fc_box">
| + | |
− | <a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Safety">
| + | |
− | <h4 class="fc_content">Safety</h4>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div style="height:5vw;" class="first_classfication" onmouseover="fcovg()" onmouseout="fcoug()" id="fc_Attribution"><!--Attribution-->
| + | |
− | <div class="fc_box">
| + | |
− | <a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Attributions">
| + | |
− | <h4 class="fc_content">Attribution</h4>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div style="height:5vw; padding: 0vw; align-self: center; vertical-align: middle; display: table; line-height: 3vw;" class="first_classfication" onmouseover="fcovh()" onmouseout="fcouh()" id="fc_Team"><!--Team-->
| + | |
− | <div style="height: 2.8vw; display: table-cell; vertical-align: middle">
| + | |
− | <a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Team">
| + | |
− | <h4 style="padding-right: 0.30vw">Team</h4>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− | | + | <div class="mp_category" id="mp_B"> |
− | <div id="header_title"> | + | <a class="mp_piclink" href="https://2018.igem.org/Team:SHSBNU_China/Experiment"> |
− | <a href="https://2018.igem.org/Team:SHSBNU_China">
| + | <img class="picture" id="pic_B" src="B.jpg" href="" onmouseover="changing_B()" onmouseout="changing_B1()"> |
− | <img id="title_pic" src="https://static.igem.org/mediawiki/2018/2/23/T--SHSBNU_China--Title.jpeg"/>
| + | </a> |
− | </a>
| + | |
| </div> | | </div> |
− | </header>
| + | <div class="mp_category" id="mp_C"> |
− | | + | <a class="mp_piclink" href="https://2018.igem.org/Team:SHSBNU_China/Model"> |
− | <div id="menu">
| + | <img class="picture" id="pic_C" src="C.jpg" href="" onmouseover="changing_C()" onmouseout="changing_C1()"> |
− | <p style="font-family: Serif;font-size: 3.5vw; font-weight: bold;text-align: center;margin: 0.5vw 0vw 0.5vw 0vw">Sample</p>
| + | </a> |
− | <div class="second_classfication">
| + | |
− | <a class="snd_class" href="">SHSBNU_China</a>
| + | |
| </div> | | </div> |
− | <div class="third_classfication"> | + | <div class="mp_category" id="mp_D"> |
− | <a class="trd_class" href="">classfication</a> | + | <a class="mp_piclink" href="https://2018.igem.org/Team:SHSBNU_China/Human Practices"> |
| + | <img class="picture" id="pic_D" src="D.jpg" href="" onmouseover="changing_D()" onmouseout="changing_D1()"> |
| </div> | | </div> |
− | | + | <div class="mp_category" id="mp_E"> |
− | <div class="second_classfication"> | + | <a class="mp_piclink" href="https://2018.igem.org/Team:SHSBNU_China/Demonstrate"> |
− | <a class="snd_class" href="">SHSBNU_China</a> | + | <img class="picture" id="pic_E" src="E.jpg" href="" onmouseover="changing_E()" onmouseout="changing_E1()"> |
| + | </a> |
| </div> | | </div> |
− | <div class="third_classfication"> | + | <div class="mp_category" id="mp_F"> |
− | <a class="trd_class" href="">classfication</a> | + | <a class="mp_piclink" href="https://2018.igem.org/Team:SHSBNU_China/Safety"> |
| + | <img class="picture" id="pic_F" src="F.jpg" href="" onmouseover="changing_F()" onmouseout="changing_F1()"> |
| + | </a> |
| </div> | | </div> |
− | </div>
| + | <div class="mp_category" id="mp_G"> |
− | | + | <a class="mp_piclink" href="https://2018.igem.org/Team:SHSBNU_China/Attributions"> |
− | <div id="articles">
| + | <img class="picture" id="pic_G" src="G.jpg" href="" onmouseover="changing_G()" onmouseout="changing_G1()"> |
− | <div id="sec_title">
| + | </a> |
− | <h1>Sample</h1> | + | |
| </div> | | </div> |
| + | <div class="mp_category" id="mp_H"> |
| + | <a class="mp_piclink" href="https://2018.igem.org/Team:SHSBNU_China/Team"> |
| + | <img class="picture" id="pic_H" src="H.jpg" href="" onmouseover="changing_H()" onmouseout="changing_H1()"> |
| + | </a> |
| + | </div> |
| + | </nav> |
| | | |
− | <div id="sec_content">
| + | <!-- |
− | <h2>I. Sample</h2>
| + | <div id="mp_abstract"> |
− | <h3>a. Sample</h3>
| + | |
− | <div class="content">
| + | |
− | <div style="float:left" class="content_pic_left">
| + | |
− | <img class="pictures" id = "" src=""/>
| + | |
− | <p class="pic_text">This is a Picture. This is a Picture. This is a Picture. This is a Picture.</p>
| + | |
− | </div>
| + | |
− | <p class="text">
| + | |
− | This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture.
| + | |
− | </p>
| + | |
− | <div style="float:" class="content_pic_right">
| + | |
− | <img class="pictures" id = "" src=""/>
| + | |
− | <p class="pic_text">This is a Picture. This is a Picture. This is a Picture. This is a Picture.</p>
| + | |
− | </div>
| + | |
− | <p class="text">
| + | |
− | This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div> | + | |
− | <div id=footer>
| + | |
− | <div style="display:table-cell;vertical-align:middle;">
| + | |
− | <p style="font-size:1vw;font-family:'Times New Roman';font-style:italic;color:#666666">SHSBNU_China 2018, Created by AzirQuantum</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
| + | --> |
| + | <footer> |
| + | |
| + | </footer> |
| </section> | | </section> |
− | </div>
| |
| </body> | | </body> |
| + | </html> |