Difference between revisions of "Team:AshesiGhana"

Line 1: Line 1:
 +
<html>
  
−
<html class="no-js">
+
<head>
−
<head>
+
    <title>Header</title>
−
<meta charset="utf-8">
+
    <meta charset="utf-8">
−
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
    <link rel="stylesheet" type="text/css" href="https://ashbuspay.000webhostapp.com/assets/css/Header-Nightsky.css">
 +
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  
−
<meta property="og:title" content=""/>
+
    <style>
−
<meta property="og:image" content=""/>
+
    #home_logo, #sideMenu { display:none; }
−
<meta property="og:url" content=""/>
+
    #sideMenu, #top_title, .patrollink  {display:none;}
−
<meta property="og:site_name" content=""/>
+
    #content { width:100%; padding:0px;  margin-top:-13px; margin-left:0px;}
−
<meta property="og:description" content=""/>
+
    #headerContainer { width:100%}
−
<meta name="twitter:title" content="" />
+
    body {background-color:white; }
−
<meta name="twitter:image" content="" />
+
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
<meta name="twitter:url" content="" />
+
−
<meta name="twitter:card" content="" />
+
  
−
       
+
</style>
−
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+
</head>
−
<link rel="shortcut icon" href="favicon.ico">
+
  
−
<!-- Google Webfonts -->
+
<body>
−
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,100,500' rel='stylesheet' type='text/css'>
+
    <div class="header-nightsky">
−
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
+
        <nav class="navbar navbar-default">
−
<link href='https://fonts.googleapis.com/css?family=Sanchez:400,400italic' rel='stylesheet' type='text/css'>
+
            <div class="headerContainer">
−
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
+
                <a class="navbar-brand" href="#">LOGO</a>
−
       
+
                <div class="navbar-header">
−
       
+
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
−
<style>
+
                        <span class="icon-bar"></span>
−
#home_logo, #sideMenu { display:none; }
+
                        <span class="icon-bar"></span>
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
                        <span class="icon-bar"></span>
−
#content { width:100%; padding:0px;  margin-top:-13px; margin-left:0px;}
+
                    </button>
−
body {background-color:white; }
+
                </div>
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
                <div class="collapse navbar-collapse" id="myNavbar">
−
</style>
+
                    <ul class="nav navbar-nav navbar-right">
−
+
                        <li><a href="#">HOME</a></li>
−
<!-- Animate.css -->
+
                        <li class="dropdown">
−
<link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/animate.css">
+
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team <span class="caret"></span></a>
−
<!-- Icomoon Icon Fonts-->
+
                            <ul class="dropdown-menu">
−
<link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/icomoon.css">
+
                                <li><a href="#">Page 1-1</a></li>
−
<!-- Magnific Popup -->
+
                                <li><a href="#">Page 1-2</a></li>
−
<link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/magnific-popup.css">
+
                                <li><a href="#">Page 1-3</a></li>
−
<!-- Theme Style -->
+
                            </ul>
−
<link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/style.css">
+
                        </li>
−
<!-- Modernizr JS -->
+
                        <li class="dropdown">
−
<script src="https://ashbuspay.000webhostapp.com/js/modernizr-2.6.2.min.js"></script>
+
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project <span class="caret"></span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Page 1-1</a></li>
 +
                                <li><a href="#">Page 1-2</a></li>
 +
                                <li><a href="#">Page 1-3</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts <span class="caret"></span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Page 1-1</a></li>
 +
                                <li><a href="#">Page 1-2</a></li>
 +
                                <li><a href="#">Page 1-3</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Modelling <span class="caret"></span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Page 1-1</a></li>
 +
                                <li><a href="#">Page 1-2</a></li>
 +
                                <li><a href="#">Page 1-3</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook <span class="caret"></span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Page 1-1</a></li>
 +
                                <li><a href="#">Page 1-2</a></li>
 +
                                <li><a href="#">Page 1-3</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Page 1-1</a></li>
 +
                                <li><a href="#">Page 1-2</a></li>
 +
                                <li><a href="#">Page 1-3</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </nav>
 +
        <div class="hero">
 +
            <h1>Team AshesiGhana</h1>
 +
            <h2>Introducing the Greatest Gold Miners in the World....Microbes</h2>
 +
            <div class="btn btn-primary">Learn more about us</div>
 +
            <div class="btn btn-primary">Contact us</div>
 +
        </div>
 +
    </div>
 +
   
 +
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 +
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
</body>
  
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 
−
 
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
−
<!-- FOR IE9 below -->
 
