|
|
| Line 1: |
Line 1: |
| | {{Template:KIT-Kyoto-1}} | | {{Template:KIT-Kyoto-1}} |
| | + | {{Template:KIT-Kyoto-header}} |
| | | | |
| | <html class="no-js"> | | <html class="no-js"> |
| | <head> | | <head> |
| - | <meta charset="utf-8" />
| |
| - | <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
| |
| - | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
| |
| - | <!-- Mobile viewport optimized: h5bp.com/viewport -->
| |
| - | <meta name="viewport" content="width=device-width">
| |
| - |
| |
| - | <title>BootMetro Demo - Metro</title>
| |
| - |
| |
| - | <meta name="robots" content="noindex, nofollow">
| |
| - | <meta name="description" content="BootMetro : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." />
| |
| - | <meta name="keywords" content="bootmetro, modern ui, modern-ui, metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" />
| |
| - | <meta name="author" content="AozoraLabs by Marcello Palmitessa"/>
| |
| - |
| |
| - | <!-- remove or comment this line if you want to use the local fonts -->
| |
| - | <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
| |
| - |
| |
| - | <link rel="stylesheet" type="text/css" href="http://technouskit.net/assets/css/bootmetro.css">
| |
| - | <link rel="stylesheet" type="text/css" href="http://technouskit.net/assets/css/bootmetro-responsive.css">
| |
| - | <link rel="stylesheet" type="text/css" href="http://technouskit.net/assets/css/bootmetro-icons.css">
| |
| - | <link rel="stylesheet" type="text/css" href="http://technouskit.net/assets/css/bootmetro-ui-light.css">
| |
| - | <link rel="stylesheet" type="text/css" href="http://technouskit.net/assets/css/datepicker.css">
| |
| | | | |
| | <!-- 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/assets/css/demo.css"> | | <link rel="stylesheet" type="text/css" href="http://technouskit.net/assets/css/demo.css"> |
| - |
| |
| - | <style type="text/css">
| |
| - | <!--
| |
| - |
| |
| - | body{
| |
| - | min-width:1400px;
| |
| - | }
| |
| - |
| |
| - | .navbar{
| |
| - | background-color: white;
| |
| - | padding-left: 30px;
| |
| - | }
| |
| - |
| |
| - | #menubar{
| |
| - | max-height: 0px;
| |
| - | }
| |
| - |
| |
| - | -->
| |
| - | </style>
| |
| - |
| |
| - | <!-- All JavaScript at the bottom, except for Modernizr and Respond.
| |
| - | 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/ -->
| |
| - | <script src="http://technouskit.net/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 71: |
Line 14: |
| | <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> | | <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> |
| | <![endif]--> | | <![endif]--> |
| - |
| |
| - | <div class="navbar navbar-fixed-top">
| |
| - | <div class="navbar-inner">
| |
| - | <a class="brand" href="#">KIT-Kyoto</a>
| |
| - | <ul class="nav">
| |
| - |
| |
| - | <li class="divider-vertical"></li>
| |
| - |
| |
| - | <li><a href="https://2013.igem.org/Team:KIT-Kyoto">Home</a></li>
| |
| - |
| |
| - | <li class="divider-vertical"></li>
| |
| - |
| |
| - | <li class="dropdown">
| |
| - | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<b class="caret"></b></a>
| |
| - | <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 class="nav-header">Nav header</li>
| |
| - | <li><a href="#">Separated link</a></li>
| |
| - | <li><a href="#">One more separated link</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li class="divider-vertical"></li>
| |
| - |
| |
| - | <li class="dropdown">
| |
| - | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PARTS<b class="caret"></b></a>
| |
| - | <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 class="nav-header">Nav header</li>
| |
| - | <li><a href="#">Separated link</a></li>
| |
| - | <li><a href="#">One more separated link</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li class="divider-vertical"></li>
| |
| - |
| |
| - | <li class="dropdown">
| |
| - | <a href="#" class="dropdown-toggle" data-toggle="dropdown">LAB NOTE<b class="caret"></b></a>
| |
| - | <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 class="nav-header">Nav header</li>
| |
| - | <li><a href="#">Separated link</a></li>
| |
| - | <li><a href="#">One more separated link</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li class="divider-vertical"></li>
| |
| - |
| |
| - | <li class="dropdown">
| |
| - | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROTOCOL<b class="caret"></b></a>
| |
| - | <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 class="nav-header">Nav header</li>
| |
| - | <li><a href="#">Separated link</a></li>
| |
| - | <li><a href="#">One more separated link</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li class="divider-vertical"></li>
| |
| - |
| |
| - | <li class="dropdown">
| |
| - | <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE<b class="caret"></b></a>
| |
| - | <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 class="nav-header">Nav header</li>
| |
| - | <li><a href="#">Separated link</a></li>
| |
| - | <li><a href="#">One more separated link</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li class="divider-vertical"></li>
| |
| - |
| |
| - | <li class="dropdown">
| |
| - | <a href="#" class="dropdown-toggle" data-toggle="dropdown">OUR TEAM<b class="caret"></b></a>
| |
| - | <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 class="nav-header">Nav header</li>
| |
| - | <li><a href="#">Separated link</a></li>
| |
| - | <li><a href="#">One more separated link</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li class="divider-vertical"></li>
| |
| - |
| |
| - | <li class="dropdown">
| |
| - | <a href="#" class="dropdown-toggle" data-toggle="dropdown">SAFETY<b class="caret"></b></a>
| |
| - | <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 class="nav-header">Nav header</li>
| |
| - | <li><a href="#">Separated link</a></li>
| |
| - | <li><a href="#">One more separated link</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - |
| |
| - | </ul>
| |
| - |
| |
| - | <ul class="nav pull-right">
| |
| - | <li><a href="#">Link</a></li>
| |
| - | </ul>
| |
| - | </div><!-- /navbar-inner -->
| |
| - | </div><!-- /navbar -->
| |
| | | | |
| | <div class="pull-right"> | | <div class="pull-right"> |
"
