(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{TokyoTech}} | + | {{TokyoTech/css/reset}} |
+ | {{TokyoTech/css/main}} | ||
+ | <!DOCTYPE html> | ||
<html> | <html> | ||
+ | <head> | ||
+ | <title>Coli Sapiens</title> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <link rel="stylesheet" href="main.css"> | ||
+ | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins"> | ||
+ | <style> | ||
+ | body,h1,h2,h3,h4,h5 {font-family: "Poppins", sans-serif} | ||
+ | body {font-size:16px;} | ||
+ | .w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer} | ||
+ | .w3-half img:hover{opacity:1} | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
− | < | + | <!-- Sidebar/menu --> |
− | < | + | <nav class="w3-sidebar w3-red w3-collapse w3-top w3-large w3-padding" style="z-index:3;width:300px;font-weight:bold;" id="mySidebar"><br> |
− | < | + | <a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:22px">Close Menu</a> |
− | < | + | <div class="w3-container"> |
− | </div> | + | <img src="https://static.igem.org/mediawiki/2017/5/57/T--TokyoTech--logo2.png" style="width: 100%"> |
+ | </div> | ||
+ | <div class="w3-bar-block" style="padding-top: 15px"> | ||
+ | <ul id="normal" class="dropmenu"> | ||
+ | <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Home</a> | ||
+ | <ul> | ||
+ | <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">1</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <a href="#project" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Project</a> | ||
+ | <a href="#modeling" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Modeling</a> | ||
+ | <a href="#hp" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Human Practices</a> | ||
+ | <a href="#notebook" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Notebook</a> | ||
+ | <a href="#team" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Team</a> | ||
+ | <a href="#sponsers" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Sponsers</a> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <!-- Top menu on small screens --> | ||
+ | <header class="w3-container w3-top w3-hide-large w3-red w3-xlarge w3-padding"> | ||
+ | <a href="javascript:void(0)" class="w3-button w3-red w3-margin-right" onclick="w3_open()"><img src="http://www.adultb2b.biz/wp-content/themes/adultb2b%20-%20new/assets/images/menuBtn.png" style="width: 30px"></a> | ||
+ | <span style="padding-top: 5px">iGEM Tokyo Tech</span> | ||
+ | </header> | ||
+ | <!-- Overlay effect when opening sidebar on small screens --> | ||
+ | <div class="w3-overlay w3-hide-large" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div> | ||
+ | <div class="w3-main" style="margin-left:340px;margin-right:40px"> | ||
+ | <div class="w3-container" id="contact" style="margin-top:30px"> | ||
+ | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px" align="center">Collaborations</h1> | ||
+ | </div> | ||
+ | <hr> | ||
− | <div class=" | + | <div class="w3-container" id="contact" style="margin-top:30px"> |
+ | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><span>Contents</span></h1> | ||
+ | <h3 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><a href="#foreign">1. Meetup with foreign iGEM teams</a></h3> | ||
+ | <h3 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><a href="#ionis">2. Technical collaboration with IONIS-Paris</a></h3> | ||
+ | <h3 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><a href="#bu">3. Meetup at Boston University</a></h3> | ||
+ | </div> | ||
− | < | + | <hr> |
− | + | ||
− | < | + | <div class="w3-container" id="foreign" style="margin-top:30px"> |
− | + | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"> | |
− | </p> | + | <b> |
+ | 1. Meetup with foreign iGEM teams | ||
+ | </b><!-- title -->] | ||
+ | </h1> | ||
+ | <hr style="width:50px;border:5px solid red" class="w3-round"> | ||
+ | <p style="font-family: Poppins;font-size: 16px"> | ||
− | + | </p><!-- content --> | |
− | + | </div> | |
− | + | ||
− | </ | + | |
− | <div class=" | + | <div class="w3-container" id="ionis" style="margin-top:30px"> |
+ | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"> | ||
+ | <b> | ||
+ | 2. Technical collaboration with IONIS-Paris | ||
+ | </b><!-- title -->] | ||
+ | </h1> | ||
+ | <hr style="width:50px;border:5px solid red" class="w3-round"> | ||
+ | <p style="font-family: Poppins;font-size: 16px"> | ||
+ | |||
+ | </p><!-- content --> | ||
+ | </div> | ||
− | < | + | <div class="w3-container" id="bu" style="margin-top:30px"> |
− | < | + | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"> |
− | + | <b> | |
− | </ | + | 3. Meetup at Boston University |
− | + | </b><!-- title -->] | |
− | < | + | </h1> |
− | + | <hr style="width:50px;border:5px solid red" class="w3-round"> | |
− | </ | + | <p style="font-family: Poppins;font-size: 16px"> |
− | + | On October 26th, our team is going to host a meetup in Boston University. We are looking forward to sharing ideas with other iGEM teams. Each team will have the opportunity to present their projects and exchange their ideas in detail with other iGEM teams and faculty advisors right before the Giant Jamboree. | |
− | < | + | </p><!-- content --> |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | <p> | + | |
− | + | ||
− | </p> | + | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
+ | </div><!-- end --> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 03:50, 21 October 2017
<!DOCTYPE html>
Collaborations
Contents
1. Meetup with foreign iGEM teams
2. Technical collaboration with IONIS-Paris
3. Meetup at Boston University
1. Meetup with foreign iGEM teams ]
2. Technical collaboration with IONIS-Paris ]
3. Meetup at Boston University ]
On October 26th, our team is going to host a meetup in Boston University. We are looking forward to sharing ideas with other iGEM teams. Each team will have the opportunity to present their projects and exchange their ideas in detail with other iGEM teams and faculty advisors right before the Giant Jamboree.