Difference between revisions of "Template:BGU ISRAEL"

(Prototype team template page)
 
Line 1: Line 1:
 
<html>
 
<html>
−
 
+
<!--
 
<style>
 
<style>
  
Line 349: Line 349:
  
 
</style>
 
</style>
−
 
+
-->
  
  
Line 358: Line 358:
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
  
−
<head>  
+
<head>
−
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
        <meta charset="utf-8">
−
</head>
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
        <title>PlastiCure</title>
 +
        <meta name="description" content="">
 +
        <link rel="icon" href="media/small icon for site.ico">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
 +
        <link rel="apple-touch-icon" href="apple-touch-icon.png">
 +
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
 +
        <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
 +
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 +
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 +
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
        <style>
 +
            /*css for main menu*/
 +
            body {
 +
                padding-top: 50px;
 +
                background-image: url('media/Golf-Shirt-Grey-Seamless-Pattern-For-Website-Background.jpg');
 +
                font-family: "ourFont";
 +
                padding-bottom: 0;
 +
            }
 +
            @font-face{
 +
                font-family: ourFont;
 +
                src: url("css/bgu-ufonts_segoe-ui-light.woff");
 +
            }
 +
            .OurLogo{
 +
                max-width:120px;
 +
                margin-top: -4px;
 +
            }
 +
            .navbar-inverse{
 +
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
 +
                background: #45484d; /* Old browsers */
 +
                background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
 +
                background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
 +
                background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 +
            }
 +
            .navbar-inverse .navbar-nav>li>a{
 +
                color: #fff;
 +
            }
 +
            @media (min-width: 767px){
 +
                .navbar-inverse{
 +
                    height: 60px;
 +
                }
 +
                .mainmenu > li{
 +
                    width: 14%;
 +
                    height: 60px;
 +
                }
 +
                .navbar-nav{
 +
                    width: 80%;
 +
                }
 +
            }
 +
            @media (max-width: 767px){
 +
                .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
 +
                    color: #fff;
 +
                }
 +
            }
 +
            /*
 +
            .navbar-default {
 +
                background-color: #216b9c;
 +
                border-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-brand {
 +
                color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-brand:hover,
 +
            .navbar-default .navbar-brand:focus {
 +
                color: #f42d24;
 +
            }
 +
            .navbar-default .navbar-text {
 +
                color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-nav > li > a {
 +
                color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-nav > li > a:hover,
 +
            .navbar-default .navbar-nav > li > a:focus {
 +
                color: #f42d24;
 +
            }
 +
            .navbar-default .navbar-nav > li > .dropdown-menu {
 +
                background-color: #216b9c;
 +
            }
 +
            .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
 +
                color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
 +
            .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
 +
                color: #f42d24;
 +
                background-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
 +
                background-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 +
            .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
            .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
                color: #f42d24;
 +
                background-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-nav > .active > a,
 +
            .navbar-default .navbar-nav > .active > a:hover,
 +
            .navbar-default .navbar-nav > .active > a:focus {
 +
                color: #f42d24;
 +
                background-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-nav > .open > a,
 +
            .navbar-default .navbar-nav > .open > a:hover,
 +
            .navbar-default .navbar-nav > .open > a:focus {
 +
                color: #f42d24;
 +
                background-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-toggle {
 +
                border-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-toggle:hover,
 +
            .navbar-default .navbar-toggle:focus {
 +
                background-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-toggle .icon-bar {
 +
                background-color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-collapse,
 +
            .navbar-default .navbar-form {
 +
                border-color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-link {
 +
                color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-link:hover {
 +
                color: #f42d24;
 +
            }
 +
           
 +
            @media (max-width: 767px) {
 +
                .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 +
                    color: #1c2a2f;
 +
                }
 +
                .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 +
                .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 +
                    color: #f42d24;
 +
                }
 +
                .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 +
                .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
                .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
                    color: #f42d24;
 +
                    background-color: #4cee30;
 +
                }
 +
            }
 +
            */
 +
            @media (min-width: 979px) {
 +
                ul.nav li.dropdown:hover > ul.dropdown-menu {
 +
                    display: block;
 +
                }
 +
            }
 +
            .mainmenu > li > a{
 +
                text-align: center;
 +
                top: 7%;
 +
                font-size: 110%;
 +
                font-family: Oswald, sans-serif;
 +
                font-weight: bolder;
 +
                width: 100%;
 +
            }
 +
            .submenu{
 +
                background-color: inherit;
 +
                max-width: 168px;
 +
                min-width: 168px;
 +
                text-align: center;
 +
                left: -20px;
 +
            }
 +
            .submenu > li > a{
 +
                color: white;
 +
                padding-top: 5px;
 +
                padding-bottom: 5px;
 +
            }
 +
            .mainfooter{
 +
                margin-top: 1%;
 +
                margin-bottom: 0;
 +
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
 +
                background: #45484d; /* Old browsers */
 +
                background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
 +
                background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
 +
                background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 +
            }
 +
            .mainfooter p{
 +
                margin: 2% auto;
 +
                color: white;
 +
            }
 +
            .mainfooter ul{
 +
                list-style: none;
 +
                margin-bottom: 0;
 +
            }
 +
            .mainfooter a img{
 +
                width: 10%;
 +
                height: auto;
 +
                margin-left: 3%;
 +
                margin-top: 2%;
 +
            }
 +
            .back-to-top {
 +
                display: none;
 +
                width: 60px;
 +
                height: 60px;
 +
                text-indent: -9999px;
 +
                position: fixed;
 +
                z-index: 999;
 +
                right: 13px;
 +
                bottom: 30px;
 +
                background: black url(media/top-b-bgu.png) no-repeat center 43%;
 +
                border-radius: 30px;
 +
            }
 +
            .socialMediaIcon{
 +
                box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
 +
                border-radius: 7px;
 +
            }
 +
            .mainfooter h4{
 +
                color: #FFF;
 +
                margin-top: 4px;
 +
            }
 +
            ul{
 +
                list-style: none;
 +
            }
 +
            .mainfooter h5{
 +
                margin: 5% auto;
 +
                color: white;
 +
            }
 +
            .mainfooter ul{
 +
                margin: 6% auto;
 +
                padding: 0px;
 +
            }
 +
            .mainfooter div ul li{
 +
                display: inline;
 +
                width: 100%;
 +
                margin-right: 5%;
 +
            }
 +
            footer{
 +
                padding-bottom: 0px;
 +
            }
 +
            #projectB:hover {
 +
                background-color: #FF6961;
 +
            }
 +
            #teamB:hover {
 +
                background-color: #CB99C9;
 +
            }
 +
            #notebookB:hover {
 +
                background-color: #4997D0;
 +
            }
 +
            #partsB:hover {
 +
                background-color: #96FDFD;
 +
            }
 +
            #humanB:hover {
 +
                background-color: #77DD44;
 +
            }
 +
            #humanB > a{
 +
                top: -5px;
 +
            }
 +
            #safteyB:hover {
 +
                background-color: #FCFC4D;
 +
            }
 +
            #awardsB:hover {
 +
                background-color: #FFA447;
 +
            }
 +
            /*end css for main menu*/
 +
            .item{
 +
                height: 400px;
 +
            }
 +
            .partBox{
 +
                border: 4px solid black;
 +
                border-radius: 20px;
 +
                padding: 2% 3% 2% 3%;
 +
                box-shadow: 10px 10px 5px #888888;
 +
                margin-bottom: 5%;
 +
                background-color: white;
 +
            }
 +
            .picicc{
 +
                padding: 0 0 0 0;
 +
                position: absolute;
 +
            }
 +
 
 +
        </style>
 +
    </head>
 +
