Difference between revisions of "Team:NU Kazakhstan"

 
(81 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Template:NU_Kazakhstan/CSS}}
 
{{Template:NU_Kazakhstan/CSS}}
−
<html lang="en">
+
<html>
−
<!DOCTYPE html>
+
 
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
 
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
 
<!--[if IE 7]>        <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
 
<!--[if IE 7]>        <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
Line 16: Line 15:
  
  
−
  <!-- Facebook and Twitter integration -->
+
        <!-- animate -->
−
<meta property="og:title" content=""/>
+
        <link rel="stylesheet" href="https://pastebin.com/raw/gy2T6iH2">
−
<meta property="og:image" content=""/>
+
      <!-- resptabs -->
−
<meta property="og:url" content=""/>
+
        <link rel="stylesheet" href="https://pastebin.com/raw/29CU4DJK">
−
<meta property="og:site_name" content=""/>
+
      <!-- magnific popup -->
−
<meta property="og:description" content=""/>
+
      <link rel="stylesheet" href="https://pastebin.com/raw/P5yLzmNd">
−
<meta name="twitter:title" content="" />
+
     
−
<meta name="twitter:image" content="" />
+
 
−
<meta name="twitter:url" content="" />
+
−
<meta name="twitter:card" content="" />
+
  
−
<style>
 
−
.navbar {
 
−
    overflow: hidden;
 
−
    background-color:azure;
 
−
    position: fixed; /* Set the navbar to fixed position */
 
−
    top: 0; /* Position the navbar at the top of the page */
 
−
    width: 100%; /* Full width */
 
−
}
 
  
−
/* Links inside the navbar */
+
<?php
−
.navbar a {
+
−
    float: left;
+
−
    display: block;
+
−
    color: #f2f2f2;
+
−
    text-align: center;
+
−
    padding: 14px 16px;
+
−
    text-decoration: none;
+
−
}
+
  
−
/* Main content */
+
header("X-XSS-Protection: 0");
−
.main {
+
−
    margin-top: 30px; /* Add a top margin to avoid content overlay */
+
−
}
+
−
</style>
+
  
−
  <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+
?>
−
   <link rel="shortcut icon" href="favicon.ico">
+
  
  
−
  <!-- Google Webfont -->
+
</head>
−
<!-- <link href='http://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'> -->
+
−
<!-- Themify Icons -->
+
−
<link rel="stylesheet" href="css/themify-icons.css">
+
−
<!-- Bootstrap -->
+
−
<link rel="stylesheet" href="css/nu.css">
+
−
<!-- Owl Carousel -->
+
−
<link rel="stylesheet" href="css/owl.carousel.min.css">
+
−
<link rel="stylesheet" href="css/owl.theme.default.min.css">
+
−
<!-- Magnific Popup -->
+
−
<link rel="stylesheet" href="css/magnific-popup.css">
+
−
<!-- Superfish -->
+
−
<link rel="stylesheet" href="css/superfish.css">
+
−
<!-- Easy Responsive Tabs -->
+
−
<link rel="stylesheet" href="css/easy-responsive-tabs.css">
+
−
<!-- Animate.css -->
+
−
<link rel="stylesheet" href="css/animate.css">
+
−
<!-- Theme Style -->
+
−
<link rel="stylesheet" href="css/nu.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>
 
<body>
  
Line 93: Line 44:
 
<!-- <div id="fh5co-menu-logo"> -->
 
<!-- <div id="fh5co-menu-logo"> -->
 
<!-- START #fh5co-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> -->
+
<!--<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 -->
 
<!-- START #fh5co-menu-wrap -->
−
<div class='preloader'><div class='loaded'>&nbsp;</div></div>
+
<nav id="fh5co-menu-wrap" role="navigation" >
−
        <div id="menubar" class="main-menu">
+
−
            <nav class="navbar navbar-default navbar-fixed-top">
+
−
                <div class="container">
+
<ul class="sf-menu" id="fh5co-primary-menu" >
−
                    <!-- Brand and toggle get grouped for better mobile display -->
