Difference between revisions of "Team:BNU-China"

Line 1: Line 1:
 
{{BNU-China}}
 
{{BNU-China}}
 
<html>
 
<html>
−
<head>
+
<head>
−
<title>About</title>
+
<meta charset="utf-8">
−
<link href="T--BNU-China--bootstrap.css" rel='stylesheet' type='text/css' />
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
<title>BNU-China</title>
−
<script src="T--BNU-China--jquery-1.11.0.min.js"></script>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<link href="T--BNU-China--style.css" rel="stylesheet" type="text/css"/>
+
<meta name="description" content="Free HTML5 Website Template" />
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
−
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
+
−
<!-- Google Fonts -->
+
 
−
<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
+
  <!-- Facebook and Twitter integration -->
−
<!-- Google Fonts -->
+
<meta property="og:title" content=""/>
−
<script type="text/javascript" src="T--BNU-China--jquery.mixitup.min.js"></script>
+
<meta property="og:image" content=""/>
−
<script type="text/javascript">
+
<meta property="og:url" content=""/>
−
$(function () {
+
<meta property="og:site_name" content=""/>
 +
<meta property="og:description" content=""/>
 +
<meta name="twitter:title" content="" />
 +
<meta name="twitter:image" content="" />
 +
<meta name="twitter:url" content="" />
 +
<meta name="twitter:card" content="" />
 +
 
 +
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
 +
 +
<!-- Animate.css -->
 +
<link rel="stylesheet" href="css/animate.css">
 +
<!-- Icomoon Icon Fonts-->
 +
<link rel="stylesheet" href="css/icomoon.css">
 +
<!-- Bootstrap  -->
 +
<link rel="stylesheet" href="css/bootstrap.css">
 +
 
 +
<!-- Magnific Popup -->
 +
<link rel="stylesheet" href="css/magnific-popup.css">
 +
 
 +
<!-- Theme style  -->
 +
<link rel="stylesheet" href="css/style.css">
 +
 
 +
<!-- Modernizr JS -->
 +
<script src="js/modernizr-2.6.2.min.js"></script>
 +
<!-- FOR IE9 below -->
 +
<!--[if lt IE 9]>
 +
<script src="js/respond.min.js"></script>
 +
<![endif]-->
 +
 
 +
</head>
 +
<body>
 
 
−
var filterList = {
+
<div class="fh5co-loader"></div>
−
+
−
init: function () {
+
<div id="page">
−
+
<nav class="fh5co-nav" role="navigation">
−
// MixItUp plugin
+
<div class="container">
−
// http://mixitup.io
+
<div class="row">
−
$('#portfoliolist').mixitup({
+
<div class="col-xs-2 text-left">
−
targetSelector: '.portfolio',
+
<div id="fh5co-logo"><a href="https://2018.igem.org">BNU-China<span></span></a></div>
−
filterSelector: '.filter',
+
</div>
−
effects: ['fade'],
+
<div class="col-xs-10 text-right menu-1">
−
easing: 'snap',
+
<ul>
−
// call the hover effect
+
<li class="active"><a href="https://2018.igem.org/Team:BNU-China">Home</a></li>
−
onMixEnd: filterList.hoverEffect()
+
<li class="has-dropdown">
−
});
+
<a href="https://2018.igem.org/Team:BNU-China/Project">Project</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Project">Background</a></li>
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Proof">Results</a></li>
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Description">Improvement</a></li>
 +
</ul>
 +
</li>
 +
 +
<li class="has-dropdown">
 +
<a href="https://2018.igem.org/Team:BNU-China/Modeling">Modeling</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Model">Introduction</a></li>
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Model#model-theory">Modeling theory</a></li>
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Model#model-factor">Single Factor Analysis</a></li>
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Model#model-differential">Differential Equation</a></li>
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Model#model-visual">Visual Simulation</a></li>
 +
</ul>
 +
</li>
 +
 +
<li class="has-dropdown">
 +
<a href="https://2018.igem.org/Team:BNU-China/Achievements">Achievements</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Achievements#Parts">Parts</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Achievements#Judging">Judging</a></li>
 +
</ul>
 +
</li>
 +
 +
<li class="has-dropdown">
 +
<a href="https://2018.igem.org/Team:BNU-China/Practices">Practices</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Human_Practices">Schedule</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Practices">Human Practice</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Safety">Safety</a></li>
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Lab">Lab</a></li>
 +
<li><a href="https://2018.igem.org/Team:BNU-China/Interlab">Interlab</a></li>
 +
 +
<li class="has-dropdown">
 +
<a href="https://2018.igem.org/Team:BNU-China/Practices">Team</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2016.igem.org/Team:BNU-China/Team#">Members</a></li>
 +
<li><a href="https://2016.igem.org/Team:BNU-China/Attributions">Attributions</a></li>
 +
<li><a href="https://2016.igem.org/Team:BNU-China/Collaborations">Collaborations</a></li>
 +
<li><a href="https://2016.igem.org/Team:BNU-China/Acknowledgement">Acknowledgement</a></li>
 +
<li><a href="https://2016.igem.org/Team:BNU-China/Notebook">Notebook</a></li>
 +
<li><a href="https://2016.igem.org/Team:BNU-China/Protocol">Protocol</a></li>
 +
</ul>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
</div>
 
 
−
},
+
</div>
−
+
</nav>
−
hoverEffect: function () {
+
−
+
−
// Simple parallax effect
+
−
$('#portfoliolist .portfolio').hover(
+
−
function () {
+
−
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
+
−
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
+
−
},
+
−
function () {
+
−
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
+
−
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
+
−
}
+
−
);
+
−
+
−
}
+
−
 
+
−
};
+
−
+
−
// Run the show!
+
−
filterList.init();
+
 
 
 
 
−
});
+
<header id="fh5co-header" class="fh5co-cover fh5co-cover-sm" role="banner" style="background-image:url(images/img_bg_1.jpg);" data-stellar-background-ratio="0.5">
−
</script>
+
<div class="overlay"></div>
−
<script type="text/javascript" src="T--BNU-China--easing.js"></script>
+
−
<script type="text/javascript">
+
−
jQuery(document).ready(function($) {
+
−
$(".scroll").click(function(event){
+
−
event.preventDefault();
+
−
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
+
−
});
+
−
});
+
−
</script>
+
−
</head>
+
−
<body>
+
−
<!--- Header Starts Here ---->
+
−
<div class="header" id="home">
+
 