−
<!--[if lt IE 9]>
 
−
<script src="js/respond.min.js"></script>
 
−
<![endif]-->
 
−
 
−
</head>
 
−
<body>
 
−
<header role="banner" id="fh5co-header" style="background-image: url(images/hero-4.jpg);" data-stellar-background-ratio="0.5">
 
−
<div class="fh5co-overlay"></div>
 
−
<div class="container">
 
−
<div class="fh5co-intro-wrap">
 
−
<div class="fh5co-intro">
 
−
<div class="row">
 
−
<div class="col-md-8 col-md-offset-2 text-center">
 
−
<h1 class="fh5co-intro-lead animate-1 to-animate">Team AshesiGhana</h1>
 
−
<h2 class="fh5co-intro-sub animate-2 to-animate">Introducing the Greatest Gold Miners in the World....Microbes</h2>
 
−
<p class="fh5co-social text-center" id="fh5co-intro-social">
 
−
<a href="#" class="to-animate"><i class="icon-facebook-with-circle"></i></a>
 
−
<a href="#" class="to-animate"><i class="icon-twitter-with-circle"></i></a>
 
−
<a href="#" class="to-animate"><i class="icon-dribbble-with-circle"></i></a>
 
−
<a href="#" class="to-animate"><i class="icon-google-with-circle"></i></a>
 
−
<a href="#" class="to-animate"><i class="icon-instagram-with-circle"></i></a>
 
−
</p>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</header>
 
−
 
−
<main role="main" id="fh5co-main">
 
−
<div class="container" id="bio-animate">
 
−
<div class="row row-padded">
 
−
<div class="col-md-3">
 
−
<h2 class="fh5co-section-heading to-animate">Project Description<span class="fh5co-border"></span></h2>
 
−
</div>
 
−
<div class="col-md-8 col-md-push-1">
 
−
<div class="row">
 
−
<div class="col-md-6 to-animate">
 
−
<p>For the 2017 IGEM, Team AshesiGhana is working on a bio-mining project. The objective of our project is to develop an organism capable of liberating gold from the refractory ore. We aim to provide not only an alternative, non-toxic approach for small scale mining, but also deliver an easy and fast bio-detection and quantification method of ore in the mining industry of our country. The availability of such a biosensor will allow routine monitoring of the ore before a mining endeavor is undertaken thus preventing the destruction of the environment. The project will engineer the typical environmental organism Acidithiobacillus ferroxidans with a FRET probe.</p>
 
−
 
−
<p>This new organism will primarily be capable of sensing and quantifying the amount of gold in the ore. This will be accomplished by using a two-part probe, a donor part which is made up of gold binding protein (golB) attached to a green fluorescent protein (nowGFP). The second part of the acceptor is also made up of a binding protein and a red fluorescent protein (mCherry). In the presence of a high amount of free gold, the two parts would be in close proximity and energy transfer can take place and the red protein would be excited giving off a fluorescent signal. Using calibration experiments, we can relate the amount of fluorescence to the amount of gold present,liberated by the organism from the ore.</p>
 
−
</div>
 
−
<div class="col-md-6 to-animate">
 
−
<p>As Acidithiobacillus ferroxidans is a difficult organism to grow in large quantities, we will engineer a strain of E coli to produce two of the main oxidizing enzymes for iron and sulphite which will liberate the gold from the ore. The organism will also be engineered with protective enzymes against the low pH, which is one of the bi-products of the gold liberation reaction, and metal toxicity. The same FRET biosensor part can be added to the E coli strain for the quantification of gold. This new organism can easily be grown in large batches and so can be used to extract gold from refractory ore without the need of any toxic treatment thus providing a safe alternative for small scale mining. </p>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!-- END .row -->
 
−
</div>
 
−
 
−
 
