Team:OUC-China/Acknowledgement
From 2013.igem.org
Zhengyuchen (Talk | contribs) |
Zhengyuchen (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | + | html lang="en"> | |
<head> | <head> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
Revision as of 12:11, 27 September 2013
html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=UFT-8" /> <link href="http://oucast.com/igem/css/bootstrap.css" rel="stylesheet" media="screen"> <link href="http://oucast.com/igem/css/bootstrap-responsive.css" rel="stylesheet" media="screen"> <link href="http://oucast.com/igem/css/docs.css" rel="stylesheet"> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen"> <style type="text/css">
- globalWrapper {
font-size: 100%; }
- top-section{
height:0px; border:none; width:980px; margin:0 auto; padding:0 0 0 0; background-color:#e5e5e5; overflow:hide;
}
- p-logo{display:none;}
- search-controls{display:none;}
- top{display:none;}
.firstHeading{display:none;}
- footer-box{display:none;}
- catlinks{display:none;}
div#contentSub{
display: none; position: absolute;
}
- content h1.firstHeading {display: none;}
- content
{ border:none; height: 100%; margin:0; padding:0; width:100%; position: absolute; background-color: #e5e5e5; }
{ margin:0; padding:0; }
- menubar {
background-color:transparent; position: relative; float:left; white-space: nowrap; top:-6px; width: 490px; z-index: 5000; font-family: sans-serif; font-size: 50%; line-height: 1em; z-index:99;
} li {font-weight:normal;
font-size:12px;
}
body { padding-bottom: 40px; color: #5a5a5a;
background: #e5e5e5 url(bootstrap/img/moon.png); overflow-x: hidden; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0);
}
h1 {color:#0099FF}
}
a:not(.btn) { color: #00699E; -webkit-transition: 300ms; -moz-transition: 300ms; transition: 300ms; } a:hover:not(.btn), a:active:not(.btn) { color: #9E0000; text-decoration: none; -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); }
hr.soften { height: 1px; margin: 30px 0; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); border: 0; }
.nav a { -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms; }
/* Featurettes ------------------------- */
.featurette-divider {margin: 80px 0; /* Space out the Bootstrap
more */
} .featurette { padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */ overflow: hidden; /* Vertically center images part 2: clear their floats. */ } .featurette-image { margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */ }
/* Give some space on the sides of the floated elements so text doesn't run right into it. */ .featurette-image.pull-left { margin-right: 40px; } .featurette-image.pull-right { margin-left: 40px; }
/* Thin out the marketing headings */ .featurette-heading { font-size: 50px; font-weight: 300; line-height: 1; letter-spacing: -1px; }
/* RESPONSIVE CSS -------------------------------------------------- */
@media (max-width: 979px) {
.container.navbar-wrapper { margin-bottom: 0; width: auto; } .navbar-inner { border-radius: 0; margin: -20px 0; }
.carousel .item { height: 400px; } .carousel img { width: auto; height: 400px; }
.featurette { height: auto; padding: 0; } .featurette-image.pull-left, .featurette-image.pull-right { display: block; float: none; max-width: 40%; margin: 0 auto 20px; } }
@media (max-width: 767px) {
.navbar-inner { margin: -20px; }
.carousel { margin-left: -20px; margin-right: -20px; } .carousel .container {
} .carousel .item { height: 400px; } .carousel img { height: 400px; } .carousel-caption { width: 65%; padding: 0 70px; margin-top: 100px; } .carousel-caption h1 { font-size: 30px; } .carousel-caption .lead, .carousel-caption .btn { font-size: 18px; }
.marketing .col-md-4 + .col-md-4 { margin-top: 40px; }
.featurette-heading { font-size: 30px; } .featurette .lead { font-size: 18px; line-height: 1.5; }
}
/*the nav settings
*/
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{ color: #1abc9c; background-color: transparent; } .navbar-inverse .navbar-nav>li>a{ color: #fff; } .navbar-inverse .navbar-nav>li>a:hover{ color: #1abc9c; background-color:transparent; } .navbar-inverse .navbar-brand{
color: #fff; padding: 0;
} .navbar-inverse .navbar-brand img{
height: 50px; padding-left: 90px;
} .navbar-inverse .navbar-brand p{
padding:15px 30px; margin:0;
} .navbar-inverse .navbar-brand:hover{ color: #1abc9c; } .navbar-inverse{ border-color: transparent; background: #34495e; font-weight: bold; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .dropdown-menu{ background-color:#34495e; border:none; -webkit-box-shadow:none; box-shadow: none; } .dropdown-menu>li>a{ color: #fff; font-weight: bold; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ color:#1abc9c; background-color: transparent; }
/*add dropdown-submenu to btV3*/ .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} .dropdown-submenu:hover>.dropdown-menu{display:block;} .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;} .dropdown-submenu:hover>a:after{border-left-color:#ffffff;} .dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=""> <meta name="author" content="">
<title>Instructors</title> </head>
<body>
<section id="Acknowledgement">
Contents |
Organization
<a href="http://www2.ouc.edu.cn/hysm/">College of Marine Life Science, Ocean University of China</a>
<a href="http://www.ouc.edu.cn">Ocean University of China</a>
<a href="http://jwc.ouc.edu.cn:8080/jwwz/index.html">Dean's Office of Ocean University of China</a>
<a href="http://english.qibebt.cas.cn/">Qingdao Institute of BioEnergy and Bioprocess Technology, Chinese Academy of Sciences</a>
<a href="http://222.195.158.131/jcjxzx/">Basic teaching center basic computer department of Ocean University of China</a>
<a href="http://www.qdio.cas.cn/">Institute of Oceanology,Chinese Academy of Sciences</a>
Jiangsu Provincial Engineering Laboratory For Biomass Conversion And Process Integration
France-China Bio-Mineralization and Nano-Structure Laboratory(Biomnsl)
Teacher
XIAO Tian,WU Longfei,TANG Zhihong
XU Jian
E-mail: xujian@qibebt.ac.cn
Academic title: Professor
Phone:0532-80662654
</br>
BAO Zhenmin?
Academic title: Professor, Doctoral supervisor
Research interest: hellfish genetic breeding
</br>
DONG Shugang
E-mail: dongshg112@163.com
Academic title: Professor, Doctoral supervisor
Research interest: Seaweed physiology and ecology?
</br>
YU Jie
</br>
Friend
LIU Yang
<img src="" />
</br>
KANG Li
<img src="" />PENG Yong
<img src="" />ZHANG Peiran
<img src="" />LAI Weihong
<img src="" />LI Jiaheng
<img src="" />WU Wenjie
<img src="" />WANG Tianhe
<img src="" /></section>
<script src="http://code.jquery.com/jquery.js"></script> <script src="http://oucast.com/igem/js/bootstrap.min.js"></script> <script src="http://oucast.com/igem/js/ouc2.js"></script> <script src="http://oucast.com/igem/js/application.js"></script> <script>
!function ($) { $(function(){ // carousel demo $('#myCarousel').carousel() }) }(window.jQuery) </script>
<script src="http://oucast.com/igem/js/holder.js"></script> </body> </html>