Difference between revisions of "Team:FAFU-CHINA"

Line 12: Line 12:
 
<body>
 
<body>
 
      
 
      
    <style>
 
body {
 
  margin: 0;
 
}
 
@media print {
 
  * {
 
    color: #000 !important;
 
    text-shadow: none !important;
 
    background: transparent !important;
 
    -webkit-box-shadow: none !important;
 
            box-shadow: none !important;
 
  }
 
}
 
a {
 
  color: #428bca;
 
  text-decoration: none;
 
}
 
.text-left {
 
  text-align: left;
 
}
 
.text-right {
 
  text-align: right;
 
}
 
.text-center {
 
  text-align: center;
 
}
 
.container {
 
  padding-right: 15px;
 
  padding-left: 15px;
 
  margin-right: auto;
 
  margin-left: auto;
 
}
 
@media (min-width: 768px) { .col-sm-12 {
 
    float: left;
 
  }
 
  .col-sm-12 {
 
    width: 100%;
 
  }
 
}
 
@media (min-width: 992px) { .col-md-12 {
 
    float: left;
 
  }
 
  .col-md-12 {
 
    width: 100%;
 
  }
 
}
 
@media (min-width: 1200px) { .col-lg-12 {
 
    float: left;
 
  }
 
  .col-lg-12 {
 
    width: 100%;
 
  }
 
}
 
.btn-default {
 
  color: #333;
 
  background-color: #fff;
 
  border-color: #ccc;
 
}
 
.btn-default:hover,
 
.btn-default:focus,
 
.btn-default:active,
 
.btn-default.active,
 
.open > .dropdown-toggle.btn-default {
 
  color: #333;
 
  background-color: #e6e6e6;
 
  border-color: #adadad;
 
}
 
.btn-default:active,
 
.btn-default.active,
 
.open > .dropdown-toggle.btn-default {
 
  background-image: none;
 
}
 
.btn-default.disabled,
 
.btn-default[disabled],
 
fieldset[disabled] .btn-default,
 
.btn-default.disabled:hover,
 
.btn-default[disabled]:hover,
 
fieldset[disabled] .btn-default:hover,
 
.btn-default.disabled:focus,
 
.btn-default[disabled]:focus,
 
fieldset[disabled] .btn-default:focus,
 
.btn-default.disabled:active,
 
.btn-default[disabled]:active,
 
fieldset[disabled] .btn-default:active,
 
.btn-default.disabled.active,
 
.btn-default[disabled].active,
 
fieldset[disabled] .btn-default.active {
 
  background-color: #fff;
 
  border-color: #ccc;
 
}
 
.btn-default .badge {
 
  color: #fff;
 
  background-color: #333;
 
}
 
.btn-primary {
 
  color: #fff;
 
  background-color: #428bca;
 
  border-color: #357ebd;
 
}
 
.btn-primary:hover,
 
.btn-primary:focus,
 
.btn-primary:active,
 
.btn-primary.active,
 
.open > .dropdown-toggle.btn-primary {
 
  color: #fff;
 
  background-color: #3071a9;
 
  border-color: #285e8e;
 
}
 
.btn-primary:active,
 
.btn-primary.active,
 
.open > .dropdown-toggle.btn-primary {
 
  background-image: none;
 
}
 
.btn-primary.disabled,
 
.btn-primary[disabled],
 
fieldset[disabled] .btn-primary,
 
.btn-primary.disabled:hover,
 
.btn-primary[disabled]:hover,
 
fieldset[disabled] .btn-primary:hover,
 
.btn-primary.disabled:focus,
 
.btn-primary[disabled]:focus,
 
fieldset[disabled] .btn-primary:focus,
 
.btn-primary.disabled:active,
 
.btn-primary[disabled]:active,
 
fieldset[disabled] .btn-primary:active,
 
.btn-primary.disabled.active,
 
.btn-primary[disabled].active,
 
fieldset[disabled] .btn-primary.active {
 
  background-color: #428bca;
 
  border-color: #357ebd;
 
}
 
.btn-primary .badge {
 
  color: #428bca;
 
  background-color: #fff;
 
}
 
.btn-success {
 
  color: #fff;
 
  background-color: #5cb85c;
 
  border-color: #4cae4c;
 
}
 
.btn-success:hover,
 
.btn-success:focus,
 
.btn-success:active,
 
.btn-success.active,
 
.open > .dropdown-toggle.btn-success {
 
  color: #fff;
 
  background-color: #449d44;
 
  border-color: #398439;
 
}
 
.btn-success:active,
 
.btn-success.active,
 
.open > .dropdown-toggle.btn-success {
 
  background-image: none;
 
}
 
.btn-success.disabled,
 
.btn-success[disabled],
 
fieldset[disabled] .btn-success,
 
.btn-success.disabled:hover,
 
