Difference between revisions of "Team:NU Kazakhstan"

 
(122 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Team:NU_Kazakhstan/bootstrap.css}}
+
{{Template:NU_Kazakhstan/CSS}}
−
{{Team:NU_Kazakhstan/css}}
+
<html>
−
{Team:NU_Kazakhstan/nu_kazakhstan.css}}
+
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
−
<html lang="en">
+
<!--[if IE 7]>        <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
 +
<!--[if IE 8]>        <html class="no-js lt-ie9"> <![endif]-->
 +
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
 +
<head>
 +
<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" />
  
−
  <head>
 
  
−
    <meta charset="utf-8">
+
        <!-- animate -->
−
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
        <link rel="stylesheet" href="https://pastebin.com/raw/gy2T6iH2">
−
    <meta name="description" content="">
+
      <!-- resptabs -->
−
    <meta name="author" content="">
+
        <link rel="stylesheet" href="https://pastebin.com/raw/29CU4DJK">
 +
      <!-- magnific popup -->
 +
      <link rel="stylesheet" href="https://pastebin.com/raw/P5yLzmNd">
 +
     
 +
 
  
−
    <title>iGem - Team NU Kazakhstan</title>
 
  
−
    <!-- Bootstrap core CSS -->
+
<?php
−
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
  
−
    <!-- Custom fonts for this template -->
+
header("X-XSS-Protection: 0");
−
    <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
+
−
    <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.css">
+
−
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
+
−
    <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">
+
  
−
    <!-- Plugin CSS -->
+
?>
−
    <link rel="stylesheet" href="device-mockups/device-mockups.min.css">
+
 
  
−
    <!-- Custom styles for this template -->
+
</head>
−
    <link href="css/nu-kazakhstan.css" rel="stylesheet">
+
  
−
  </head>
+
<body>
  
−
  <body id="page-top">
+
<!-- START #fh5co-header -->
 +
<header id="fh5co-header-section" role="header" class="" >
 +
<div class="container">
  
−
    <!-- Navigation -->
+
−
    <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>
+
−
        <div class="collapse navbar-collapse" id="navbarResponsive">
+
−
          <ul class="navbar-nav ml-auto">
+
−
            <li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="#download">Home</a>
+
−
            </li>
+
−
            <li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="#features">Research</a>
+
−
            </li>
+
−
            <li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
+
−
            </li>
+
−
            <li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="#contact">Notebook</a>
+
−
            </li>
+
−
          </ul>
+
−
        </div>
+
−
      </div>
+
−
    </nav>
+
  
−
    <header class="masthead">
+
<!-- <div id="fh5co-menu-logo"> -->
−
      <div class="container h-100">
+
<!-- START #fh5co-logo -->
−
        <div class="row h-100">
+
<!--<h1 id="fh5co-logo" class="pull-left"><a href="index.html"><img src="images/logo.png" alt="Valet Free HTML5 Template"></a></h1>
−
        <div class="container">
+
-->
−
          <h2>Carousel Example</h2>  
+
<!-- START #fh5co-menu-wrap -->
−
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
+
<nav id="fh5co-menu-wrap" role="navigation" >
−
    <!-- Indicators -->
+
−
    <ol class="carousel-indicators">
+
−
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
<ul class="sf-menu" id="fh5co-primary-menu" >
−
      <li data-target="#myCarousel" data-slide-to="1"></li>
+
<li><a href="https://2017.igem.org/Team:NU_Kazakhstan" class="active" style="color:rgb(255, 255, 255)">Home</a></li>
−
      <li data-target="#myCarousel" data-slide-to="2"></li>
+
<li>
−
    </ol>
+
<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> -->
  
−
    <!-- Wrapper for slides -->
+
</div>
−
    <div class="carousel-inner">
+
</header>
−
      <div class="item active">
+
−
        <img src="https://static.igem.org/mediawiki/2017/c/c8/CouldDragonByBjzaba.png" alt="Los Angeles" style="width:100%;">
+
<div id="fh5co-hero" style="background-image: url('https://image.ibb.co/jUB6YG/main_f.jpg')">
−
      </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>
  
−
      <div class="item">
+
<!-- End fh5co-arrow -->
−
        <img src="https://static.igem.org/mediawiki/2017/c/c8/CouldDragonByBjzaba.png" alt="Chicago" style="width:100%;">
