Tugbainanc (Talk | contribs) |
Tugbainanc (Talk | contribs) |
||
(72 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%"> | ||
+ | <div class="flexslider ct-flexslider--controlsVertical ct-flexslider--controlsWhite ct-js-flexslider" | ||
+ | data-animations="true" data-height="100%"> | ||
+ | <ul class="slides"> | ||
+ | <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> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <a class="ct-sectionButton ct-js-btnScroll" href="#section1"><span | ||
+ | class="ct-sectionButton-circle animated pulse activate infinite"><i | ||
+ | class="fa fa-angle-down animated activate bounce infinite"></i></span>Continue</a> | ||
+ | </section--> | ||
− | + | <div style="background-size:cover; position:relative; height:100vh;"> | |
− | <div | + | <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> | </div> | ||
+ | <section id="section1"> | ||
+ | <div class="container"> | ||
+ | <header class="ct-pageSectionHeader ct-pageSectionHeader--numbered ct-u-marginTop100 ct-u-marginBottom70 ct-js-wayPoint"> | ||
+ | <h2 class="ct-fw-600"> | ||
+ | <span class="text-capitalize">Support renewable energy</span> | ||
+ | <small class="ct-u-colorMotive ct-fw-300">Renew earth’s future with BIO-E</small> | ||
+ | </h2> | ||
+ | <span class="ct-pageSectionHeader-rightContent ct-u-colorMotive ct-fs-i ct-u-arapey"> | ||
+ | <!--01--> | ||
+ | </span> | ||
+ | </header> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-4 col-md-4 ct-u-marginBottom70"> | ||
+ | <div class="ct-iconBox ct-iconBox--default"> | ||
+ | <div class="ct-iconBox-icon ct-iconBox-icon--default"> | ||
+ | <i class="fas fa-question"></i> | ||
+ | </div> | ||
+ | <div class="ct-iconBox-content"> | ||
+ | <h4 class="ct-iconBox-title text-capitalize ct-fw-600"> | ||
+ | problem | ||
+ | </h4> | ||
− | <div class=" | + | <p style="text-align: center"> |
− | <div class=" | + | The use of non-renewable energy resources , |
− | <div class=" | + | by greenhouse gas emissions lead to environmental |
+ | problems and also put great strains on countries’ budgets. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm-4 col-md-4 ct-u-marginBottom70"> | ||
+ | <div class="ct-iconBox ct-iconBox--default"> | ||
+ | <div class="ct-iconBox-icon ct-iconBox-icon--default"> | ||
+ | <i class="fas fa-microscope"></i> | ||
+ | </div> | ||
+ | <div class="ct-iconBox-content"> | ||
+ | <h4 class="ct-iconBox-title text-capitalize ct-fw-600"> | ||
+ | vision | ||
+ | </h4> | ||
+ | <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> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm-4 col-md-4 ct-u-marginBottom70"> | ||
+ | <div class="ct-iconBox ct-iconBox--default"> | ||
+ | <div class="ct-iconBox-icon ct-iconBox-icon--default"> | ||
+ | <i class="fas fa-flask"></i> | ||
+ | </div> | ||
+ | <div class="ct-iconBox-content"> | ||
+ | <h4 class="ct-iconBox-title text-capitalize ct-fw-600"> | ||
+ | solution | ||
+ | </h4> | ||
+ | <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> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | </div> | + | <section class="ct-u-paddingBoth80"> |
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <header class="ct-pageSectionHeader"> | ||
+ | <h3 class="text-capitalize ct-fw-600" style="padding-top: 0px"> | ||
+ | What We Did: | ||
+ | </h3> | ||
+ | </header> | ||
+ | </div> | ||
+ | <div class="col-md-8"> | ||
+ | <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> | ||
+ | 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> | ||
+ | </section> | ||
+ | <section class="ct-u-backgroundDarkGray ct-u-paddingBoth50"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-3"> | ||
+ | <header class="ct-pageSectionHeader"> | ||
+ | <h3 class="text-capitalize ct-fw-600"> | ||
+ | Fun facts. | ||
+ | </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="portfolio-masonry.html" class="btn btn-default ct-btn--rounded text-uppercase">Portfolio</a>--> | ||
+ | </header> | ||
+ | </div> | ||
+ | <div class="col-md-9"> | ||
+ | <div class="row ct-u-borderLeft"> | ||
+ | <div class="col-sm-4 col-md-4"> | ||
+ | <div class="ct-counterBox ct-counterBox--default"> | ||
+ | <span class="ct-counterBox-number ct-js-counter ct-u-arapey ct-u-colorMotive ct-fs-i" | ||
+ | data-ct-to="324" data-ct-speed="5000">0</span> | ||
+ | <h5 class="ct-counterBox-title text-uppercase ct-fw-700">days spent<br>working</h5> | ||
+ | <span class="ct-counterBox-icon"><i class="fas fa-briefcase"></i> </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm-4 col-md-4"> | ||
+ | <div class="ct-counterBox ct-counterBox--default"> | ||
+ | <span class="ct-counterBox-number ct-js-counter ct-u-arapey ct-u-colorMotive ct-fs-i" | ||
+ | data-ct-to="2375" data-ct-speed="4000">0</span> | ||
+ | <h5 class="ct-counterBox-title text-uppercase ct-fw-700">coffees/teas<br>drunk</h5> | ||
+ | <span class="ct-counterBox-icon"><i class="fas fa-coffee"></i> </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm-4 col-md-4"> | ||
+ | <div class="ct-counterBox ct-counterBox--default"> | ||
+ | <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> | ||
+ | <span class="ct-counterBox-icon"><i class="fab fa-readme"></i> </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | </section> | ||
+ | <section class="ct-u-diagonalTopLeft"> | ||
+ | <div class="container"> | ||
+ | <header class="ct-pageSectionHeader ct-pageSectionHeader--numbered ct-u-marginTop100 ct-u-marginBottom70 ct-js-wayPoint"> | ||
+ | <h2 class="ct-fw-600"> | ||
+ | <span class="text-capitalize">beyond the lab bench</span> | ||
+ | <small class="ct-u-colorMotive ct-fw-300"> | ||
+ | We worked with many experts | ||
+ | </small> | ||
+ | </h2> | ||
+ | <span class="ct-pageSectionHeader-rightContent ct-u-colorMotive ct-fs-i ct-u-arapey"> | ||
+ | <!--02--> | ||
+ | </span> | ||
+ | </header> | ||
+ | </div> | ||
+ | <section class="ct-u-paddingTop50 ct-u-paddingBottom80 ct-u-borderBoth ct-u-backgroundGray"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="panel-group" id="accordion"> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> | ||
+ | Collaboration | ||
+ | </a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div id="collapseOne" class="panel-collapse collapse in"> | ||
+ | <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 class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" | ||
+ | class="collapsed"> | ||
+ | Attributions | ||
+ | </a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div id="collapseTwo" class="panel-collapse collapse"> | ||
+ | <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 class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" | ||
+ | class="collapsed"> | ||
+ | Human Practices | ||
+ | </a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div id="collapseThree" class="panel-collapse collapse"> | ||
+ | <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> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
− | < | + | <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> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <section class="ct-u-backgroundDarkGray ct-u-paddingBoth50"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-6 col-md-12"> | ||
+ | <header class="ct-pageSectionHeader"> | ||
+ | <h3 class="text-capitalize ct-fw-600"> | ||
+ | The Team. | ||
+ | </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. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | </span> | ||
+ | <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> | ||
+ | </div> | ||
+ | <div class="col-sm-6 col-md-12"> | ||
+ | <div class="flexslider ct-flexslider--rounded ct-flexslider--arrowType1 ct-js-flexslider" | ||
+ | data-controlnav="false" data-directionnav="true" data-maxitems="4" | ||
+ | data-move="4" data-itemwidth="164" data-itemmargin="25" style="height: 215px"> | ||
+ | <ul class="slides"> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2018/1/12/T--METU_HS_Ankara--t01.jpg" alt="METU HS"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2018/6/60/T--METU_HS_Ankara--t02.jpg" alt="METU HS"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2018/1/1b/T--METU_HS_Ankara--t03.jpg" alt="METU HS"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2018/3/3b/T--METU_HS_Ankara--t04.jpg" alt="METU HS"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2018/e/ef/T--METU_HS_Ankara--t05.jpg" alt="METU HS"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2018/9/96/T--METU_HS_Ankara--t06.jpg" alt="METU HS"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2018/4/49/T--METU_HS_Ankara--t07.jpg" alt="METU HS"></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | </section> | ||
+ | <section class="ct-u-diagonalTopLeft"> | ||
+ | <div class="ct-u-backgroundMotive" style="background-color: #FFF"> | ||
+ | <div class="container"> | ||
+ | <header class="ct-pageSectionHeader ct-pageSectionHeader--numbered ct-u-marginTop100 ct-u-marginBottom20 ct-js-wayPoint"> | ||
+ | <h2 class="ct-fw-600"> | ||
+ | <span class="text-capitalize">Our Project</span> | ||
+ | </h2> | ||
+ | </header> | ||
+ | </div> | ||
+ | </div> | ||
+ | <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>> | ||
+ | </section> | ||
+ | </html> | ||
{{METU_HS_Ankara/footer}} | {{METU_HS_Ankara/footer}} |
Latest revision as of 20:24, 17 October 2018