Team:KIT-Kyoto/test

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Template:KIT-Kyoto-1}}
{{Template:KIT-Kyoto-1}}
 +
<html class="no-js">
<html class="no-js">
<head>
<head>
Line 8: Line 9:
   <meta name="viewport" content="width=device-width">
   <meta name="viewport" content="width=device-width">
-
   <title>KIT-Kyoto</title>
+
   <title>BootMetro Demo - Metro</title>
   <meta name="robots" content="noindex, nofollow">
   <meta name="robots" content="noindex, nofollow">
Line 26: Line 27:
   <!--  these two css are to use only for documentation -->
   <!--  these two css are to use only for documentation -->
   <link rel="stylesheet" type="text/css" href="http://technouskit.net/igem/bootmetro/assets/css/demo.css">
   <link rel="stylesheet" type="text/css" href="http://technouskit.net/igem/bootmetro/assets/css/demo.css">
-
 
-
<style type=text/css>
 
-
 
-
#contentSub{
 
-
    border: 0px;
 
-
    max-height: 0px;
 
-
}
 
-
 
-
p {
 
-
  height: 0px;
 
-
  border: 0px;
 
-
  padding: 0px;
 
-
  max-height: 0px;
 
-
  line-height:0;
 
-
  color: #FFFFFF;
 
-
}
 
-
 
-
h3{
 
-
  color: #FFFFFF;
 
-
}
 
-
 
-
#backbutton{
 
-
  color: #FFFFFF;
 
-
}
 
-
 
-
 
-
</style>
 
Line 65: Line 39:
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
 +
  <script src="http://technouskit.net/igem/bootmetro/assets/js/modernizr-2.6.2.min.js"></script>
 +
 +
  <script type="text/javascript">
 +
      var _gaq = _gaq || [];
 +
      _gaq.push(['_setAccount', 'UA-3182578-6']);
 +
      _gaq.push(['_trackPageview']);
 +
      (function() {
 +
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
      })();
 +
  </script>
 +
     
 +
     
</head>
</head>
Line 73: Line 61:
   <![endif]-->
   <![endif]-->
-
   <div class="container">
+
   <div class="btn-toolbar" style="margin: 0;">
 +
      <div class="btn-group">
 +
        <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
 +
        <ul class="dropdown-menu">
 +
            <li><a href="#">Action</a></li>
 +
            <li><a href="#">Another action</a></li>
 +
            <li><a href="#">Something else here</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">Separated link</a></li>
 +
        </ul>
 +
      </div><!-- /btn-group -->
 +
      <div class="btn-group">
 +
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
 +
        <ul class="dropdown-menu">
 +
            <li><a href="#">Action</a></li>
 +
            <li><a href="#">Another action</a></li>
 +
            <li><a href="#">Something else here</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">Separated link</a></li>
 +
        </ul>
 +
      </div><!-- /btn-group -->
 +
      <div class="btn-group">
 +
        <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown">Danger <span class="caret"></span></button>
 +
        <ul class="dropdown-menu">
 +
            <li><a href="#">Action</a></li>
 +
            <li><a href="#">Another action</a></li>
 +
            <li><a href="#">Something else here</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">Separated link</a></li>
 +
        </ul>
 +
      </div><!-- /btn-group -->
 +
      <div class="btn-group">
 +
        <button class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Warning <span class="caret"></span></button>
 +
        <ul class="dropdown-menu">
 +
            <li><a href="#">Action</a></li>
 +
            <li><a href="#">Another action</a></li>
 +
            <li><a href="#">Something else here</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">Separated link</a></li>
 +
        </ul>
 +
      </div><!-- /btn-group -->
 +
      <div class="btn-group">
 +
        <button class="btn btn-success dropdown-toggle" data-toggle="dropdown">Success <span class="caret"></span></button>
 +
        <ul class="dropdown-menu">
 +
            <li><a href="#">Action</a></li>
 +
            <li><a href="#">Another action</a></li>
 +
            <li><a href="#">Something else here</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">Separated link</a></li>
 +
        </ul>
 +
      </div><!-- /btn-group -->
 +
      <div class="btn-group">
 +
        <button class="btn btn-info dropdown-toggle" data-toggle="dropdown">Info <span class="caret"></span></button>
 +
        <ul class="dropdown-menu">
 +
            <li><a href="#">Action</a></li>
 +
            <li><a href="#">Another action</a></li>
 +
            <li><a href="#">Something else here</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">Separated link</a></li>
 +
        </ul>
 +
      </div><!-- /btn-group -->
 +
  </div><!-- /btn-toolbar -->
   <!-- Header
   <!-- Header
Line 81: Line 130:
         <div class="span12">
         <div class="span12">
             <div id="header-container">
             <div id="header-container">
-
               <a id="backbutton" class="win-backbutton" href="https://2013.igem.org/"></a>
+
               <a id="backbutton" class="win-backbutton" href="./hub.html"></a>
               <h3>iGEM</h3>
               <h3>iGEM</h3>
             </div>
             </div>
             <div id="top-info" class="pull-right">
             <div id="top-info" class="pull-right">
-
             <a id="logged-user" href="#jp" class="win-command pull-right">
+
             <a id="logged-user" href="#" class="win-command pull-right">
               <span class="win-commandicon win-commandring icon-user"></span>
               <span class="win-commandicon win-commandring icon-user"></span>
             </a>
             </a>
Line 96: Line 145:
   </header>
   </header>
    
    
-
    
+
   <div class="container">
       <div class="row">
       <div class="row">
         <div class="metro span12">
         <div class="metro span12">
Line 183: Line 232:
   </div>
   </div>
 +
  <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
 +
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 +
  <script>window.jQuery || document.write("<script src='http://technouskit.net/igem/bootmetro/assets/js/jquery-1.8.3.min.js'>\x3C/script>")</script>
 +
 +
  <!--[if IE 7]>
 +
  <script type="text/javascript" src="scripts/bootmetro-icons-ie7.js">
 +
  <![endif]-->
 +
 +
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/bootstrap.min.js"></script>
 +
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/bootmetro-panorama.js"></script>
 +
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/bootmetro-pivot.js"></script>
 +
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/bootmetro-charms.js"></script>
 +
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/bootstrap-datepicker.js"></script>
 +
 +
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/jquery.mousewheel.min.js"></script>
 +
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/jquery.touchSwipe.min.js"></script>
 +
 +
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/holder.js"></script>
 +
  <!--<script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/perfect-scrollbar.with-mousewheel.min.js"></script>-->
 +
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/demo.js"></script>
 +
 +
 +
  <script type="text/javascript">
 +
 +
      $('.panorama').panorama({
 +
        //nicescroll: false,
 +
        showscrollbuttons: true,
 +
        keyboard: true,
 +
        parallax: true
 +
      });
 +
 +
//      $(".panorama").perfectScrollbar();
 +
 +
      $('#pivot').pivot();
 +
 +
  </script>
</body>
</body>
</html>
</html>

Revision as of 13:37, 5 September 2013


BootMetro Demo - Metro

PROJECT
About our project
PARTS
About parts
LabNote
Protocol
Human Practice
About human practice

Retrieved from "http://2013.igem.org/Team:KIT-Kyoto/test"