+
<div class="container">
−
      </div>
+
<div class="col-md-12">
−
   
+
<div class="fh5co-hero-wrap">
−
      <div class="item">
+
<div class="fh5co-hero-intro">
−
        <img src="https://static.igem.org/mediawiki/2017/c/c8/CouldDragonByBjzaba.png" alt="New york" style="width:100%;">
+
<!-- <h1 class="to-animate hero-animate-1">Bioremediation of Cr (VI) from wastewater using microalgae</h1>
−
      </div>
+
<h2 class="to-animate hero-animate-2">Nazarbayev University, Astana, Kazakhstan</a></h2> -->
−
    </div>
+
<!-- <p class="to-animate hero-animate-3"><a href="#" class="btn btn-outline btn-md">Sign up</a></p> -->
 +
</div>
 +
</div>
 +
</div>
  
−
    <!-- Left and right controls -->
+
</div>
−
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
+
</div>
−
      <span class="glyphicon glyphicon-chevron-left"></span>
+
−
      <span class="sr-only">Previous</span>
+
−
    </a>
+
−
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
+
−
      <span class="glyphicon glyphicon-chevron-right"></span>
+
−
      <span class="sr-only">Next</span>
+
−
    </a>
+
−
  </div>
+
−
</div>
+
−
        </div>
+
−
      </div>
+
−
    </header>
+
  
−
    <section class="download bg-primary text-center" id="download">
 
−
      <div class="container">
 
−
        <div class="row">
 
−
          <div class="col-md-8 mx-auto">
 
−
            <h2 class="section-heading">Discover what all the buzz is about!</h2>
 
−
            <p>Our app is available on any mobile device! Download now to get started!</p>
 
−
            <div class="badges">
 
−
              <a class="badge-link" href="#"><img src="img/google-play-badge.svg" alt=""></a>
 
−
              <a class="badge-link" href="#"><img src="img/app-store-badge.svg" alt=""></a>
 
−
            </div>
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
−
    </section>
 
  
−
    <section class="features" id="features">
 
−
      <div class="container">
 
−
        <div class="section-heading text-center">
 
−
          <h2>Unlimited Features, Unlimited Fun</h2>
 
−
          <p class="text-muted">Check out what you can do with this app theme!</p>
 
−
          <hr>
 
−
        </div>
 
−
        <div class="row">
 
−
          <div class="col-lg-4 my-auto">
 
−
            <div class="device-container">
 
−
              <div class="device-mockup iphone6_plus portrait white">
 
−
                <div class="device">
 
−
                  <div class="screen">
 
−
                    <!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! -->
 
−
                    <img src="img/demo-screen-1.jpg" class="img-fluid" alt="">
 
−
                  </div>
 
−
                  <div class="button">
 
−
                    <!-- You can hook the "home button" to some JavaScript events or just remove it -->
 
−
                  </div>
 
−
                </div>
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
          <div class="col-lg-8 my-auto">
 
−
            <div class="container-fluid">
 
−
              <div class="row">
 
−
                <div class="col-lg-6">
 
−
                  <div class="feature-item">
 
−
                    <i class="icon-screen-smartphone text-primary"></i>
 
−
                    <h3>Device Mockups</h3>
 
−
                    <p class="text-muted">Ready to use HTML/CSS device mockups, no Photoshop required!</p>
 
−
                  </div>
 
−
                </div>
 
−
                <div class="col-lg-6">
 
−
                  <div class="feature-item">
 
−
                    <i class="icon-camera text-primary"></i>
 
−
                    <h3>Flexible Use</h3>
 
−
                    <p class="text-muted">Put an image, video, animation, or anything else in the screen!</p>
 
−
                  </div>
 
−
                </div>
 
−
              </div>
 
−
              <div class="row">
 
−
                <div class="col-lg-6">
 
−
                  <div class="feature-item">
 
−
                    <i class="icon-present text-primary"></i>
 
−
                    <h3>Free to Use</h3>
 
−
                    <p class="text-muted">As always, this theme is free to download and use for any purpose!</p>
 
−
                  </div>
 
−
                </div>
 
−
                <div class="col-lg-6">
 
−
                  <div class="feature-item">
 
−
                    <i class="icon-lock-open text-primary"></i>
 
−
                    <h3>Open Source</h3>
 
