|
|
Line 1: |
Line 1: |
| {{NPU-China/mmp}} | | {{NPU-China/mmp}} |
− | <html lang="en">
| |
− |
| |
− | <head>
| |
− | <!-- Bootstrap Core CSS -->
| |
− | <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
| |
− |
| |
− | <!-- Custom CSS -->
| |
− | <link href="https://2017.igem.org/Template:NPU-China/css?action=raw&ctype=text/css" rel="stylesheet">
| |
− |
| |
− | <!-- Custom Fonts -->
| |
− | <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
| |
− |
| |
− | <!-- jQuery -->
| |
− | <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
| |
− |
| |
− | <!-- Bootstrap Core JavaScript -->
| |
− | <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| |
− |
| |
− | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
| |
− | <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
| |
− | <!--[if lt IE 9]>
| |
− | <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
| |
− | <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
| |
− | <![endif]-->
| |
− | <style>
| |
− |
| |
− | </style>
| |
− | </head>
| |
− |
| |
− |
| |
− | <body>
| |
− |
| |
− | <!-- Navigation -->
| |
− | <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
| |
− | <div class="container">
| |
− | <div class="navbar-header">
| |
− | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <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="https://2017.igem.org/Team:NPU-China">NPU-China</a>
| |
− | </div>
| |
− | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
| |
− | <ul class="nav navbar-nav navbar-right">
| |
− | <li class="active"> <a href="https://2017.igem.org/Team:NPU-China">Home</a> </li>
| |
− | <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<b class="caret"></b></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Aboutus">About us</a> </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Attribution">Attribution</a> </li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<b class="caret"></b></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Background">Background</a> </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Description">Description</a> </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Design">Design</a> </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Model">Model</a> </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Proofofconcept">Proof of concept</a> </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Demonstrate">Demonstrate</a> </li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts<b class="caret"></b></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/BasicParts">Basic Parts</a> </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/CompositeParts">Composite Parts</a> </li>
| |
− | </ul>
| |
− | </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Hardware">Hardware</a> </li>
| |
− | <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">HP<b class="caret"></b></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Silver">Silver</a> </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Gold">Gold</a> </li>
| |
− | </ul>
| |
− | </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Collaboration">Collaboration</a> </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Achievements">Achievements</a> </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Interlab">Interlab</a> </li>
| |
− |
| |
− | <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook<b class="caret"></b></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Labnotes">Labnotes</a> </li>
| |
− | <li> <a href="https://2017.igem.org/Template:NPU-China/Protocols">Protocols</a> </li>
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </nav>
| |
− |
| |
− | <!-- Header Carousel -->
| |
− | <header id="myCarousel" class="carousel slide">
| |
− | <!-- Indicators -->
| |
− | <div class="carousel-indicators">
| |
− | <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="2"></li>
| |
− | </div>
| |
− |
| |
− | <!-- Wrapper for slides -->
| |
− | <div class="carousel-inner">
| |
− | <div class="item active">
| |
− | <img src="https://static.igem.org/mediawiki/2017/1/1f/Npu-banner1.jpg">
| |
− |
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="https://static.igem.org/mediawiki/2017/2/28/Npu-banner2.jpg">
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="https://static.igem.org/mediawiki/2017/0/06/Npu-banner3.jpg">
| |
− | </div>
| |
− | </div>
| |
− | <a class="left carousel-control" href="#myCarousel" data-slide="prev">
| |
− | <span class="icon-prev"></span>
| |
− | </a>
| |
− | <a class="right carousel-control" href="#myCarousel" data-slide="next">
| |
− | <span class="icon-next"></span>
| |
− | </a>
| |
− | <!-- Controls -->
| |
− | </header>
| |
− | <div class="batu" style="background: url('https://static.igem.org/mediawiki/2017/f/fe/Npu-background.png') no-repeat fixed;">
| |
− | <!-- Page Content -->
| |
− | <div class="container">
| |
− |
| |
− | <div class="row">
| |
− | <div class="col-md-12">
| |
− | <h2 class="page-header">Abstract</h2>
| |
− | <h3>Acrylic acid is a bulk chemical raw material, which is widely used in many fields because of its excellent
| |
− | polymerization capacity, such as paint, glue, and even mobile phone screen protective film. The average
| |
− | annual market demand of acrylic acid is up to 8 million tons, and the market value is nearly 10 billion
| |
− | US dollars. It has broad market prospect. At present, acrylic acid is made from propylene (which
| |
− | is obtained by petroleum cracking) after multi-step treatment. The production process causes pollution,
| |
− | high energy consumption and it is unsustainable.<br> This year, we aim to use a green and environmentally
| |
− | friendly carbon source, glycerol to achieve all green production of acrylic acid. Compared to traditional
| |
− | chemical synthesis methods, Synbio is green and sustainable, and glycerol is cheaper than ethylene.
| |
− | </h3>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <!-- Marketing Icons Section -->
| |
− | <div class="row">
| |
− | <div class="col-md-12">
| |
− | <h2 class="page-header">Some fk</h2>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="row">
| |
− | <div class="col-md-6 img-portfolio">
| |
− | <a href="portfolio-item.html">
| |
− | <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt="">
| |
− | </a>
| |
− | <h3>
| |
− | <a href="portfolio-item.html">Project One</a>
| |
− | </h3>
| |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque
| |
− | urna varius vitae.</p>
| |
− | </div>
| |
− | <div class="col-md-6 img-portfolio">
| |
− | <a href="portfolio-item.html">
| |
− | <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt="">
| |
− | </a>
| |
− | <h3>
| |
− | <a href="portfolio-item.html">Project Two</a>
| |
− | </h3>
| |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque
| |
− | urna varius vitae.</p>
| |
− | </div>
| |
− | </div>
| |
− | <!-- /.row -->
| |
− |
| |
− | <!-- Projects Row -->
| |
− | <div class="row">
| |
− | <div class="col-md-6 img-portfolio">
| |
− | <a href="portfolio-item.html">
| |
− | <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt="">
| |
− | </a>
| |
− | <h3>
| |
− | <a href="portfolio-item.html">Project Three</a>
| |
− | </h3>
| |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque
| |
− | urna varius vitae.</p>
| |
− | </div>
| |
− | <div class="col-md-6 img-portfolio">
| |
− | <a href="portfolio-item.html">
| |
− | <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt="">
| |
− | </a>
| |
− | <h3>
| |
− | <a href="portfolio-item.html">Project Four</a>
| |
− | </h3>
| |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque
| |
− | urna varius vitae.</p>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <hr>
| |
− |
| |
− |
| |
− | <!-- Footer -->
| |
− | <footer>
| |
− | <div class="row">
| |
− | <div class="col-md-12">
| |
− | <p>Copyright © NPU-CHINA 2017</p>
| |
− | </div>
| |
− | </div>
| |
− | </footer>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | <!-- /.container -->
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <!-- Script to Activate the Carousel -->
| |
− | <script>
| |
− | $('.carousel').carousel({
| |
− | interval: 5000 //changes the speed
| |
− | })
| |
− | </script>
| |
− | </body>
| |
− |
| |
− | </html>{{NPU-China/mmp}}
| |
| <html lang="en"> | | <html lang="en"> |
| | | |