Difference between revisions of "Team:NJU-China/Team"

Line 567: Line 567:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
</div>
+
<html lang="en">
−
</div>
+
<head>
−
<div id="Demonstrate" style="background-color: black;color: white;border-top: 0.1px white solid; ">
+
<meta charset="UTF-8">
−
         <div class="container">
+
<title>TEAM</title>
−
             <div class="row" style="text-align: center;">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:Bootstrap?action=raw&ctype=text/css">
−
                 <div class="col-sm-6 col-md-6">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:vicstyle?action=raw&ctype=text/css">
−
                     <h2 style="color: white;font-size: 25px;padding: 175px 0 50px 0px;font-family: 'Microsoft YaHei';letter-spacing: 1.5px;">ATTRIBUTIONS</h2>
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:jumpto?action=raw&ctype=text/css">
−
                     <a href=https://2017.igem.org/Team:NJU-China/Demonstrate" class="set_1_btn Vbtn-1" style="padding-bottom: 150px;"> <svg>
+
<script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-2-1-4?  action=raw&ctype=text/javascript"></script>
−
                     <rect x="0" y="0" fill="none" width="100%" height="100%"></rect>
+
<script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-scripts?action=raw&ctype=text/javascript"></script>
−
                     </svg> READ MORE </a>                     
+
<script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-jumpto?action=raw&ctype=text/javascript"></script>
 +
 
 +
<style>
 +
#sideMenu,
 +
#top_title{
 +
    display: none;
 +
    box-sizing: content-box;
 +
}
 +
#content{
 +
    width: 100%;
 +
    margin: 0px;
 +
    padding:0;
 +
}
 +
#top_menu_14{
 +
    height: 22px;
 +
}
 +
#top_menu_under{
 +
    height: 0px;
 +
}
 +
#toplink a{
 +
display:none;
 +
}
 +
#top_menu_inside{
 +
padding-top:3;
 +
font-size:13px;
 +
}
 +
#HQ_page p {
 +
    font-family: proxima-nova,"Arial",Helvetica,sans-serif;
 +
    font-size: 19px;
 +
    text-align: justify;
 +
}
 +
i{
 +
font-size:13px;
 +
}
 +
#globalWrapper{
 +
padding-bottom:0;
 +
font-size:19px;
 +
}
 +
a:visited{
 +
color:white;
 +
}
 +
.set_1_btn {
 +
    color: white;
 +
    cursor: pointer;
 +
    display: block;
 +
    font-size: 24px;
 +
    font-weight: 400;
 +
    line-height: 65px;
 +
    margin-right: 2em;
 +
    text-align: center;
 +
    max-width: 250px;
 +
    position: relative;
 +
    text-decoration: none;
 +
    text-transform: uppercase;
 +
    vertical-align: middle;
 +
    width: 100%;
 +
}
 +
.set_1_btn:hover {
 +
    text-decoration: none;
 +
    color: #72261E;
 +
}
 +
.Vbtn-1 {
 +
    background:transparent;
 +
    text-align: center;
 +
    float:left;
 +
}
 +
.Vbtn-1 svg {
 +
    height: 65px;
 +
    left: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 100%;
 +
}
 +
.Vbtn-1 rect {
 +
    fill: none;
 +
    stroke: white;
 +
    stroke-width: 3;
 +
    stroke-dasharray: 422, 0;
 +
    transition: all 600ms linear 0s;
 +
}
 +
.Vbtn-1:hover {
 +
    background: none;
 +
    font-weight: 900;
 +
    letter-spacing: 1px;
 +
    transition: all 150ms linear 0s;
 +
}
 +
.Vbtn-1:hover rect {
 +
    stroke-width: 5;
 +
    stroke-dasharray: 25, 300;
 +
    stroke-dashoffset: 385;
 +
    -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
 +
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
 +
}
 +
 
 +
</style>
 +
</head>
 +
