Difference between revisions of "Team:NU Kazakhstan"

 
(93 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Template:NU_Kazakhstan/CSS}}
 
{{Template:NU_Kazakhstan/CSS}}
<html >
+
<html>
  <head>
+
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    <meta charset="utf-8">
+
<!--[if IE 7]>        <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
<!--[if IE 8]>        <html class="no-js lt-ie9"> <![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+
<head>
    <title>iGEM Team NU Kazakhstan</title>
+
<meta charset="utf-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<title>Valet &mdash; Free HTML5 Bootstrap Template by FREEHTML5.co</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
 +
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
 +
<meta name="author" content="FREEHTML5.CO" />
 +
 
 +
 
 +
        <!-- animate -->
 +
        <link rel="stylesheet" href="https://pastebin.com/raw/gy2T6iH2">
 +
      <!-- resptabs -->
 +
        <link rel="stylesheet" href="https://pastebin.com/raw/29CU4DJK">
 +
      <!-- magnific popup -->
 +
      <link rel="stylesheet" href="https://pastebin.com/raw/P5yLzmNd">
 +
     
 +
 
 +
 
 +
 
 +
<?php
 +
 
 +
header("X-XSS-Protection: 0");
 +
 
 +
?>
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
<!-- START #fh5co-header -->
 +
<header id="fh5co-header-section" role="header" class="" >
 +
<div class="container">
 +
 
 +
 +
 
 +
<!-- <div id="fh5co-menu-logo"> -->
 +
<!-- START #fh5co-logo -->
 +
<!--<h1 id="fh5co-logo" class="pull-left"><a href="index.html"><img src="images/logo.png" alt="Valet Free HTML5 Template"></a></h1>
 +
-->
 +
<!-- START #fh5co-menu-wrap -->
 +
<nav id="fh5co-menu-wrap" role="navigation" >
 +
 +
 +
<ul class="sf-menu" id="fh5co-primary-menu" >
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan"  class="active" style="color:rgb(255, 255, 255)">Home</a></li>
 +
<li>
 +
<a href="#" class="fh5co-sub-ddown" style="color:rgb(255, 255, 255)">Project</a>
 +
<ul class="fh5co-sub-menu">
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Parts">Parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Results">Results</a></li>
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Design">Design</a></li>
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Model">Model</a></li>
 +
                                                                        <li><a href="https://2017.igem.org/Team:NU_Kazakhstan/IoP">Improvement of Parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/FP">Future Plans</a></li>
 +
                                                                      <li><a href="https://2017.igem.org/Team:NU_Kazakhstan/References">References</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#" class="fh5co-sub-ddown" style="color:rgb(255, 255, 255)">Team</a>
 +
<ul class="fh5co-sub-menu">
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Team">Team</a></li>
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Collaborations">Collaborations</a></li>
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Attributions">Attributions</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#" class="fh5co-sub-ddown" style="color:rgb(255, 255, 255)">Notebook</a>
 +
<ul class="fh5co-sub-menu">
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Protocols">Protocols</a></li>
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Timeline">Calendar</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a href="#" class="fh5co-sub-ddown" style="color:rgb(255, 255, 255)">Human Practices</a>
 +
<ul class="fh5co-sub-menu">
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/HP/Silver">Public Engagement</a></li>
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/HP/Gold_Integrated">Integrated HP</a></li>
 +
  </ul>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/InterLab" style="color:rgb(255, 255, 255)">Interlab</a></li>
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Safety" style="color:rgb(255, 255, 255)">Safety</a></li>
 +
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Judging" style="color:rgb(255, 255, 255)">Judging Form</a></li>
 +
</ul>
 +
</nav>
 +
<!-- </div> -->
 +
 
 +
</div>
 +
</header>
 +
 +
<div id="fh5co-hero" style="background-image: url('https://image.ibb.co/jUB6YG/main_f.jpg')">
 +
<!-- <div class="overlay"></div> -->
 +
<a href="#fh5co-main" class="smoothscroll fh5co-arrow to-animate hero-animate-4"><i class="ti-angle-down"></i></a>
 +
 
 +
<!-- End fh5co-arrow -->
 +
<div class="container">
 +
<div class="col-md-12">
 +
<div class="fh5co-hero-wrap">
 +
<div class="fh5co-hero-intro">
 +
<!-- <h1 class="to-animate hero-animate-1">Bioremediation of Cr (VI) from wastewater using microalgae</h1>
 +
<h2 class="to-animate hero-animate-2">Nazarbayev University, Astana, Kazakhstan</a></h2> -->
 +
<!-- <p class="to-animate hero-animate-3"><a href="#" class="btn btn-outline btn-md">Sign up</a></p> -->
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<!-- section -->
 +
 
 +
<div id="fh5co-main">
 +
 +
                      <div class="container">
 +
 +
 
 +
                    <!-- Example row of columns -->
 +
                                        <div class="row">
 +
 
 +
                                                  <div class="content-box animate-box" id="fh5co-content">
 +
<img src="https://image.ibb.co/gmJbiG/meet.png" style="display: block; margin-left: auto; margin-right: auto">
 +
 
 +
                                                                          <br>
 +
                          <p>Chromium is a well-known toxin and carcinogen with wide industrial use. Pollution with chromium is a serious environmental concern in Kazakhstan since it is the 2nd largest chromium manufacturer in the world. Chromium primarily exists in two redox forms: trivalent and hexavalent. The former is poorly soluble and less toxic compared to the latter form. Hexavalent chromium is bioavailable and readily crosses membranes through sulfate transporters. The goal of our project is to collect Cr(VI) from wastewater, reduce it to trivalent form and store inside the microalgae <i>C. reinhardtii</i>. We are introducing chromate reductase which converts Cr(VI) to Cr(III) and oligopeptide chromodulin which tightly binds 4 Cr(III) ions. To increase chromate uptake into the cell, we are exploiting natural ability of <i>C. reinhardtii</i> to upregulate sulfate channels when starved from sulfur. Our safety system is represented by photosensitizing protein SuperNova. It generates ROS when exposed to 585 nm wavelength of light.</p>
 +
<br><br>
 +
<img src="https://image.ibb.co/f9mJxb/map.jpg"  width="75%"  style="display: block; margin-left: auto; margin-right: auto">
  
 
 
 
        
 
        
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
+
<br><br><br>
    <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
+
 
    <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
+
   
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+
                                                </div>
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
 
    <!--[if lt IE 9]>
+
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
                                          </div>
    <![endif]-->
+
                        </div>
  </head>
+
            <!-- /container -->     
  <body id="page-top">
+
 
    <!-- Navigation -->
+
</div>
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+
 
      <div class="container">
+
 
        <a class="navbar-brand js-scroll-trigger" href="#page-top">NU Kazakhstan</a>
+
 
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+
          Menu
+
 
          <i class="fa fa-bars"></i>
+
 
        </button>
+
<footer role="contentinfo" id="fh5co-footer">
        <div class="collapse navbar-collapse" id="navbarResponsive">
+
<a href="#" class="fh5co-arrow fh5co-gotop footer-box"><i class="ti-angle-up"></i></a>
          <ul class="navbar-nav ml-auto">
+
<div class="container">
            <li class="nav-item">
+
<div class="row">
              <a class="nav-link js-scroll-trigger" href="#download">Home</a>
+
<div class="col-md-4 col-sm-6 footer-box">
            </li>
+
<h3 class="fh5co-footer-heading">School of Science and Technology</h3>
            <li class="nav-item">
+
<ul class="fh5co-footer-links">
              <a class="nav-link js-scroll-trigger" href="#features">Project</a>
+
<li>Nazarbayev University</li>
            </li>
+
<li>Astana, Kazakhstan</li>
            <li class="nav-item">
+
</ul>
              <a class="nav-link js-scroll-trigger" href="#contact">Parts</a>
+
</div>
            </li>
+
 
            <li class="nav-item">
+
<div class="col-md-4 col-sm-6 footer-box">
              <a class="nav-link js-scroll-trigger" href="#contact">Colloboration</a>
+
<h3 class="fh5co-footer-heading"></h3>
            </li>
+
</div>
            <li class="nav-item">
+
 
              <a class="nav-link js-scroll-trigger" href="#contact">Interlab</a>
+
<div class="col-md-4 col-sm-12 footer-box">
            </li>
+
<h3 class="fh5co-footer-heading">Get in touch</h3>
            <li class="nav-item">
+
<ul class="fh5co-social-icons">
               <a class="nav-link js-scroll-trigger" href="#contact">Notebook</a>
+
            </li>
+
<li><a href="mailto:igem@nu.edu.kz"><i class="ti-google"></i></a></li>
            <li class="nav-item">
+
<li><a href="https://www.facebook.com/nu.kazakhstan/"><i class="ti-facebook"></i></a></li>
               <a class="nav-link js-scroll-trigger" href="#contact">Safty</a>
+
<li><a href="https://www.instagram.com/igem_nu_kazakhstan/"><i class="ti-instagram"></i></a></li>
             </li>
+
</ul>
 +
</div>
 +
 +
 +
</div>
 +
<!-- END row -->
 +
<div class="fh5co-spacer fh5co-spacer-md"></div>
 +
</div>
 +
</footer>
 +
 +
 +
 
 +
                <!-- jquery -->
 +
              <script src="https://pastebin.com/raw/Q0napJ4n"></script>
 +
 
 +
<!-- jQuery Easing -->
 +
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
 +
<!-- Bootstrap -->
 +
<script src="https://pastebin.com/raw/uuT2N4nK"></script>
 +
<!-- Owl carousel -->
 +
<script src="https://pastebin.com/raw/q12Q0Lbp"></script>
 +
<!-- Magnific Popup -->
 +
<script src="https://pastebin.com/raw/gN2xTMMU"></script>
 +
<!-- Superfish -->
 +
<script src="https://pastebin.com/raw/q7E7B9xP"></script>
 +
<script src="https://pastebin.com/raw/1Jq1nAcS"></script>
 +
              <!-- Main JS -->
 +
<!--<script src="js/main.js"></script>-->
 +
<script src="https://pastebin.com/raw/qWtdumtx"></script>
 +
               <!-- waypoints -->
 +
              <script src="https://pastebin.com/raw/EBGAnc6S"></script>
 +
            <!-- easytabs -->
 +
            <script src="https://pastebin.com/raw/MWBfthGr"></script>
 +
               <!-- modernizer -->
 +
            <script src="https://pastebin.com/raw/p2bLnWEw"></script>
 +
             <!-- respond -->
 +
            <script src="https://pastebin.com/raw/WSu7E07P"></script>
 +
 
 +
 
 +
 
 +
 
  
          </ul>
 
        </div>
 
      </div>
 
    </nav>
 
    <header class="masthead">
 
      <div class="container h-100">
 
        <div class="row h-100">
 
          <div class="col-lg-12 my-auto">
 
            <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
 
              <div class="carousel-inner" role="listbox">
 
                <div class="carousel-item active">
 
                  <img class="d-block img-100" src="https://static.igem.org/mediawiki/2017/c/c8/CouldDragonByBjzaba.png" alt="First slide">
 
                </div>
 
                <div class="carousel-item">
 
                  <img class="d-block img-100" src="https://static.igem.org/mediawiki/2017/c/c8/CouldDragonByBjzaba.png" alt="Second slide">
 
                </div>
 
                <div class="carousel-item">
 
                  <img class="d-block img-100" src="https://static.igem.org/mediawiki/2017/c/c8/CouldDragonByBjzaba.png" alt="Third slide">
 
                </div>
 
              </div>
 
              <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
 
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
 
                <span class="sr-only">Previous</span>
 
              </a>
 
              <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
 
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
 
                <span class="sr-only">Next</span>
 
              </a>
 
            </div>
 
          </div>
 
        </div>
 
      </div>
 
    </header>
 
    <section class="text-center" id="cr-pollution">
 
      <div class="container">
 
        <div class="row">
 
          <div class="col-md-8 mx-auto ">
 
            <h2 class="section-heading cr-pollution">Cr Pollution</h2>
 
          </div>
 
        </div>
 
      </div>
 
    </section>
 
    <section class="text-center" id="blocks">
 
      <div class="container-fluide">
 
        <div class="row">
 
          <div class="col-md-4 mx-auto block bg-color-1">
 
            <h2 class="section-heading">Parts</h2>
 
          </div>
 
          <div class="col-md-4 mx-auto block bg-color-2">
 
            <h2 class="section-heading">Interlab</h2>
 
          </div>
 
          <div class="col-md-4 mx-auto block bg-color-3">
 
            <h2 class="section-heading">Colloborations</h2>
 
          </div>
 
          <div class="col-md-4 mx-auto block bg-color-4">
 
            <h2 class="section-heading">Team</h2>
 
          </div>
 
          <div class="col-md-4 mx-auto block bg-color-5">
 
            <h2 class="section-heading">Notebook</h2>
 
          </div>
 
          <div class="col-md-4 mx-auto block bg-color-6">
 
            <h2 class="section-heading">Safty</h2>
 
          </div>
 
        </div>
 
      </div>
 
    </section>
 
    <section class="text-center" id="nu-items">
 
      <div class="container-fluide">
 
        <div class="row">
 
          <div class="col-md-4">
 
            <img src="img/nu.png" class="img-fluid" alt="">
 
          </div>
 
         
 
        </div>
 
      </div>
 
    </section>
 
    <footer>
 
      <div class="container">
 
        <p>53 Kabanbay Batyr Ave, Astana</p>
 
        <p>Republic of Kazakhstan, 010000</p>
 
      </div>
 
    </footer>
 
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
 
 
   </body>
 
   </body>
 
</html>
 
</html>

Latest revision as of 02:58, 2 November 2017

Valet — Free HTML5 Bootstrap Template by FREEHTML5.co


Chromium is a well-known toxin and carcinogen with wide industrial use. Pollution with chromium is a serious environmental concern in Kazakhstan since it is the 2nd largest chromium manufacturer in the world. Chromium primarily exists in two redox forms: trivalent and hexavalent. The former is poorly soluble and less toxic compared to the latter form. Hexavalent chromium is bioavailable and readily crosses membranes through sulfate transporters. The goal of our project is to collect Cr(VI) from wastewater, reduce it to trivalent form and store inside the microalgae C. reinhardtii. We are introducing chromate reductase which converts Cr(VI) to Cr(III) and oligopeptide chromodulin which tightly binds 4 Cr(III) ions. To increase chromate uptake into the cell, we are exploiting natural ability of C. reinhardtii to upregulate sulfate channels when starved from sulfur. Our safety system is represented by photosensitizing protein SuperNova. It generates ROS when exposed to 585 nm wavelength of light.