+
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan"  class="active" style="color:rgb(255, 255, 255)">Home</a></li>
−
                    <div class="navbar-header">
+
<li>
−
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+
<a href="#" class="fh5co-sub-ddown" style="color:rgb(255, 255, 255)">Project</a>
−
                            <span class="sr-only">Toggle navigation</span>
+
<ul class="fh5co-sub-menu">
−
                            <span class="icon-bar"></span>
+
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Parts">Parts</a></li>
−
                            <span class="icon-bar"></span>
+
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Results">Results</a></li>
−
                            <span class="icon-bar"></span>
+
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Design">Design</a></li>
−
                        </button>
+
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Model">Model</a></li>  
−
                        <a class="navbar-brand" href="index.html"><img src="assets/images/logo.png" alt="" /></a>
+
                                                                        <li><a href="https://2017.igem.org/Team:NU_Kazakhstan/IoP">Improvement of Parts</a></li>
−
                    </div>
+
<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>
−
                    <!-- Collect the nav links, forms, and other content for toggling -->
+
</ul>
−
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
</li>
−
                        <ul class="nav navbar-nav navbar-right">
+
<li>
−
                            <li class="active"><a href="#">Home<span class="sr-only">(current)</span></a></li>
+
<a href="#" class="fh5co-sub-ddown" style="color:rgb(255, 255, 255)">Team</a>
−
                            <li><a href="project.html">Project</a></li>
+
<ul class="fh5co-sub-menu">
−
                            <li><a href="team.html">Our Team</a></li>
+
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Team">Team</a></li>
−
                            <li><a href="#our-portfolio">Parts</a></li>
+
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Collaborations">Collaborations</a></li>
−
                            <li><a href="#our-history">Collaboration</a></li>
+
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Attributions">Attributions</a></li>
−
                            <li><a href="#our-feature">Notebook</a></li>
+
</ul>
−
                            <li><a href="interlab.html">Interlab</a></li>
+
</li>
−
<li><a href="#">Safety</a></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>
−
                        </ul>
+
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan/Timeline">Calendar</a></li>
−
                    </div><!-- /.navbar-collapse -->
+
</ul>
−
                </div><!-- /.container-fluid -->
+
</li>
−
            </nav>
+
−
        </div>
+
<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>
 
</div>
 
</header>
 
</header>
 
 
−
+
<div id="fh5co-hero" style="background-image: url('https://image.ibb.co/jUB6YG/main_f.jpg')">
−
<div id="fh5co-hero" style="background-image: [[File:nu_index.jpg]];">
+
 
<!-- <div class="overlay"></div> -->
 
<!-- <div class="overlay"></div> -->
 
<a href="#fh5co-main" class="smoothscroll fh5co-arrow to-animate hero-animate-4"><i class="ti-angle-down"></i></a>
 
<a href="#fh5co-main" class="smoothscroll fh5co-arrow to-animate hero-animate-4"><i class="ti-angle-down"></i></a>
 +
 
<!-- End fh5co-arrow -->
 
<!-- End fh5co-arrow -->
 
<div class="container">
 
<div class="container">
Line 143: Line 105:
 
<div class="fh5co-hero-wrap">
 
<div class="fh5co-hero-wrap">
 
<div class="fh5co-hero-intro">
 
<div class="fh5co-hero-intro">
−
<!-- <h1 class="to-animate hero-animate-1">Bioremediation of Cr (VI) from�wastewater using microalgae</h1>
+
<!-- <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> -->
 
<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> -->
 
<!-- <p class="to-animate hero-animate-3"><a href="#" class="btn btn-outline btn-md">Sign up</a></p> -->
Line 159: Line 121:
  
 
<div id="fh5co-main">
 
<div id="fh5co-main">
−
<section>
 
 
 
 +
                      <div class="container">
 +
  
 
                     <!-- Example row of columns -->
 
                     <!-- 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>
 
<br><br>
 +
<img src="https://image.ibb.co/f9mJxb/map.jpg"  width="75%"  style="display: block; margin-left: auto; margin-right: auto">
  
−
                <img src="images/map.png" width="45%"  style="display: block; margin-left: auto; margin-right: auto">
 
 
        
 
        
 
