Tugbainanc (Talk | contribs) |
Tugbainanc (Talk | contribs) |
||
(63 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
{{METU_HS_Ankara}} | {{METU_HS_Ankara}} | ||
<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="./ | + | <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 108: | 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 114: | 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"> | + | <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 125: | Line 40: | ||
<div class="ct-iconBox ct-iconBox--default"> | <div class="ct-iconBox ct-iconBox--default"> | ||
<div class="ct-iconBox-icon ct-iconBox-icon--default"> | <div class="ct-iconBox-icon ct-iconBox-icon--default"> | ||
− | <i class=" | + | <i class="fas fa-question"></i> |
</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 | |
</h4> | </h4> | ||
− | <p> | + | <p style="text-align: center"> |
− | + | The use of non-renewable energy resources , | |
− | + | by greenhouse gas emissions lead to environmental | |
+ | problems and also put great strains on countries’ budgets. | ||
</p> | </p> | ||
</div> | </div> | ||
Line 142: | Line 58: | ||
<div class="ct-iconBox ct-iconBox--default"> | <div class="ct-iconBox ct-iconBox--default"> | ||
<div class="ct-iconBox-icon ct-iconBox-icon--default"> | <div class="ct-iconBox-icon ct-iconBox-icon--default"> | ||
− | <i class=" | + | <i class="fas fa-microscope"></i> |
</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 | |
</h4> | </h4> | ||
− | <p> | + | <p style="text-align: center"> |
− | + | As we sought an alternative energy source, | |
− | + | renewable, sustainable and one that will outrun fossil | |
+ | fuels our research led us to biofuels. | ||
</p> | </p> | ||
</div> | </div> | ||
Line 159: | Line 76: | ||
<div class="ct-iconBox ct-iconBox--default"> | <div class="ct-iconBox ct-iconBox--default"> | ||
<div class="ct-iconBox-icon ct-iconBox-icon--default"> | <div class="ct-iconBox-icon ct-iconBox-icon--default"> | ||
− | <i class=" | + | <i class="fas fa-flask"></i> |
</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 | |
</h4> | </h4> | ||
− | <p> | + | <p style="text-align: center"> |
− | + | Finally, we made use of bioethanol which is a | |
− | + | renewable and sustainable green energy source that | |
+ | could be obtained from agricultural waste. | ||
</p> | </p> | ||
</div> | </div> | ||
Line 182: | 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: | |
− | + | ||
− | + | ||
− | + | ||
</h3> | </h3> | ||
</header> | </header> | ||
Line 192: | Line 107: | ||
<div class="col-md-8"> | <div class="col-md-8"> | ||
<p> | <p> | ||
− | + | 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 211: | 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 | |
− | + | 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>--> |
</header> | </header> | ||
</div> | </div> | ||
Line 228: | Line 148: | ||
<div class="ct-counterBox ct-counterBox--default"> | <div class="ct-counterBox ct-counterBox--default"> | ||
<span class="ct-counterBox-number ct-js-counter ct-u-arapey ct-u-colorMotive ct-fs-i" | <span class="ct-counterBox-number ct-js-counter ct-u-arapey ct-u-colorMotive ct-fs-i" | ||
− | data-ct-to=" | + | data-ct-to="324" data-ct-speed="5000">0</span> |
− | <h5 class="ct-counterBox-title text-uppercase ct-fw-700"> | + | <h5 class="ct-counterBox-title text-uppercase ct-fw-700">days spent<br>working</h5> |
− | <span class="ct-counterBox-icon"><i class=" | + | <span class="ct-counterBox-icon"><i class="fas fa-briefcase"></i> </span> |
</div> | </div> | ||
</div> | </div> | ||
Line 236: | Line 156: | ||
<div class="ct-counterBox ct-counterBox--default"> | <div class="ct-counterBox ct-counterBox--default"> | ||
<span class="ct-counterBox-number ct-js-counter ct-u-arapey ct-u-colorMotive ct-fs-i" | <span class="ct-counterBox-number ct-js-counter ct-u-arapey ct-u-colorMotive ct-fs-i" | ||
− | data-ct-to=" | + | data-ct-to="2375" data-ct-speed="4000">0</span> |
− | <h5 class="ct-counterBox-title text-uppercase ct-fw-700"> | + | <h5 class="ct-counterBox-title text-uppercase ct-fw-700">coffees/teas<br>drunk</h5> |
− | <span class="ct-counterBox-icon"><i class=" | + | <span class="ct-counterBox-icon"><i class="fas fa-coffee"></i> </span> |
</div> | </div> | ||
</div> | </div> | ||
<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"> | + | <span class="ct-counterBox-icon"><i class="fab fa-readme"></i> </span> |
− | <span class="ct-counterBox-icon"><i class=" | + | |
</div> | </div> | ||
</div> | </div> | ||
Line 260: | 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 | ||
+ | </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 272: | Line 193: | ||
<div class="row"> | <div class="row"> | ||
<div class="col-md-6"> | <div class="col-md-6"> | ||
− | |||
− | |||
− | |||
− | |||
<div class="panel-group" id="accordion"> | <div class="panel-group" id="accordion"> | ||
<div class="panel panel-default"> | <div class="panel panel-default"> | ||
Line 281: | Line 198: | ||
<h4 class="panel-title"> | <h4 class="panel-title"> | ||
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> | <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> | ||
− | + | Collaboration | |
</a> | </a> | ||
</h4> | </h4> | ||
Line 287: | 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"> | ||
− | + | <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 300: | Line 218: | ||
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" | <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" | ||
class="collapsed"> | class="collapsed"> | ||
− | + | Attributions | |
</a> | </a> | ||
</h4> | </h4> | ||
Line 306: | Line 224: | ||
<div id="collapseTwo" class="panel-collapse collapse"> | <div id="collapseTwo" class="panel-collapse collapse"> | ||
<div class="panel-body"> | <div class="panel-body"> | ||
− | + | <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 322: | Line 240: | ||
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" | <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" | ||
class="collapsed"> | class="collapsed"> | ||
− | + | Human Practices | |
</a> | </a> | ||
</h4> | </h4> | ||
Line 328: | Line 246: | ||
<div id="collapseThree" class="panel-collapse collapse"> | <div id="collapseThree" class="panel-collapse collapse"> | ||
<div class="panel-body"> | <div class="panel-body"> | ||
− | + | <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 342: | Line 261: | ||
</div> | </div> | ||
<div class="col-md-6"> | <div class="col-md-6"> | ||
− | |||
− | |||
− | |||
<p> | <p> | ||
− | + | Contrary to popular belief, iGEM is much more than what meets the eye. It means to be | |
− | + | conscious, it means to have a community, it means entrepreneurship. Just like all the | |
− | + | iGEM teams, our experience leads us to learn that science is truly a collective endeavor. | |
− | + | Here is our interactions with peers, experts, and the public. | |
− | + | ||
</p> | </p> | ||
Line 362: | 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 | |
− | + | 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 397: | 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