.btn-success[disabled]:hover,
 
fieldset[disabled] .btn-success:hover,
 
.btn-success.disabled:focus,
 
.btn-success[disabled]:focus,
 
fieldset[disabled] .btn-success:focus,
 
.btn-success.disabled:active,
 
.btn-success[disabled]:active,
 
fieldset[disabled] .btn-success:active,
 
.btn-success.disabled.active,
 
.btn-success[disabled].active,
 
fieldset[disabled] .btn-success.active {
 
  background-color: #5cb85c;
 
  border-color: #4cae4c;
 
}
 
.btn-success .badge {
 
  color: #5cb85c;
 
  background-color: #fff;
 
}
 
.btn-info {
 
  color: #fff;
 
  background-color: #5bc0de;
 
  border-color: #46b8da;
 
}
 
.btn-info:hover,
 
.btn-info:focus,
 
.btn-info:active,
 
.btn-info.active,
 
.open > .dropdown-toggle.btn-info {
 
  color: #fff;
 
  background-color: #31b0d5;
 
  border-color: #269abc;
 
}
 
.btn-info:active,
 
.btn-info.active,
 
.open > .dropdown-toggle.btn-info {
 
  background-image: none;
 
}
 
.btn-info.disabled,
 
.btn-info[disabled],
 
fieldset[disabled] .btn-info,
 
.btn-info.disabled:hover,
 
.btn-info[disabled]:hover,
 
fieldset[disabled] .btn-info:hover,
 
.btn-info.disabled:focus,
 
.btn-info[disabled]:focus,
 
fieldset[disabled] .btn-info:focus,
 
.btn-info.disabled:active,
 
.btn-info[disabled]:active,
 
fieldset[disabled] .btn-info:active,
 
.btn-info.disabled.active,
 
.btn-info[disabled].active,
 
fieldset[disabled] .btn-info.active {
 
  background-color: #5bc0de;
 
  border-color: #46b8da;
 
}
 
.btn-info .badge {
 
  color: #5bc0de;
 
  background-color: #fff;
 
}
 
.btn-warning {
 
  color: #fff;
 
  background-color: #f0ad4e;
 
  border-color: #eea236;
 
}
 
.btn-warning:hover,
 
.btn-warning:focus,
 
.btn-warning:active,
 
.btn-warning.active,
 
.open > .dropdown-toggle.btn-warning {
 
  color: #fff;
 
  background-color: #ec971f;
 
  border-color: #d58512;
 
}
 
.btn-warning:active,
 
.btn-warning.active,
 
.open > .dropdown-toggle.btn-warning {
 
  background-image: none;
 
}
 
.btn-warning.disabled,
 
.btn-warning[disabled],
 
fieldset[disabled] .btn-warning,
 
.btn-warning.disabled:hover,
 
.btn-warning[disabled]:hover,
 
fieldset[disabled] .btn-warning:hover,
 
.btn-warning.disabled:focus,
 
.btn-warning[disabled]:focus,
 
fieldset[disabled] .btn-warning:focus,
 
.btn-warning.disabled:active,
 
.btn-warning[disabled]:active,
 
fieldset[disabled] .btn-warning:active,
 
.btn-warning.disabled.active,
 
.btn-warning[disabled].active,
 
fieldset[disabled] .btn-warning.active {
 
  background-color: #f0ad4e;
 
  border-color: #eea236;
 
}
 
.btn-warning .badge {
 
  color: #f0ad4e;
 
  background-color: #fff;
 
}
 
.btn-danger {
 
  color: #fff;
 
  background-color: #d9534f;
 
  border-color: #d43f3a;
 
}
 
.btn-danger:hover,
 
.btn-danger:focus,
 
.btn-danger:active,
 
.btn-danger.active,
 
.open > .dropdown-toggle.btn-danger {
 
  color: #fff;
 
  background-color: #c9302c;
 
  border-color: #ac2925;
 
}
 
.btn-danger:active,
 
.btn-danger.active,
 
.open > .dropdown-toggle.btn-danger {
 
  background-image: none;
 
}
 
.btn-danger.disabled,
 
.btn-danger[disabled],
 
fieldset[disabled] .btn-danger,
 
.btn-danger.disabled:hover,
 
.btn-danger[disabled]:hover,
 
fieldset[disabled] .btn-danger:hover,
 
.btn-danger.disabled:focus,
 
.btn-danger[disabled]:focus,
 
fieldset[disabled] .btn-danger:focus,
 
.btn-danger.disabled:active,
 
.btn-danger[disabled]:active,
 
fieldset[disabled] .btn-danger:active,
 
.btn-danger.disabled.active,
 
.btn-danger[disabled].active,
 
fieldset[disabled] .btn-danger.active {
 
  background-color: #d9534f;
 
  border-color: #d43f3a;
 
}
 
