Difference between revisions of "Team:NPU-China"

Line 123: Line 123:
 
                 <div class="col-md-12">
 
                 <div class="col-md-12">
 
                     <h2 class="page-header">Abstract</h2>
 
                     <h2 class="page-header">Abstract</h2>
−
                     <h3 class="lead">Acrylic acid is a bulk chemical raw material, which is widely used in many fields because of its excellent
+
                     <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 &copy; 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">
 +
 
 +
<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
 
                         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
 
                         annual market demand of acrylic acid is up to 8 million tons, and the market value is nearly 10 billion

Revision as of 13:52, 18 October 2017

Abstract

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.
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.

Some fk

Project One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.

Project Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.

Project Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.

Project Four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.

Copyright © NPU-CHINA 2017

Abstract

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.
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.

Some fk

Project One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.

Project Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.

Project Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.

Project Four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.

Copyright © NPU-CHINA 2017