<body>
 +
    <div id="wrapper">
 +
         <div class="overlay"></div>
 +
   
 +
        <!-- Sidebar -->
 +
        <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
 +
             <ul class="nav sidebar-nav">
 +
                <li class="sidebar-brand">
 +
                    <a href="https://2017.igem.org/Team:NJU-China">
 +
                      NJU-CHINA
 +
                    </a>
 +
                 </li>
 +
                <li>
 +
                    <a href="https://2017.igem.org/Team:NJU-China"><i class="fa fa-fw fa-home"></i> Home</a>
 +
                </li>
 +
                <li class="dropdown">
 +
                    <a href="https://2017.igem.org/Team:NJU-China/Project" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Project <span class="caret"></span></a>
 +
                     <ul class="dropdown-menu" role="menu">
 +
                    <li class="dropdown-header"><a href="https://2017.igem.org/Team:NJU-China/Project">Project</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Project#Background">Description</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/InterLab">InterLab</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                    <a href="https://2017.igem.org/Team:NJU-China/Results/Conclusions" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Results <span class="caret"></span></a>
 +
                     <ul class="dropdown-menu" role="menu">
 +
                    <li class="dropdown-header"><a href="https://2017.igem.org/Team:NJU-China/Results/Conclusions">Results</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Results/Conclusions">Conclusions</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Demonstrate">Demonstrate</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Safety">Safety</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Improve">Improve</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="https://2017.igem.org/Team:NJU-China/Basic_Part"><i class="fa fa-fw fa-plus"></i> Parts </a>
 +
                </li>
 +
                <li class="dropdown">
 +
                  <a href="https://2017.igem.org/Team:NJU-China/Notebook" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Notebook <span class="caret"></span></a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                    <li class="dropdown-header"><a href="https://2017.igem.org/Team:NJU-China/Notebook">Notebook</a></li>
 +
                     <li><a href="https://2017.igem.org/Team:NJU-China/Experiments">Experiments</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Protocol">Protocol</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Calendar">Calendar</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                  <a href="https://2017.igem.org/Team:NJU-China/HP" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Human Practice <span class="caret"></span></a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                     <li class="dropdown-header"><a href="https://2017.igem.org/Team:NJU-China/HP">Human Practice</a></li>
 +
                     <li><a href="https://2017.igem.org/Team:NJU-China/HP/Silver">Silver HP</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/HP/Gold_Integrated">Intergrated and Gold</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Part_Collection">Public Engagement</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                  <a href="https://2017.igem.org/Team:NJU-China/Team" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Team <span class="caret"></span></a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                    <li class="dropdown-header"><a href="https://2017.igem.org/Team:NJU-China/Team">Team</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Attributions">Attributions</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Collaborations">Collaborations</a></li>
 +
                  </ul>
 +
                </li>                               
 +
            </ul>
 +
        </nav>
 +
        <!-- /#sidebar-wrapper -->
 +
<nav id="cd-vertical-nav">
 +
            <ul>
 +
                <li>
 +
                    <a href="#Background" data-number="1">
 +
                        <span class="cd-dot"></span>
 +
                        <span class="cd-label">Background</span>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="#Design" data-number="2">
 +
                        <span class="cd-dot"></span>
 +
                        <span class="cd-label">Design</span>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="#Reference" data-number="3">
 +
                        <span class="cd-dot"></span>
 +
                        <span class="cd-label">Reference</span>
 +
                    </a>
 +
                </li>
 +
            </ul>
 +
        </nav>       
 +
        <!-- Page Content -->
 +
       
 +
<div id="page-content-wrapper">
 +
          <button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
 +
            <span class="hamb-top"></span>
 +
            <span class="hamb-middle"></span>
 +
            <span class="hamb-bottom"></span>
 +
          </button>
 +
        <div class="projecttop">
 +
           
 +
        </div>
 +
        <div class="page_container">
 +
        <div id="PI" class="first" style="padding: 50px 0;">
 +
        <div id="page_edge1">
 +
        </div>
 +
            <h2>PI</h2>
 +
            <div class="container">
 +
                <div class="row">
 
                 </div>
 
                 </div>