<div class="container">
 
<div class="container">
−
<div class="logos">
+
<div class="row">
−
<a href="index.html"><img src="T--BNU-China--logo.png" alt=""></a>
+
<div class="col-md-7 text-left">
−
</div>
+
<div class="display-t">
−
<!--- banner Slider starts Here -->
+
<div class="display-tc animate-box" data-animate-effect="fadeInUp">
−
  <script src="T--BNU-China--responsiveslides.min.js"></script>
+
<h1 class="mb30">Our Creative Products</h1>
−
<script>
+
</div>
−
    // You can also use "$(window).load(function() {"
+
−
    $(function () {
+
−
      // Slideshow 4
+
−
      $("#slider4").responsiveSlides({
+
−
        auto: true,
+
−
        pager: true,
+
−
        nav: true,
+
−
        speed: 500,
+
−
        namespace: "callbacks",
+
−
        before: function () {
+
−
          $('.events').append("<li>before event fired.</li>");
+
−
        },
+
−
        after: function () {
+
−
          $('.events').append("<li>after event fired.</li>");
+
−
        }
+
−
      });
+
−
+
−
    });
+
−
  </script>
+
−
<!--//End-slider-script-->
+
−
<!-- Slideshow 4 -->
+
−
    <div id="top" class="callbacks_container">
+
−
      <ul class="rslides" id="slider4">
+
−
        <li>
