Difference between revisions of "Team:METU HS Ankara/Demonstrate"

Line 109: Line 109:
 
</section>
 
</section>
  
<section id="section1">
+
<h3>Introduction</h3>
    <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>
+
  
                        <p style="text-align: center">
+
<p>
                            The use of non-renewable energy resources ,  
+
        Humans, as a species rely on energy greatly since the industrial revolution; whether it is for lighting, heating; or much more advanced systems of contemporary life. Thus, it's fair to say that security in electric energy supply is essential to us which made us rely heavily on fossil fuels (McDaniel et al., 2002).
                            by greenhouse gas emissions lead to environmental
+
</p>
                            problems and also puts 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 lead 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>
 
 
 
    <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 E.coli strain KO11 and two genes; FucO and GSH.
 
                    </p>
 
                    <a href="portfolio-masonry.html" class="btn btn-primary ct-btn--rounded text-uppercase">Project Description</a>
 
                    <a href="services.html" 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"><i class="fas fa-infinity"></i></span>
 
                                <h5 style="margin-top: 0px; padding-top: 0px" 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 href="#">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 href="#">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.
 
                                    </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-4">
 
                    <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>
 
                        <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" style="color: #a12384">Collaborations</a>
 
                    </header>
 
                </div>
 
                <div class="col-sm-6 col-md-8">
 
                    <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">
 
                        <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">
 
<!--section class="ct-u-diagonalTopLeft">

Revision as of 00:30, 10 October 2018

METU HS IGEM

METUHSIGEM_LOGO

Continue

Introduction

Humans, as a species rely on energy greatly since the industrial revolution; whether it is for lighting, heating; or much more advanced systems of contemporary life. Thus, it's fair to say that security in electric energy supply is essential to us which made us rely heavily on fossil fuels (McDaniel et al., 2002).