Difference between revisions of "Team:UESTC-China/test11"

(Created blank page)
 
Line 1: Line 1:
 +
<html lang="zh">
 +
<head>
 +
<meta charset="UTF-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<title>team</title>
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/default?action=raw&amp;ctype=text/css" />
 +
<link href="https://2018.igem.org/Template:UESTC-China/CSS/bootmin?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
<link href="https://2018.igem.org/Template:UESTC-China/CSS/font?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/zzcs?action=raw&amp;ctype=text/css">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/bootnav?action=raw&amp;ctype=text/css">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/xuanfucss?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" media="all" href="css/style.css">
 +
<link rel="stylesheet" type="text/css" media="all" href="css/evenFlow.css">
 +
<link href="file:///C|/Users/panqichen/Desktop/模态框弹出/css/component.css" rel="stylesheet">
 +
<style type="text/css">
 +
.hehe{
 +
    height: 60px;
 +
    color:#fff;
 +
    font-size:12px;
 +
    position:relative;
 +
    z-index:inherite;
 +
    background-color:#31b0d5;
 +
    margin-top:30px;
 +
    margin-bottom:-30px
 +
}
 +
.team .row{
 +
    margin-right:  0px;
 +
    margin-left: 0px;
 +
}
 +
        .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
 +
                margin:0.2em 0 0 0 !important;
 +
                z-index=9999;
 +
        }
 +
        .containe{
 +
                width:100%;
 +
                margin-right:0px !important;
 +
                margin-left:0px !important;
 +
                position:fixed;
 +
                top:0.5em;
 +
                padding:0;
 +
                z-index=9999;
 +
        }
 +
.navbar-brand{
 +
padding: 29px 15px;
 +
height: auto;
 +
}
 +
nav.navbar.bootsnav{
 +
border: none;
 +
margin-bottom: 150px;
 +
}
 +
.navbar-nav{
 +
float: left
 +
}
 +
nav.navbar.bootsnav ul.nav > li > a{
 +
color: #474747;
 +
text-transform: uppercase;
 +
padding: 20px 24px;
 +
}
 +
nav.navbar.bootsnav ul.nav > li:hover{
 +
background: #f4f4f4;
 +
}
 +
.nav > li:after{
 +
content: "";
 +
width: 0;
 +
height: 5px;
 +
background: #34c9dd;
 +
position: absolute;
 +
bottom: 0;
 +
left: 0;
 +
transition: all 0.5s ease 0s;
 +
}
 +
.nav > li:hover:after{
 +
width: 100%;
 +
}
 +
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
 +
content: "+";
 +
font-family: 'FontAwesome';
 +
font-size: 16px;
 +
font-weight: 500;
 +
position: absolute;
 +
top: 35%;
 +
right: 10%;
 +
transition: all 0.4s ease 0s;
 +
}
 +
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
 +
content: "\f105";
 +
transform: rotate(90deg);
 +
}
 +
.dropdown-menu.multi-dropdown{
 +
position: absolute;
 +
left: -100% !important;
 +
}
 +
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
 +
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 +
border: none;
 +
}
 +
@media only screen and (max-width:990px){
 +
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
 +
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
 +
.dropdown-menu.multi-dropdown{ left: 0 !important; }
 +
nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
 +
nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
 +
}
  
 +
</style>
 +
</head>
 +
<body>
 +
<!--  此处为悬浮导航栏 -->
 +
<div>
 +
    <svg width="0" height="0">
 +
        <defs>
 +
            <filter id="goo">
 +
                <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"></feGaussianBlur>
 +
                <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo"></feColorMatrix>
 +
                <feComposite in="SourceGraphic" in2="goo" operator="atop"></feComposite>
 +
            </filter>
 +
        </defs>
 +
    </svg>
 +
    <!--svg为可任意缩放的矢量标签，SVG的<defs>元素用于预定义一个元素使其能够在SVG图像中重复使用，fiter过滤器实在不知道是什么东西了-->
 +
    <div class="aside-nav bounceInUp animated" id="aside-nav">
 +
        <label for="" class="aside-menu" title="按住拖动">list</label>
 +
 +
        <a href="#home"  class="menu-item menu-first">section1</a>
 +
        <a href="#team" class="menu-item menu-second">section2</a>
 +
        <a href="#work"  class="menu-item menu-third">section3</a>
 +
        <a href="#contact"  class="menu-item menu-fourth">section4</a>
 +
       
 +
    </div>
 +
