Difference between revisions of "Team:TokyoTech/AHK4 Assay"

(Created page with "{{TokyoTech/css/reset}} {{TokyoTech/css/main}} <!DOCTYPE html> <html> <head> <title>Coli Sapiens</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid...")
 
(Blanked the page)
 
Line 1: Line 1:
{{TokyoTech/css/reset}}
 
{{TokyoTech/css/main}}
 
<!DOCTYPE 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">
 
    <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">AHK4 Assay</h1>
 
</div>
 
 
<hr>
 
 
<div class="w3-container" id="overview" style="margin-top:20px"><!-- この箱の中にテキストや画像をまとめる -->
 
    <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Overview</b></h1><!-- 小見出し -->
 
    <hr style="width:50px;border:5px solid red" class="w3-round">
 
    <p style="font-family: Poppins;font-size: 16px">概要をここに
 
    </p>
 
  </div>
 
 
<hr>
 
 
<div class="w3-container" id="results" style="margin-top:20px">
 
    <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Results</b></h1><!-- 小見出し -->
 
    <hr style="width:50px;border:5px solid red" class="w3-round">
 
    <p style="font-family: Poppins;font-size: 16px">文章
 
    </p>
 
    <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center">
 
    <figure>
 
    <img src="https://static.igem.org/mediawiki/2017/c/c6/T--TokyoTech--modeling_result_1021.png" style="max-width:50%">
 
    <figcaption style="font-family: Poppins;font-size: 16px">Fig. 画像タイトル</figcaption>
 
    </figure>
 
    </div>
 
 
    <p style="font-family: Poppins;font-size: 16px">文章
 
    </p>
 
 
    <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center">
 
    <figure>
 
    <img src="https://static.igem.org/mediawiki/2017/c/c6/T--TokyoTech--modeling_result_1021.png" style="max-width:50%">
 
    <figcaption style="font-family: Poppins;font-size: 16px">Fig. 画像タイトル</figcaption>
 
    </figure>
 
    </div>
 
  </div>
 
 
<hr>
 
 
<div class="w3-container" id="results" style="margin-top:20px">
 
    <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Discussion</b></h1>
 
    <hr style="width:50px;border:5px solid red" class="w3-round">
 
    <p style="font-family: Poppins;font-size: 16px">考察
 
    </p>
 
 
</div>
 
 
<hr>
 
 
<div class="w3-container" id="results" style="margin-top:20px">
 
    <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Reference</b></h1>
 
    <hr style="width:50px;border:5px solid red" class="w3-round">
 
    <p style="font-family: Poppins;font-size: 16px">参考文献
 
    </p>
 
 
</div>
 
 
</div><!-- ここまでが編集可能範囲 -->
 
 
<div class="w3-light-grey w3-container w3-padding-32" style="margin-top:75px;padding-right:58px"><p class="w3-right">Hajime Fujita:  <a href="96haji.me" title="W3.CSS" target="_blank" class="w3-hover-opacity">All Rights Reserved</a></p></div>
 
 
<script>
 
// Script to open and close sidebar
 
function w3_open() {
 
    document.getElementById("mySidebar").style.display = "block";
 
    document.getElementById("myOverlay").style.display = "block";
 
}
 
 
function w3_close() {
 
    document.getElementById("mySidebar").style.display = "none";
 
    document.getElementById("myOverlay").style.display = "none";
 
}
 
 
// Modal Image Gallery
 
function onClick(element) {
 
  document.getElementById("img01").src = element.src;
 
  document.getElementById("modal01").style.display = "block";
 
  var captionText = document.getElementById("caption");
 
  captionText.innerHTML = element.alt;
 
}
 
</script>
 
</body>
 
</html>
 

Latest revision as of 04:49, 22 October 2017