.btn-danger .badge {
 
  color: #d9534f;
 
  background-color: #fff;
 
}
 
.btn-link {
 
  font-weight: normal;
 
  color: #428bca;
 
  cursor: pointer;
 
  border-radius: 0;
 
}
 
.btn-link,
 
.btn-link:active,
 
.btn-link[disabled],
 
fieldset[disabled] .btn-link {
 
  background-color: transparent;
 
  -webkit-box-shadow: none;
 
          box-shadow: none;
 
}
 
.btn-link,
 
.btn-link:hover,
 
.btn-link:focus,
 
.btn-link:active {
 
  border-color: transparent;
 
}
 
.btn-link:hover,
 
.btn-link:focus {
 
  color: #2a6496;
 
  text-decoration: underline;
 
  background-color: transparent;
 
}
 
.btn-link[disabled]:hover,
 
fieldset[disabled] .btn-link:hover,
 
.btn-link[disabled]:focus,
 
fieldset[disabled] .btn-link:focus {
 
  color: #777;
 
  text-decoration: none;
 
}
 
.btn-lg,
 
.btn-group-lg > .btn {
 
  padding: 10px 16px;
 
  font-size: 18px;
 
  line-height: 1.33;
 
  border-radius: 6px;
 
}
 
.btn-sm,
 
.btn-group-sm > .btn {
 
  padding: 5px 10px;
 
  font-size: 12px;
 
  line-height: 1.5;
 
  border-radius: 3px;
 
}
 
.btn-xs,
 
.btn-group-xs > .btn {
 
  padding: 1px 5px;
 
  font-size: 12px;
 
  line-height: 1.5;
 
  border-radius: 3px;
 
}
 
.btn-block {
 
  display: block;
 
  width: 100%;
 
}
 
.btn-block + .btn-block {
 
  margin-top: 5px;
 
}
 
.home-sec {
 
    padding-top: 10px;
 
    padding-bottom: 60px;
 
    background: url(../img/header.jpg) no-repeat center center;
 
    padding: 0;
 
    -webkit-background-size: cover;
 
    background-size: cover;
 
    color: #fff;
 
    background-attachment: fixed;
 
}
 
    .home-sec .overlay {
 
        background: rgba(38, 57, 88, 0.89);
 
        min-height: 500px;
 
    }
 
    .home-sec h1 {
 
        color: #fff;
 
        font-weight: 900;
 
        font-size: 50px;
 
        text-transform: uppercase;
 
        padding-bottom: 35px;
 
    }
 
    .home-sec h3 {
 
        text-transform: uppercase;
 
    }
 
.set-flexi {
 
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
 
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
 
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
 
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
 
    background-color: transparent;
 
    border: 0px solid #000;
 
    padding-top: 120px;
 
}
 
.flex-control-nav {
 
    display: none!important;
 
}
 
.set-flexi a {
 
    margin: 5px;
 
}
 
h1::after {
 
    content: " ";
 
    border: solid 2px #2f9484;
 
    display: block;
 
    width: 200px;
 
    margin: 12px auto;
 
}
 
</style>
 
 
 
 
 
 
<style>
 
<style>
 
.headss{
 
.headss{
Line 660: Line 249:
 
}
 
}
 
</style>
 
</style>
<div class="column full_size">
 
 
<div class="headss">
 
<div class="headss">
 
     <div class="containerss" style="width:1500px;">
 
     <div class="containerss" style="width:1500px;">
Line 681: Line 269:
 
   </div>
 
   </div>
 
</div>
 
</div>
   
 
   
 
   
 
<!--NAVBAR SECTION END-->
 
<div class="home-sec" id="home">
 
<div class="overlay">
 
<div class="container">
 
<div class="row text-center ">
 
 
<div class="col-lg-12  col-md-12 col-sm-12">
 
 
<div class="flexslider set-flexi" id="main-section">
 
<ul class="slides move-me">
 
<!-- Slider 01 -->
 
<li style="list-style-type:none;">
 
<h3>project</h3>
 
<h1>project</h1>
 
<a href="demo3.html" class="btn btn-info btn-lg">
 
课程介绍
 
</a>
 
<a href="demo1.html" class="btn btn-success btn-lg">
 
团队介绍
 
</a>
 
</li>
 
<!-- End Slider 01 -->
 
 
</ul>
 
</div>
 
 
</div>
 
 
</div>
 
</div>
 
</div>
 
 
</div></div>
 
 
<!-- FEATURES SECTION END-->
 
<!-- FACULTY SECTION END-->
 
<!-- COURSES SECTION END-->
 
    <!-- CONTACT SECTION END-->
 
 
 
    <!--  Jquery Core Script -->
 
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 17:38, 28 June 2017

iGEM 2017_FAFU-CHINA