−
                <div class="col-sm-6 col-md-6">
 
−
                    <h2 style="color: white;font-size: 25px;padding: 175px 0 50px 0px;font-family: 'Microsoft YaHei';letter-spacing: 1.5px;">COLLABORATION</h2>
 
−
                    <a href=https://2017.igem.org/Team:NJU-China/Demonstrate" class="set_1_btn Vbtn-1" style="padding-bottom: 150px;"> <svg>
 
−
                    <rect x="0" y="0" fill="none" width="100%" height="100%"></rect>
 
−
                    </svg> READ MORE </a>                   
 
−
                </div>                         
 
 
             </div>
 
             </div>
−
        </div>
+
            <h2>Instructors</h2>
−
</div>
+
            <div class="container">
−
<div id="footer-wrapper" style="background-color: #181818;padding-top: 50px;">
+
                <div class="row">
−
    <div class="container">
+
                 </div>
−
        <div class="row">
+
−
            <div class="col-sm-4 col-md-4">
+
−
                 <img src="https://static.igem.org/mediawiki/2017/d/d3/NJU_China_iGEM_2017_Home_logo.png" alt="" style="float: left;">
+
−
                <div style="background-color: gray;height: 70px;width:10px;float: left;margin-left: 15px;">
+
−
            </div>               
+
−
            </div>           
+
−
            <div class="col-sm-8 col-md-8">
+
−
                <img src="https://static.igem.org/mediawiki/2017/6/6b/NJU_China_iGEM_2017_Home_acknowledgement1.png" alt="" width="100%">
+
−
                <img src="https://static.igem.org/mediawiki/2017/0/00/NJU_China_iGEM_2017_Home_acknowledgement2.png" alt="" width="100%">
+
 
             </div>
 
             </div>
 +
            <h2>Advisors</h2>
 +
            <div class="container">
 +
                <div class="row">
 +
                </div>
 +
            </div>
 +
            <h2>Team Members</h2>
 +
            <div class="container">
 +
                <div class="row">
 +
                </div>
 +
            </div>                             
 
         </div>
 
         </div>
−
</div>
+
    </div>
−
  <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-2-1-4?  action=raw&ctype=text/javascript"></script>
+
  <div id="NJU-CHINA" class="foot" style="padding: 10px 0;background-color: black;color: white;">  
−
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:bootstrap?action=raw&ctype=text/javascript"></script>
+
            <div class="container">
−
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-scripts?action=raw&ctype=text/javascript"></script>
+
                <div class="row">
−
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:masterslider?action=raw&ctype=text/javascript"></script>
+
                    <div class="col-sm-6 col-md-6">
−
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-easing?action=raw&ctype=text/javascript"></script>
+
                        <a href="https://2017.igem.org/Team:NJU-China/Attributions" class="set_1_btn Vbtn-1" style="float: right;;margin: 10px 150px 0;"> <svg>
−
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-magnific-popup?action=raw&ctype=text/javascript"></script>
+
                        <rect x="0" y="0" fill="none" width="100%" height="100%"></rect>
−
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:owl-carousel?action=raw&ctype=text/javascript"></script>
+
                        </svg> ATTRIBUTIONS </a>
−
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-dlmenu?action=raw&ctype=text/javascript"></script>
+
                    </div>
−
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:include?action=raw&ctype=text/javascript"></script>
+
                    <div class="col-sm-6 col-md-6">
−
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:instagram-stream?action=raw&ctype=text/javascript"></script>
+
                        <a href="https://2017.igem.org/Team:NJU-China/Collaborations" class="set_1_btn Vbtn-1" style="float: right;;margin: 10px 150px 0;"> <svg>
