Difference between revisions of "Team:NU Kazakhstan/Protocols"

(Created page with "{{NU_Kazakhstan}} <html> <body> <!-- Start Banner Area --> <section class="generic-banner relative" style="background: url(https://static.igem.org/mediawiki/2018/1/13/T--NU_Ka...")
 
Line 2: Line 2:
 
<html>
 
<html>
 
<body>
 
<body>
<!-- Start Banner Area -->
+
<section class="generic-banner relative" style="background: url(https://static.igem.org/mediawiki/2018/1/13/T--NU_Kazakhstan--protocols.jpg); background-size: cover; ">
<section class="generic-banner relative" style="background: url(https://static.igem.org/mediawiki/2018/1/13/T--NU_Kazakhstan--protocols.jpg); background-size: cover; ">
+
<div class="overlay overlay-bg"></div>
<div class="overlay overlay-bg"></div>
+
<div class="container">
<div class="container">
+
<div class="row height align-items-center justify-content-center">
<div class="row height align-items-center justify-content-center">
+
<div class="col-lg-10">
<div class="col-lg-10">
+
<div class="col-lg-12">
+
<div class="banner-content text-center">
<div class="col-lg-12">
+
<h1 style="color: #fff; border-bottom: none; font-weight: bold!important">Protocols</h1>
<div class="banner-content text-center">
+
<h1 style="color: #fff; border-bottom: none; font-weight: bold!important">Protocols</h1>
+
</div>
+
</div>
+
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
</section>
+
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<section class="sample-text-area">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-3">
 +
  
<section class="sample-text-area">
+
<!--BEGIN HEAD-->
<div class="container">
+
<small>
<div class="row">
+
<div id="container" style="width:40%; margin-left:5vw">
<div class="col-md-12">
+
<div id="accordion" style="width:50%;">
<b>Attributions</b>
+
  
</div>
+
<!--END HEAD-->
</div>
+
<br><Br>
+
<div class="row">
+
<div class="col-md-1"><img src="https://static.igem.org/mediawiki/2018/f/f1/T--NU_Kazakhstan--smg.png" class="img-fluid"></div>
+
<div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/a/a8/T--NU_Kazakhstan--ldt.png" class="img-fluid"></div>
+
<div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/2/2e/T--NU_Kazakhstan--ncb.png" class="img-fluid"></div>
+
  
<div class="col-md-1"><img src="https://static.igem.org/mediawiki/2018/f/fc/T--NU_Kazakhstan--nu.png" class="img-fluid"></div>
+
<!--BEGIN FIRST CARD-->
 +
<div class="card border-success mb-3 text-center">
 +
  <div class="card-header">
 +
    <a class="collapsed card-link text-center" data-toggle="collapse" href="#collapseFIRST">
 +
<h5 class="card-title text-dark">First Fold</h5>
 +
<h6 class="card-subtitle mb-2 text-muted">Subtitle</h6>
 +
</a>
 +
  </div>
 +
  <div id="collapseFIRST" class="collapse" data-parent="#accordion">
 +
    <div class="card-body text-left">
 +
   
 +
  <table class="table table-hover group table-striped">
 +
  <tbody> 
 +
    <tr>
 +
  <td>Title:</td>
 +
  <td>Value</td>
 +
  </tr>
 +
 
 +
  <tr>
 +
  <td>Title:</td>
 +
  <td>Value</td>
 +
  </tr>
 +
 
 +
  <tr>
 +
  <td>Title:</td>
 +
  <td>Value</td>
 +
  </tr>
 +
  </tbody>
 +
  </table>
 +
    </div>
 +
 +
<div class="card-footer text-muted">
 +
<a role="button" target="_BLANK" href="#" class="btn btn-sm btn-info"><font style="font-size: 8px;">Link</font></a>
 +
<a role="button" target="_BLANK" href="#" class="btn btn-sm btn-info"><font style="font-size: 8px;">Link</font></a>
 +
</div>
 +
 +
  </div>
 +
</div>
 +
<!--END FIRST CARD-->
 +
 
 +
<!--BEGIN SECOND CARD-->
 +
 
 +
<div class="card border-info mb-3 text-center">
 +
  <div class="card-header">
 +
    <a class="card-link" data-toggle="collapse" href="#collapseSECOND">
 +
<h5 class="card-title text-dark">Second Fold</h5>
 +
<h6 class="card-subtitle mb-2 text-muted">Subtitle</h6>
 +
</a>
 +
  </div>
 +
  <div id="collapseSECOND" class="collapse show" data-parent="#accordion">
 +
    <div class="card-body">
 +
<table class="table table-hover group table-striped">
 +
<table class="table table-hover group table-striped">
 +
<tbody> 
 +
  <tr>
 +
<td>Title:</td>
 +
<td>Value</td>
 +
</tr>
 +
 +
<tr>
 +
<td>Title:</td>
 +
<td>Value</td>
 +
</tr>
 +
 +
<tr>
 +
<td>Title:</td>
 +
<td>Value</td>
 +
</tr>
 +
 +
<tr>
 +
<td>Title:</td>
 +
<td>Value</td>
 +
</tr>
 +
 +
<tr>
 +
<td>Title:</td>
 +
<td>Value</td>
 +
</tr>
 +
</tbody>
 +
</table>       
 +
         
 +
    <div class="card-footer text-muted">
 +
 +
</div>
 +
</div>
 +
  </div>
 +
</div>
 +
<!--END SECOND CARD-->
 +
 
 +
<!--BEGIN THIRD (TABBED) CARD-->
 +
<div class="card border-primary mb-3">
 +
  <div class="card-header">
 +
    <a class="collapsed card-link text-dark text-center" data-toggle="collapse" href="#collapseTHIRD">
 +
<h5 class="card-title text-dark">Third Fold</h5>
 +
<h6 class="card-subtitle mb-2 text-muted">With Tabs</h6>
 +
  </div>
 +
  <div id="collapseTHIRD" class="collapse" data-parent="#accordion">
 +
    <div class="card-body">
 +
     
 +
  <div class="card border-primary mb-3">
 +
        <div class="card-header">
 +
          <div class="nav nav-tabs card-header-tabs" id="nav-tab" role="tablist">
 +
         
 +
  <a class="nav-item nav-link active text-dark" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true" name="nav-home-tab">Main Tab</a>
 +
 +
<a class="nav-item nav-link text-dark" id="nav-one-tab" data-toggle="tab" href="#nav-one" role="tab" aria-controls="nav-one" aria-selected="false" name="nav-one-tab">2nd Tab</a>
 +
 +
<a class="nav-item nav-link text-dark" id="nav-two-tab" data-toggle="tab" href="#nav-two" role="tab" aria-controls="nav-two" aria-selected="false" name="nav-two-tab">3rd Tab</a>
 +
 +
<a class="nav-item nav-link text-dark" id="nav-three-tab" data-toggle="tab" href="#nav-three" role="tab" aria-controls="nav-three" aria-selected="false" name="nav-three-tab">4th Tab</a>
 +
 +
<a class="nav-item nav-link text-dark" id="nav-four-tab" data-toggle="tab" href="#nav-four" role="tab" aria-controls="nav-four" aria-selected="false" name="nav-four-tab">Last Tab</a>
 +
 +
          </div>
 +
        </div>
 +
        <div class="tab-content" id="nav-tabContent">
 +
          <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
 +
            <table class="table table-hover group table-striped">
 +
            <tbody> 
 +
              <tr>
 +
           
 +
            <td colspan="2"><img width="100%" src="https://cdn3.wpbeginner.com/wp-content/uploads/2016/02/pickupimage.jpg"></td>
 +
            </tr>
 +
           
 +
            <tr>
 +
            <td>Title:</td>
 +
            <td>Value</td>
 +
            </tr>
 +
           
 +
            <tr>
 +
            <td>Title:</td>
 +
            <td>Value</td>
 +
            </tr>
 +
           
 +
            <tr>
 +
            <td>Title:</td>
 +
            <td>Value</td>
 +
            </tr>
 +
           
 +
            <tr>
 +
            <td>Title:</td>
 +
            <td>Value</td>
 +
            </tr>
 +
            </tbody>
 +
            </table>       
 +
          </div>
 +
          <div class="tab-pane fade" id="nav-one" role="tabpanel" aria-labelledby="nav-one-tab">
 +
            <table class="table table-hover group">
 +
              <tbody>
 +
                <tr>
 +
                  <td>TAB TITLE 1</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>Value</td>
 +
                </tr>
 +
              </tbody>
 +
            </table>
 +
          </div>
 +
          <div class="tab-pane fade" id="nav-two" role="tabpanel" aria-labelledby="nav-two-tab">
 +
            <table class="table table-hover group">
 +
              <tbody>
 +
                <tr>
 +
                  <td>TAB TITLE 2 </td>
 +
                </tr>
 +
                <tr>
 +
                  <td>Value</td>
 +
                </tr>
 +
              </tbody>
 +
            </table>
 +
          </div>
 +
          <div class="tab-pane fade" id="nav-three" role="tabpanel" aria-labelledby="nav-three-tab">
 +
            <table class="table table-hover group">
 +
              <tbody>
 +
                <tr>
 +
                  <td>TAB TITLE 3 </td>
 +
                </tr>
 +
                <tr>
 +
                  <td>Value</td>
 +
                </tr>
 +
              </tbody>
 +
            </table>
 +
          </div>
 +
          <div class="tab-pane fade" id="nav-four" role="tabpanel" aria-labelledby="nav-four-tab">
 +
            <table class="table table-hover group">
 +
              <tbody>
 +
                <tr>
 +
                  <td>TAB TITLE 4</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>Value</td>
 +
                </tr>
 +
              </tbody>
 +
            </table>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="card-footer text-muted"></div>
 +
    </div>
 +
  </div>
 +
</div>
  
<div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/a/ae/T--Munich--neb.png" class="img-fluid"></div>
 
<div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/9/92/T--NU_Kazakhstan--novopro.png" class="img-fluid"></div>
 
<div class="col-md-1"><img src="https://static.igem.org/mediawiki/2018/f/f7/T--NU_Kazakhstan--sst.png" class="img-fluid"></div>
 
</div>
 
 
</div>
 
</div>
</section>
+
</div>
 +
<div class="row">
 +
<div class="col-md-1">
 +
<img src="https://static.igem.org/mediawiki/2018/f/f1/T--NU_Kazakhstan--smg.png" class="img-fluid">
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 
 
<footer class="section-gap">
+
<footer class="section-gap">
<div class="container">
+
<div class="container">
<div class="row pt-60">
+
<div class="row pt-60">
<div class="col-lg-6 col-sm-12">
+
<div class="col-lg-6 col-sm-12">
<div class="single-footer-widget">
+
<div class="single-footer-widget">
<h6 class="text-uppercase mb-20">Quick About</h6>
+
<h6 class="text-uppercase mb-20">Quick About</h6>
<p>
+
<p>
SCHOOL OF SCIENCE AND TECHNOLOGY Nazarbayev University Astana, Kazakhstan
+
SCHOOL OF SCIENCE AND TECHNOLOGY Nazarbayev University Astana, Kazakhstan
</p>
+
</p>
+
</div>
+
</div>
+
<div class="col-lg-3 col-sm-12">
+
<div class="single-footer-widget">
+
<h6 class="text-uppercase mb-20">Contacts</h6>
+
+
<p>
+
+7 701 221 8710 <br>
+
igem@nu.edu.kz
+
</p>
+
+
</div>
+
</div>
+
<div class="col-lg-3 col-sm-12">
+
<div class="single-footer-widget">
+
<h6 class="text-uppercase mb-20">Social networks</h6>
+
<p>
+
<div class="footer-social d-flex align-items-center">
+
<a href="https://www.facebook.com/nukazakhstan/"><i class="fa fa-facebook"></i></a>
+
<a href="ttps://www.instagram.com/nu_kazakhstan.igem/"><i class="fa fa-instagram"></i></a>
+
</div>
+
</div>
+
</div>
+
 
</div>
 
</div>
<div class="footer-bottom d-flex justify-content-between align-items-center flex-wrap">
+
</div>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
+
<div class="col-lg-3 col-sm-12">
<p class="foter-text m-0">Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved</p>
+
<div class="single-footer-widget">
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
+
<h6 class="text-uppercase mb-20">Contacts</h6>
 +
<p>
 +
igem@nu.edu.kz
 +
</p>
 +
</div>
 +
</div>
 +
<div class="col-lg-3 col-sm-12">
 +
<div class="single-footer-widget">
 +
<h6 class="text-uppercase mb-20">Social networks</h6>
 +
<div class="footer-social d-flex align-items-center">
 +
<a href="https://www.facebook.com/nukazakhstan/"><i class="fa fa-facebook"></i></a>
 +
<a href="https://www.instagram.com/nu_kazakhstan.igem/"><i class="fa fa-instagram"></i></a>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
</footer>
+
</div>
<!-- End Footer Area -->
+
<div class="footer-bottom d-flex justify-content-between align-items-center flex-wrap">
 +
<p class="foter-text m-0">Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved</p>
 +
</div>
 
</div>
 
</div>
 +
</footer>
  
 
<script src="http://highline.codal.kz/js/vendor/jquery-2.2.4.min.js"></script>
 
<script src="http://highline.codal.kz/js/vendor/jquery-2.2.4.min.js"></script>

Revision as of 18:48, 17 October 2018

Bioremediation of Sour Crude Oil Waste using Cyanobacteria




Title: Value
Title: Value
Title: Value
Title: Value
Title: Value
Title: Value
Title: Value
Title: Value