Team:Manchester/Hometest

From 2013.igem.org

(Difference between revisions)
 
(99 intermediate revisions not shown)
Line 3: Line 3:
<head>  
<head>  
<title> Home </title>
<title> Home </title>
 +
 +
<script type="text/javascript">
 +
 +
function doSomething() {
 +
 +
var targetAnchor = document.getElementById('myAnchor1');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor2');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor3');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor4');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor5');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor6');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor7');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor8');
 +
targetAnchor.className = '' ;
 +
 +
 +
}
 +
 +
</script>
<style type="text/css">
<style type="text/css">
-
<!------------------------------------------HomeStyle.css--------------------------------------------------------->
 
*
*
{
{
Line 14: Line 46:
#content, body
#content, body
{
{
-
background: #ccc;  
+
background-color: #F2F2F2;  
}
}
#slider
#slider
{
{
-
width:1000px;
+
width:1300px;
height:300px;
height:300px;
-
margin:0 auto;
+
margin-left:-160px;
overflow:hidden;
overflow:hidden;
-
 
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
 
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
}
#slider ul  
#slider ul  
{
{
-
width:1000px;
+
width:1300px;
list-style:none;
list-style:none;
 +
margin:0;
}
}
Line 38: Line 72:
display:block;
display:block;
float:left;
float:left;
-
width:100px;
+
width:130px;
 +
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
 +
}
 +
#slider ul li.startopen
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:600px;
 +
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
 +
}
 +
#slider ul li.startclosed
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:100px;
transition: all 0.4s;
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
}
}
#slider ul:hover li
#slider ul:hover li
{
{
-
width:40px;
+
width:100px;
}
}
Line 52: Line 105:
{
{
width:600px;
width:600px;
 +
}
 +
 +
/*#slider ul li:nth-child(1):hover #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:95px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}*/
 +
 +
#slider ul li:hover #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:110px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
}
}
Line 63: Line 136:
{
{
background: rgba(0,0,0,0.5);
background: rgba(0,0,0,0.5);
-
width:600px;
+
width:130px;
 +
height:300px;
position:absolute;
position:absolute;
left:0;
left:0;
-
bottom:0;
+
top:0;
 +
}
 +
 
 +
#slider ul li:last-child #title
 +
{
 +
background:none;
}
}
Line 75: Line 154:
color:white;
color:white;
text-decoration:none;
text-decoration:none;
 +
font-family:Trebuchet MS;
 +
font-weight:bold;
font-size:16px;
font-size:16px;
-
padding:20px;
+
padding:0;
 +
margin:10px;
 +
}
 +
 
 +
#slider ul li:last-child #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:390px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}
 +
 
 +
#slider ul li:last-child:hover #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:110px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
}
}
Line 83: Line 185:
width:1000px;
width:1000px;
height:100px;
height:100px;
-
margin:20px auto;
 
padding:0;
padding:0;
 +
margin-left:0;
 +
