Difference between revisions of "Team:TokyoTech/Sponsors"

Line 1: Line 1:
 
{{TokyoTech/css/reset}}
 
{{TokyoTech/css/reset}}
 +
{{TokyoTech/css/main}}
 +
<!DOCTYPE html>
 +
<html>
 +
<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>
 +
<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>
 +
 +
<!-- PAGE CONTENT! -->
 +
<div class="w3-main" style="margin-left:340px;margin-right:40px">
 +
 +
 +
 +
  <!-- Sponsers -->
 +
  <div class="w3-container" id="sponsers" style="margin-top:75px;">
 +
    <h1 class="w3-xxxlarge w3-text-red" style="padding-top: 10px;padding-bottom: 10px"><b>Sponsers</b></h1>
 +
    <hr style="width:50px;border:5px solid red" class="w3-round">
 +
  </div>
 +
 +
  <div class="w3-row-padding">
 +
    {{TokyoTech/css/reset}}
 
{{TokyoTech/css/main}}
 
{{TokyoTech/css/main}}
 
<!DOCTYPE html>
 
<!DOCTYPE html>
Line 84: Line 145:
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 +
 +
    <hr>
 +
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2016/4/47/Tokyo_Tech_JASSO.gif" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>JASSO</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="http://kuramae-old.tokyo.r-cms.jp/files/user/common/p_images/head_logo.gif" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Kuramae Kougyoukai</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="http://www.vmcs.ucdavis.edu/idt/images/idt-logo.jpg" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>IDT</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
<!-- End page content -->
 +
</div>
 +
 +
<!-- W3.CSS Container -->
 +
<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>
 +
 
   </div>
 
   </div>
 +
 +
<hr>
 +
 +
  
 
<!-- End page content -->
 
<!-- End page content -->

Revision as of 06:29, 21 October 2017

<!DOCTYPE html> Coli Sapiens

iGEM Tokyo Tech

Sponsers

{{TokyoTech/css/reset}} {{TokyoTech/css/main}} Coli Sapiens
iGEM Tokyo Tech

Sponsers

JASSO

Kuramae Kougyoukai

IDT

JASSO

Kuramae Kougyoukai

IDT

Hajime Fujita: All Rights Reserved

 </div>


</div>

Hajime Fujita: <a href="96haji.me" title="W3.CSS" target="_blank" class="w3-hover-opacity">All Rights Reserved</a>

<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>