Difference between revisions of "Team:TokyoTech/Sponsors"

 
(13 intermediate revisions by one other user not shown)
Line 7: Line 7:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<link rel="stylesheet" href="main.css">
 
<link rel="stylesheet" href="main.css">
−
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
 
 
<style>
 
<style>
−
body,h1,h2,h3,h4,h5 {font-family: "Poppins", sans-serif}
+
body,h1,h2,h3,h4,h5 {font-family: "Arial", sans-serif}
 
body {font-size:16px;}
 
body {font-size:16px;}
 
.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}
 
.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}
Line 15: Line 14:
 
</style>
 
</style>
 
<body>
 
<body>
 +
 +
<div id="loader-bg">
 +
  <div id="loader">
 +
    <div class="photo-show">
 +
    <img src="https://static.igem.org/mediawiki/2017/f/f4/T--TokyoTech--load_1.png" width="600">
 +
    <img src="https://static.igem.org/mediawiki/2017/4/43/T--TokyoTech--load_2.png" width="600">
 +
    </div>
 +
  </div>
 +
</div>
  
 
<!-- Sidebar/menu -->
 
<!-- 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>
 
<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>
+
   <a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:20px">Close Menu</a>
−
   <div class="w3-container">
+
   <div class="w3-container" style="margin-top: 20px;margin-bottom: 25px" id="wrap">
−
     <img src="https://static.igem.org/mediawiki/2017/5/57/T--TokyoTech--logo2.png" style="width: 100%">
+
     <img src="https://static.igem.org/mediawiki/2017/a/a8/T--TokyoTech--logo_white_bright_10211603.png" style="width: 100%">
 
   </div>
 
   </div>
−
   <div class="w3-bar-block" style="padding-top: 15px">
+
 
−
     <ul id="normal" class="dropmenu">
+
   <div style="padding-top: 15px; padding-left: 25px; id="wrap">
−
     <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Home</a>  
