|
|
(4 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | <!--https://github.com/sixrevisions/fixed-navigation-bar -->
| + | {{XJTLU-CHINA}} |
| + | |
| | | |
| <html> | | <html> |
| + | <div class="container"> |
| | | |
− | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | + | <div style="margin-top: 340px;"> |
| + | <div class="row"> |
| + | <div class="col-6"> |
| + | <p style="line-height:1.8;"> |
| + | 2. Project demonstration at STEM festival |
| + | Our demonstration of the team project for 2016 attracted much attention from business leaders, young adults and even the senior citizens. The picture below showed the curiosity to our project. They told us that they care more about how our mutagenesis can help cure severe diseases and wonder how the project could be applied into practical use. This type of information inspired us to work hard and consider more about how our project can help the society to achieve sustainability. |
| + | </p> |
| + | </div> |
| + | <div class="col-6"> |
| | | |
− | <style> | + | <img src="https://static.igem.org/mediawiki/2016/thumb/a/a9/5-4.jpeg/337px-5-4.jpeg" style="width: 455px;"> |
| + | <p style="text-align: center;"> sssssssssssss</p> |
| | | |
− | @navbar-default-border:none;
| |
| | | |
− | /* delete unnecessary things on page */ | + | </div> |
− | #top_title{
| + | |
− | display: none;
| + | |
− | }
| + | |
| | | |
− | #sideMenu{
| |
− | display: none;
| |
− | }
| |
| | | |
− | #content{
| |
− | padding:0;
| |
− | margin:0;
| |
− | line-height:1;
| |
− | width:100%;
| |
− | display:block;
| |
− | position:relative;
| |
− | }
| |
| | | |
− | #top_menu_14{
| + | </div> |
− | height:1em;
| + | </div> |
− | }
| + | |
| | | |
− | #top_menu_inside ul{
| |
− | line-height:1.5em;
| |
− | }
| |
− |
| |
− | #HQ_page p{
| |
− | font-family: inherit;
| |
− | font-size:inherit;
| |
− | text-align: inherit;
| |
− | }
| |
− |
| |
− |
| |
− | nav.navbar{
| |
− | margin-top: 180px;
| |
− | background-color:#fff;
| |
− | height: 50px;
| |
− | // Animation
| |
− | -webkit-transition: all 0.4s ease;
| |
− | transition: all 0.4s ease;
| |
− | }
| |
− |
| |
− | navbar li{
| |
− | padding-top: 30px;
| |
− | }
| |
− |
| |
− |
| |
− | nav.navbar.shrink {
| |
− | height: 30px;
| |
− | font: 10px;
| |
− | background-color:#000000;
| |
− | margin-top: 0px;
| |
− | padding-top: 0;
| |
− |
| |
− | }
| |
− | a:visited{
| |
− | color: #fff;
| |
− | }
| |
− |
| |
− | .fixed-nav-bar {
| |
− | position: absolute;
| |
− | top: 0;
| |
− | left: 0;
| |
− | z-index: 9999;
| |
− | width: 100%;
| |
− | height: 100px;
| |
− | background-color: #fff;
| |
− | }
| |
− |
| |
− |
| |
− | .navbar-brand {
| |
− | font-weight: 700;
| |
− | }
| |
− | .navbar-brand:focus {
| |
− | outline: none;
| |
− | }
| |
− |
| |
− |
| |
− | </style>
| |
− | <script>
| |
− | $(window).scroll(function() {
| |
− | if ($(document).scrollTop() > 30) {
| |
− | $('nav').addClass('shrink');
| |
− | $('ul').removeClass('.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul')
| |
− | } else {
| |
− | $('nav').removeClass('shrink');
| |
− | }
| |
− | });
| |
− | </script>
| |
− |
| |
− |
| |
− | <body id="page-top" class="index">
| |
− | <nav class="fixed-nav-bar text-center" >
| |
− | <!-- Fixed navigation bar content -->
| |
− | <img src="https://static.igem.org/mediawiki/2016/c/c1/Birds.png" style="width:100px;">
| |
− | <img src="https://static.igem.org/mediawiki/2016/e/e5/Ch.png">
| |
− |
| |
− | </nav>
| |
− |
| |
− | <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
| |
− | <div class="container-fluid">
| |
− |
| |
− | <!-- Brand and toggle get grouped for better mobile display -->
| |
− | <div class="navbar-header">
| |
− | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
| |
− | <span class="sr-only">Toggle navigation</span>
| |
− | <span class="icon-bar"></span>
| |
− | <span class="icon-bar"></span>
| |
− | <span class="icon-bar"></span>
| |
− | </button>
| |
− | <a class="navbar-brand" href="Team:XJTLU-CHINA">
| |
− | <i class="fa fa-graduation-cap"></i> <span class="light">XJTLU</span> CHINA
| |
− | </a>
| |
− | </div>
| |
− |
| |
− | <!-- Collect the nav links, forms, and other content for toggling -->
| |
− | <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
| |
− | <ul class="nav navbar-nav ">
| |
− | <li>
| |
− | <a href="#">Home</a>
| |
− | </li>
| |
− |
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/members">Members</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/Attributions">Attributions</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/Collaborations">Cooperations</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/ProjectDescription">Project Description</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/ProjectDesign">Design</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/Experiments">Experiments</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/Proof">Proof of Concept </a></li>
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/Results">Results</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/Futureplans">Future plans </a></li>
| |
− | <li><a href="(https://2016.igem.org/Team:XJTLU-CHINA/Description">Registry parts improvement </a></li>
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/Notebook">Notebook</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/Basicparts">Basic parts </a></li>
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/Compositeparts">composite parts </a></li>
| |
− |
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human practices<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/HP/Silver">Silver</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/HP/Gold">Gold</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/Integrated_Practices">Integrated practices</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:XJTLU-CHINA/Engagement">Public Engagement</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li>
| |
− | <a href="https://2016.igem.org/Team:XJTLU-CHINA/Safety">Safety</a>
| |
− | </li>
| |
− |
| |
− |
| |
− | </ul>
| |
− | </div><!-- /.navbar-collapse -->
| |
− | </div><!-- /.container-fluid -->
| |
− | </nav>
| |
− |
| |
− | <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
| |
− |
| |
− | <head>
| |
− | <title>MathJax TeX Test Page</title>
| |
− | <script type="text/x-mathjax-config">
| |
− | MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
| |
− | </script>
| |
− | <script type="text/javascript" async
| |
− | src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML">
| |
− | </script>
| |
− | </head>
| |
− |
| |
− | When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
| |
− | $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
| |
− | </
| |
− | <div class="jumbotron text-center">
| |
− |
| |
− | <p><a class="btn btn-primary btn-lg" href="#" role="button" style="">Learn more</a></p>
| |
| </div> | | </div> |
− | </body>
| |
− |
| |
− | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
| |
− | <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
| |
− |
| |
− |
| |
− |
| |
| </html> | | </html> |