Difference between revisions of "Team:METU HS Ankara"

 
(62 intermediate revisions by 4 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="./assets/images/content/banner.gif">
+
             <li data-bg="https://static.igem.org/mediawiki/2018/b/b0/T--METU_HS_Ankara--banner.mp4">
                <!--div class="inner ct-u-paddingBoth100">
+
                <video loop muted autoplay poster="img/videoframe.jpg" class="fullscreen-bg__video">
                    <div class="container">
+
                    <source src="https://static.igem.org/mediawiki/2018/b/b0/T--METU_HS_Ankara--banner.mp4" type="video/mp4">
                        <div class="row">
+
                </video>
                            <div class="col-sm-6 col-md-5">
+
                  
                                <span class="h2 ct-fw-300 ct-u-colorMotive animated" data-fx="zoomIn">01</span>
+
 
+
                                <h3 class="ct-u-colorWhite ct-u-hrLeft animated" data-fx="fadeInUp">
+
                                    <small class="text-uppercase ct-u-colorWhite">We create unique and inovative</small>
+
                                    <span class="ct-fw-300">User</span> Experiences
+
                                </h3>
+
                                <p class="ct-u-colorWhite animated" data-fx="zoomInDown">Lorem ipsum dolor sit amet,
+
                                    consectetur adipiscing elit dont emet suspendisse, condimentum porttitor cursus duis
+
                                    neclim.</p>
+
                                <a href="../demo/buy.php" class="btn ct-btn--rounded btn-primary text-uppercase animated"
+
                                  data-fx="fadeInUp" data-time="800">Buy Orlando</a>
+
                                <a href="portfolio-masonry.html"
+
                                  class="btn ct-btn--rounded btn-default text-uppercase animated" data-fx="fadeInUp"
+
                                  data-time="1250">Portfolio</a>
+
                            </div>
+
                        </div>
+
                    </div>
+
                 </div-->
+
 
             </li>
 
             </li>
            <!--li data-bg="./assets/images/content/orlando-slider-image-2.jpg">
 
                <div class="inner ct-u-paddingBoth100">
 
                    <div class="container">
 
                        <div class="row">
 
                            <div class="col-sm-6 col-md-5">
 
                                <span class="h2 ct-fw-300 ct-u-colorMotive animated" data-fx="zoomIn">02</span>
 
 
                                <h3 class="ct-u-colorWhite ct-u-hrLeft animated" data-fx="fadeInUp">
 
                                    <small class="text-uppercase ct-u-colorWhite">We create unique and inovative</small>
 
                                    <span class="ct-fw-300">User</span> Experiences
 
                                </h3>
 
                                <p class="ct-u-colorWhite animated" data-fx="zoomInDown">Lorem ipsum dolor sit amet,
 
                                    consectetur adipiscing elit dont emet suspendisse, condimentum porttitor cursus duis
 
                                    neclim.</p>
 
                                <a href="../demo/buy.php" class="btn ct-btn--rounded btn-primary text-uppercase animated"
 
                                  data-fx="fadeInUp" data-time="800">Buy Orlando</a>
 
                                <a href="portfolio-masonry.html"
 
                                  class="btn ct-btn--rounded btn-default text-uppercase animated" data-fx="fadeInUp"
 
                                  data-time="1250">Portfolio</a>
 
                            </div>
 
                        </div>
 
                    </div>
 
                </div>
 
            </li>
 
            <li data-bg="./assets/images/content/orlando-slider-image-3.jpg">
 
                <div class="inner ct-u-paddingBoth100">
 
                    <div class="container">
 
                        <div class="row">
 
                            <div class="col-sm-6 col-md-5">
 
                                <span class="h2 ct-fw-300 ct-u-colorMotive animated" data-fx="zoomIn">03</span>
 
 
                                <h3 class="ct-u-colorWhite ct-u-hrLeft animated" data-fx="fadeInUp">
 
                                    <small class="text-uppercase ct-u-colorWhite">We create unique and inovative</small>
 
                                    <span class="ct-fw-300">User</span> Experiences
 
                                </h3>
 
                                <p class="ct-u-colorWhite animated" data-fx="zoomInDown">Lorem ipsum dolor sit amet,
 
                                    consectetur adipiscing elit dont emet suspendisse, condimentum porttitor cursus duis
 
                                    neclim.</p>
 
                                <a href="../demo/buy.php" class="btn ct-btn--rounded btn-primary text-uppercase animated"
 
                                  data-fx="fadeInUp" data-time="800">Buy Orlando</a>
 
                                <a href="portfolio-masonry.html"
 
                                  class="btn ct-btn--rounded btn-default text-uppercase animated" data-fx="fadeInUp"
 
                                  data-time="1250">Portfolio</a>
 
                            </div>
 
                        </div>
 
                    </div>
 
                </div>
 
            </li>
 
            <li data-bg="./assets/images/content/orlando-slider-image-4.jpg">
 
                <div class="inner ct-u-paddingBoth100">
 
                    <div class="container">
 
                        <div class="row">
 
                            <div class="col-sm-6 col-md-5">
 
                                <span class="h2 ct-fw-300 ct-u-colorMotive animated" data-fx="zoomIn">04</span>
 
 
                                <h3 class="ct-u-colorWhite ct-u-hrLeft animated" data-fx="fadeInUp">
 
                                    <small class="text-uppercase ct-u-colorWhite">We create unique and inovative</small>
 
                                    <span class="ct-fw-300">User</span> Experiences
 
                                </h3>
 
                                <p class="ct-u-colorWhite animated" data-fx="zoomInDown">Lorem ipsum dolor sit amet,
 
                                    consectetur adipiscing elit dont emet suspendisse, condimentum porttitor cursus duis
 
                                    neclim.</p>
 
                                <a href="services.html" class="btn ct-btn--rounded btn-primary text-uppercase animated"
 
                                  data-fx="fadeInUp" data-time="800">Services</a>
 
                                <a href="portfolio-masonry.html"
 
                                  class="btn ct-btn--rounded btn-default text-uppercase animated" data-fx="fadeInUp"
 
                                  data-time="1250">Portfolio</a>
 
                            </div>
 
                        </div>
 
                    </div>
 
                </div>
 
            </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-lowercase">Lorem Ipsum Dolor.</span>
+
                 <span class="text-capitalize">Support renewable energy</span>
                 <small class="ct-u-colorMotive ct-fw-300">Lorem ipsum dolor sit amet. lorem lorem</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 124: 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="icon-presentation"></i>
+
                         <i class="fas fa-question"></i>
 
                     </div>
 
                     </div>
 
                     <div class="ct-iconBox-content">
 
                     <div class="ct-iconBox-content">
                         <h4 class="ct-iconBox-title text-lowercase ct-fw-600">
+
                         <h4 class="ct-iconBox-title text-capitalize ct-fw-600">
                             Lorem Ipsum
+
                             problem
 
                         </h4>
 
                         </h4>
  
                         <p>
+
                         <p style="text-align: center">
                             Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
+
                             The use of non-renewable energy resources ,  
                             cursumus. Duis nec nulla turpis. Nulla lacinia laoreet odio
+
                             by greenhouse gas emissions lead to environmental
 +
                            problems and also put great strains on countries’ budgets.
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
Line 141: 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="icon-telescope"></i>
+
                         <i class="fas fa-microscope"></i>
 
                     </div>
 
                     </div>
 
                     <div class="ct-iconBox-content">
 
                     <div class="ct-iconBox-content">
                         <h4 class="ct-iconBox-title text-lowercase ct-fw-600">
+
                         <h4 class="ct-iconBox-title text-capitalize ct-fw-600">
                             Lorem Ipsum
+
                             vision
 
                         </h4>
 
                         </h4>
  
                         <p>
+
                         <p style="text-align: center">
                             Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
+
                             As we sought an alternative energy source,  
                             cursumus. Duis nec nulla turpis. Nulla lacinia laoreet odio
+
                             renewable, sustainable and one that will outrun fossil
 +
                            fuels our research led us to biofuels.
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
Line 158: 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="icon-lightbulb"></i>
+
                         <i class="fas fa-flask"></i>
 
                     </div>
 
                     </div>
 
                     <div class="ct-iconBox-content">
 
                     <div class="ct-iconBox-content">
                         <h4 class="ct-iconBox-title text-lowercase ct-fw-600">
+
                         <h4 class="ct-iconBox-title text-capitalize ct-fw-600">
                             Lorem Ipsum
+
                             solution
 
                         </h4>
 
                         </h4>
  
                         <p>
+
                         <p style="text-align: center">
                             Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
+
                             Finally, we made use of bioethanol which is a
                             cursumus. Duis nec nulla turpis. Nulla lacinia laoreet odio
+
                             renewable and sustainable green energy source that
 +
                            could be obtained from agricultural waste.
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
Line 181: Line 100:
 
                 <div class="col-md-4">
 
                 <div class="col-md-4">
 
                     <header class="ct-pageSectionHeader">
 
                     <header class="ct-pageSectionHeader">
                         <h3 class="text-lowercase ct-fw-600">
+
                         <h3 class="text-capitalize ct-fw-600" style="padding-top: 0px">
                            We create stuff
+
                             What We Did:
                            <small class="ct-fw-700 text-uppercase">Design is not just what it looks like. Design is how
+
                                it works.
+
                             </small>
+
 
                         </h3>
 
                         </h3>
 
                     </header>
 
                     </header>
Line 191: Line 107:
 
                 <div class="col-md-8">
 
                 <div class="col-md-8">
 
                     <p>
 
                     <p>
                         Donec justo mauris, sagittis sed vulputate ut, commodo dapibus massa. Class aptent taciti
+
                         We investigated ways to improve bioethanol production since it's a non-toxic, biodegradable and cost friendly alternative
                        sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ut mi lacus. Morbi
+
                         to fossil fuels being about 20-30% more efficient and its carbon footprint being far smaller.
                        accumsan mauris ac posuere vehicula. Donec bibendum tellus rutrum turpis varius dictum. Maecenas
+
                        tristique arcu sed rhoncus laoreet. Praesent eget fermentum nisi. Donec ac velit aliquet,
+
                        bibendum sem in, convallis est. Phasellus sodales ultricies cursus. Vivamus leo nunc, pretium
+
                        vitae dictum a, mollis ut sapien. Cum sociis natoque penatibus et magnis dis parturient montes,
+
                        nascetur ridiculus mus. Donec porttitor tristique sem, dictum vehicula nisi accumsan eget.
+
                         Pellentesque habitant morbi tristique senectus et netus.
+
 
                     </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 210: Line 131:
 
                 <div class="col-md-3">
 
                 <div class="col-md-3">
 
                     <header class="ct-pageSectionHeader">
 
                     <header class="ct-pageSectionHeader">
                         <h3 class="text-lowercase ct-fw-600">
+
                         <h3 class="text-capitalize ct-fw-600">
 
                             Fun facts.
 
                             Fun facts.
 
                         </h3>
 
                         </h3>
  
                         <p>
+
                         <span style="color: #FFF; font-size: 15px">
                             Lorem ipsum dolor sit amet, fati consectetur adipiscing elit. Curabitur quis sagittis massa.
+
                             iGEM is hard work and all, but never forget; there is no project without a little fun
                             Curabitur ins congue felis. Sed adipiscing mauris.
+
                             with your teammates.
                         </p>
+
                         </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 227: 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="95" data-ct-speed="5000">0</span>
+
                                       data-ct-to="324" data-ct-speed="5000">0</span>
                                 <h5 class="ct-counterBox-title text-uppercase ct-fw-700">Lorem<br>Ipsum</h5>
+
                                 <h5 class="ct-counterBox-title text-uppercase ct-fw-700">days spent<br>working</h5>
                                 <span class="ct-counterBox-icon"><i class="icon-profile-male"></i> </span>
+
                                 <span class="ct-counterBox-icon"><i class="fas fa-briefcase"></i> </span>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 235: 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="234" data-ct-speed="4000">0</span>
+
                                       data-ct-to="2375" data-ct-speed="4000">0</span>
                                 <h5 class="ct-counterBox-title text-uppercase ct-fw-700">Lorem<br>Ipsum</h5>
+
                                 <h5 class="ct-counterBox-title text-uppercase ct-fw-700">coffees/teas<br>drunk</h5>
                                 <span class="ct-counterBox-icon"><i class="icon-briefcase"></i> </span>
+
                                 <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 ct-js-counter ct-u-arapey ct-u-colorMotive ct-fs-i"
+
                                 <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>
                                      data-ct-to="3" data-ct-speed="2000">0</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">Lorem<br>Ipsum</h5>
+
                                 <span class="ct-counterBox-icon"><i class="fab fa-readme"></i> </span>
                                 <span class="ct-counterBox-icon"><i class="icon-trophy"></i> </span>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 259: 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-lowercase">Lorem Ipsum Dolor.</span>
+
                 <span class="text-capitalize">beyond the lab bench</span>
                 <small class="ct-u-colorMotive ct-fw-300">Lorem ipsum dolor sit amet lorem ipsum</small>
+
                 <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 271: Line 193:
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-md-6">
 
                 <div class="col-md-6">
                    <h3 class="text-lowercase ct-fw-600">
 
                        Lorem Ipsum Dolor.
 
                    </h3>
 
 
 
                     <div class="panel-group" id="accordion">
 
                     <div class="panel-group" id="accordion">
 
                         <div class="panel panel-default">
 
                         <div class="panel panel-default">
Line 280: 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">
                                         Collaborations
+
                                         Collaboration
 
                                     </a>
 
                                     </a>
 
                                 </h4>
 
                                 </h4>
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">
                                     Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
+
                                     <p>
                                    richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor
+
                                        Since collaborating is an essential part of iGEM, encouraging teams to
                                    brunch. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt
+
                                        overcome problems, we have interacted with various teams from all around
                                    sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
+
                                        the world. To see what we’ve achieved together, please proceed to the
                                     beer farm-to-table.
+
                                        <a style="color: #68bd45" href="https://2018.igem.org/Team:METU_HS_Ankara/Collaborations">collaborations</a> page.
 +
                                     </p>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
Line 299: Line 218:
 
                                     <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"
 
                                     <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"
 
                                       class="collapsed">
 
                                       class="collapsed">
                                         Design
+
                                         Attributions
 
                                     </a>
 
                                     </a>
 
                                 </h4>
 
                                 </h4>
Line 305: Line 224:
 
                             <div id="collapseTwo" class="panel-collapse collapse">
 
                             <div id="collapseTwo" class="panel-collapse collapse">
 
                                 <div class="panel-body">
 
                                 <div class="panel-body">
                                     Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
+
                                     <p>
                                    richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor
+
                                        Since science is a collective effort, one can never pursue great things
                                    brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt
+
                                        alone and without taking help from people who are experts in the specific
                                    aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+
                                        subjects. Not to mention the nature of iGEM projects requiring us to be
                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente
+
                                        well-rounded, it's fair to say it's next to impossible to do it alone.  
                                    ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer
+
                                        See the people and their contributions to our project on the page
                                     farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them
+
                                        <a style="color: #68bd45" href="https://2018.igem.org/Team:METU_HS_Ankara/Attributions">attributions</a>.
                                    accusamus labore sustainable VHS.
+
                                     </p>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
Line 321: Line 240:
 
                                     <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"
 
                                     <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"
 
                                       class="collapsed">
 
                                       class="collapsed">
                                         Description
+
                                         Human Practices
 
                                     </a>
 
                                     </a>
 
                                 </h4>
 
                                 </h4>
Line 327: Line 246:
 
                             <div id="collapseThree" class="panel-collapse collapse">
 
                             <div id="collapseThree" class="panel-collapse collapse">
 
                                 <div class="panel-body">
 
                                 <div class="panel-body">
                                     Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
+
                                     <p>
                                    richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor
+
                                        Beyond the lab, we were there to be a part of the society. During the making
                                    brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt
+
                                        of our project, we benefited from the public idea as much as we benefited
                                    aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+
                                        from any protocol or article. We strove to integrate what we have learned from
                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente
+
                                        others to our project in order to make the best use of Bio-E, since we wanted
                                    ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer
+
                                        the whole world to make use of our fermentation process in the future. You can see our human practices on the
                                    farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them
+
                                        <a style="color: #68bd45" href="https://2018.igem.org/Team:METU_HS_Ankara/Human_Practices"> Human Practices </a> and
                                    accusamus labore sustainable VHS.
+
                                        <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 341: Line 261:
 
                 </div>
 
                 </div>
 
                 <div class="col-md-6">
 
                 <div class="col-md-6">
                    <h3 class="text-lowercase ct-fw-600">
 
                        Lorem ipsum dolor.
 
                    </h3>
 
  
 
                     <p>
 
                     <p>
                         Donec justo mauris, sagittis sed vulputate ut, commodo dapibus massa. Class aptent taciti
+
                         Contrary to popular belief, iGEM is much more than what meets the eye. It means to be
                         sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ut mi lacus. Morbi
+
                         conscious, it means to have a community, it means entrepreneurship. Just like all the
                         accumsan mauris ac posuere vehicula. Donec bibendum tellus rutrum turpis varius dictum. Maecenas
+
                         iGEM teams, our experience leads us to learn that science is truly a collective endeavor.  
                         tristique arcu sed rhoncus laoreet. Praesent eget fermentum nisi. Donec ac velit aliquet,
+
                         Here is our interactions with peers, experts, and the public.
                        bibendum sem in, convallis est. Phasellus sodales ultricies cursus.
+
 
                     </p>
 
                     </p>
  
Line 361: Line 277:
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
                 <div class="col-sm-6 col-md-4">
+
                 <div class="col-sm-6 col-md-12">
 
                     <header class="ct-pageSectionHeader">
 
                     <header class="ct-pageSectionHeader">
                         <h3 class="text-lowercase ct-fw-600">
+
                         <h3 class="text-capitalize ct-fw-600">
 
                             The Team.
 
                             The Team.
 
                         </h3>
 
                         </h3>
  
                         <p>
+
                         <span style="color: #FFF; font-size: 15px; ">
                             Lorem ipsum dolor sit amet, fati consectetur adipiscing elit. Curabitur quis sagittis massa.
+
                             Every member of this team has spared tremendous efforts and endless work hours to make
                             Curabitur ins congue felis. Sed adipiscing mauris.
+
                             our project come to life. The team is not only about working together but like a family.
                         </p>
+
 
                         <a href="services.html" class="btn btn-primary ct-btn--rounded text-uppercase">Team</a>
+
                         </span>
                         <a href="portfolio-masonry.html" class="btn btn-default ct-btn--rounded text-uppercase">Collaborations</a>
+
                        <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-8">
+
                 <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="1" data-itemwidth="164" data-itemmargin="25">
+
                         data-move="4" data-itemwidth="164" data-itemmargin="25" style="height: 215px">
 
                         <ul class="slides">
 
                         <ul class="slides">
                             <li><img src="./assets/images/content/client1.png" alt="Client 1"></li>
+
                             <li><img src="https://static.igem.org/mediawiki/2018/1/12/T--METU_HS_Ankara--t01.jpg" alt="METU HS"></li>
                             <li><img src="./assets/images/content/client2.png" alt="Client 2"></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="./assets/images/content/client3.png" alt="Client 3"></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="./assets/images/content/client4.png" alt="Client 4"></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="./assets/images/content/client2.png" alt="Client 5"></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="./assets/images/content/client1.png" alt="Client 6"></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="./assets/images/content/client3.png" alt="Client 7"></li>
+
                             <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 396: 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-marginBottom70 ct-js-wayPoint">
+
             <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-lowercase">Lorem Ipsum Dolor.</span>
+
                     <span class="text-capitalize">Our Project</span>
                    <small class="ct-u-colorWhite ct-fw-300">lorem ipsum dolor sit amet lorem ipsum</small>
+
 
                 </h2>
 
                 </h2>
                <span class="ct-pageSectionHeader-rightContent ct-u-colorWhite ct-fs-i ct-u-arapey">
 
                    03
 
                </span>
 
 
             </header>
 
             </header>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
     <div class="ct-flexslider--adjacentVisible">
+
     <div class="col-md-12" style="text-align: center">
        <div class="flexslider ct-flexslider--arrowType2 ct-js-flexslider" data-controlnav="false"
+
        <iframe width="1000" height="600" src="https://www.youtube.com/embed/xG4feqBDcXA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
            data-directionnav="true" data-animationloop="true">
+
     </div>>
            <ul class="slides">
+
                <li>
+
                    <a href="portfolio-single.html"><img src="./assets/images/content/portfolio1.jpg" alt="Portfolio 1"></a>
+
                </li>
+
                <li>
+
                    <a href="portfolio-single.html"><img src="./assets/images/content/portfolio2.jpg" alt="Portfolio 2"></a>
+
                </li>
+
                <li>
+
                    <a href="portfolio-single.html"><img src="./assets/images/content/portfolio3.jpg" alt="Portfolio 3"></a>
+
                </li>
+
                <li>
+
                    <a href="portfolio-single.html"><img src="./assets/images/content/portfolio4.jpg" alt="Portfolio 4"></a>
+
                </li>
+
            </ul>
+
        </div>
+
     </div>
+
    <section class="ct-u-paddingBoth40">
+
        <div class="container">
+
            <div class="row">
+
                <div class="col-sm-4">
+
                    <header class="ct-pageSectionHeader">
+
                        <h3 class="text-lowercase ct-fw-600">
+
                            Lorem Ipsum
+
                            <small class="ct-fw-700 text-uppercase">Lorem ipsum dolor sit amet</small>
+
                        </h3>
+
                    </header>
+
                </div>
+
                <div class="col-sm-8">
+
                    <p>
+
                        Donec justo mauris, sagittis sed vulputate ut, commodo dapibus massa. Class aptent taciti
+
                        sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ut mi lacus. Morbi
+
                        accumsan mauris ac posuere vehicula. Donec bibendum tellus rutrum turpis varius dictum. Maecenas
+
                        tristique arcu sed rhoncus laoreet. Praesent eget fermentum nisi. Donec ac velit aliquet,
+
                        bibendum sem in, convallis est. Phasellus sodales ultricies cursus. Vivamus leo nunc, pretium
+
                        vitae dictum a, mollis ut sapien. Cum sociis natoque penatibus et magnis dis parturient montes,
+
                        nascetur ridiculus mus. Donec porttitor tristique sem, dictum vehicula nisi accumsan eget.
+
                        Pellentesque habitant morbi tristique senectus et netus.
+
                    </p>
+
                    <a href="portfolio-masonry.html" class="btn btn-primary ct-btn--rounded text-uppercase">Lorem</a>
+
                    <a href="services.html" class="btn ct-btn--black ct-btn--rounded text-uppercase">Ipsum</a>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
 
</section>
 
</section>
  

Latest revision as of 20:24, 17 October 2018

METU HS IGEM

METUHSIGEM_LOGO

Support renewable energy Renew earth’s future with BIO-E

problem

The use of non-renewable energy resources , by greenhouse gas emissions lead to environmental problems and also put great strains on countries’ budgets.

vision

As we sought an alternative energy source, renewable, sustainable and one that will outrun fossil fuels our research led us to biofuels.

solution

Finally, we made use of bioethanol which is a renewable and sustainable green energy source that could be obtained from agricultural waste.

What We Did:

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.

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.

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.

Project Description Demonstration

Fun facts.

iGEM is hard work and all, but never forget; there is no project without a little fun with your teammates.
0
days spent
working
0
coffees/teas
drunk
issues
read

beyond the lab bench We worked with many experts

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 collaborations page.

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 attributions.

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 Human Practices and Education and Engagement pages.

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.

The Team.

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.

Team Collaborations
  • METU HS
  • METU HS
  • METU HS
  • METU HS
  • METU HS
  • METU HS
  • METU HS

Our Project

>