+
−
        <div  class="slide-content">
+
−
<h2>Welcome to BNU-China</h2>
+
−
<p></p>
+
 
</div>
 
</div>
−
</li>
+
</div>
−
      </ul>
+
</div>
−
    </div>
+
 
</div>
 
</div>
−
</div>
+
</header>
−
<!--- Header Ends Here -->
+
−
<!-- Navigation Starts Here -->
+
−
<!-- top-nav -->
+
−
+
−
<div class="top-nav">
+
−
<nav>
+
−
<span class="menu"></span>
+
−
<ul>
+
−
<li><a href="#about" class="scroll">About Us</a></li>
+
−
<li><a href="#Project" class="scroll">Project</a></li>
+
−
<li class="active"><a href="#home" class="scroll">Home</a></li>
+
−
<li><a href="#service" class="scroll">Service</a></li>
+
−
<li><a href="#contact" class="scroll">Contact</a></li>
+
−
<li><a href="https://2018.igem.org/Team:BNU-China/Interlab" class="scroll">Interlab</a></li>
+
−
<div class="clearfix"> </div>
+
−
</ul>
+
−
</nav>
+
−
</div>
+
−
<script>
+
−
$( "span.menu" ).click(function() {
+
−
  $( ".top-nav ul" ).slideToggle( "slow", function() {
+
−
    // Animation complete.
+
−
  });
+
−
});
+
−
</script>
+
  
−
<script src="T--BNU-China--myscript.js"> </script>
+
−
<!-- top-nav -->
+
 
−
<!--- Navigarion Ends Here -->
+
<div id="fh5co-project">
−
<!--- About Us Starts Here -->
+
<div class="container">
−
<div class="about" id="about">
+
<div class="row row-pb-md">
−
<div>
+
<div class="col-md-8 col-md-offset-2 text-left fh5co-heading  animate-box">
−
<h3 class="top-title">About us</h3>
+
<span>Want Some Cool Stuff</span>
−
<h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Direction 1</h3>
+
<h2>Recent Products</h2>
−
                        <p>
+
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
−
                        This year, BNU-China is truly fascinated by BIOMINERALIZATION, by which biological organisms produce hierarchically structured minerals with marvellous functions. We are aiming at modifying the genome of <i>Chaetomium globosum</i> to display E.coli K12 50S ribosomal protein L2 onto its surface. Meanwhile, with the help of Mcfp3 which acts as a flocculating protein, cells could automatically cement into solid granules as an inactive and stable form.
+
</div>
−
</p>
+
</div>
−
                        <p>
+
 
−
                        ● <i>Chaetomium globosum</i> is a widely used fungi with developed mycelia, large spreading area and strong tolerance.
+
<div class="row">
−
                        <br>● E.coli K12 50S ribosomal protein L2 has been demonstrated to have higher ability in binding silica. The protein is encoded by rplB, which was amplified by polymerase chain reaction.
+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
−
                        <br>● MCFP3 is a filopodia protein secreted from the mussel <i>Mytilus californianus</i>, it could slowly consolidate the binding of cells to particles.
+
<a href="#"><img src="images/work-1.jpg" alt="Free HTML5 Website Template" class="img-responsive">
−
                        </p>
+
<div class="fh5co-copy">
−
                        <p>Biology is closely linked with the real life--every basic research in lab may be a universal finding. After transfer those parts into <i>Chaetomium globosum</i>, we are aiming at cementing sand in the real desert. For which we created a word termed “desandilization”.</p>
+
<h3>Clipboard Office</h3>
 +
<p>Web Design</p>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 +
<a href="#"><img src="images/work-2.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 +
<div class="fh5co-copy">
 +
<h3>Smart Layers</h3>
 +
<p>Brand &amp; Identity</p>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 +
<a href="#"><img src="images/work-3.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 +
<div class="fh5co-copy">
 +
<h3>Notepad Mockup</h3>
 +
<p>Illustration</p>
 +
</div>
 +
