|
|
Line 12: |
Line 12: |
| <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Animate?action=raw&ctype=text/css" media="screen"> | | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Animate?action=raw&ctype=text/css" media="screen"> |
| <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue?action=raw&ctype=text/css " title="blue" media="screen" /> | | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue?action=raw&ctype=text/css " title="blue" media="screen" /> |
− |
| + | <style type="text/css">/*get rid of the annoying iGEM style*/ |
− | <style type="text/css"> | + | #content{padding:0;border:0;width:100%;} |
− | /*get rid of the annoying iGEM style*/
| + | |
− | #content{padding:0;border:0;width:100%;}
| + | |
| .firstHeading{visibility:hidden;} | | .firstHeading{visibility:hidden;} |
| h2{border-bottom:none;padding-bottom:.5em;} | | h2{border-bottom:none;padding-bottom:.5em;} |
− | .carousel-control.left, .carousel-control.right {background-image:none;}
| + | .carousel-control.left, .carousel-control.right{background-image: none} |
− | /*universal style*/
| + | /* to style the sidebar*/ |
− | @media (min-width:1024px){
| + | @media (min-width:1024px){ |
− | #sidebar1{position:relative;top:120px;} | + | #sidebar1{position:relative;top:120px;max-width:200px;} |
| #sidebar2{display:none;} | | #sidebar2{display:none;} |
| #nav-top{height:88px;} | | #nav-top{height:88px;} |
Line 28: |
Line 26: |
| #sidebar1{display:none;} | | #sidebar1{display:none;} |
| #sidebar2{display:block;} | | #sidebar2{display:block;} |
− | } | + | } |
| .back-to-top{z-index:9999;} | | .back-to-top{z-index:9999;} |
− | /* to style the team page*/
| + | ul.dropdown{margin-left: 0px; margin-top: 0px;} |
− | .individual-picture{max-width:200px;margin-top:15px; margin-bottom:10px; }
| + | .classic-title span { |
− | </style>
| + | position: absolute; |
| + | margin-top: -30px; |
| + | border-bottom-color: #00afd1; |
| + | } |
| + | </style> |
| </head> | | </head> |
| | | |
| <body> | | <body> |
− | <!-- Container -->
| + | <!-- Container --> |
| <div id="container"> | | <div id="container"> |
− | <!-- Start Header -->
| + | <!-- Start Header --> |
− | <header class="clearfix" id="fixedNav"> | + | <header class="clearfix"> |
− | <!-- Start Logo & Naviagtion -->
| + | <!-- Start Logo & Naviagtion --> |
| <div class="navbar navbar-default navbar-top"> | | <div class="navbar navbar-default navbar-top"> |
| <div class="container"> | | <div class="container"> |
Line 46: |
Line 48: |
| <!-- Stat Toggle Nav Link For Mobiles --> | | <!-- Stat Toggle Nav Link For Mobiles --> |
| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px"> | | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px"> |
− | <i class="fa"><img style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i> | + | <i class="fa"><img style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i> |
− | </button>
| + | </button> |
| <!-- End Toggle Nav Link For Mobiles --> | | <!-- End Toggle Nav Link For Mobiles --> |
| <a class="navbar-brand" href="https://2015.igem.org/Team:Peking"> | | <a class="navbar-brand" href="https://2015.igem.org/Team:Peking"> |
Line 53: |
Line 55: |
| </a> | | </a> |
| </div> | | </div> |
− | <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0"> | + | <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0"> |
| <!-- Start Navigation List --> | | <!-- Start Navigation List --> |
− | <ul class="nav navbar-nav navbar-right "id="nav-top" style="padding-bottom:15px;padding-top:10px">
| + | <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px"> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
| + | <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a> |
| <ul class="dropdown"> | | <ul class="dropdown"> |
− | <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a></li>
| + | <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a> |
− | <li><a href="https://2015.igem.org/Team:Peking/Parts">Parts</a></li>
| + | </li> |
− | <li><a href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a></li>
| + | <li><a href="https://2015.igem.org/Team:Peking/Parts">Parts</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a> |
| + | </li> |
| </ul> | | </ul> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/Design">Project</a>
| + | <a href="https://2015.igem.org/Team:Peking/Design">Project</a> |
| <ul class="dropdown"> | | <ul class="dropdown"> |
− | <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a></li>
| + | <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a> |
− | <li><a href="#">CRIPSR</a></li>
| + | </li> |
− | <li><a href="#">Isothermal PCR</a></li>
| + | <li><a href="http://2015.igem.rg/Team:Peking/Design/Sequence-specific visualization">Sequence-specific Visualization</a> |
− | <li><a href="#">B. subtillis</a></li>
| + | </li> |
− | <li><a href="#">Device</a></li>
| + | <li><a href="https://2015.igem.org/Team:Peking/Design/Isothermal">Iso-thermal Amplification</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Design/Array">Array-based diagnosis</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a> |
| + | </li> |
| </ul> | | </ul> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/Modeling">Modelling</a>
| + | <a href="https://2015.igem.org/Team:Peking/Modeling">Modeling</a> |
| <ul class="dropdown"> | | <ul class="dropdown"> |
− | <li><a href="#">Link 1</a></li> | + | <li><a href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a> |
− | <li><a href="#">Link 2</a></li> | + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis algorithm</a> |
| + | </li> |
| </ul> | | </ul> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/Practices">Practice</a>
| + | <a href="https://2015.igem.org/Team:Peking/Practices">Practices</a> |
| <ul class="dropdown"> | | <ul class="dropdown"> |
− | <li><a href="https://2015.igem.org/Team:Peking/Practices">Overview</a></li> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices">Overview</a> |
− | <li><a href="#">Link 1</a></li> | + | </li> |
− | <li><a href="#">Link 2</a></li> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Background">Facts about TB</a> |
− | <li><a href="#">Link 3</a></li> | + | </li> |
− | <li><a href="#">Link 4</a></li> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Consultation">Consultation and Interview</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Engagement">Public Engagement</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Outreach">Ethics and Economics Issue</a> |
| + | </li> |
| </ul> | | </ul> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="#" class="active">Lab</a>
| + | <a class="active" href="https://2015.igem.org/Team:Peking/Team">Lab</a> |
| <ul> | | <ul> |
− | <li><a href="#" class="active">Team</a></li> | + | <li><a class="active" href="https://2015.igem.org/Team:Peking/Team">Team</a> |
− | <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a></li> | + | </li> |
− | <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a></li> | + | <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a> |
− | <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a></li> | + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a> |
| + | </li> |
| </ul> | | </ul> |
| </li> | | </li> |
Line 106: |
Line 129: |
| </div> | | </div> |
| <!-- End Header Logo & Naviagtion --> | | <!-- End Header Logo & Naviagtion --> |
− | </header>
| + | |
| + | </header> |
| <!-- End Header Section --> | | <!-- End Header Section --> |
| | | |
| | | |
| <!-- Start Page Banner --> | | <!-- Start Page Banner --> |
− | <div class="page-banner" style="background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;"> | + | <div class="page-banner" style="background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px"> |
| <div class="container"> | | <div class="container"> |
| <div class="row"> | | <div class="row"> |
| <div class="col-md-6"> | | <div class="col-md-6"> |
− | <h2><b>Team</b></h2> | + | <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0"><b>Team</b></h2> |
− | <p>Meet our awesome team.</p> | + | <p style="margin-top:0px;font-size:14px">Meet our awesome team.</p> |
| </div> | | </div> |
| <div class="col-md-6"> | | <div class="col-md-6"> |
Line 128: |
Line 152: |
| </div> | | </div> |
| <!-- End Page Banner --> | | <!-- End Page Banner --> |
− |
| + | |
− |
| + | <div id="content"> |
− | <!-- Start Content -->
| + | |
− | <div id="content">
| + | |
| <div class="container"> | | <div class="container"> |
| <div class="row blog-page"> | | <div class="row blog-page"> |
− | <!--Sidebar-->
| + | |
| + | <!--Sidebar--> |
| <div class="col-md-3 sidebar left-sidebar"> | | <div class="col-md-3 sidebar left-sidebar"> |
− | <!-- Sidebar for windows > 1024px --> | + | <!-- Categories Widget --> |
| <div id="sidebar1"class="widget widget-categories"> | | <div id="sidebar1"class="widget widget-categories"> |
− | <h4 style="font-size:18px">Team<span class="head-line"></span></h4>
| + | <h4 style="font-size:18px">Team<span class="head-line"></span></h4> |
| <ul> | | <ul> |
− | <li><a href="#Team-Members">Members</a></li>
| + | <li><a href="#Team-Members">Members</a></li> |
| <li><a href="#Team-Instructors">Instructors</a></li> | | <li><a href="#Team-Instructors">Instructors</a></li> |
| <li><a href="#Team-Acknowledgement">Acknowledgement</a></li> | | <li><a href="#Team-Acknowledgement">Acknowledgement</a></li> |
− | </ul>
| + | |
| + | </ul> |
| </div> | | </div> |
− | <!-- Sidebar for windows < 1024px --> | + | <div id="sidebar2"class="widget widget-categories"> |
− | <div id="sidebar2"class="widget widget-categories">
| + | <h4 style="font-size:18px">Team<span class="head-line"></span></h4> |
− | <h4 style="font-size:18px">Team <span class="head-line"></span></h4>
| + | |
| <ul> | | <ul> |
− | <li><a href="#Team-Members">Members</a></li>
| + | <li><a href="#Team-Members">Members</a></li> |
| <li><a href="#Team-Instructors">Instructors</a></li> | | <li><a href="#Team-Instructors">Instructors</a></li> |
| <li><a href="#Team-Acknowledgement">Acknowledgement</a></li> | | <li><a href="#Team-Acknowledgement">Acknowledgement</a></li> |
− | </ul>
| + | |
| + | </ul> |
| </div> | | </div> |
| </div> | | </div> |
| <!--End sidebar--> | | <!--End sidebar--> |
− | <!-- Page Content -->
| + | <!-- Page Content --> |
| <div class="col-md-9 page-content"> | | <div class="col-md-9 page-content"> |
− | <div id="team-introduction"> | + | <div id="Team"> |
− | <!--annother type of touch slider--> | + | <!-- Classic Heading --> |
− | <div id="myCarousel" class="carousel slide" data-ride="carousel">
| + | <div id="myCarousel" class="carousel slide" data-ride="carousel"> |
| <!-- Indicators --> | | <!-- Indicators --> |
− | <ol class="carousel-indicators"> | + | <ol class="carousel-indicators" style="margin: 0 -30%;"> |
| <li data-target="#myCarousel" data-slide-to="0" class="active"></li> | | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
| <li data-target="#myCarousel" data-slide-to="1"></li> | | <li data-target="#myCarousel" data-slide-to="1"></li> |
Line 362: |
Line 386: |
| </div> | | </div> |
| <!--End Acknowledgement--> | | <!--End Acknowledgement--> |
− | </div><!-- End Page Content--> | + | </div> |
− | </div> | + | |
| + | |
| + | |
| + | |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************--> |
| + | <!--******************************* the only thing to CHANGE is the SHARE LINK******************************--> |
| + | <!-- Start Footer --> |
| + | <footer style="margin-top:30px; padding:0"> |
| + | <div class="container" > |
| + | <div class="row footer-widgets" style="padding:0:margin:0"> |
| + | |
| + | <!-- Start Subscribe & Social Links Widget --> |
| + | <div class="col-md-3"> |
| + | <div class="col-md-12 footer-widget social-widget row" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| + | <h4>Share This<span class="head-line"></span></h4> |
| + | <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
| + | <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking/Practices/Consultation"> |
| + | <i class="fa"> |
| + | <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;"> |
| + | </i> |
| + | </a> |
| + | </li> |
| + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
| + | <a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking/Practices/Consultation"> |
| + | <i class="fa"> |
| + | <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"> |
| + | </i> |
| + | </a> |
| + | </li> |
| + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
| + | <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking/Practices/Consultation"> |
| + | <i class="fa"> |
| + | <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"> |
| + | </i> |
| + | </a> |
| + | </li> |
| + | |
| + | </ul> |
| + | </div> |
| + | |
| + | <div class="col-md-12 footer-widget social-widget row"> |
| + | <h4>Follow Us<span class="head-line"></span></h4> |
| + | <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| + | <a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a> |
| + | </li> |
| + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| + | <a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a> |
| + | </li> |
| + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| + | <a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a> |
| + | </li> |
| + | </ul> |
| + | </div> |
| + | </div><!-- .col-md-3 --> |
| + | <!-- End Subscribe & Social Links Widget --> |
| + | |
| + | <div class="col-md-6"> |
| + | <div class="footer-widget"> |
| + | <h4>Sponsors<span class="head-line" ></span></h4> |
| + | <ul> |
| + | <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px"> |
| + | <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2015/0/04/PKU-Administration-logo.png"></a> |
| + | </li> |
| + | <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px"> |
| + | <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2015/9/9f/SLS-logo.png"></a> |
| + | </li> |
| + | <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px"> |
| + | <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2015/a/a9/IMCAS-logo.png"></a> |
| + | </li> |
| + | <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px"> |
| + | <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2015/0/09/CQB-logo.png"></a> |
| + | </li> |
| + | <li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px"> |
| + | <a href="http://www.bluepha.com/"><img src="https://static.igem.org/mediawiki/2015/1/12/Bluepha-logo.png"></a> |
| + | </li> |
| + | <li class="col-md-6" id="Synbio" style="margin-bottom:25px;max-width:300px"> |
| + | <a href="http://www.synbio-tech.com.cn/"><img src="https://static.igem.org/mediawiki/2015/7/78/Synbio-logo.png"></a> |
| + | </li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | <!--End sponsor Widget--> |
| + | |
| + | |
| + | <!-- Start Contact Widget --> |
| + | <div class="col-md-3"> |
| + | <div class="footer-widget" style="padding:0:margin:0" > |
| + | <h4>Contact us<span class="head-line" ></span></h4> |
| + | <div class="footer-widget contact-widget"> |
| + | <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo" > |
| + | |
| + | <ul style="font-size:12px;color:#b4b4b4"> |
| + | <li><span>Email:</span> <a href="Mailto:pekingigem@gmail.com&Subject=Hello&Body=Hi, Peking iGEM!"style="color:#b4b4b4">pekingigem@gmail.com</li> |
| + | <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4"> 2015.igem.org/Team:Peking</a></li> |
| + | <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li> |
| + | </ul> |
| + | </div> |
| + | </div><!-- .col-md-3 --> |
| + | <!-- End Contact Widget --> |
| + | |
| + | |
| + | </div><!-- .row --> |
| + | |
| + | <!-- Start Copyright --> |
| + | <div class="copyright-section"> |
| + | <div class="row"> |
| + | <div class="col-md-12" style="padding:0;margin:0;height:30px"> |
| + | <p class="text-center">© 2015 Peking iGEM - All Rights Reserved. Based on <a href="http://getbootstrap.com/"style="color:#b4b4b4">Bootstrap</a> and Margo template.</p> |
| + | </div> |
| + | |
| + | </div> |
| + | </div> |
| + | <!-- End Copyright --> |
| + | |
| </div> | | </div> |
− | </div> | + | </footer> |
| + | <!-- End Footer --> |
| + | |
| </div> | | </div> |
− | </div><!-- End Content -->
| + | <!-- End Container --> |
− | <!-- Start Footer -->
| + | |
− | <footer style="margin-top:30px;padding-top:25px">
| + | <!-- Go To Top Link --> |
− | <div class="container"> | + | <a href="#" class="back-to-top" style="z-index:9999"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style="margin-top:5px; width:90%"></i></a> |
− | <div class="row footer-widgets">
| + | |
− | <!-- Start Subscribe & Social Links Widget -->
| + | <div id="loader"> |
− | <div class="col-md-3" style="margin-bottom:0;padding-bottom:0">
| + | |
− | <div class="col-md-12 footer-widget social-widget row">
| + | |
− | <h4>Share This<span class="head-line"></span></h4>
| + | |
− | <ul class="social-icons">
| + | |
− | <li><a class="twitter" target="_blank" href="https://twitter.com/home/?status=2015.igem.org/Team:Peking/Team"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;"></i></a></li>
| + | |
− | <li><a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=2015.igem.org/Team:Peking/Team"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a></li>
| + | |
− | <li><a class="google"target="_blank" href="https://plus.google.com/share?url=2015.igem.org/Team:Peking/Team"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a></li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | <div class="col-md-12 footer-widget social-widget row">
| + | |
− | <h4>Follow Us<span class="head-line"></span></h4>
| + | |
− | <ul class="social-icons">
| + | |
− | <li><a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a></li>
| + | |
− | <li><a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a></li>
| + | |
− | <li><a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a></li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div><!-- .col-md-3 --><!-- End Subscribe & Social Links Widget -->
| + | |
− | <div class="col-md-6" style="margin-bottom:0;padding-bottom:0">
| + | |
− | <div class="footer-widget">
| + | |
− | <h4>Sponsors<span class="head-line" ></span></h4>
| + | |
− | <ul>
| + | |
− | <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
| + | |
− | <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2015/0/04/PKU-Administration-logo.png"></a>
| + | |
− | </li>
| + | |
− | <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
| + | |
− | <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2015/9/9f/SLS-logo.png"></a>
| + | |
− | </li>
| + | |
− | <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
| + | |
− | <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2015/a/a9/IMCAS-logo.png"></a>
| + | |
− | </li>
| + | |
− | <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
| + | |
− | <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2015/0/09/CQB-logo.png"></a>
| + | |
− | </li>
| + | |
− | <li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
| + | |
− | <a href="http://www.bluepha.com/"><img src="https://static.igem.org/mediawiki/2015/1/12/Bluepha-logo.png"></a>
| + | |
− | </li>
| + | |
− | <li class="col-md-6" id="Synbio" style="margin-bottom:25px;max-width:300px">
| + | |
− | <a href="http://www.synbio-tech.com.cn/"><img src="https://static.igem.org/mediawiki/2015/7/78/Synbio-logo.png"></a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div><!--End sponsor Widget-->
| + | |
− | <!-- Start Contact Widget -->
| + | |
− | <div class="col-md-3" style="margin-bottom:0;padding-bottom:0">
| + | |
− | <div class="footer-widget">
| + | |
− | <h4>Contact us<span class="head-line" ></span></h4>
| + | |
− | <div class="footer-widget contact-widget" style="font-size:12px">
| + | |
− | <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo">
| + | |
− | <ul>
| + | |
− | <li><span>Email:</span> pekingigem@gmail.com</li>
| + | |
− | <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4">2015.igem.org/Team:Peking</a></li>
| + | |
− | <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div><!-- .col-md-3 -->
| + | |
− | <!-- End Contact Widget -->
| + | |
− | </div><!-- .row --> | + | |
− | <!-- Start Copyright -->
| + | |
− | <div class="copyright-section" style="margin-top:0;margin-bottom:0"> | + | |
− | <div class="row">
| + | |
− | <div class="col-md-6">
| + | |
− | <p>© 2015 Peking iGEM - All Rights Reserved. Based on <a href="http://getbootstrap.com/">Bootstrap</a> and Margo template.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- End Copyright -->
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </footer><!-- End Footer -->
| + | |
− | </div><!-- End Container -->
| + | |
− | <!-- Go To Top Link -->
| + | |
− | <a href="#" class="back-to-top" style="z-index:9999"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style="margin-top:5px; width:90%"></i></a>
| + | |
− | <!--loader-->
| + | |
− | <div id="loader">
| + | |
| <div class="spinner"> | | <div class="spinner"> |
| <div class="dot1"></div> | | <div class="dot1"></div> |
| <div class="dot2"></div> | | <div class="dot2"></div> |
| </div> | | </div> |
− | </div> | + | </div> |
| + | |
| + | |
| <!-- add ?action=raw&ctype=text/javascript when using Js--> | | <!-- add ?action=raw&ctype=text/javascript when using Js--> |
− | <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&ctype=text/javascript"></script> | + | <!-- Margo JS --> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&ctype=text/javascript "></script> | + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&ctype=text/javascript "></script> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" > | + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&ctype=text/javascript"></script> |
− | function menuFixed(id){
| + | <script type="text/javascript" > |
− | var obj = document.getElementById(id);
| + | function menuFixed(id){ |
− | var _getHeight = obj.offsetTop;
| + | var obj = document.getElementById(id); |
− | window.onscroll = function(){changePos(id,_getHeight);}
| + | var _getHeight = obj.offsetTop; |
− | }
| + | |
− | function changePos(id,height){
| + | window.onscroll = function(){ |
− | var obj = document.getElementById(id);
| + | changePos(id,_getHeight); |
− | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
| + | } |
− | if(scrollTop < height){obj.style.position = 'relative';}
| + | } |
− | else{obj.style.position = 'fixed';}}
| + | function changePos(id,height){ |
| + | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| + | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150; |
| + | var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| + | var w = window.innerWidth; |
| + | if(w>=1024){ |
| + | if($(window).scrollTop() + $(window).height() > $(document).height() - 260){ |
| + | $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");} |
| + | } |
| + | if(scrollTop < height){ obj.style.position = 'relative'; |
| + | }else{ |
| + | obj.style.position = 'fixed'; |
| + | } |
| + | } |
| </script> | | </script> |
| + | |
| <script type="text/javascript"> | | <script type="text/javascript"> |
− | window.onload = function(){menuFixed('sidebar1');}
| + | window.onload = function(){ |
− | </script> | + | menuFixed('sidebar1'); |
| + | } |
| + | </script> |
| + | |
| + | |
| + | |
| </body> | | </body> |
| </html> | | </html> |