Tugbainanc (Talk | contribs) |
Tugbainanc (Talk | contribs) |
||
(52 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
− | <section class="ct-mediaSection ct-u-borderMotiveBottom" data-height="100%"> | + | <!--section class="ct-mediaSection ct-u-borderMotiveBottom" data-height="100%"> |
<div class="flexslider ct-flexslider--controlsVertical ct-flexslider--controlsWhite ct-js-flexslider" | <div class="flexslider ct-flexslider--controlsVertical ct-flexslider--controlsWhite ct-js-flexslider" | ||
data-animations="true" data-height="100%"> | data-animations="true" data-height="100%"> | ||
<ul class="slides"> | <ul class="slides"> | ||
− | <li data-bg="https://static.igem.org/mediawiki/2018/ | + | <li data-bg="https://static.igem.org/mediawiki/2018/b/b0/T--METU_HS_Ankara--banner.mp4"> |
− | < | + | <video loop muted autoplay poster="img/videoframe.jpg" class="fullscreen-bg__video"> |
− | + | <source src="https://static.igem.org/mediawiki/2018/b/b0/T--METU_HS_Ankara--banner.mp4" type="video/mp4"> | |
− | + | </video> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</ul> | </ul> | ||
</div> | </div> | ||
Line 107: | Line 17: | ||
class="ct-sectionButton-circle animated pulse activate infinite"><i | class="ct-sectionButton-circle animated pulse activate infinite"><i | ||
class="fa fa-angle-down animated activate bounce infinite"></i></span>Continue</a> | class="fa fa-angle-down animated activate bounce infinite"></i></span>Continue</a> | ||
− | </section> | + | </section--> |
+ | |||
+ | <div style="background-size:cover; position:relative; height:100vh;"> | ||
+ | <video loop muted autoplay poster="img/videoframe.jpg" class="fullscreen-bg__video"> | ||
+ | <source src="https://static.igem.org/mediawiki/2018/b/b0/T--METU_HS_Ankara--banner.mp4" type="video/mp4"> | ||
+ | </video> | ||
+ | </div> | ||
<section id="section1"> | <section id="section1"> | ||
Line 113: | Line 29: | ||
<header class="ct-pageSectionHeader ct-pageSectionHeader--numbered ct-u-marginTop100 ct-u-marginBottom70 ct-js-wayPoint"> | <header class="ct-pageSectionHeader ct-pageSectionHeader--numbered ct-u-marginTop100 ct-u-marginBottom70 ct-js-wayPoint"> | ||
<h2 class="ct-fw-600"> | <h2 class="ct-fw-600"> | ||
− | <span class="text- | + | <span class="text-capitalize">Support renewable energy</span> |
<small class="ct-u-colorMotive ct-fw-300">Renew earth’s future with BIO-E</small> | <small class="ct-u-colorMotive ct-fw-300">Renew earth’s future with BIO-E</small> | ||
</h2> | </h2> | ||
<span class="ct-pageSectionHeader-rightContent ct-u-colorMotive ct-fs-i ct-u-arapey"> | <span class="ct-pageSectionHeader-rightContent ct-u-colorMotive ct-fs-i ct-u-arapey"> | ||
− | 01 | + | <!--01--> |
</span> | </span> | ||
</header> | </header> | ||
Line 127: | Line 43: | ||
</div> | </div> | ||
<div class="ct-iconBox-content"> | <div class="ct-iconBox-content"> | ||
− | <h4 class="ct-iconBox-title text- | + | <h4 class="ct-iconBox-title text-capitalize ct-fw-600"> |
problem | problem | ||
</h4> | </h4> | ||
− | <p> | + | <p style="text-align: center"> |
The use of non-renewable energy resources , | The use of non-renewable energy resources , | ||
by greenhouse gas emissions lead to environmental | by greenhouse gas emissions lead to environmental | ||
− | problems and also | + | problems and also put great strains on countries’ budgets. |
</p> | </p> | ||
</div> | </div> | ||
Line 145: | Line 61: | ||
</div> | </div> | ||
<div class="ct-iconBox-content"> | <div class="ct-iconBox-content"> | ||
− | <h4 class="ct-iconBox-title text- | + | <h4 class="ct-iconBox-title text-capitalize ct-fw-600"> |
vision | vision | ||
</h4> | </h4> | ||
− | <p> | + | <p style="text-align: center"> |
As we sought an alternative energy source, | As we sought an alternative energy source, | ||
renewable, sustainable and one that will outrun fossil | renewable, sustainable and one that will outrun fossil | ||
− | fuels our research | + | fuels our research led us to biofuels. |
</p> | </p> | ||
</div> | </div> | ||
Line 163: | Line 79: | ||
</div> | </div> | ||
<div class="ct-iconBox-content"> | <div class="ct-iconBox-content"> | ||
− | <h4 class="ct-iconBox-title text- | + | <h4 class="ct-iconBox-title text-capitalize ct-fw-600"> |
solution | solution | ||
</h4> | </h4> | ||
− | <p> | + | <p style="text-align: center"> |
Finally, we made use of bioethanol which is a | Finally, we made use of bioethanol which is a | ||
renewable and sustainable green energy source that | renewable and sustainable green energy source that | ||
Line 184: | Line 100: | ||
<div class="col-md-4"> | <div class="col-md-4"> | ||
<header class="ct-pageSectionHeader"> | <header class="ct-pageSectionHeader"> | ||
− | <h3 class="text- | + | <h3 class="text-capitalize ct-fw-600" style="padding-top: 0px"> |
What We Did: | What We Did: | ||
− | |||
− | |||
− | |||
</h3> | </h3> | ||
</header> | </header> | ||
Line 194: | Line 107: | ||
<div class="col-md-8"> | <div class="col-md-8"> | ||
<p> | <p> | ||
− | We investigated ways to | + | We investigated ways to improve bioethanol production since it's a non-toxic, biodegradable and cost friendly alternative |
− | + | to fossil fuels being about 20-30% more efficient and its carbon footprint being far smaller. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</p> | </p> | ||
+ | <p> | ||
+ | Doing so, we came across different bioenergy generations; first, second and third. We focused on second generation; energy | ||
+ | from lignocellulosic biomass given that it's the most abundant, renewable and thus sustainable. | ||
+ | </p> | ||
+ | <p> | ||
+ | In the light of our research, we developed a second generation bioethanol production system aiming to decrease the economic | ||
+ | and environmental consequences of energy production. Our system will increase the efficiency of ethanol production, ultimately | ||
+ | its sustainability using the ethanologenic <i>E.coli</i> strain KO11 and two genes; FucO and GSH. | ||
+ | </p> | ||
+ | <a href="https://2018.igem.org/Team:METU_HS_Ankara/Description" class="btn btn-primary ct-btn--rounded text-uppercase">Project Description</a> | ||
+ | <a href="https://2018.igem.org/Team:METU_HS_Ankara/Demonstrate" class="btn ct-btn--black ct-btn--rounded text-uppercase">Demonstration</a> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 212: | Line 131: | ||
<div class="col-md-3"> | <div class="col-md-3"> | ||
<header class="ct-pageSectionHeader"> | <header class="ct-pageSectionHeader"> | ||
− | <h3 class="text- | + | <h3 class="text-capitalize ct-fw-600"> |
Fun facts. | Fun facts. | ||
</h3> | </h3> | ||
− | < | + | <span style="color: #FFF; font-size: 15px"> |
iGEM is hard work and all, but never forget; there is no project without a little fun | iGEM is hard work and all, but never forget; there is no project without a little fun | ||
with your teammates. | with your teammates. | ||
− | </ | + | </span> |
<!--<a href="services.html" class="btn btn-primary ct-btn--rounded text-uppercase">Services</a> | <!--<a href="services.html" class="btn btn-primary ct-btn--rounded text-uppercase">Services</a> | ||
<a href="portfolio-masonry.html" class="btn btn-default ct-btn--rounded text-uppercase">Portfolio</a>--> | <a href="portfolio-masonry.html" class="btn btn-default ct-btn--rounded text-uppercase">Portfolio</a>--> | ||
Line 244: | Line 163: | ||
<div class="col-sm-4 col-md-4"> | <div class="col-sm-4 col-md-4"> | ||
<div class="ct-counterBox ct-counterBox--default"> | <div class="ct-counterBox ct-counterBox--default"> | ||
− | <span class="ct-counterBox-number | + | <span class="ct-counterBox-number ct-u-colorMotive ct-fs-i"><img src="https://static.igem.org/mediawiki/2018/4/40/T--METU_HS_Ankara--infinity.jpg" /></span> |
− | + | ||
<h5 class="ct-counterBox-title text-uppercase ct-fw-700">issues<br>read</h5> | <h5 class="ct-counterBox-title text-uppercase ct-fw-700">issues<br>read</h5> | ||
<span class="ct-counterBox-icon"><i class="fab fa-readme"></i> </span> | <span class="ct-counterBox-icon"><i class="fab fa-readme"></i> </span> | ||
Line 261: | Line 179: | ||
<header class="ct-pageSectionHeader ct-pageSectionHeader--numbered ct-u-marginTop100 ct-u-marginBottom70 ct-js-wayPoint"> | <header class="ct-pageSectionHeader ct-pageSectionHeader--numbered ct-u-marginTop100 ct-u-marginBottom70 ct-js-wayPoint"> | ||
<h2 class="ct-fw-600"> | <h2 class="ct-fw-600"> | ||
− | <span class="text- | + | <span class="text-capitalize">beyond the lab bench</span> |
<small class="ct-u-colorMotive ct-fw-300"> | <small class="ct-u-colorMotive ct-fw-300"> | ||
− | We worked with many experts | + | We worked with many experts |
</small> | </small> | ||
</h2> | </h2> | ||
<span class="ct-pageSectionHeader-rightContent ct-u-colorMotive ct-fs-i ct-u-arapey"> | <span class="ct-pageSectionHeader-rightContent ct-u-colorMotive ct-fs-i ct-u-arapey"> | ||
− | 02 | + | <!--02--> |
</span> | </span> | ||
</header> | </header> | ||
Line 286: | Line 204: | ||
<div id="collapseOne" class="panel-collapse collapse in"> | <div id="collapseOne" class="panel-collapse collapse in"> | ||
<div class="panel-body"> | <div class="panel-body"> | ||
− | Since collaborating is an essential part of iGEM, encouraging teams to | + | <p> |
− | + | Since collaborating is an essential part of iGEM, encouraging teams to | |
− | + | overcome problems, we have interacted with various teams from all around | |
− | + | the world. To see what we’ve achieved together, please proceed to the | |
+ | <a style="color: #68bd45" href="https://2018.igem.org/Team:METU_HS_Ankara/Collaborations">collaborations</a> page. | ||
+ | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 304: | Line 224: | ||
<div id="collapseTwo" class="panel-collapse collapse"> | <div id="collapseTwo" class="panel-collapse collapse"> | ||
<div class="panel-body"> | <div class="panel-body"> | ||
− | Since | + | <p> |
− | + | Since science is a collective effort, one can never pursue great things | |
− | + | alone and without taking help from people who are experts in the specific | |
− | + | subjects. Not to mention the nature of iGEM projects requiring us to be | |
− | + | well-rounded, it's fair to say it's next to impossible to do it alone. | |
− | + | See the people and their contributions to our project on the page | |
+ | <a style="color: #68bd45" href="https://2018.igem.org/Team:METU_HS_Ankara/Attributions">attributions</a>. | ||
+ | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 324: | Line 246: | ||
<div id="collapseThree" class="panel-collapse collapse"> | <div id="collapseThree" class="panel-collapse collapse"> | ||
<div class="panel-body"> | <div class="panel-body"> | ||
− | Beyond the lab, we were there to be a part of the society. During the making | + | <p> |
− | + | Beyond the lab, we were there to be a part of the society. During the making | |
− | + | of our project, we benefited from the public idea as much as we benefited | |
− | + | from any protocol or article. We strove to integrate what we have learned from | |
− | + | others to our project in order to make the best use of Bio-E, since we wanted | |
+ | the whole world to make use of our fermentation process in the future. You can see our human practices on the | ||
+ | <a style="color: #68bd45" href="https://2018.igem.org/Team:METU_HS_Ankara/Human_Practices"> Human Practices </a> and | ||
+ | <a style="color: #68bd45" href="https://2018.igem.org/Team:METU_HS_Ankara/Public_Engagement"> Education and Engagement </a> pages. | ||
+ | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 351: | Line 277: | ||
<div class="container"> | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col-sm-6 col-md- | + | <div class="col-sm-6 col-md-12"> |
<header class="ct-pageSectionHeader"> | <header class="ct-pageSectionHeader"> | ||
− | <h3 class="text- | + | <h3 class="text-capitalize ct-fw-600"> |
The Team. | The Team. | ||
</h3> | </h3> | ||
− | < | + | <span style="color: #FFF; font-size: 15px; "> |
Every member of this team has spared tremendous efforts and endless work hours to make | Every member of this team has spared tremendous efforts and endless work hours to make | ||
our project come to life. The team is not only about working together but like a family. | our project come to life. The team is not only about working together but like a family. | ||
− | </ | + | |
− | <a href=" | + | </span> |
− | <a href=" | + | <br><br> |
+ | <a href="https://2018.igem.org/Team:METU_HS_Ankara/Team" class="btn btn-primary ct-btn--rounded text-uppercase" style="color: #FFF">Team</a> | ||
+ | <a href="https://2018.igem.org/Team:METU_HS_Ankara/Collaborations" class="btn btn-default ct-btn--rounded text-uppercase">Collaborations</a> | ||
</header> | </header> | ||
</div> | </div> | ||
− | <div class="col-sm-6 col-md- | + | <div class="col-sm-6 col-md-12"> |
<div class="flexslider ct-flexslider--rounded ct-flexslider--arrowType1 ct-js-flexslider" | <div class="flexslider ct-flexslider--rounded ct-flexslider--arrowType1 ct-js-flexslider" | ||
data-controlnav="false" data-directionnav="true" data-maxitems="4" | data-controlnav="false" data-directionnav="true" data-maxitems="4" | ||
− | data-move=" | + | data-move="4" data-itemwidth="164" data-itemmargin="25" style="height: 215px"> |
<ul class="slides"> | <ul class="slides"> | ||
− | <li><img src="./ | + | <li><img src="https://static.igem.org/mediawiki/2018/1/12/T--METU_HS_Ankara--t01.jpg" alt="METU HS"></li> |
− | <li><img src="./ | + | <li><img src="https://static.igem.org/mediawiki/2018/6/60/T--METU_HS_Ankara--t02.jpg" alt="METU HS"></li> |
− | <li><img src="./ | + | <li><img src="https://static.igem.org/mediawiki/2018/1/1b/T--METU_HS_Ankara--t03.jpg" alt="METU HS"></li> |
− | <li><img src="./ | + | <li><img src="https://static.igem.org/mediawiki/2018/3/3b/T--METU_HS_Ankara--t04.jpg" alt="METU HS"></li> |
− | <li><img src="./ | + | <li><img src="https://static.igem.org/mediawiki/2018/e/ef/T--METU_HS_Ankara--t05.jpg" alt="METU HS"></li> |
− | <li><img src="./ | + | <li><img src="https://static.igem.org/mediawiki/2018/9/96/T--METU_HS_Ankara--t06.jpg" alt="METU HS"></li> |
− | <li><img src="./ | + | <li><img src="https://static.igem.org/mediawiki/2018/4/49/T--METU_HS_Ankara--t07.jpg" alt="METU HS"></li> |
</ul> | </ul> | ||
</div> | </div> | ||
Line 386: | Line 314: | ||
<section class="ct-u-diagonalTopLeft"> | <section class="ct-u-diagonalTopLeft"> | ||
− | <div class="ct-u-backgroundMotive"> | + | <div class="ct-u-backgroundMotive" style="background-color: #FFF"> |
<div class="container"> | <div class="container"> | ||
− | <header class="ct-pageSectionHeader ct-pageSectionHeader--numbered ct-u-marginTop100 ct-u- | + | <header class="ct-pageSectionHeader ct-pageSectionHeader--numbered ct-u-marginTop100 ct-u-marginBottom20 ct-js-wayPoint"> |
<h2 class="ct-fw-600"> | <h2 class="ct-fw-600"> | ||
− | <span class="text- | + | <span class="text-capitalize">Our Project</span> |
− | + | ||
</h2> | </h2> | ||
− | |||
− | |||
− | |||
</header> | </header> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="col-md-12" style="text-align: center"> |
− | + | <iframe width="1000" height="600" src="https://www.youtube.com/embed/xG4feqBDcXA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> | |
− | + | </div>> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</section> | </section> | ||
Latest revision as of 20:24, 17 October 2018