</a>
 +
</div>
 +
 
 +
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 +
<a href="#"><img src="images/work-4.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 +
<div class="fh5co-copy">
 +
<h3>Outline Ribbon</h3>
 +
<p>Web Design</p>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 +
<a href="#"><img src="images/work-5.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 +
<div class="fh5co-copy">
 +
<h3>Food Icons Set</h3>
 +
<p>Brand &amp; Identity</p>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 +
<a href="#"><img src="images/work-6.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 +
<div class="fh5co-copy">
 +
<h3>Business Card</h3>
 +
<p>Illustration</p>
 +
</div>
 +
</a>
 +
</div>
 +
 
 +
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 +
<a href="#"><img src="images/work-1.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 +
<div class="fh5co-copy">
 +
<h3>Clipboard Office</h3>
 +
<p>Web Design</p>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 +
<a href="#"><img src="images/work-2.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 +
<div class="fh5co-copy">
 +
<h3>Smart Layers</h3>
 +
<p>Brand &amp; Identity</p>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 +
<a href="#"><img src="images/work-3.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 +
<div class="fh5co-copy">
 +
<h3>Notepad Mockup</h3>
 +
<p>Illustration</p>
 +
</div>
 +
</a>
 +
</div>
 +
 
 +
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 +
<a href="#"><img src="images/work-4.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 +
<div class="fh5co-copy">
 +
<h3>Outline Ribbon</h3>
 +
<p>Web Design</p>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 +
<a href="#"><img src="images/work-5.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 +
<div class="fh5co-copy">
 +
<h3>Food Icons Set</h3>
 +
<p>Brand &amp; Identity</p>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 +
<a href="#"><img src="images/work-6.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 +
<div class="fh5co-copy">
 +
<h3>Business Card</h3>
 +
<p>Illustration</p>
 +
</div>
 +
</a>
 +
</div>
 +
 
 +
 
 +
<div class="col-md-12 text-center">
 +
<nav aria-label="Page navigation">
 +
  <ul class="pagination">
 +
    <li>
 +
      <a href="#" aria-label="Previous">
 +
        <span aria-hidden="true">&laquo;</span>
 +
      </a>
 +
    </li>
 +
    <li class="active"><a href="#">1</a></li>
 +
    <li><a href="#">2</a></li>
 +
    <li><a href="#">3</a></li>
 +
    <li><a href="#">4</a></li>
 +
    <li><a href="#">5</a></li>
 +
    <li>
 +
      <a href="#" aria-label="Next">
 +
        <span aria-hidden="true">&raquo;</span>
 +
      </a>
 +
    </li>
 +
  </ul>
 +
</nav>
 +
</div>
 +
 
 +
</div>
 
</div>
 
</div>
−
                <br>
+
−
                <h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Direction 2</h3>
+
−
                <div>
+
−
                        <p>Bacterial species degradation is a common problem in laboratory and bioindustrial production. Usually, the strain degradation means the ability of the bacteria to produce target products is reduced or completely disappeared. When some engineering bacterium lose the expression vectors of product, they have a smaller pressure to survive, with strong competitiveness, but keeping the pathway, the engineering bacterium will be behind the competition. As a result, the macroscopic display is degradation.</p>
+
−
                        <p>It is mainly produced for the following reasons:</p>
+
−
                        <p>(1) Gene mutation. Bacterium often degrade because of mutations of gene that control products in the genome or by the loss of plasmids, resulting in inability or inefficiency to produce the target products.
+
−
<br>(2) The continuous passages of the strain cause degradation. Mutations always occurs in the cell cycle. The more times of passages happen, the more mutations appear. At the same time,  a small amount of degraded bacterium multiply quickly.
+
−
<br>(3) The culture medium and preservation environment also affect the degradation of the strain.
+
−
</p>
+
−
                        <p>Currently, the commonly methods to prevent degradations generally include :</p>
+
−
                        <p>(1) to minimize the passages;