<body>
 +
        <!--[if lt IE 8]>
 +
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
 +
        <![endif]-->
 +
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
            <div class="container">
 +
                <div class="navbar-header">
 +
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
                        <span class="sr-only">Toggle navigation</span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                    </button>
 +
                    <a class="navbar-brand" href="index.html"><img class="OurLogo" alt="bgu_logo_plasticure" src="media/PlastiCure.png"></a>
 +
                </div>
 +
                <div id="navbar" class="navbar-collapse collapse">
 +
                    <ul class="mainmenu nav navbar-nav">
 +
                        <li class="dropdown" id="projectB"><a class="dropdown-toggle" href="Project.html">Project</a>
 +
                            <ul class="dropdown-menu submenu">
 +
                                <li><a href="#">Description</a></li>
 +
                                <li><a href="#">Design</a></li>
 +
                                <li><a href="#">Experiments</a></li>
 +
                                <li><a href="#">Proof of Concept</a></li>
 +
                                <li><a href="#">Demonstrate</a></li>
 +
                                <li><a href="#">Results</a></li>
 +
                                <li><a href="#">Protocols</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown" id="teamB"><a href="TeamBGU.html">Team</a>
 +
                            <ul class="dropdown-menu submenu">
 +
                                <li><a href="TeamBGU.html#MeetTeam">Members</a></li>
 +
                                <li><a href="TeamBGU.html#MeetUni">Meet Our University</a></li>
 +
                                <li><a href="TeamBGU.html#Collabo">Collaborations</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown" id="notebookB"><a class="dropdown-toggle" href="Notebook.html">Notebook</a></li>
 +
                        <li class="dropdown" id="partsB"><a class="dropdown-toggle" href="Parts.html">Parts</a>
 +
                            <ul class="dropdown-menu submenu">
 +
                                <li><a href="Parts.html#Overview">Overview</a></li>
 +
                                <li><a href="Parts.html#Basic">Basic Parts</a></li>
 +
                                <li><a href="Parts.html#Improved">Improved Parts</a></li>
 +
                                <li><a href="Parts.html#Collection">Part Collection</a></li>
 +
                            </ul>
 +
                        </li>
 +
 
 +
                        <li class="dropdown" id="humanB"><a class="dropdown-toggle" href="HumanPractice.html">Human Practices</a>
 +
                            <ul class="dropdown-menu submenu">
 +
                                <li><a href="#">Over View</a></li>
 +
                                <li><a href="#">Public Engagement</a></li>
 +
                                <li><a href="#">Education</a></li>
 +
                                <li><a href="#">Plastic Art</a></li>
 +
                                <li><a href="#">Ethics</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown" id="safteyB"><a class="dropdown-toggle" href="Team_bgu.html">Safety</a></li>
 +
 
 +
                        <li class="dropdown" id="awardsB"><a class="dropdown-toggle" href="Team_bgu.html">Awards</a></li>
 +
                    </ul>
 +
                </div><!--/.navbar-collapse -->
 +
            </div>
 +
        </nav>
 +
        <div class="container-fluid">
 +
            <div class ="row">
 +
                <div class="col-lg-2"></div>
 +
                <div class="col-lg-8">
 +
                    <div id="myCarousel" class="carousel" data-ride="carousel">
 +
                        <ol class="carousel-indicators">
 +
                            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
                            <li data-target="#myCarousel" data-slide-to="1"></li>
 +
                            <li data-target="#myCarousel" data-slide-to="2"></li>
 +
                            <li data-target="#myCarousel" data-slide-to="3"></li>
 +
                        </ol>
 +
                        <div class="carousel-inner" role="listbox">
 +
                            <div class="item active">
 +
                                <img src="media/slide_BGU_1.jpg" alt="">
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                                <img src="media/slide_BGU_2.jpg" alt="">
 +
                            </div>
  
 +
                            <div class="item">
 +
                                <img src="media/slide_BGU_3.jpg" alt="">
 +
                            </div>
 +
                            <div class="item">
 +
                                <img src="media/slide_BGU_4.jpg" alt="">
 +
                            </div>
 +
                        </div>
 +
                        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
 +
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 +
                            <span class="sr-only">Previous</span>
 +
                        </a>
 +
                        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
 +
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 +
                            <span class="sr-only">Next</span>
 +
                        </a>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
  
 +
        <br>
 +
        <br>
 +
        <div class="container-fluid">
 +
            <!-- Example row of columns -->
 +
            <div class="row">
 +
                <div class="col-lg-2"></div>
 +
                <div class="col-lg-8">
 +
                    <div class="partBox">
 +
                        <h2><a href="" title="abstract">Abstract</a></h2>
 +
                        <div>
 +
                            <p>
 +
                                Plastic pollution effects on our eco system  is a major concern, damging our envoirment and causing harm to plants, animals and humans.
 +
                                <br>
 +
                                As plastic exists only for about 100 years, evolution could not catch up and the natural biodegredtion  is slow and inefficient meanwhile plastic has been massivly accumulating in nature.
 +
                            </p>
 +
                            <p>
 +
                                We, the BGU iGEM team want to solve this problem combing tools of exerimental evolution, synthetic biology and computational biology.
 +
                                <br>
 +
                                Using these tools we made three different approches to try and solve the problem:
 +
                            </p>
 +
                            <ol>
 +
                                <li>
 +
                                    Serial passaging of the bacteria Rhodococcus ruber which has been found to bio-degrade plastic, we hope to enhance the ability of it to biodegrade using this tool.
 +
                                </li>
 +
                                <li>
 +
                                    Raional mutation design -  Using PROSS  we aim to improve the catalytic activity of the enzyme LC-Cutinase which break down PET to terephthalate and ethylene glycol. 
 +
                                </li>
 +
                                <li>
 +
                                    Genetic engineering of metabolic pathways–we will modify two metabolic pathways using engineered enzymatic cascades which will be transformed into Pseudomonas putida
 +
                                </li>
 +
                            </ol>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class='row'>
 +
                <div class="col-lg-2"></div>
 +
                <div class="col-lg-8">
 +
                    <iframe width="854" height="480" src="https://www.youtube.com/embed/JiHGJhisIVI" frameborder="0" allowfullscreen></iframe>
 +
                    <!--
 +
                    <video style="width: 870px;" controls>
 +
                        <source src="media/iGEM full 01.mp4" type="video/mp4">
 +
                    </video>
 +
                    -->
 +
                </div>
 +
            </div>
 +
        </div> <!-- /container -->
 +
        <a href="#" class="back-to-top"></a>
 +
        <script type = "text/javascript">
 +
            var amountScrolled = 50;
 +
            $(window).scroll(function () {
 +
                if ($(window).scrollTop() > amountScrolled) {
 +
                    $('a.back-to-top').fadeIn('slow');
 +
                } else {
 +
                    $('a.back-to-top').fadeOut('slow');
 +
                }
 +
            });
 +
            $('a.back-to-top').click(function () {
 +
                $('html, body').animate({scrollTop: 0}, 700);
 +
                return false;
 +
            });
 +
        </script>
 +
        <div class="container-fluid">
 +
            <div class="row">
 +
                <footer class="mainfooter">
 +
                    <div class="row">
 +
                        <div class="col-sm-4 text-center" >
 +
                            <h4>Address:</h4>
 +
                            <p>
 +
                                <b>
 +
                                    Ben-Gurion University of the Negev<br>
 +
                                    Ben Gurion 1, Beer Sheva 8410501, Israel
 +
                                </b>
 +
                            </p>
 +
                            <h5>
 +
                                <b><u>Mail:</u> igembgu2016@gmail.com</b>
 +
                            </h5>
 +
                        </div>
 +
                        <div class="col-sm-4 text-center">
 +
                            <h4>Connect With Us!</h4>
 +
                            <ul>
 +
                                <li>
 +
                                    <a href="https://www.facebook.com/iGEMBGU/?fref=ts" target="_blank"><img class="socialMediaIcon" src="media/flat-social-media-icons/facebook.png" alt="facebook"></a>
 +
                                </li>
 +
                                <li>
 +
                                    <a ><img class="socialMediaIcon" src="media/flat-social-media-icons/instagram.png" alt="instagram"></a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://twitter.com/igembgu2016" target="_blank"><img class="socialMediaIcon" src="media/flat-social-media-icons/twitter.png" alt="twitter"></a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                        <div class="col-sm-4 text-center">
 +
                            <h4>CopyRights</h4>
 +
                        </div>
 +
                    </div>
 +
                </footer>
 +
            </div>
 +
        </div>
 +
    </body>
  
 +