<br><br><br>
 
<br><br><br>
  
 +
   
 +
                                                </div>
 +
 +
 +
 +
                                          </div>
 +
                        </div>
 
             <!-- /container -->       
 
             <!-- /container -->       
−
        </section>
+
 
 
</div>
 
</div>
  
Line 199: Line 175:
 
<ul class="fh5co-social-icons">
 
<ul class="fh5co-social-icons">
 
 
−
<li><a href="#"><i class="ti-google"></i></a></li>
+
<li><a href="mailto:igem@nu.edu.kz"><i class="ti-google"></i></a></li>
−
<li><a href="#"><i class="ti-twitter-alt"></i></a></li>
+
<li><a href="https://www.facebook.com/nu.kazakhstan/"><i class="ti-facebook"></i></a></li>
−
<li><a href="#"><i class="ti-facebook"></i></a></li>
+
<li><a href="https://www.instagram.com/igem_nu_kazakhstan/"><i class="ti-instagram"></i></a></li>
−
<li><a href="#"><i class="ti-instagram"></i></a></li>
+
−
<li><a href="#"><i class="ti-dribbble"></i></a></li>
+
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 214: Line 188:
 
</footer>
 
</footer>
 
 
−
+
−
<!-- jQuery -->
+
 
−
<script src="js/jquery-1.10.2.min.js"></script>
+
                <!-- jquery -->
 +
              <script src="https://pastebin.com/raw/Q0napJ4n"></script>
 +
 
 
<!-- jQuery Easing -->
 
<!-- jQuery Easing -->
−
<script src="js/jquery.easing.1.3.js"></script>
+
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
 
<!-- Bootstrap -->
 
<!-- Bootstrap -->
−
<script src="js/bootstrap.js"></script>
+
<script src="https://pastebin.com/raw/uuT2N4nK"></script>
 
<!-- Owl carousel -->
 
<!-- Owl carousel -->
−
<script src="js/owl.carousel.min.js"></script>
+
<script src="https://pastebin.com/raw/q12Q0Lbp"></script>
 
<!-- Magnific Popup -->
 
<!-- Magnific Popup -->
−
<script src="js/jquery.magnific-popup.min.js"></script>
+
<script src="https://pastebin.com/raw/gN2xTMMU"></script>
 
<!-- Superfish -->
 
<!-- Superfish -->
−
<script src="js/hoverIntent.js"></script>
+
<script src="https://pastebin.com/raw/q7E7B9xP"></script>
−
<script src="js/superfish.js"></script>
+
<script src="https://pastebin.com/raw/1Jq1nAcS"></script>
−
<!-- Easy Responsive Tabs -->
+
              <!-- Main JS -->
−
<script src="js/easyResponsiveTabs.js"></script>
+
<!--<script src="js/main.js"></script>-->
−
<!-- FastClick for Mobile/Tablets -->
+
<script src="https://pastebin.com/raw/qWtdumtx"></script>
−
<script src="js/fastclick.js"></script>
+
              <!-- waypoints -->
−
<!-- Parallax -->
+
              <script src="https://pastebin.com/raw/EBGAnc6S"></script>
−
<script src="js/jquery.parallax-scroll.min.js"></script>
+
            <!-- easytabs -->
−
<!-- Waypoints -->
+
            <script src="https://pastebin.com/raw/MWBfthGr"></script>
−
<script src="js/jquery.waypoints.min.js"></script>
+
              <!-- modernizer -->
−
<!-- Main JS -->
+
            <script src="https://pastebin.com/raw/p2bLnWEw"></script>
−
<script src="js/main.js"></script>
+
            <!-- respond -->
 +
            <script src="https://pastebin.com/raw/WSu7E07P"></script>
 +
 
 +
 
 +
 
 +
 
  
−
    <!-- 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>
 
−
    <script src="http://pupunzi.com/mb.components/mb.YTPlayer/demo/inc/jquery.mb.YTPlayer.js"></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.






School of Science and Technology

  • Nazarbayev University
  • Astana, Kazakhstan

Get in touch