+
−
<br>(2) purification of strains;
+
−
<br>(3) improve the culture medium and living environment;
+
−
<br>(4) use good saving methods.
+
−
</p>
+
−
                        <p>All of these methods have defects and need to be explored blindly for a long time. What’s more, none of them can give full play to the potential of the bacterium .</p>
+
−
                        <p>With the knowledge of the synthetic biology, we design a system that bacteria can screen out the degraded bacterium themselves, and the non-degraded strains will also get some compensations. Ideally, by using this system, the strain's life cycle would be greatly increased and the cost of the products would be greatly reduced.</p>
+
−
                        <p>In order to verify the feasibility of the designed anti-degradation circuit, we use the strain producing salicylic acid as the experimental strain.</p>
+
−
                        <p>There are mainly the following reasons:</p>
+
−
                        <p>(1) Some laboratories have already got the metabolic pathway in e. coli to produce salicylic acid ;
+
−
<br>(2) E. coli contains regulatory proteins that specifically bind with salicylic acid and the special promoter.
+
−
<br>(3) salicylic acid has broad utilization in many fields.
+
−
</p>
+
−
                        <p>The Kolbe-Schmitt method is an industrial synthesis method for salicylic acid production.
+
−
Salicylic acid was obtained from phenol by three-step reaction. Although it is the main method of producing salicylic acid in industry at present, the cost of this method is expensive and the production is very low.</p>
+
−
                        <p>By constructing the expression plasmid of ICS and IPL in E.coli to produce the key enzyme, the strain has the ability to produce salicylic acid.  However, the ability to produce salicylic acid is gradually lost due to the degradation of the strain during the passages. In order to find the degraded bacterium and promote the growth of normal strains, we will introduce a plasmid containing the emrR protein gene and the glucose dehydrogenase GENE sequence.</p>
+
−
                        <p>EmrR protein is a regulator, it can combine with specific promoter, thus inhibiting the promoter downstream gene’s expression. But when cells can synthesize salicylic acid, emrR proteins will combine with salicylic acid , as a result, its conformation changes, loss of the ability to combine with the promoter, then the downstream gene expresses  .</p>
+
−
                        <p>When the gene can promote the growth of normal bacteria, the bacteria that can continue to synthesize salicylic acid are more competitive. Through reading the papers , we chose to overexpress glucose dehydrogenase to promote the growth of the normal bacterial.</p>
+
−
                        <p>This project through the establishment of the positive regulation to give high-producing bacterial more survival advantages. When the bacterial produce salicylic acid ,it can express glucose dehydrogenase, then the overexpression of glucose dehydrogenase can promote the growth of the bacterial. Thus, they defeat the degraded bacterial in the competition.</p>
+
−
                        <p>Through this selection and positive regulation, this system can effectively ensure that the non-degraded strains in the reaction vessel have an advantage, and it is even possible to screen out the strains with high production efficiency.</p>
+
−
                        <p></p>
+
−
                        <br><br><br>
+
−
                </div>
+
 
</div>
 
</div>
−
<!-- About Us Ends Here -->
+
 
 +
 
 
 
−
<!--- Contact-starts Here -->
+
<div id="fh5co-started">
−
<div class="contact" id="contact">
+
<div class="container">
−
<div class="contact-map">
+
<div class="row animate-box">
−
<iframe src=""></iframe>
+
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
 +
<span>Let's work together</span>
 +
<h2>Try this template for free</h2>
 +
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
 +
<p><button type="submit" class="btn btn-default">Get In Touch</button></p>
 +
</div>
 +
</div>
 
</div>
 
</div>
−
<div class="contact-top">
+
</div>
−
<h3>Contact</h3>
+
 