margin-bottom:20px;
}
}
-
.mib
+
.igem
{
{
float:left;
float:left;
Line 97: Line 200:
}
}
-
.igem
+
.our
{
{
float:left;
float:left;
-
margin-left:170px;
+
margin-left:720px;
-
 
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 108: Line 210:
}
}
-
.uni
+
.heading1
{
{
-
float:left;
+
clear:both;
-
margin-left:135px;
+
margin-left:-150px;
 +
width:1300px;
 +
height:80px;
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
}
}
-
.Web_OnlineTools_Logo1{
+
.heading1 .upper
 +
{
 +
font-style:italic;
 +
width:200px;
 +
height:20px;
 +
margin-left:520px;
 +
margin-bottom:20px;
 +
}
-
background-color:#cccccc;
+
.heading1 .bottom
-
margin-top:20px;
+
{
-
        margin-left:50px;
+
height:30px;
-
}.Web_OnlineTools_Logo1 h1{
+
}
-
border:0px;margin:0px;padding:0px;
+
.heading1 .upper, .heading1 .bottom, .heading2 .upper, .heading2 .bottom
 +
{
 +
font-size:40px;
 +
font-weight:bold;
 +
font-family:Georgia;
 +
text-align:center;
 +
color:#660099;
 +
text-shadow: 0 1px 0 #ccc,
 +
              0 2px 0 #c9c9c9,
 +
              0 3px 0 #bbb,
 +
              0 4px 0 #b9b9b9,
 +
              0 5px 0 #aaa,
 +
              0 6px 1px rgba(0,0,0,.1),
 +
              0 0 5px rgba(0,0,0,.1),
 +
              0 1px 3px rgba(0,0,0,.3),
 +
              0 3px 5px rgba(0,0,0,.2),
 +
              0 5px 10px rgba(0,0,0,.25),
 +
              0 10px 10px rgba(0,0,0,.2),
 +
              0 20px 20px rgba(0,0,0,.15);
 +
}
-
text-align:center;
+
.heading2 .upper
 +
{
 +
margin:0 0 5px 250px;
 +
width:800px;
 +
height:30px;
 +
}
-
text-indent:0px;
+
.heading2 .bottom
 +
{
 +
margin:0 0 10px 450px;
 +
width:400px;
 +
height:30px;
-
font-size:42px;
+
}
 +
.heading2
 +
{
 +
clear:both;
 +
margin:20px 0 20px -150px;
 +
width:1300px;
 +
height:100px;
 +
}
 +
.footer2
 +
{
 +
clear:both;
 +
width:950px;
 +
height:100px;
 +
margin-left:0;
 +
margin-top:50px;
 +
padding:0;
 +
}
-
font-family:Trebuchet MS;
+
.footer2 .mib
 +
{
 +
float:left;
 +
margin:0;
-
color:#aaaaff;
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
-
font-weight:bold;
+
.footer2 .uni
 +
{
 +
float:right;
-
text-shadow:0px 0px 5px #000000;  
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
.checklist
 +
{
 +
width:710px;
 +
height:100px;
 +
margin-left:130px;
-
}
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
-
.Web_OnlineTools_Logo1 h2{
+
.note
 +
{
 +
clear:both;
 +
width:100%;
 +
height:50px;
 +
font-family:Trebuchet MS;
 +
font-size: 16px;
 +
text-align:center;
 +
color:#660099;
 +
}
-
border:0px;margin:0px;padding:0px;
+
.contact
 +
{
 +
clear:left;
 +
margin-left:-180px;
 +
margin-top:30px;
 +
width:1300px;
 +
height:100px;
 +
}
-
text-align:center;
+
.gmail
 +
{
 +
float:left;
 +
margin:30px 0 20px 260px;
 +
z-index:100;
 +
}
-
text-indent:-40px;
+
.fb
 +
{
 +
float:left;
 +
margin:20px 0 20px 100px;
-
font-size:17px;
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
-
line-height:22px;
 
-
font-family:Trebuchet MS;
+
.myButton {
 +
        z-index:100;
 +
        -moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
       
 +
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd));
 +
        background:-moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
 +
        background:-webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
 +
        background:-o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
 +
        background:-ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
 +
        background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
 +
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd',GradientType=0);
 +
       
 +
        background-color:#c123de;
 +
       
 +
        -moz-border-radius:6px;
 +
        -webkit-border-radius:6px;
 +
        border-radius:6px;
 +
       
 +
        border:1px solid #a511c0;
 +
       
 +
        display:inline-block;
 +
        color:#ffffff;
 +
        font-family:arial;
 +
        font-size:15px;
 +
        font-weight:bold;
 +
        padding:6px 24px;
 +
        text-decoration:none;
 +
       
 +
        text-shadow:0px 1px 0px #9b14b3;
 +
       
 +
    }
 +
.myButton:hover {
 +
       
 +
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de));
 +
        background:-moz-linear-gradient(top, #a20dbd 5%, #c123de 100%);
 +
        background:-webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%);
 +
        background:-o-linear-gradient(top, #a20dbd 5%, #c123de 100%);
 +
        background:-ms-linear-gradient(top, #a20dbd 5%, #c123de 100%);
 +
        background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
 +
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de',GradientType=0);
 +
       
 +
        background-color:#a20dbd;
 +
    }
 +
.myButton:active {
 +
        position:relative;
 +
        top:1px;
 +
    }
-
color:#aaaaff;
 
-
font-weight:bold;
+
.twitter
 +
{
 +
float:left;
 +
margin:40px 0 20px 90px;
-
text-shadow:0px 0px 5px #000000;  
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
-
}
+
</style>
 +
</head>
 +
<body>
-
.Web_OnlineTools_Logo2{
+
<div id="fb-root"></div>
 +
<script>(function(d, s, id) {
 +
  var js, fjs = d.getElementsByTagName(s)[0];
 +
  if (d.getElementById(id)) return;
 +
  js = d.createElement(s); js.id = id;
 +
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 +
  fjs.parentNode.insertBefore(js, fjs);
 +
}(document, 'script', 'facebook-jssdk'));</script>
-
background-color:#cccccc
+
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
-
                margin-top:60px;
+
-
margin-left: 50px;
+
-
}
+
-
+
-
.Web_OnlineTools_Logo2 h1{
+
-
border:0px;margin:0px;padding:0px;
+
<div class="footer">  
-
 
+
  <div class="igem">
-
text-align:center;
+
    <a href="https://2013.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/a/a2/Igemwhite1.png" /></a>
 +
  </div>
-
text-indent:8px;
+
  <div class="our">
-
 
+
    <a><img src="https://static.igem.org/mediawiki/2013/8/87/LOGO1.jpg" /></a>
-
font-size:20px;
+
  </div>
-
 
+
</div>
-
line-height:32px;
+
-
 
+
-
font-family:Trebuchet MS;
+
-
 
+
-
color:#aaaaff;
+
-
 
+
-
font-weight:bold;
+
-
 
+
-
text-shadow:0px 0px 5px #000000;
+
-
 
+
-
 
+
-
}
+
-
.Web_OnlineTools_Logo2 h2{
+
<div class="heading1">
 +
            <div class="upper">
 +
              E.C(oil)i
 +
            </div>
-
border:0px;margin:0px;padding:0px;
+
            <div class="bottom">
-
 
+
                THE LEAN, GREEN, FAT PRODUCING SYNBIO MACHINE
-
text-align:center;
+
            </div>
-
 
+
-
text-indent:-18px;
+
-
 
+
-
font-size:60px;
+
-
 
+
-
+
-
 
+
-
font-family:Trebuchet MS;
+
-
 
+
-
color:#aaaaff;
+
-
 
+
-
font-weight:bold;
+
-
 
+
-
text-shadow:0px 0px 10px #000000;
+
-
 
+
-
 
+
-
}
+
-
 
+
-
</style>
+
-
</head>
+
-
<body>
+
-
 
+
-
<!-- Banner2 --------------------------------------------------------->
+
-
<div class="Web_OnlineTools_Logo2" style="padding:20px;">
+
-
<h1 id="header1_logo">PROJECT</h1>
+
-
<h2 id="header2_logo">SYNTHETIC PALM OIL</h2>
+
</div>
</div>
<div id="slider">
<div id="slider">
   <ul>
   <ul>
-
         <li>  
+
         <li id="myAnchor1" class="startopen">  
-
<div id="title"> <a href="OurTeam.html">Our Team</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/OurTeamtest" onmouseover="doSomething();" onmouseout="doSomething();">Our Team</a></div>
-
<a href="OurTeam.html"> <img src="https://static.igem.org/mediawiki/2013/b/b5/1.gif"/> </a>
+
<a href="https://2013.igem.org/Team:Manchester/OurTeamtest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/a/a6/Team1.jpg"/> </a>
-
</li>
+
</li>
-
<li>
+
<li id="myAnchor2" class="startclosed">
-
<div id="title"> <a href="#">Official Profile</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Projecttest" onmouseover="doSomething();" onmouseout="doSomething();">Project</a></div>
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/2/27/2.gif"/></a>
+
<a href="https://2013.igem.org/Team:Manchester/Projecttest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/6/6d/Project1.jpg"/></a>
</li>
</li>
-
<li>
+
                <li id="myAnchor3" class="startclosed">
-
<div id="title"> <a href="Project.html">Project</a></div>
+
    <div id="title"> <a href="https://2013.igem.org/Team:Manchester/contributiontest" onmouseover="doSomething();" onmouseout="doSomething();">Parts Contributions</a></div>
-
<a href="Project.html"> <img src="https://static.igem.org/mediawiki/2013/0/06/3.gif"/></a>
+
    <a href="https://2013.igem.org/Team:Manchester/contributiontest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/2/2f/Contributions.jpg"/> </a>
 +
</li>
 +
               
 +
                <li id="myAnchor4" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/medaltest" onmouseover="doSomething();" onmouseout="doSomething();">Judging</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/medaltest" onmouseover="doSomething();" onmouseout="doSomething();""> <img src="https://static.igem.org/mediawiki/2013/d/d0/Judging.jpg"/></a>
</li>
</li>
-
+
 
-
<li>
+
                <li id="myAnchor5" class="startclosed">
-
<div id="title"> <a href="#">Aim</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Attributionstest" onmouseover="doSomething();" onmouseout="doSomething();">Attributions</a></div>
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8f/4.gif"/></a>
+
<a href="https://2013.igem.org/Team:Manchester/Attributionstest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/b/bb/Attributions1.jpg"/></a>
</li>
</li>
-
+
 
-
<li>
+
<li id="myAnchor6" class="startclosed">
-
<div id="title"> <a href="#">Modelling</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Modellingtest" onmouseover="doSomething();" onmouseout="doSomething();">Modelling</a></div>
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/6/6a/5.gif"/></a>
+
<a href="https://2013.igem.org/Team:Manchester/Modellingtest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png"/></a>
</li>
</li>
-
+
 
-
<li>  
+
                <li id="myAnchor7" class="startclosed">
-
    <div id="title"> <a href="#">Parts Contributions</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/HumanPracticetest" onmouseover="doSomething();" onmouseout="doSomething();">Human Practices</a></div>
-
    <a href="#"> <img src="https://static.igem.org/mediawiki/2013/b/b5/1.gif"/> </a>
+
<a href="https://2013.igem.org/Team:Manchester/HumanPracticetest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/c/ce/Humanpractice.jpg"/></a>
</li>
</li>
-
+
 
-
<li>
+
<li id="myAnchor8" class="startclosed">
-
<div id="title"> <a href="#">Safety</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/sponsorstest" id="last" onmouseover="doSomething();" onmouseout="doSomething();">Sponsorship</a></div>
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/2/27/2.gif"/></a>
+
<a href="https://2013.igem.org/Team:Manchester/sponsorstest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/0/00/Sponsors.jpg"/></a>
-
</li>
+
-
+
-
<li>
+
-
<div id="title"> <a href="#">Human Practices</a></div>
+
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/0/06/3.gif"/></a>
+
-
</li>
+
-
+
-
<li>
+
-
<div id="title"> <a href="#">Attributions</a></div>
+
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8f/4.gif"/></a>
+
-
</li>
+
-
+
-
<li>
+
-
<div id="title"> <a href="PublicOutreach.html">Public Outreach</a></div>
+
-
<a href="PublicOutreach.html"> <img src="https://static.igem.org/mediawiki/2013/6/6a/5.gif"/></a>
+
</li>
</li>
   </ul>
   </ul>
</div>
</div>
-
<!-- Banner1 --------------------------------------------------------->
+
<br>
-
<div class="Web_OnlineTools_Logo1">
+
<br>
-
<h1 id="header1_logo">University of Manchester </h1>
+
 
-
<h2 id="header2_logo">iGEM Team 2013</h2>
+
<div class="checklist" >
 +
          <div class="medal">
 +
              <a href="https://2013.igem.org/Team:Manchester/medaltest">
 +
                <img src="https://static.igem.org/mediawiki/2013/2/28/MedalMan3.jpg"/>
 +
              </a>
 +
          </div>
</div>
</div>
-
<div class="footer">
+
<div class="footer2">
-
      <div class="mib">
+
          <div class="mib">
-
        <a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8d/Mibscaled.gif"/></a>    
+
    <a href="#"> <img src="https://static.igem.org/mediawiki/2013/0/0c/MIBLogo.jpg" width="300" height="100" /></a>    
  </div>
  </div>
-
 
+
   
-
  <div class="igem">
+
-
    <a><img src="https://static.igem.org/mediawiki/2013/2/22/IGEMgrey.gif" /></a>
+
-
  </div>
+
-
 
+
  <div class="uni">  
  <div class="uni">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/6/69/Uniscaled.gif" /></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/f/fd/Uni1.jpg" /></a>
-
  </div>
+
  </div>
-
<div>
+
</div>
 +
 
 +
 
 +
<!--<div class="contact">
 +
      <div class="gmail">
 +
           
 +
      </div>
 +
 
 +
        <div class="fb">
 +
            <div class="fb-like-box" data-href="https://www.facebook.com/ManchesteriGEM" data-width="400" data-show-faces="false"  data-stream="false" data-show-border="true" data-header="true"></div>
 +
      </div>
 +
   
 +
      <div class="twitter">
 +
          <a href="https://twitter.com/@ManchesteriGEM" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @twitter</a>
 +
      </div>
 +
</div>-->
 +
 
</body>
</body>
</html>
</html>

Latest revision as of 22:15, 27 August 2013

Home

E.C(oil)i
THE LEAN, GREEN, FAT PRODUCING SYNBIO MACHINE