View source for Team:Nanjing-China

{{Template:Nanjing-China/css/bootstrap}}
{{Template:Nanjing-China/css/style}}
{{Template:Nanjing-China/css/fontawesome}}
{{Template:Nanjing-China/css/timer}}
{{Template:Nanjing-China/js/jquery}} 
{{Template:Nanjing-China/js/bootstrap}}
{{Template:Nanjing-China/js/menumaker}}
{{Template:Nanjing-China/js/jquery_sticky}}
{{Template:Nanjing-China/js/sticky-header}}
{{Template:Nanjing-China/js/timer}}
<html lang="en">
<head>
<style>#top_title{display:none!important;}</style>
    <style>
    #content{
        width:auto;
            }
    </style>
    <style>
    a{
      color:#fcfcd!important;
      }
    </style>
    <style>
    @font-face {
    font-family: 'FontAwesome';
    src: url('https://static.igem.org/mediawiki/2019/0/04/T--Nanjing-China--fontawesome-webfont.eot?v=4.7.0');
    src: url('https://static.igem.org/mediawiki/2019/0/04/T--Nanjing-China--fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://static.igem.org/mediawiki/2019/b/bd/T--Nanjing-China--fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://static.igem.org/mediawiki/2019/7/7e/T--Nanjing-China--fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://static.igem.org/mediawiki/2019/e/e6/T--Nanjing-China--fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
    </style>
<style>#navigation ul ul li a{background:#aa9144!important;}</style>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <title>Team:Nanjing-China</title>
    
    <!-- Google Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Roboto&display=swap' rel='stylesheet'>
</head>

<body>
    <div class="header" style="position:fixed;right:0;left:0;top:0;padding-top:15px;padding-bottom:10px;">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    <a href="index.html"><img src="https://static.igem.org/mediawiki/2019/3/3e/T--Nanjing-China--title.png" alt="logo"></a>
                </div>
                <div class="col-lg-8 col-md-4 col-sm-12 col-xs-12">
                    <div class="navigation">
                        <div id="navigation">
                            <ul>
                                <li class="active"><a href="https://2019.igem.org/Team:Nanjing-China" title="Home">Home</a></li>
                                <li class="has-sub"><a href="service-list.html" title="Service List">Team</a>
                                    <ul>
                                        <li><a href="https://2019.igem.org/Team:Nanjing-China/Menbers">Members</a></li>
                                        <li><a href="https://2019.igem.org/Team:Nanjing-China/Attribution">Attribution</a></li>
                                        <li><a href="https://2019.igem.org/Team:Nanjing-China/Collaboration">Collaboration</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="https://2019.igem.org/Team:Nanjing-China/Project">Project</a>
                                    <ul>
                                        <li><a href="https://2019.igem.org/Team:Nanjing-China/Descriptions">Descriptions</a></li>
                                        <li><a href="https://2019.igem.org/Team:Nanjing-China/Designs">Designs</a></li>
                                        <li><a href="https://2019.igem.org/Team:Nanjing-China/Results">Results</a></li>
                                        <li><a href="https://2019.igem.org/Team:Nanjing-China/Models">Models</a></li>
                                        <li><a href="https://2019.igem.org/Team:Nanjing-China/Methods">Methods</a></li>
                                        <li><a href="https://2019.igem.org/Team:Nanjing-China/Safety">Safety</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="service-list.html" title="Features">Parts</a>
                                    <ul>
                                        <li><a href="https://2019.igem.org/Team:Nanjing-China/Basic parts">Basic parts</a></li>
                                        <li><a href="https://2019.igem.org/Team:Nanjing-China/Composite parts">Composie parts</a></li>
                                        <li><a href="https://2019.igem.org/Team:Nanjing-China/Improve">Improve</a></li>
                                    </ul>
                                </li>
                                <li><a href="https://2019.igem.org/Team:Nanjing-China/Human Pratices">Human Practices</a> </li>
                                <li><a href="https://2019.igem.org/Team:Nanjing-China/Judging Form">Judging Form</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="hero-section" style="background-image:url('https://static.igem.org/mediawiki/2019/9/99/T--Nanjing-China--nju.jpg');">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <h1 class="hero-title">removal and reutilization of Phosphate in the sewage</h1>
                    <p class="hero-text"><strong>New Methods.New Applications.</strong> </p>
                    <a href="#" class="btn btn-default" style="color:#fcfcd">Know more</a> </div>
            </div>
        </div>
    </div>

 
    <div class="tlinks">Collect from <a href="http://www.cssmoban.com/" style="color:#fcfcd">建站模板</a></div>
    <div class="space-medium">
        <div class="container">
            <div class="row">
                <div class="col-lg-offset-2 col-lg-8 col-md-offset-2 col-md-8 col-sm-12 col-xs-12">
                    <div class="section-title mb60 text-center">
                        <!-- section title start-->
                        <h1>about us</h1>
                        <h5 class="small-title">hello!  We are Nanjing-China.</h5>
                    </div>

                    <!-- /.section title start-->
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-0">
                </div>
                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                    <div class="testimonial-block" style="margin-bottom:100px">
                        <!-- testimonial block -->
                        <div class="testimonial-content">
                            <p class="testimonial-text" style="font-size: 20px">"Our team Nanjing-China 2019 intends to develop a wholecell catalysis system targeted at developing industrial production to a more efficient level especially those dependent on metal catalyst."
                            </p>
                            <p class="testimonial-text" style="font-size: 20px">"Compared with the traditional ones, biocatalyst can carry out reactions with low pollution, low energy consumption and high specificity. We manage to make our model organisms play the role of assembling metal ions and attach to the nucleation of them which thus form biohybrid whole-cell catalysis systems. As long as a collector is designed, we will make a portable whole-cell reacting system, which promises reactions with high efficiency."
                            </p>
                        </div>
                    <!--/. testimonial block -->
                </div>
            </div>
        </div>
    </div>
   <div class="space-medium bg-default">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12"><img src="images/about-img.jpg" alt="" class="img-responsive"></div>
                <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
                    <div class="well-block">
                        <h1>HELLO!WE ARE NANJING-CHINA.</h1>
                        <h5 class="small-title ">best experience ever</h5>
                        <p>Free Hair Salon Website Templates for your hair salon shop or business. <a href="#" style="color:#fcfcd">Free Website Template Download It now!</a></p>
                        <p>Bootstrap templates free download idcondi mentum utturpis one fuscenec justo idle libero pharetra posuere aliquam tempus is porttitor atfinibus sollicitudin namiam.</p>
                        <p>Best Free HTML CSS Website Templates for salon and hair cutting business. All features are clean designed</p>
                        <a href="# " class="btn btn-default" style="color:#fcfcd">View More About us</a> </div>
                </div>
            </div>
        </div>
    </div>
	    <div class="space-medium bg-default">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12"><img src="images/about-img.jpg" alt="" class="img-responsive"></div>
                <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
                    <div class="well-block">
                        <h1>Men’s salon website templates</h1>
                        <h5 class="small-title ">best experience ever</h5>
                        <p>Free Hair Salon Website Templates for your hair salon shop or business. <a href="#">Free Website Template Download It now!</a></p>
                        <p>Bootstrap templates free download idcondi mentum utturpis one fuscenec justo idle libero pharetra posuere aliquam tempus is porttitor atfinibus sollicitudin namiam.</p>
                        <p>Best Free HTML CSS Website Templates for salon and hair cutting business. All features are clean designed</p>
                        <a href="# " class="btn btn-default" style="color:#fcfcd">View More About us</a> </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cta-section">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="cta-title">hair salon website templates</h1>
                    <p class="cta-text">You can download and use these FREE HTML templates for your salon and beauty shop and store. </p>
                    <a href="#downloads/category/free-website-template/" class="btn btn-default" target="_blank" style="color:#fcfcd">Call to action buttons</a> </div>
            </div>
        </div>
    </div>
    <div class="space-medium">
        <div class="container">
            <div class="row">
                <div class="col-lg-offset-2 col-lg-8 col-md-offset-2 col-md-8 col-sm-12 col-xs-12">
                    <div class="section-title mb40 text-center">
                        <!-- section title start-->
                        <h1>Latest News &amp; Article</h1>
                    </div>
                    <!-- /.section title start-->
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="post-block">
                        <div class="row ">
                            <!-- post block -->
                            <div class="col-md-6">
                                <div class="post-img">
                                    <a href="#"><img src="images/post-img.jpg" alt="" class="img-responsive"></a>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="post-content">
                                    <h2><a href="#" class="title" target="_blank"> cosmetics website templates free download</a></h2>
                                    <p class="meta"> <span class="meta-date"> 1 January 2018</span> <span class="meta-comment"><a href="# ">(12) Comments</a></span> <span class="meta-author">By <a href="#">Author</a></span></p>
                                    <p>Cras dolor arcu porttitor atfinibus idcondi mentum uttu rpis one fuscenec justo idle libero pharetra posuere aliq uam tempus is porttitor atfinibus.</p>
                                    <a href="#" class="btn btn-default" style="color:#fcfcd">Read More</a> </div>
                            </div>
                        </div>
                        <!-- /.post block -->
                    </div>
                </div>
            </div>
        </div>
    </div>
      <section class="section-wrap result-boxes parallax-counters relative pt-mdm-40">
        <div class="container">
          <div class="row">

            <div class="col-sm-3">
              <div class="statistic text-center mt-mdm-40">
                <i class="fa fa-pagelines"></i>
                <span class="timer" data-from="0" data-to="968">968</span>
                <h5 class="counter-text">Cups of Coffee</h5>
              </div>
            </div>

            <div class="col-sm-3">
              <div class="statistic text-center mt-mdm-40">
                <i class="fa fa-child"></i>
                <span class="timer" data-from="0" data-to="35000">35000</span>
                <h5 class="counter-text">Happy Clients</h5>
              </div>
            </div>

            <div class="col-sm-3">
              <div class="statistic text-center mt-mdm-40">              
                <i class="fa fa-line-chart"></i>
                <span class="timer" data-from="0" data-to="813">813</span>
                <h5 class="counter-text">Marketing Goals</h5>
              </div>
            </div>

            <div class="col-sm-3">
              <div class="statistic text-center mt-mdm-40">
                <i class="fa fa-tint"></i>
                <span class="timer" data-from="0" data-to="972">972</span>
                <h5 class="counter-text">Awesome Ideas</h5>
              </div>
            </div>

          </div>
        </div>
        <div class="parallax" data-stellar-background-ratio="0.5"></div>
      </section> <!-- end results -->

    <div class="footer">
        <!-- footer-->
        <div class="container">
            <div class="footer-block">
                <!-- footer block -->
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        <div class="footer-widget">
                            <h2 class="widget-title">Salon Address</h2>
                            <ul class="listnone contact">
                                <li><i class="fa fa-map-marker"></i> 4958 Norman Street Los Angeles, CA 90042 </li>
                                <li><i class="fa fa-phone"></i> +00 (800) 123-4567</li>
                                <li><i class="fa fa-fax"></i> +00 (123) 456 7890</li>
                                <li><i class="fa fa-envelope-o"></i> info@salon.com</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="footer-widget footer-social">
                            <!-- social block -->
                            <h2 class="widget-title">Social Feed</h2>
                            <ul class="listnone">
                                <li>
                                    <a href="#"> <i class="fa fa-facebook"></i> Facebook </a>
                                </li>
                                <li><a href="#"><i class="fa fa-twitter"></i> Twitter</a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i> Google Plus</a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i> Linked In</a></li>
                                <li>
                                    <a href="#"> <i class="fa fa-youtube"></i>Youtube</a>
                                </li>
                            </ul>
                        </div>
                        <!-- /.social block -->
                    </div>
                    <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
                        <div class="footer-widget widget-newsletter">
                            <!-- newsletter block -->
                            <h2 class="widget-title">Newsletters</h2>
                            <p>Enter your email address to receive new patient information and other useful information right to your inbox.</p>
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="Email Address">
                                <span class="input-group-btn">
                            <button class="btn btn-default" type="button" style="color:#fcfcd">Subscribe</button>
                            </span>
                            </div>
                            <!-- /input-group -->
                        </div>
                        <!-- newsletter block -->
                    </div>
                </div>
                <div class="tiny-footer">
                    <!-- tiny footer block -->
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="copyright-content">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.tiny footer block -->
            </div>
            <!-- /.footer block -->
        </div>
    </div>
    <!-- /.footer-->
</body>

</html>