+
 
 +
  <div id="contents" style="z-index: 10">
 +
 
 +
    <ul class="click_menu_checkbox vertm_down">
 +
    <li style="margin-bottom: 10px; border: 5px double #fff; border-radius: 10px;">
 +
    <input type="checkbox" id="vmcb-a" />
 +
    <label for="vmcb-a"><a href="https://2017.igem.org/Team:TokyoTech">Home</a></label>
 +
    </li>
 +
    <li style="margin-bottom: 10px; border: 5px double #fff; border-radius: 10px">
 +
    <input type="checkbox" id="vmcb-b" />
 +
    <label for="vmcb-b"><a href="https://2017.igem.org/Team:TokyoTech/Medal">Achievements</a></label>
 +
    </li>
 +
    <li style="margin-bottom: 10px; border: 5px double #fff; border-radius: 10px">
 +
    <input type="checkbox" id="vmcb-c" />
 +
    <label for="vmcb-c"><a>Project</a></label>
 +
    <ul>
 +
      <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Description" class="w3-bar-item w3-button w3-hover-white">Description</a></li>
 +
      <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Project/Basic_Parts" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Basic Parts</a></li>
 +
      <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Project/Composite_Parts" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Composite Parts</a></li>
 +
     </ul>
 +
    </li>
 +
 
 +
    <li style="margin-bottom: 10px; border: 5px double #fff; border-radius: 10px">
 +
    <input type="checkbox" id="vmcb-d" />
 +
    <label for="vmcb-d"><a>Experiment</a></label>
 +
    <ul>
 +
 
 +
        <li>
 +
        <input type="checkbox" id="vmcb-d1" />
 +
        <label for="vmcb-d1"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" style="text-align: center;">Overview</a></label>
 +
        </li>
 +
 
 +
        <li style="padding-bottom: 10px; padding-top: 5px">
 +
        <input type="checkbox" id="vmcb-d2" />
 +
          <label for="vmcb-d2"><a style="text-align: center;">Bacteria to <br>Human Cells ▼</a></label>
 +
            <ul>
 +
              <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraI_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">TraI Assay</a></li>
 +
              <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraI_Improvement" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">TraI Improvement <br>Assay</a></li>
 +
              <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraR_Reporter_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" >TraR Reporter <br>Assay</a></li>
 +
              <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Transcriptome_Analysis" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Transcriptome <br>Analysis</a></li>
 +
              <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Chimeric_Transcription_Factor" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Chimeric <br> Transcription <br> Factor Assay</a></li>
 +
            </ul>
 +
      </li>
 +
 
 +
      <li style="padding-bottom: 3px">
 +
      <input type="checkbox" id="vmcb-d3" />
 +
     <label for="vmcb-d3"><a style="text-align: center;">Human Cells to <br>Bacteria ▼</a></label>
 +
        <ul>
 +
          <li><a href="https://2017.igem.org/Team:TokyoTech/Experiment/AHK4_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">AHK4 Assay</a></li>
 +
          </ul>
 +
        </li>
 +
 
 +
        <li>
 +
        <input type="checkbox" id="vmcb-d4" />
 +
    <label for="vmcb-d4"><a href="https://2017.igem.org/Team:TokyoTech/InterLab" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" style="text-align: center;">InterLab</a></label>
 +
        </li>
 +
    </ul>
 +
    </li>
 +
 
 +
 
 +
    <li style="margin-bottom: 10px; text-align: center; border: 5px double #fff; border-radius: 10px">
 +
    <input type="checkbox" id="vmcb-e" />
 +
    <label for="vmcb-e"><a href="https://2017.igem.org/Team:TokyoTech/Model">Modelling</a></label>
 +
    </li>
 +
 
 +
    <li style="margin-bottom: 10px; text-align: center; border: 5px double #fff; border-radius: 10px">
 +
    <input type="checkbox" id="vmcb-f" />
 +
    <label for="vmcb-f"><a>Human Practices</a></label>
 
     <ul>
 
     <ul>
−
     <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">1</a></li>
+
     <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Overview</a></li>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP/Silver" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Silver</a></li>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP/Gold_Integrated" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Gold (Integrated)</a></li>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Demonstrate" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Demonstrate</a></li>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Collaborations" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Collaborations</a></li>
 
     </ul>
 
     </ul>
 
     </li>
 
     </li>
 +
 +
    <li style="margin-bottom: 10px; text-align: center; border: 5px double #fff; border-radius: 10px">
 +
    <input type="checkbox" id="vmcb-g" />
 +
    <label for="vmcb-g"><a>About us</a></label>
 +
    <ul>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Team" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Team</a></li>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Attributions" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Attributions</a></li>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Sponsors" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Sponsors</a></li>
 
     </ul>
 
     </ul>
−
     <a href="#project" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Project</a>  
+
     </li>
−
     <a href="#modeling" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Modeling</a>  
+
     </ul>
−
     <a href="#hp" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Human Practices</a>  
+
     </div>
−
    <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>
 
   </div>
 
</nav>
 
</nav>
−
+
 
 
<!-- Top menu on small screens -->
 
<!-- Top menu on small screens -->
 
<header class="w3-container w3-top w3-hide-large w3-red w3-xlarge w3-padding">
 
<header class="w3-container w3-top w3-hide-large w3-red w3-xlarge w3-padding">
Line 51: Line 136:
 
<div class="w3-main" style="margin-left:340px;margin-right:40px">
 
<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">Sponsors</h2>
 +
    </div>
  
 +
<hr>
  
−
  <!-- Sponsers -->
+
     <div class="w3-row-padding">
−
  <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">
+
 
     <div class="w3-col m4 w3-margin-bottom">
 
     <div class="w3-col m4 w3-margin-bottom">
 
       <div class="w3-light-grey">
 
       <div class="w3-light-grey">