</div>   
 +
 +
<script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/xuanfujs1?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/xuanfujs2?action=raw&amp;ctype=text/javascript"></script>
 +
 +
<!--悬浮导航栏结束-->
 +
<div class="demo" style="padding: 0 0; z-index:9999">
 +
<div class="containe" style="z-index:9999">
 +
<div class="row" style="z-index:9999">
 +
<div class="col-md-12" style="z-index:9999">
 +
<nav class="navbar navbar-default navbar-mobile bootsnav" style="z-index:9999" >
 +
<div class="navbar-header" style="height:60px; z-index:9999; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#d9d9d9">
 +
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu" style="margin-top:13px;">
 +
<i class="fa fa-bars">&nbsp;UESTC-China</i>
 +
</button>
 +
</div>
 +
<div class="collapse navbar-collapse" id="navbar-menu" style="border-bottom-style:solid; border-bottom-width:1px" style="z-index:9999">
 +
<ul class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp">
 +
                                                        <li><a href="https://2018.igem.org/Team:UESTC-China/">HOME</a></li>
 +
<li><a href="https://2018.igem.org/Team:UESTC-China/achievement">ACHIEVEMENT</a></li>
 +
<li class="dropdown">
 +
<a href="https://2018.igem.org/Team:UESTC-China/project" class="dropdown-toggle" data-toggle="dropdown">PROJECT</a>
 +
<ul class="dropdown-menu animated fadeOutUp">
 +
<li><a href="https://2018.igem.org/Team:UESTC-China/project_introduction">Introduction</a></li>
 +
<li><a href="https://2018.igem.org/Team:UESTC-China/project_design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:UESTC-China/project_demonstrate">Demonstrate</a></li>
 +
<li><a href="https://2018.igem.org/Team:UESTC-China/project_part">Part</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2018.igem.org/Team:UESTC-China/modeling">MODELING</a></li>
 +
<li><a href="https://2018.igem.org/Team:UESTC-China/attributions">ATTRIBUTIONS</a></li>
 +
<li class="dropdown">
 +
<a href="https://2018.igem.org/Team:UESTC-China/hp" class="dropdown-toggle" data-toggle="dropdown">H&nbsp;&nbsp;P</a>
 +
<ul class="dropdown-menu animated fadeOutUp">
 +
<li><a href="https://2018.igem.org/Team:UESTC-China/hp_ourstory">Our Story</a></li>
 +
<li><a href="https://2018.igem.org/Team:UESTC-China/hp_supportingresearch">Supporting Research</a></li>
 +
<li><a href="https://2018.igem.org/Team:UESTC-China/hp_engagement">Engagement</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="https://2018.igem.org/Team:UESTC-China/team" class="dropdown-toggle" data-toggle="dropdown">TEAM</a>
 +
<ul class="dropdown-menu animated fadeOutUp">
 +
<li><a href="https://2018.igem.org/Team:UESTC-China/team_teamintroduction">Team Introduction</a></li>
 +
<li><a href="https://2018.igem.org/Team:UESTC-China/team_collaborations">Collaborations</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="https://2018.igem.org/Team:UESTC-China/notebook" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK</a>
 +
<ul class="dropdown-menu animated fadeOutUp">
 +
<li><a href="#">Day Note</a></li>
 +
<li><a href="#">.........</a></li>
 +
<li><a href="#">..........</a></li>
 +
<li><a href="#">..........</a></li>
 +
<li><a href="#">........</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
                                           
 +
</div>
 +
</nav>
 +
</div>
 +
                    <div class="logo" style="height:45px; width:112px; position: absolute;right: 20px;z-index: 9999;top: 10px;">
 +
                        <a href="#">
 +
    <img src="https://static.igem.org/mediawiki/2018/e/ee/T--UESTC-China--biglogo.jpg" width="112" height="45" >
 +