−
<div class="row contact-top-row">
+
<footer id="fh5co-footer" role="contentinfo">
−
<div class="col-md-4 contact-top-column">
+
<div class="container">
−
<address>
+
<div class="row row-pb-md">
−
<p>
+
<div class="col-md-4 fh5co-widget ">
−
BNU</br>
+
<h3>Concept.</h3>
−
Xinjiekouwai st 19<br> Haidian district<br>
+
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
−
China
+
<p><a href="#">Learn More</a></p>
−
</p>
+
</div>
−
<p>Phone:</br> 010-58805207</br>13810968763</p>
+
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1 ">
−
<p><a href="mailto:09050@bnu.edu.cn">Email: 09050@bnu.edu.cn</a></p>
+
<ul class="fh5co-footer-links">
−
</address>
+
<li><a href="#">About</a></li>
 +
<li><a href="#">Help</a></li>
 +
<li><a href="#">Contact</a></li>
 +
<li><a href="#">Terms</a></li>
 +
<li><a href="#">Meetups</a></li>
 +
</ul>
 +
</div>
 +
 
 +
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1 ">
 +
<ul class="fh5co-footer-links">
 +
<li><a href="#">Shop</a></li>
 +
<li><a href="#">Privacy</a></li>
 +
<li><a href="#">Testimonials</a></li>
 +
<li><a href="#">Handbook</a></li>
 +
<li><a href="#">Held Desk</a></li>
 +
</ul>
 +
</div>
 +
 
 +
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1 ">
 +
<ul class="fh5co-footer-links">
 +
<li><a href="#">Find Designers</a></li>
 +
<li><a href="#">Find Developers</a></li>
 +
<li><a href="#">Teams</a></li>
 +
<li><a href="#">Advertise</a></li>
 +
<li><a href="#">API</a></li>
 +
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<div class="row copyright">
 +
<div class="col-md-12 text-center">
 +
<p>
 +
<small class="block">&copy; 2016 Free HTML5. All Rights Reserved.</small>
 +
<small class="block">More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> Demo Images: <a href="#" target="_blank">Pixeden</a> &amp; <a href="#" target="_blank">Unsplash</a></small>
 +
</p>
 +
<p>
 +
<ul class="fh5co-social-icons">
 +
<li><a href="#"><i class="icon-twitter"></i></a></li>
 +
<li><a href="#"><i class="icon-facebook"></i></a></li>
 +
<li><a href="#"><i class="icon-linkedin"></i></a></li>
 +
<li><a href="#"><i class="icon-dribbble"></i></a></li>
 +
</ul>
 +
</p>
 +
</div>
 +
</div>
 +
 
</div>
 
</div>
 +
</footer>
 
</div>
 
</div>
−
<!--- Contact-Ends Here -->
 
−
<!--- Footer Starts here -->
 
−
<div class="footer">
 
−
<ul class="footer-icons">
 
−
<li><i class="fb"></i></li>
 
−
<li><i class="twit"></i></li>
 
−
</ul>
 
−
<p class="copyright">Copyright &copy; BNU-China </p>
 
−
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
 
  
 +
<div class="gototop js-top">
 +
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
 
</div>
 
</div>
−
<!--- Footer Ends here -->
+
−
</body>
+
<!-- jQuery -->
 +
<script src="js/jquery.min.js"></script>
 +
<!-- jQuery Easing -->
 +
<script src="js/jquery.easing.1.3.js"></script>
 +
<!-- Bootstrap -->
 +
<script src="js/bootstrap.min.js"></script>
 +
<!-- Waypoints -->
 +
<script src="js/jquery.waypoints.min.js"></script>
 +
<!-- countTo -->
 +
<script src="js/jquery.countTo.js"></script>
 +
<!-- Magnific Popup -->
 +
<script src="js/jquery.magnific-popup.min.js"></script>
 +
<script src="js/magnific-popup-options.js"></script>
 +
<!-- Stellar -->
 +
<script src="js/jquery.stellar.min.js"></script>
 +
<!-- Main -->
 +
<script src="js/main.js"></script>
 +
 
 +
</body>
 
</html>
 
</html>

Revision as of 02:11, 7 October 2018

BNU-China

Let's work together

Try this template for free

Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.