−
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:TweenMax?action=raw&ctype=text/javascript"></script>
+
                        <rect x="0" y="0" fill="none" width="100%" height="100%"></rect>
−
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:ScrollToPlugin?action=raw&ctype=text/javascript"></script>
+
                        </svg> COLABORATIONS </a>  
−
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-jumpto?action=raw&ctype=text/javascript"></script>
+
                    </div>
−
<script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-ba-bbq?action=raw&ctype=text/javascript"></script>
+
                </div>
−
<script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-smooth-scroll?action=raw&ctype=text/javascript"></script>
+
            </div>      
−
<script src="https://2017.igem.org/Team:NJU-China/Javascript:fm-revealator-jquery?action=raw&ctype=text/javascript"></script>
+
     </div>
−
<script>
+
−
     jQuery(document).ready(function ($) {
+
−
                'use strict';
+
−
                // MASTER SLIDER START
+
−
                var slider = new MasterSlider();
+
−
                slider.setup('masterslider', {
+
−
                    width: 1920, // slider standard width
+
−
                    height: 1080, // slider standard height
+
−
                    space: 0,
+
−
                    layout: "fullwidth",
+
−
                    speed: 50,
+
−
                    centerControls: false,
+
−
                    loop: false,
+
−
                    autoplay: false,
+
−
                    parallaxMode: "mouse"
+
−
                            // more slider options goes here...
+
−
                            // check slider options section in documentation for more options.
+
−
                });
+
−
                // adds Arrows navigation control to the slider.
+
−
                MSScrollParallax.setup(slider, 50, 80, true);
+
  
−
                //GALLERY LIGHTBOX
+
</div>
−
                $('.triggerZoom').magnificPopup({
+
<!--page-->
−
                    type: 'image',
+
</div>
−
                    gallery: {
+
    <!-- /#wrapper -->
−
                        enabled: true
+
   
−
                    }
+
    <script src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-1110-min?action=raw&ctype=text/javascript" type="text/javascript"></script>
−
                });
+
    <script src="https://2017.igem.org/Team:NJU-China/Javascript:bootstrap-min-js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
          var trigger = $('.hamburger'),
 +
              overlay = $('.overlay'),
 +
            isClosed = false;
  
−
                // EVENTS CAROUSEL START
+
            trigger.click(function () {
−
                var owl = $("#events-carousel");
+
              hamburger_cross();     
 +
            });
  
−
                owl.owlCarousel({
+
            function hamburger_cross() {
−
                    singleItem: true,
+
−
                    pagination: true,
+
−
                    autoPlay: true
+
−
                });
+
  
−
                 // INSTAGRAM STREAM START
+
              if (isClosed == true) {         
−
                 $('.instagram-stream').instagramstream({
+
                 overlay.hide();
−
                    limit: 22, // number of images to fetch
+
                 trigger.removeClass('is-open');
−
                    username: 'NJU-CHINA', // your username
+
                trigger.addClass('is-closed');
−
                    overlay: true, // add overlay layer of hover effect
+
                isClosed = false;
−
                    textContainer: '.is-text', // default: '.is-text', pass jQuery object or selector
+
              } else { 
−
                    textPosition: '10', // place that at this position
+
                overlay.show();
−
                    textSize: '4', // size of text e.g. 1 - has size like one image; 2 - has size of two images etc.
+
                trigger.removeClass('is-closed');
−
                    accessToken: '3315219258.4b0afec.8788057cf36948e98d27353bee5a77d9'
+
                trigger.addClass('is-open');
−
                });
+
                isClosed = true;
−
               
+
              }
−
    });
+
          }
−
</script>  
+
         
 +
          $('[data-toggle="offcanvas"]').click(function () {
 +
                $('#wrapper').toggleClass('toggled');
 +
          });
 +
        });
 +
    </script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 11:20, 28 October 2017

TEAM

TEAM

PI

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Instructors

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Team Members

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

TEAM