Difference between revisions of "Team:ECUST"

Line 1: Line 1:
{{ECUST}}
+
{{ECUST/Header}}
 +
<html>
  
 +
<body class="t-body">
 +
<div id="overall-wrapper">
 +
      <!-- cover -->
 +
<div class="t-cover"  style="height:90vh; background-color:#974c4c" >
  
<html class="no-js">
 
  <head>
 
   
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <title>Iron Guardian</title>
 
    <meta name="description" content="">
 
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 
   
 
    <!-- CSS -->
 
    <link rel="stylesheet" href="https://2018.igem.org/Team:ECUST/Resources/CSS/owl.carousel?action=raw&ctype=text/css">
 
    <link rel="stylesheet" href="https://2018.igem.org/Template:ECUST/bootstrapmin?action=raw&ctype=text/css">
 
    <link rel="stylesheet" href="https://2018.igem.org/Team:ECUST/Resources/CSS/font-awesome.min?action=raw&ctype=text/css">
 
    <link rel="stylesheet" href="https://2018.igem.org/Team:ECUST/Resources/CSS/Style?action=raw&ctype=text/css">
 
   
 
    <link rel="stylesheet" https://2018.igem.org/Team:ECUST/Resources/CSS/animate?action=raw&ctype=text/css">
 
    <link rel="stylesheet" href="https://2018.igem.org/Team:ECUST/Resources/CSS/responsive?action=raw&ctype=text/css">
 
   
 
   
 
  
   </head>
+
        <div id="media-box">
  <body>
+
        <video id="landing-page-video" class="landing-video" poster="https://static.igem.org/mediawiki/2018/1/1b/T--ECUST--main.png" style="position:absolute left:100px;
 +
   top:80px;" playsinline autoplay muted loop>
 +
        <source src="" type="video/mp4">
 +
Your browser does not support HTML video tag.
 +
      </video>
 +
          </div>
 +
</div>
 +
 +
 +
 +
<div style="background: #393939 z-index: 5 " id="wrapper" >
 +
<div class="t-container" style="position: relative; padding-bottom: 50px; background-color: transparent;">
 +
<div class="t-col t-col_12" ><img width="100%" src="https://static.igem.org/mediawiki/2018/2/2c/T--ECUST--poster.png">
 +
</div>
  
 +
 +
 +
                                         
 +
 +
       
 +
 +
 +
</div>                             
 +
 +
    <script>
 +
 
 +
$('a[href^="#textblock1"]').on('click',function (e) {
 +
    e.preventDefault();
 +
 +
    var target = this.hash;
 +
    var $target = $(target);
 +
        var scroll = $target.offset().top-200;
 +
    $('html').stop().animate({
 +
        'scrollTop': scroll
 +
    }, 1000, 'swing')
 +
});
 +
 +
$( document ).ready( function() {
 +
  $('link[rel="shortcut icon"]').attr('href','https://static.igem.org/mediawiki/2018/f/f1/T--ECUST--favicon.png');
 +
});
 +
 +
</script>
 +
 +
 +
        </div> 
 +
</div>
 +
        </body>
  
  
    <!-- Header Start -->
 
  <header>
 
    <div class="container">
 
      <div class="row">
 
        <div class="col-md-12">
 
          <!-- header Nav Start -->
 
          <nav class="navbar navbar-default">
 
            <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">
 
                <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:ECUST">
 
                  <img src="https://static.igem.org/mediawiki/2018/0/0b/T--ECUST--teamlogo.jpeg" alt="Logo" height="150%">
 
                </a>
 
              </div>
 
                <!-- Collect the nav links, forms, and other content for toggling -->
 
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
                  <ul class="nav navbar-nav navbar-right">
 
                    <li><a href="/Team:ECUST">Project Description</a></li>
 
                   
 
                  </ul>
 
                </div><!-- /.navbar-collapse -->
 
              </div><!-- /.container-fluid -->
 
            </nav>
 
          </div>
 
        </div>
 
      </div>
 
    </header><!-- header close -->
 
       
 
    <!-- Slider Start -->
 
    <section id="slider">
 
      <div class="container">
 
        <div class="row">
 
          <div class="col-md-10 col-md-offset-2">
 
            <div class="block">
 
              <h1 class="animated fadeInUp">Iron Guardian</h1>
 
              <p class="animated fadeInUp">We love the work we do.We work closely to solve the problem </br> See our project background and how we try to solve the problem below</p>
 
            </div>
 
          </div>
 
        </div>
 
      </div>
 
    </section>
 
    <!-- Wrapper Start -->
 
    <section id="intro">
 
      <div class="container">
 
        <div class="row">
 
          <div class="col-md-7 col-sm-12">
 
            <div class="block">
 
              <div class="section-title">
 
                <h2>Project Description</h2>
 
                <p>The industrial cooling water accounts for about 70% of total water consumption, which is a huge proportion. The existence of microorganism will scale the pipeline, producing sludge and rust. As a result, we will see a decrease in water flow, an increase in energy consumption and damage to equipment, which are especially serious to large equipment. At present, many companies are providing services on clearing up the cooling water systems with physical and chemical methods, which require huge amounts of expensive agents, while doing serious damage to the systems. Therefore, it is an urgent necessity to construct a kind of engineered strain which can finish the task of killing iron bacteria, removing rust and sludge at the same time, which is environment-friendly and independent of chemical agents while reducing costs dramatically.</p>
 
              </div>
 
              <p>Our engineered Bacillus Subtilis will firstly detect the quorum sensing signal AHL, and the AHL bound with its receptor protein AfeR will trigger the expression of siderophore and DspB, which can destroy the living environment of iron bacteria. The formation of siderophore-Fe3+ will increase the concentration of Fe3+ which can be detected by our engineered bacteria and initiates the expression of cecropin.</p>
 
            </div>
 
          </div><!-- .col-md-7 close -->
 
          <div class="col-md-5 col-sm-12">
 
            <div class="block">
 
              <img src="https://static.igem.org/mediawiki/2018/a/a2/T--ECUST--wrapper-img.png" alt="Img">
 
            </div>
 
          </div><!-- .col-md-5 close -->
 
        </div>
 
      </div>
 
    </section>
 
  
 
 
   
 
    <!-- Service Start -->
 
   
 
   
 
    <!-- footer Start -->
 
    <footer>
 
      <div class="container">
 
        <div class="row">
 
          <div class="col-md-12">
 
            <div class="footer-manu">
 
              <ul>
 
               
 
              </ul>
 
            </div>
 
            <p>Copyright &copy; East China University of Science and Technology <a href="http://www.ecust.edu.cn/" target="_blank" title="ECUST">ECUST</a></p><p>This site is licensed under a Creative Commons Attribution 4.0 International license </p>
 
          </div>
 
        </div>
 
      </div>
 
    </footer>
 
           
 
           
 
           
 
   
 
    </body>
 
 
</html>
 
</html>
 +
{{ECUST/Footer}}

Revision as of 00:45, 23 August 2018