|
|
| 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>
| |
| − | <meta charset="utf-8">
| |
| − | <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 925: |
Line 445: |
| | <h4 id="page_name"> </h4> | | <h4 id="page_name"> </h4> |
| | | | |
| − |
| |
| − |
| |
| − |
| |
| − | -->
| |
| | | | |
| | | | |
