Difference between revisions of "Team:JSNU-China"

Line 1: Line 1:
−
<html>
+
<!DOCTYPE html>
 +
<html lang="en">
 +
<head>
 +
<meta charset="UTF-8">
 +
<title>Home</title>
 +
<style>
 +
body{
 +
background-image: url(images/body.jpg);
 +
background-repeat: no-repeat;
 +
background-size: 100% auto;
 +
background-attachment: fixed;
 +
}
  
−
<link rel="stylesheet" type="text/css"
+
/* top******************************************************** */
−
href="https://2016.igem.org/Template:JSNU-China/resetCSS?action=raw&ctype=text/css" />
+
−
<link rel="stylesheet" type="text/css"
+
−
href="https://2016.igem.org/Template:JSNU-China/gridCSS?action=raw&ctype=text/css" />
+
−
<link rel="stylesheet" type="text/css"
+
−
href="https://2016.igem.org/Template:JSNU-China/superfishCSS?action=raw&ctype=text/css" />
+
  
 +
#top{
 +
width: 100%;
 +
height: auto;
 +
float: left;
 +
margin-top: 30px;
 +
}
  
−
<link rel="stylesheet" type="text/css"
+
#navleft{
−
href="https://2016.igem.org/Template:JSNU-China/styleCSS?action=raw&ctype=text/css" />
+
width: 40%;
−
<link rel="stylesheet" type="text/css"
+
height: 200px;
−
href="https://2016.igem.org/Template:JSNU-China/sliderCSS?action=raw&ctype=text/css" />
+
float: left;
 +
}
  
 +
#logo{
 +
z-index: 999999;
 +
width: 18%;
 +
height: 200px;
 +
float: left;
  
−
<script type="text/javascript" src="https://2016.igem.org/Template:JSNU-China/jqueryJavascript?
+
}
−
action=raw&ctype=text/javascript"></script>
+
#logo img{
−
<script type="text/javascript" src="https://2016.igem.org/Template:JSNU-China/jquery-migrateJavascript?
+
width: 80%;
−
action=raw&ctype=text/javascript"></script>
+
z-index: 9999;
−
<script type="text/javascript" src="https://2016.igem.org/Template:JSNU-China/superfishJavascript?
+
}
−
action=raw&ctype=text/javascript"></script>
+
−
<script type="text/javascript" src="https://2016.igem.org/Template:JSNU-China/jqueryeasingJavascript?
+
−
action=raw&ctype=text/javascript"></script>
+
−
<script type="text/javascript" src="https://2016.igem.org/Template:JSNU-China/tmsJavascript?
+
−
action=raw&ctype=text/javascript"></script>
+
  
−
<title>Home</title>
+
#navright{
−
<meta charset="utf-8">
+
width: 41%;
−
<script>
+
height: 200px;
−
$(window).load(function(){
+
float: left;
−
$('.slider')._TMS({
+
−
show:0,
+
−
pauseOnHover:false,
+
−
prevBu:'.prev',
+
−
nextBu:'.next',
+
−
playBu:false,
+
−
duration:800,
+
−
preset:'random',
+
−
pagination:false,//'.pagination',true,'<ul></ul>'
+
−
pagNums:false,
+
−
slideshow:8000,
+
−
numStatus:false,
+
−
banners:true,
+
−
waitBannerAnimation:false,
+
−
progressBar:false
+
−
}) ;
+
−
$( "#tabs" ).tabs();
+
−
+
−
$().UItoTop({ easingType: 'easeOutQuart' });
+
−
});
+
−
+
−
+
−
+
−
</script>
+
−
<!--[if lt IE 8]>
+
−
<div style=' clear: both; text-align:center; position: relative;'>
+
−
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
+
−
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
+
−
</a>
+
−
</div>
+
−
<![endif]-->
+
−
<!--[if lt IE 9]>
+
−
<script type="text/javascript" src="https://2016.igem.org/Template:JSNU-China/html5shivJavascript?
+
−
action=raw&ctype=text/javascript"></script>
+
  
−
<link rel="stylesheet" type="text/css"
+
}
−
href="https://2016.igem.org/Template:JSNU-China/ieCSS?action=raw&ctype=text/css" />
+
  
 +
ul.bignav{
 +
list-style: none;
 +
margin-top:80px;
 +
width: 100%;
 +
padding-left: 0px;
 +
}
  
−
<![endif]-->
+
ul.bignav >li{
−
<body class="page1">
+
float: left;
−
<!--==============================header=================================-->
+
font-family: 黑体;
−
<header>
+
font-size: 1.5em;
−
<div class="container_12">
+
width: 25%;
−
<div class="grid_12">
+
text-align: center;
−
<h1><a href="index.html"><img src="images/logo.png" alt="Gerald Harris attorney at law"></a> </h1>
+
}
−
  <div class="clear"></div>