Line 84: Line 167:
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 +
  </div>
 +
    <hr>
 +
  <div class="w3-row-padding">
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/3/3c/T--TokyoTech--tokyotechfund.png" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>TokyoTech Fund</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/6/63/T--TokyoTech--promega.png" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Promega</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/1/15/T--TokyoTech--Metagen_1101.png" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Metabologenomics.Inc</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
    <hr>
 +
  <div class="w3-row-padding">
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/1/1d/T--TokyoTech--mbl.png" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>MBL</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/2/21/T--TokyoTech--leave_a_nest.png" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Leave a Nest</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/8/85/T--TokyoTech--aizawa.jpg" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Aizawa Fund</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2016/f/f6/Tokyo_Tech_cosmo_bio.png" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Cosmo Bio Co., Ltd.</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
   </div>
 
   </div>
  
 
<!-- End page content -->
 
<!-- End page content -->
 +
</div>
 +
 +
<div class="w3-container" id="contact" style="margin-top:20px">
 +
<p id="pageTop" style="text-align:right"><a href="#wrap"><img src="https://static.igem.org/mediawiki/2017/0/0d/T--TokyoTech--page_top_2.png" style="width:200px"></a></p>
 
</div>
 
</div>
  
 
<!-- W3.CSS Container -->
 
<!-- 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>
+
<div class="w3-light-grey w3-container w3-padding-32" style="margin-top:75px;padding-right:58px"><p class="w3-right"><a href="http://96haji.me/" title="W3.CSS" target="_blank" class="w3-hover-opacity">Hajime Fujita with W3.CSS: All Rights Reserved</a></p></div>
  
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 
<script>
 
<script>
 
// Script to open and close sidebar
 
// Script to open and close sidebar
Line 103: Line 254:
 
     document.getElementById("myOverlay").style.display = "none";
 
     document.getElementById("myOverlay").style.display = "none";
 
}
 
}
−
 
+
</script>
 +
<script>
 
// Modal Image Gallery
 
// Modal Image Gallery
 
function onClick(element) {
 
function onClick(element) {
Line 111: Line 263:
 
   captionText.innerHTML = element.alt;
 
   captionText.innerHTML = element.alt;
 
}
 
}
 +
$(function() {
 +
  var h = $(window).height();
 +
 +
  $('#wrap').css('display','none');
 +
  $('#loader-bg ,#loader').height(h).css('display','block');
 +
});
 +
 +
$(window).load(function () { //全ての読み込みが完了したら実行
 +
  $('#loader-bg').delay(900).fadeOut(800);
 +
  $('#loader').delay(600).fadeOut(300);
 +
  $('#wrap').css('display', 'block');
 +
});
 +
</script>
 +
<script>
 +
//■page topボタン
 +
$(function(){
 +
var topBtn=$('#pageTop');
 +
topBtn.hide();
 +
 +
//◇ボタンの表示設定
 +
$(window).scroll(function(){
 +
  if($(this).scrollTop()>80){
 +
    //---- 画面を80pxスクロールしたら、ボタンを表示する
 +
    topBtn.fadeIn();
 +
  }else{
 +
    //---- 画面が80pxより上なら、ボタンを表示しない
 +
    topBtn.fadeOut();
 +
  }
 +
});
 +
 +
// ◇ボタンをクリックしたら、スクロールして上に戻る
 +
topBtn.click(function(){
 +
  $('body,html').animate({
 +
  scrollTop: 0},500);
 +
  return false;
 +
});
 +
 +
});
 
</script>
 
</script>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 01:26, 2 November 2017

<!DOCTYPE html> Coli Sapiens

iGEM Tokyo Tech

Sponsors

JASSO

Kuramae Kougyoukai

IDT

TokyoTech Fund

Promega

Metabologenomics.Inc

MBL

Leave a Nest

Aizawa Fund

Cosmo Bio Co., Ltd.

Hajime Fujita with W3.CSS: All Rights Reserved