−
                    <p class="text-muted">Since this theme is MIT licensed, you can use it commercially!</p>
 
−
                  </div>
 
−
                </div>
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
−
    </section>
 
  
−
    <section class="cta">
 
−
      <div class="cta-content">
 
−
        <div class="container">
 
−
          <h2>Stop waiting.<br>Start building.</h2>
 
−
          <a href="#contact" class="btn btn-outline btn-xl js-scroll-trigger">Let's Get Started!</a>
 
−
        </div>
 
−
      </div>
 
−
      <div class="overlay"></div>
 
−
    </section>
 
  
−
    <section class="contact bg-primary" id="contact">
+
<!-- section -->
−
      <div class="container">
+
−
        <h2>We
+
−
          <i class="fa fa-heart"></i>
+
−
          new friends!</h2>
+
−
        <ul class="list-inline list-social">
+
−
          <li class="list-inline-item social-twitter">
+
−
            <a href="#">
+
−
              <i class="fa fa-twitter"></i>
+
−
            </a>
+
−
          </li>
+
−
          <li class="list-inline-item social-facebook">
+
−
            <a href="#">
+
−
              <i class="fa fa-facebook"></i>
+
−
            </a>
+
−
          </li>
+
−
          <li class="list-inline-item social-google-plus">
+
−
            <a href="#">
+
−
              <i class="fa fa-google-plus"></i>
+
−
            </a>
+
−
          </li>
+
−
        </ul>
+
−
      </div>
+
−
    </section>
+
  
−
    <footer>
+
<div id="fh5co-main">
−
      <div class="container">
+
−
        <p>&copy; 2017 Start Bootstrap. All Rights Reserved.</p>
+
                      <div class="container">
−
        <ul class="list-inline">
+
−
          <li class="list-inline-item">
+
−
            <a href="#">Privacy</a>
+
−
          </li>
+
−
          <li class="list-inline-item">
+
−
            <a href="#">Terms</a>
+
−
          </li>
+
−
          <li class="list-inline-item">
+
−
            <a href="#">FAQ</a>
+
−
          </li>
+
−
        </ul>
+
−
      </div>
+
−
    </footer>
+
  
−
    <!-- Bootstrap core JavaScript -->
+
                    <!-- Example row of columns -->
−
    <script src="vendor/jquery/jquery.min.js"></script>
+
                                        <div class="row">
−
    <script src="vendor/popper/popper.min.js"></script>
+
−
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
+
  
−
    <!-- Plugin JavaScript -->
+
                                                  <div class="content-box animate-box" id="fh5co-content">
−
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
+
<img src="https://image.ibb.co/gmJbiG/meet.png" style="display: block; margin-left: auto; margin-right: auto">
  
−
    <!-- Custom scripts for this template -->
+
                                                                          <br>
−
    <script src="js/new-age.min.js"></script>
+
                          <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">
  
−
  </body>
+
     
 +
<br><br><br>
  
 +
   
 +
                                                </div>
 +
 +
 +
 +
                                          </div>
 +
                        </div>
 +
            <!-- /container -->     
 +
 
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<footer role="contentinfo" id="fh5co-footer">
 +
<a href="#" class="fh5co-arrow fh5co-gotop footer-box"><i class="ti-angle-up"></i></a>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-4 col-sm-6 footer-box">
 +
<h3 class="fh5co-footer-heading">School of Science and Technology</h3>
 +
<ul class="fh5co-footer-links">
 +
<li>Nazarbayev University</li>
 +
<li>Astana, Kazakhstan</li>
 +
</ul>
 +
</div>
 +
 +
<div class="col-md-4 col-sm-6 footer-box">
 +
<h3 class="fh5co-footer-heading"></h3>
 +
</div>
 +
 +
<div class="col-md-4 col-sm-12 footer-box">
 +
<h3 class="fh5co-footer-heading">Get in touch</h3>
 +
<ul class="fh5co-social-icons">
 +
 +
<li><a href="mailto:igem@nu.edu.kz"><i class="ti-google"></i></a></li>
 +
<li><a href="https://www.facebook.com/nu.kazakhstan/"><i class="ti-facebook"></i></a></li>
 +
<li><a href="https://www.instagram.com/igem_nu_kazakhstan/"><i class="ti-instagram"></i></a></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>
 +
 +
 +
 +
 +
 +
  </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