+
−
</div>
+
−
<div class="menu_block">
+
−
<nav class="" >
+
−
<ul class="sf-menu">
+
−
<li class="with_ul ul1" ><img src="images/hand3.png" style="width:30px;"><a href="project.html">Project</a>
+
−
<ul>
+
−
<li><a href="#">Background</a></li>
+
−
<li><a href="#">Design</a></li>
+
−
<li><a href="#">Result</a></li>
+
−
<li><a href="#">Protocol</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="with_ul ul2" ><img src="images/hand1.png" style="width:30px;"><a href="modeling.html">Modeling</a>
+
−
<ul>
+
−
<li><a href="#">Overview</a></li>
+
−
<li><a href="#">date analysis</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="ul3"><img src="images/hand4.png" style="width:30px;"><a href="parts.html">Parts</a></li>
+
−
<li class="with_ul ul4"><img src="images/hand5.png" style="width:30px;"><a href="team.html">Team</a>
+
−
<ul>
+
−
<li><a href="#">Member</a></li>
+
−
<li><a href="#">instruction</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="with_ul ul5"><img src="images/hand9.png" style="width:30px;"><a href="human-partictice.html">Human partictice</a>
+
−
<ul>
+
−
<li><a href="#">Activities</a></li>
+
−
<li><a href="#">Questionnaire</a></li>
+
−
<li><a href="#">Communication</a></li>
+
−
<li><a href="#">sponsor</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="ul6"><img src="images/hand7.png" style="width:30px;"><a href="notebook.html">Notebook</a></li>
+
−
<li class="ul7"><img src="images/hand6.png" style="width:30px;"><a href="safety.html">Safety</a></li>
+
−
</ul>
+
−
</nav>
+
−
<div class="clear"></div>
+
−
</div>
+
−
<div class="clear"></div>
+
−
</div>
+
−
</header>
+
  
−
<div class="main">
+
ul.bignav >li.firstli{
−
<div class="container_12">
+
width: 44%;
−
<div class="grid_12">
+
}
−
<div class="slider-relative">
+
−
<div class="slider-block">
+
−
<div class="slider">
+
−
<a href="#" class="prev"></a><a href="#" class="next"></a>
+
−
<ul class="items">
+
−
<li><img src="images/slide.jpg" alt="">
+
−
<div class="banner">
+
−
<div>Description1</div><br>
+
−
<span>Description2</span>
+
−
</div>
+
−
</li>
+
−
<li><img src="images/slide1.jpg" alt=""></li>
+
−
<li><img src="images/slide2.jpg" alt=""></li>
+
−
<li><img src="images/slide3.jpg" alt=""></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
+
−
<!--=======content================================-->
+
  
−
<div class="content">
+
ul.bignav >li.nofirstli{
−
<div class="container_12">
+
width: 28%;
−
<div ></div>
+
}
−
<div class="clear" style="height:1000px"></div>
+
 
−
</div>
+
ul.bignav >li>a{
−
</div>
+
color: white;
−
<div class="bottom_block">
+
text-decoration: none;
−
<div class="container_12">
+
}
−
<div class="grid_2 prefix_2">
+
 
−
<ul>
+
ul.bignav >li>a:hover{
−
<li><a href="#">Project</a></li>
+
color: #333;
−
<li><a href="#">Parts</a></li>
+
text-decoration: none;
 +
}
 +
 
 +
 
 +
/* content******************************************************** */
 +
 
 +
 
 +
#content{
 +
width: 86%;
 +
float: left;
 +
margin-left: 7%;
 +
margin-top: 50px;
 +
background-color: white;
 +
border-radius: 1em;
 +
}
 +
 
 +
 
 +
#main{
 +
width: 100%;
 +
height: 1000px;
 +
float: left;
 +
}
 +
#bottomnav{
 +
width: 100%;
 +
height: 200px;
 +
float: left;
 +
background-color: rgb(85,71,42);
 +
}
 +
 
 +
 
 +
/* footer******************************************************** */
 +
 
 +
 
 +
#footer{
 +
width: 100%;
 +
float: left;
 +
 
 +
}
 +
 
 +
#footer p{
 +
text-align: center;
 +
margin-top: 30px;
 +
font-size: 0.9em;
 +
color: #333;
 +
 
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div id="top">
 +
<div id="navleft">
 +
<ul class="bignav">
 +
<li><a href="project.html"><img src="images/hand3.png" style="width:20%;">PROJECT</a></li>
 +
<li><a href="#"><img src="images/hand1.png" style="width:20%;">MODELING</a></li>
 +
<li><a href="#"><img src="images/hand4.png" style="width:20%;">PARTS</a></li>
 +
<li><a href="#"><img src="images/hand5.png" style="width:20%;">TEAM</a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
−
<div class="grid_2">
+
<div id="logo">
−
<ul>
+
<center>
−
<li><a href="#">Team</a></li>
+
<a href="home.html"><img src="images/logo.png" alt="logo"></a>
−
<li><a href="#">Human practice</a></li>
+
</center>
−
</ul>
+
 
</div>
 
</div>
−
<div class="grid_2">
+
<div id="navright">
−
<ul>
+
<ul class="bignav">
−
<li><a href="#">Notebook</a></li>
+
<li class="firstli"><a href="#"><img src="images/hand9.png" style="width:12%;">HUMAN PARTICTICE</a></li>
−
<li><a href="#">Safety</a></li>
+
<li class="nofirstli"><a href="#"><img src="images/hand7.png" style="width:16%;">NOTEBOOK</a></li>
 +
<li class="nofirstli"><a href="#"><img src="images/hand6.png" style="width:16%;">SAFETY</a></li>
 
</ul>
 
</ul>
−
</div>
 
−
<div class="grid_2">
 
−
<ul>
 
−
<li><a href="modeling.html">Modeling</a></li>
 
−
 
−
</ul>
 
−
</div>
 
−
<div class="clear"></div>
 
 
</div>
 
</div>
 
</div>
 
</div>
−
<!--==============================footer=================================-->
+
<div id="content">
−
 
+
<div id="main"></div>
−
</div>
+
<div id="bottomnav"></div>
−
<footer>
+
</div>
−
<div class="container_12">
+
<div id="footer">
−
<div class="grid_12">
+
<p>&copy; Copyright &copy; 2014.Company name All rights reserved.</p>
−
+
−
<div class="copy">
+
−
&copy; Copyright &copy; 2014.Company name All rights reserved.
+
−
</div></div>
+
−
<div class="clear"></div>
+
 
</div>
 
</div>
−
 
−
</footer>
 
−
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 02:54, 13 July 2016

<!DOCTYPE html> Home