<!--
  
 
<div class="menu_wrapper" >
 
<div class="menu_wrapper" >
Line 451: Line 928:
  
  
−
 
+
-->
  
  

Revision as of 14:46, 7 October 2016

PlastiCure



Abstract

Plastic pollution effects on our eco system is a major concern, damging our envoirment and causing harm to plants, animals and humans.
As plastic exists only for about 100 years, evolution could not catch up and the natural biodegredtion is slow and inefficient meanwhile plastic has been massivly accumulating in nature.

We, the BGU iGEM team want to solve this problem combing tools of exerimental evolution, synthetic biology and computational biology.
Using these tools we made three different approches to try and solve the problem:

  1. Serial passaging of the bacteria Rhodococcus ruber which has been found to bio-degrade plastic, we hope to enhance the ability of it to biodegrade using this tool.
  2. Raional mutation design - Using PROSS we aim to improve the catalytic activity of the enzyme LC-Cutinase which break down PET to terephthalate and ethylene glycol.
  3. Genetic engineering of metabolic pathways–we will modify two metabolic pathways using engineered enzymatic cascades which will be transformed into Pseudomonas putida

Address:

Ben-Gurion University of the Negev
Ben Gurion 1, Beer Sheva 8410501, Israel

Mail: igembgu2016@gmail.com

Connect With Us!

CopyRights