−
<div class="fh5co-section-seperator fh5co-section-seperator-white" id="contact-animate" style="background-image: url(images/hero-4.jpg);" data-stellar-background-ratio="0.5">
 
−
<div class="fh5co-overlay"></div>
 
−
<div class="container">
 
−
<div class="fh5co-section-content-wrap">
 
−
<div class="fh5co-section-content">
 
−
<div class="row">
 
−
 
−
<div class="col-md-3">
 
−
<h2 class="fh5co-section-heading to-animate">Get In Touch<span class="fh5co-border"></span></h2>
 
−
 
−
<ul class="fh5co-contact">
 
−
<li class="fh5co-contact-address to-animate">
 
−
<i class="icon-home"></i>
 
−
1 University Avenue ,Berekuso Eastern Region, Ghana
 
−
</li>
 
−
<li class="to-animate"><i class="icon-phone"></i> +233 302 610 330</li>
 
−
<li class="to-animate"><i class="icon-email"></i> <a href="http://ashesi.edu.gh/" target="_blank">ashesi.edu.gh</a></li>
 
−
</ul>
 
−
</div>
 
−
 
−
<div class="col-md-8 col-md-push-1">
 
−
<div class="row">
 
−
<div class="col-md-6">
 
−
<div class="form-group to-animate">
 
−
<label for="name" class="sr-only">Name</label>
 
−
<input type="text" id="name" class="form-control" placeholder="Name">
 
−
</div>
 
−
<div class="form-group to-animate">
 
−
<label for="email" class="sr-only">Email</label>
 
−
<input type="email" id="email" class="form-control" placeholder="Email">
 
−
</div>
 
−
<div class="form-group to-animate">
 
−
<label for="phone" class="sr-only">Phone</label>
 
−
<input type="text" id="phone" class="form-control" placeholder="Phone">
 
−
</div>
 
−
</div>
 
−
<div class="col-md-6">
 
−
<div class="form-group to-animate">
 
−
<label for="message" class="sr-only">Message</label>
 
−
<textarea name="" id="message" cols="30" rows="5" class="form-control" placeholder="Message"></textarea>
 
−
</div>
 
−
<div class="form-group to-animate">
 
−
<input type="submit" class="btn btn-primary btn-block" value="Send Message">
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!-- END .container -->
 
−
 
−
</main>
 
−
 
−
<footer role="contentinfo" id="fh5co-footer">
 
−
<div class="container" id="footer-animate">
 
−
<div class="row row-padded">
 
−
<div class="col-md-8 col-md-push-4">
 
−
<p class="to-animate">&copy; 2017 Kellgen Indutries. All Rights Reserved. Designed: Team AshesiGhana</p>
 
−
<p class="to-animate"></p>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!-- END .container -->
 
−
</footer>
 
−
 
−
<!-- jQuery -->
 
−
<script src="https://ashbuspay.000webhostapp.com/js/jquery.min.js"></script>
 
−
<!-- jQuery Easing -->
 
−
<script src="https://ashbuspay.000webhostapp.com/js/jquery.easing.1.3.js"></script>
 
−
<!-- Bootstrap -->
 
−
<script src="https://ashbuspay.000webhostapp.com/js/bootstrap.min.js"></script>
 
−
<!-- Waypoints -->
 
−
<script src="https://ashbuspay.000webhostapp.com/js/jquery.waypoints.min.js"></script>
 
−
<!-- Stellar -->
 
−
<script src="https://ashbuspay.000webhostapp.com/js/jquery.stellar.min.js"></script>
 
−
<!-- countTo -->
 
−
<script src="https://ashbuspay.000webhostapp.com/js/jquery.countTo.js"></script>
 
−
<!-- Magnific Popup -->
 
−
<script src="https://ashbuspay.000webhostapp.com/js/jquery.magnific-popup.min.js"></script>
 
−
<!-- Main JS -->
 
−
<script src="https://ashbuspay.000webhostapp.com/js/main.js"></script>
 
−
 
−
 
−
</body>
 
 
</html>
 
</html>

Revision as of 10:30, 12 July 2017

Header

Team AshesiGhana

Introducing the Greatest Gold Miners in the World....Microbes

Learn more about us
Contact us