</a>
 +
                    </div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="team" style="margin-top:-30px; position:relative; width:100%; z-index=1; background-color:#fff">
 +
    <div class="team-title">
 +
        <img src="https://static.igem.org/mediawiki/2018/a/a3/T--UESTC-China--test10top.jpg" style="width: 100%; ">
 +
    </div>
 +
 +
    <div class="neirong" style="position:relative; z-index:1 ;padding:0 8%; background-color:#fff">
 +
        <div class="container">
 +
<ul class="evenflow sample_1">
 +
<li class="evenflow_scale" style="width: 280px;position: absolute;top: 20px;left: 100px;">
 +
<a href="javascript:;" class="md-trigger btn btn-primary btn-sm" data-modal="modal-1"><img src="file:///E|/study/igem/网页图片/267f9e2f07082838ac3a8f1bb899a9014c08f18e (1).png" /></a>
 +
</li>
 +
<li class="evenflow_scale" style="width: 300px;top: 20px;left: 400px;">
 +
<a href="http://sc.chinaz.com/jiaoben/" target="_blank">
 +
<img src="img/2.png"></a>
 +
</li>
 +
<li class="evenflow_scale" style="width: 200px;left: 100px;top: 250px;">
 +
<a href="http://sc.chinaz.com/jiaoben/" target="_blank">
 +
<img src="img/3.png"></a>
 +
</li>
 +
<li class="evenflow_scale" style="width: 200px;top: 430px;left: 100px;">
 +
<a href="http://sc.chinaz.com/jiaoben/" target="_blank">
 +
<img src="img/4.png"></a>
 +
</li>
 +
<li class="evenflow_scale" style="width: 380px;left: 320px;top: 440px;">
 +
<a href="http://sc.chinaz.com/jiaoben/" target="_blank">
 +
<img src="img/5.png"></a>
 +
</li>
 +
 +
</ul>
 +
 +
 +
 +
 +
</div>
 +
 +
<div class="md-modal md-effect-1" id="modal-1">
 +
    <div class="md-content">
 +
      <h3>Modal Dialog</h3>
 +
      <div>
 +
        <p>This is a modal window. You can do the following things with it:</p>
 +
        <ul>
 +
          <li><strong>Read:</strong> modal windows will probably tell you something important so don't forget to read what they say.</li>
 +
          <li><strong>Look:</strong> a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.</li>
 +
          <li><strong>Close:</strong> click on the button below to close the modal.</li>
 +
        </ul>
 +
        <button class="md-close btn-sm btn-primary">Close me!</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 
 +
 
 +
<div class="md-overlay"></div>
 +
<script src="file:///C|/Users/panqichen/Desktop/模态框弹出/js/classie.js"></script>
 +
<script src="file:///C|/Users/panqichen/Desktop/模态框弹出/js/modalEffects.js"></script>
 +
    </div>
 +
<div class="hehe" style="background-color:balck">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12 " style="text-alien: center; vertical-alien: middle; font-size: 127%; text-align: center;">Copyright © 2018 iGEM UESTC_China </div>
 +
                <div class="col-md-12" style="text-alien: center; vertical-alien: middle; font-size: 127%; text-align: center;">
 +
                    <div class="social-icons style="float:right; line-height:60px">
 +
                     
 +
                            <i><a href="http://www.facebook.com/uestcchinaigem" class="fa fa-facebook"></a></i>&nbsp;
 +
                            <i><a href="http://twitter.com/UESTC_China" class="fa fa-twitter"></a></i>&nbsp;
 +
                            <i><a href="https://weibo.com/u/5983731394" class="fa fa-weibo"></a></i>&nbsp;
 +
                       
 +
                    </div>
 +
                   
 +
                </div>
 +
            </div>
 +
        </div>
 +
</div>
 +
</div>
 +
 +
 +
 +
<script src="https://2018.igem.org/Template:UESTC-China/Javascript/jquery?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:UESTC-China/Javascript/bootjs?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/bootnav?action=raw&amp;ctype=text/javascript"></script>
 +
 +
 +
</body>
 +
</html>

Revision as of 06:53, 5 September 2018

team

Copyright © 2018 iGEM UESTC_China