Difference between revisions of "Team:BNU-CHINA"

Line 1: Line 1:
−
{{Team:BNU-CHINA/CSS/head}}
 
−
{{Team:BNU-CHINA/CSS/bootstrap.min}}
 
−
{{Team:BNU-CHINA/js/bootstrap.min.js}}
 
−
{{Team:BNU-CHINA/js/jquery.onepage-scroll.js}}
 
 
{{Team:BNU-CHINA/css/bootstrap.min.siren.css}}
 
{{Team:BNU-CHINA/css/bootstrap.min.siren.css}}
 
{{Team:BNU-CHINA/css/myStyle.css}}
 
{{Team:BNU-CHINA/css/myStyle.css}}
 +
 +
 
<html>
 
<html>
  
 
<body>
 
<body>
−
<head>
+
<div class="navbar">
−
<style>
+
             <nav class="navbar navbar-default navbar-fixed-top nav-config" role="navigation" style="background-image:url('image/nav-header.png');background-repeat:no-repeat;">
−
        .page1 {
+
−
            background: url('https://static.igem.org/mediawiki/2015/e/ef/Home-welcome.jpg');
+
−
            background-size: 100% 100%;
+
−
            background-repeat: no-repeat;
+
−
        }
+
−
       
+
−
        .page1 a {
+
−
            color: #FFFFFF;
+
−
        }
+
−
       
+
−
        .page2 {
+
−
            background: url('image/story02.jpg');
+
−
            background-size: 100% 100%;
+
−
            background-repeat: no-repeat;
+
−
        }
+
−
       
+
−
        .page2 a {
+
−
            color: #FFFFFF;
+
−
        }
+
−
       
+
−
        .page3 {
+
−
            background: url('image/story03.jpg');
+
−
            background-size: 100% 100%;
+
−
            background-repeat: no-repeat;
+
−
        }
+
−
       
+
−
        .page3 a {
+
−
            color: #FFFFFF;
+
−
        }
+
−
       
+
−
        .page4 {
+
−
            background: url('image/story04.jpg');
+
−
            background-size: 100% 100%;
+
−
            background-repeat: no-repeat;
+
−
        }
+
−
       
+
−
        .page4 a {
+
−
            color: #FFFFFF;
+
−
        }
+
−
       
+
−
        p.title {
+
−
            position: relative;
+
−
            top: 35%;
+
−
            font: 700 40px "Microsoft Yahei";
+
−
            color: #fff;
+
−
            text-align: center;
+
−
        }
+
−
       
+
−
        button.center {
+
−
            position: relative;
+
−
            top: 35%;
+
−
            left: 48%;
+
−
            ;
+
−
            color: #fff;
+
−
            text-align: center;
+
−
        }
+
−
       
+
−
        button.bottom {
+
−
            position: relative;
+
−
            top: 80%;
+
−
            left: 48%;
+
−
        }
+
−
    </style>
+
−
</head>
+
−
<div class="main">
+
−
<div class="page page1">
+
−
          <div class="navbar">
+
−
             <nav class="navbar navbar-default navbar-fixed-top nav-config"  
+
−
 
+
−
role="navigation" style="background-image:url('image/nav-header.png');background-
+
−
 
+
−
repeat:no-repeat;">
+
 
               <div class="navbar-header nav-left">
 
               <div class="navbar-header nav-left">
−
                   <button type="button" class="navbar-toggle" data-
+
                   <button type="button" class="navbar-toggle" data-toggle="collapse"  
−
 
+
−
toggle="collapse"  
+
 
                           data-target="#Menu">
 
                           data-target="#Menu">
 
                       <span class="sr-only">切换导航</span>
 
                       <span class="sr-only">切换导航</span>
Line 91: Line 15:
 
                       <span class="icon-bar"></span>
 
                       <span class="icon-bar"></span>
 
                       <span class="icon-bar"></span>
 
                       <span class="icon-bar"></span>
−
                       <a href="https://2015.igem.org"><img src="image/igem.png"  
+
                       <a href="https://2015.igem.org"><img src="image/igem.png" class="img-responsive"></a>
−
 
+
−
class="img-responsive"></a>
+
 
                   </button>  
 
                   </button>  
 
               </div>
 
               </div>
 
               <div class="navbar-collapse collapse in nav-right" id="Menu">
 
               <div class="navbar-collapse collapse in nav-right" id="Menu">
 
                 <ul class="nav navbar-nav">
 
                 <ul class="nav navbar-nav">
−
                   <li class="nav-box li-a active"><a  
+
                   <li class="nav-box li-a active"><a href="welcome.html">HOME</a></li>
−
 
+
                   <li class="nav-box li-1"><a href="project.html">PROJECT</a></li>
−
href="welcome.html">HOME</a></li>
+
−
                   <li class="nav-box li-1"><a  
+
−
 
+
−
href="project.html">PROJECT</a></li>
+
 
                   <li class="nav-box li-2"><a href="team.html">TEAM</a></li>
 
                   <li class="nav-box li-2"><a href="team.html">TEAM</a></li>
 
                   <li class="nav-box li-3"><a href="model.html">MODEL</a></li>
 
                   <li class="nav-box li-3"><a href="model.html">MODEL</a></li>
 
                   <li class="nav-box li-4"><a href="HP.html">P&P</a></li>
 
                   <li class="nav-box li-4"><a href="HP.html">P&P</a></li>
 
                   <li class="nav-box li-1"><a href="safety.html">SAFETY</a></li>
 
                   <li class="nav-box li-1"><a href="safety.html">SAFETY</a></li>
−
                   <li class="nav-box li-2"><a  
+
                   <li class="nav-box li-2"><a href="achiv.html">ACHIVEMENT</a></li>
−
 
+
                   <li><a href="https://2015.igem.org"><img src="image/igem.png"></a></li>
−
href="achiv.html">ACHIVEMENT</a></li>
+
−
                   <li><a href="https://2015.igem.org"><img  
+
−
 
+
−
src="image/igem.png"></a></li>
+
 
                 </ul>
 
                 </ul>
 
               </div>
 
               </div>
 
               </nav>
 
               </nav>
 
           </div>
 
           </div>
−
        <div class="row" style="margin:auto;background-color:transparent;text-
 
−
 
−
align:center;color:white;position:relative;top:375px">
 
−
        <h1>Synthetic Intelligent Ranger E. coli for Nematodes</h1>
 
−
        <h2>Team:BNU-China</h2>
 
−
        <a href="#" style="position:relative;top:45px"><img
 
−
 
−
src="image/pagedown.png"></a>
 
−
</div>
 
−
        </div>
 
−
<div class="page page2">
 
−
</div>
 
−
<div class="page page3">
 
−
</div>
 
−
<div class="page page4">
 
−
</div>
 
−
</div>
 
−
<script>
 
−
$(function(){
 
−
$('.main').onepage_scroll({
 
−
sectionContainer: '.page',
 
−
                loop:false
 
−
                });
 
−
});
 
−
$(function () { $('#Menu').collapse('hide')});
 
−
</script>
 
 
</body>
 
</body>
−
<html>
 

Revision as of 15:59, 12 September 2015