Team:Manaus Amazonas-Brazil
From 2013.igem.org
Maria eliza (Talk | contribs) |
|||
Line 1: | Line 1: | ||
- | {{ | + | {{HeaderManausAmazonasBrazil2013}} |
- | + | ||
- | + | <html> | |
+ | <head> | ||
+ | <style> | ||
+ | body { | ||
+ | font-family: Helvetica, Arial, sans-serif; | ||
+ | } | ||
+ | z1 { | ||
+ | font-size:18pt; | ||
+ | line-height:21pt; | ||
+ | color:white; | ||
+ | } | ||
+ | .ctd { | ||
+ | width: auto; | ||
+ | height: 25px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | padding: 5px ; | ||
+ | margin: 30px auto; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .cte { | ||
+ | width: auto; | ||
+ | height: 35px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | margin: -20px auto; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | color: #FFF; | ||
+ | } | ||
- | + | z2 { | |
+ | font-size:18pt; | ||
+ | line-height:21pt; | ||
+ | color:white; | ||
+ | } | ||
+ | .ctd2 { | ||
+ | width: 230px; | ||
+ | height: 25px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | padding: 5px ; | ||
+ | margin: 30px auto; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .cte2 { | ||
+ | width: 260px; | ||
+ | height: 35px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | margin: 0 auto; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | color: #FFF; | ||
+ | } | ||
+ | z3 { | ||
+ | font-size:18pt; | ||
+ | line-height:21pt; | ||
+ | color:white; | ||
+ | } | ||
+ | .ctd3 { | ||
+ | width: 180px; | ||
+ | height: 25px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | padding: 5px ; | ||
+ | margin: 30px auto; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .cte3 { | ||
+ | width: 210px; | ||
+ | height: 35px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | margin: 0 auto; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | color: #FFF; | ||
+ | } | ||
+ | p.margin{ | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | margin-top:0px; | ||
+ | margin-bottom:20px; | ||
+ | margin-right:0px; | ||
+ | margin-left:125px; | ||
+ | margin-right:130px; | ||
+ | } | ||
+ | p.marginTable{ | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | margin-top:15px; | ||
+ | margin-bottom:15px; | ||
+ | margin-right:10px; | ||
+ | margin-left:15px; | ||
+ | margin-right:10px; | ||
+ | } | ||
+ | p.bTable{ | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | margin-top:15px; | ||
+ | margin-bottom:15px; | ||
+ | margin-right:10px; | ||
+ | margin-left:15px; | ||
+ | margin-right:10px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | p{ | ||
+ | margin-left:150px; | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | margin-right:150px; | ||
+ | color:white; | ||
+ | } | ||
+ | p.vid{ | ||
+ | margin-left:0; | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | margin-right:0px; | ||
+ | color:white; | ||
+ | text-align:center | ||
+ | } | ||
+ | p.marginleft{ | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | margin-top:0px; | ||
+ | margin-bottom:20px; | ||
+ | margin-right:0px; | ||
+ | margin-left:110px; | ||
+ | margin-right:130px; | ||
+ | } | ||
+ | p.marginAcc{ | ||
+ | font-size:12pt; | ||
+ | line-height:12pt; | ||
+ | color:white; | ||
+ | margin-top:20px; | ||
+ | margin-bottom:20px; | ||
+ | margin-right:0px; | ||
+ | margin-left:0px; | ||
+ | margin-right:0px; | ||
+ | } | ||
+ | p.marginleftheader{ | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | margin-top:38px; | ||
+ | margin-bottom:0px; | ||
+ | margin-left:650px; | ||
+ | margin-right:200px; | ||
+ | } | ||
+ | p.marginChecklist{ | ||
+ | font-size:12pt; | ||
+ | line-height:16pt; | ||
+ | color:white; | ||
+ | margin-top:0px; | ||
+ | margin-bottom:38px; | ||
+ | margin-right:0px; | ||
+ | margin-left:150px; | ||
+ | margin-right:115px; | ||
+ | } | ||
+ | a:link { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | a:hover { | ||
+ | color: #FF6700; | ||
+ | } | ||
+ | a:active { | ||
+ | color: #FF6700; | ||
+ | } | ||
- | + | .hoverbox | |
+ | { | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | margin-left: 100px; | ||
+ | margin-right: 100px; | ||
+ | } | ||
- | + | .hoverbox a | |
+ | { | ||
+ | cursor: default; | ||
+ | } | ||
+ | .hoverbox a .preview | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
- | + | .hoverbox a:hover .preview | |
+ | { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: -60px; | ||
+ | left: -60px; | ||
+ | z-index: 1; | ||
+ | } | ||
- | { | + | .hoverbox img |
- | + | { | |
- | + | background: #761C11; | |
- | + | color: inherit; | |
- | + | padding: 2px; | |
- | + | vertical-align: top; | |
- | + | } | |
- | + | ||
- | + | .hoverbox li | |
- | + | { | |
- | + | background: #761C11; | |
+ | border-width: 0px; | ||
+ | color: inherit; | ||
+ | display: inline; | ||
+ | |||
+ | margin: 3px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .hoverbox .preview | ||
+ | { | ||
+ | background: #52140C; | ||
+ | border-color: #761C11; | ||
+ | } | ||
+ | table.Bottom | ||
+ | { | ||
+ | padding-top: 5px; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | margin-top: 7px; | ||
+ | margin-left: 104px; | ||
+ | min-width: 793px; | ||
+ | max-width: 793px; | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | } | ||
+ | table.MainP | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | margin-left: 95px; | ||
+ | margin-right: 150px; | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | } | ||
+ | table.Inside | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 0px; | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | padding-top: 8px; | ||
+ | padding-left: 3px; | ||
+ | padding-right: 3px; | ||
+ | } | ||
+ | td.Right | ||
+ | { | ||
+ | padding-top: 3px; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | text-align: left; | ||
+ | min-width: 310px; | ||
+ | max-width: 310px; | ||
+ | vertical-align:top; | ||
+ | border: 10px transparent; | ||
+ | |||
+ | } | ||
+ | td.Left | ||
+ | { | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | vertical-align:top; | ||
+ | text-align: left; | ||
+ | min-width: 465px; | ||
+ | max-width: 465px; | ||
+ | border: 10px transparent; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <br> | ||
+ | <div class="cte"> | ||
+ | <div class="ctd"> | ||
+ | <z1 >ELECTROBACTER : From Used Frying Oil To Electricity </z1><br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <br><br><br> | ||
+ | <table class="MainP"> | ||
+ | <tbody><tr> | ||
+ | <td> | ||
+ | <table class="Inside"> | ||
+ | <tbody><tr> | ||
+ | <td class="Left"> | ||
+ | <p class="marginTable"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/3/34/Arara2.png" width="130" height="130" align=left style="padding-right: 10px; padding-top: 20px; padding-bottom:15px;"> <a href="#"><font size="4" color="#ff6700"><b>Our Project</b></font></a><br> | ||
+ | |||
+ | Have you ever tasted those delicious French-fries from your favorite fast food restaurant or even at home watching that nice movie? Or have you lately ate some grilled/fried hamburger meat, fried fish or nuggets?…Humm, ok you might think I’m just hungry and this is nothing to do with an iGEM project, right? Totally wrong! Yes… we are talking about a Synthetic Biology project and is all about our daily life, better saying it’s about our daily waste, and not to mention, one of the most environment contaminating wastes: used frying oil. It is produced in deep-fried food preparations mainly in bars, restaurants, industrial kitchens, hotels and even in our own homes, and its production has tremendously increased over the last years. We are disposing approximately 146 million tons of used frying oil per year. However, do you know the final destination of it? | ||
+ | |||
+ | <br> | ||
+ | <a href="#"><font size="2" color="#ff6700">Click here to read more</font></a><br> | ||
+ | </p></td> | ||
+ | </tr> | ||
+ | </tbody></table> | ||
+ | </td> | ||
+ | <td style="vertical-align:top;"> | ||
+ | <table class="Inside"> | ||
+ | <tbody><tr> | ||
+ | <td class="Right"> | ||
+ | <p align="center" class="marginAcc"> | ||
+ | <a href="#"><font size="4" color="#ff6700"><b>Parts Submitted to the Registry</b></font></a><br><br> | ||
+ | </p> | ||
+ | <p align="center" class="marginAcc"> | ||
+ | An important aspect of the iGEM competition is the use and creation of standard biological parts. <br> | ||
+ | <a href="#"><font size="2" color="#ff6700">Click here to read more</font></a><br> | ||
+ | </p></td> | ||
+ | </tr> | ||
+ | </tbody></table> | ||
+ | <table class="Inside"> | ||
+ | <tbody><tr> | ||
+ | <td class="Right"> | ||
+ | <p align="center" class="marginAcc"> | ||
+ | <a href="#"><font size="4" color="#ff6700"><b>Our Team</b></font></a><br><br> | ||
+ | </p> | ||
+ | <p align="center" class="marginAcc"> | ||
+ | ..... Some random text..... <br> | ||
+ | <a href="#"><font size="2" color="#ff6700">Click here to read more</font></a><br> | ||
+ | </p></td> | ||
+ | </tr> | ||
+ | </tbody></table> | ||
+ | </td> | ||
+ | |||
+ | </tr> | ||
+ | </tbody></table> | ||
+ | |||
+ | |||
+ | |||
+ | <br><br><br> | ||
+ | <!-- <table class=Bottom> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <p align = center> | ||
+ | |||
+ | </p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> --> | ||
+ | <a name="#"></a><br> | ||
+ | <div class="cte3"> | ||
+ | <div class="ctd3"> | ||
+ | <z3 >Galery</z3><br> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | |||
+ | <div style="position: relative;"> | ||
+ | <ul class="hoverbox"> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/f/f4/Groningen2012_ADGallery22.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/d/dc/Groningen2012_ADGallery22prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/0/04/Groningen2012_ADGallery14.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/2/20/Groningen2012_ADGallery14prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/c/ce/Groningen2012_ADGallery21.png" width=250 height=125 /><img src="https://static.igem.org/mediawiki/2012/a/a9/Groningen2012_ADGallery21prev.png" class="preview" width=420 height=231 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/a/a6/Groningen2012_ADGallery18.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/0/0b/Groningen2012_ADGallery18prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/e/ec/Groningen2012_ADGallery3.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/c/cb/Groningen2012_ADGallery3prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <br><br><br> | ||
+ | <div style="position: relative; "> | ||
+ | <div class="cte2"> | ||
+ | <div class="ctd2"> | ||
+ | <z2 >outro titulo </z2><br> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <p align=center><font color=white size=2>bla bla bla</font></p> | ||
+ | <p class="marginChecklist"> | ||
+ | <b>ba bla </b> | ||
+ | <br> | ||
+ | <br> | ||
+ | <a href="#" target="_blank"> bla bla bla</a><br> | ||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
+ | {{Template:FooterManausAmazonasBrazil2013}} |
Revision as of 22:44, 20 September 2013
|
|