Team:Braunschweig/Team

From 2014.igem.org

(Difference between revisions)
Line 44: Line 44:
}
}
#content {
#content {
-
background:#FFFBD5;
+
background:#FFFDEF;
width:100%;
width:100%;
border-left:0px;
border-left:0px;
Line 117: Line 117:
             <li id='navbarteam'><a href="https://2014.igem.org/Team:Braunschweig/Team">Team</a>
             <li id='navbarteam'><a href="https://2014.igem.org/Team:Braunschweig/Team">Team</a>
                 <ul id="nav-dd" style="margin-left:-50px">
                 <ul id="nav-dd" style="margin-left:-50px">
 +
<li><a target="_blank" href="https://2014.igem.org/Team:Braunschweig/Team#profiles>Profiles</a></li>
                     <li><a target="_blank" href="https://igem.org/Team.cgi?year=2014&team_name=Braunschweig">Official Team Profile</a></li>
                     <li><a target="_blank" href="https://igem.org/Team.cgi?year=2014&team_name=Braunschweig">Official Team Profile</a></li>
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Team#Collaboration">Collaboration</a></li>
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Team#Collaboration">Collaboration</a></li>
-
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Gallery">Gallery</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Team#gallery">Gallery</a></li>
-
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Attributions">Attributions</a></li></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Team#attributions">Attributions</a></li></li>
                 </ul>
                 </ul>
             </li>
             </li>
Line 134: Line 135:
                 </ul>
                 </ul>
             </li>
             </li>
-
             <li id="navbarparts"><a href="https://2014.igem.org/Team:Braunschweig/HP">Human Practise</a>                     
+
             <li id="navbarparts"><a href="https://2014.igem.org/Team:Braunschweig/HP">Policy & Practice</a>                     
                 <ul id="nav-dd" style="margin-left:-110px">
                 <ul id="nav-dd" style="margin-left:-110px">
-
                     <li><a href="https://2014.igem.org/Team:Braunschweig/HP#spreading">Spreading the World</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/HP#spreading">Spreading the Word</a></li>
                     <li><a href="https://2014.igem.org/Team:Braunschweig/HP#teaching">Teaching</a></li>
                     <li><a href="https://2014.igem.org/Team:Braunschweig/HP#teaching">Teaching</a></li>
                     <li><a href="https://2014.igem.org/Team:Braunschweig/HP#opinions">Opinions</a></li>
                     <li><a href="https://2014.igem.org/Team:Braunschweig/HP#opinions">Opinions</a></li>
Line 172: Line 173:
             </div> <!-- /container -->
             </div> <!-- /container -->
         </div>
         </div>
-
       
+
<!-------- HEADER -------------------->
-
        <div>
+
<div class="header">
-
            <!-- Carousel -->
+
<div >
-
            <div id="templatemo-carousel" class="carousel slide" data-ride="carousel">
+
<h1>Hier fehlt der Header</h1>
-
                <!-- Indicators -->
+
</div>
-
                <ol class="carousel-indicators">
+
</div>
-
                    <li data-target="#templatemo-carousel" data-slide-to="0" class="active"></li>
+
-
                    <li data-target="#templatemo-carousel" data-slide-to="1"></li>
+
-
                    <li data-target="#templatemo-carousel" data-slide-to="2"></li>
+
-
                </ol>
+
-
                <div class="carousel-inner">
+
-
                    <div class="item active">
+
-
                        <div class="container">
+
-
                            <div class="carousel-caption">
+
-
                                <h1>E. Cowli</h1>
+
-
                                <p>Fighting Climate Change where it begins.</p>
+
-
                            </div>
+
 
-
                        </div>
+
<!---------- CONTENT ------->
-
                    </div>
+
<div class="templatemo-welcome" id="templatemo-welcome">
-
                   
+
<div class="container">
-
                    <div class="item">
+
<div class="pagesummary">
-
                        <div class="container">
+
<h1>Our Team</h1>
-
                                <div class="carousel-caption">
+
<p>
-
                                    <div class="col-sm-6 col-md-6">
+
An important part of the iGEM competition, aside from working in the lab, is getting in contact with people outside of our team. Not just for fun, though, but in order to spread the idea of using synthetic biology for the benefit of humanity.
-
                                    <h1>Slider 1 links</h1>
+
</p>
-
                                         <p>Suspendisse pellentesque, odio vel ultricies interdum, mauris nulla ullamcorper magna, non aliquet odio velit aliquam augue.</p>
+
<p style="font-size:large;font-weight:bold">SPREADING THE WORD</p>
 +
<p>
 +
After the successful participation of the first team from the TU Braunschweig in the iGEM-competition last year we, the iGEM Team 2014, want to represent the collegiate research from Braunschweig on the international floor.<br>
 +
This year we will participate with a mixed team of motivated bachelor and master students from the fields of biology and biotechnology. We are coached by Dr. Torsten Meyer who will assist us with words and deeds during the project. Until the end of october we will work to bring our iGEM project to a successful end.
 +
 
 +
You can find out more about our team members in the profiles.
 +
</p></div>
 +
</div>
 +
<!--------------Our Team Members----------->
 +
<div class="container section">
 +
<a name="profiles" class="anchor"></a><h1 align="center">Our Team Members</h1>
 +
                <div class="text-center">
 +
                    <ul class="templatemo-project-gallery" >
 +
                        <li class="col-lg-2 col-md-2 col-sm-2  gallery gallery-graphic" >
 +
                            <a class="colorbox" href="images/full-gallery-image-1.jpg" data-group="gallery-graphic">
 +
                                <div class="templatemo-project-box">
 +
 
 +
                                    <img src="images/gallery-image-1.jpg" class="img-responsive" alt="gallery" />
 +
 
 +
                                    <div class="project-overlay">
 +
                                        <h5>Graphic</h5>
 +
                                         <hr />
 +
                                        <h4>TEA POT</h4>
                                     </div>
                                     </div>
-
                                    <div class="col-sm-6 col-md-6">
+
                                </div>
-
                                    <h1>Slider 1 rechts </h1>
+
                            </a>
-
                                         <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam mattis fringilla urna.</p>
+
                        </li>
 +
                        <li class="col-lg-2 col-md-2 col-sm-2  gallery gallery-creative" >
 +
                            <a class="colorbox" href="images/full-gallery-image-2.jpg" data-group="gallery-creative">
 +
                                <div class="templatemo-project-box">
 +
                                    <img src="images/gallery-image-2.jpg" class="img-responsive" alt="gallery" />
 +
                                    <div class="project-overlay">
 +
                                         <h5>Creative</h5>
 +
                                        <hr />
 +
                                        <h4>BREAKFAST</h4>
                                     </div>
                                     </div>
                                 </div>
                                 </div>
-
                        </div>
+
                            </a>
-
                    </div>
+
                        </li>
-
                         <div class="item">
+
                         <li class="col-lg-2 col-md-2 col-sm-2  gallery gallery-inspiration" >
-
                             <div class="container">
+
                             <a class="colorbox" href="images/full-gallery-image-3.jpg" data-group="gallery-inspiration">
-
                                 <div class="carousel-caption">
+
                                 <div class="templatemo-project-box">
-
                                <h1>Slider 2</h1>
+
                                    <img src="images/gallery-image-3.jpg" class="img-responsive" alt="gallery" />
-
                                    <p>This template is free to download and use for any website. This is a mobile-ready layout using Bootstrap framework.</p>
+
                                    <div class="project-overlay">
-
                                    <p><a class="btn btn-lg btn-orange" href="#" role="button">Read More</a></p>
+
                                        <h5>Inspiration</h5>
 +
                                        <hr />
 +
                                        <h4>GREEN COLORS</h4>
 +
                                    </div>
                                 </div>
                                 </div>
-
                             </div>
+
                             </a>
-
                         </div>
+
                         </li>
-
                </div>
+
                        <li class="col-lg-2 col-md-2 col-sm-2  gallery gallery-design" >
-
                <a class="left carousel-control" href="#templatemo-carousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
+
                            <a class="colorbox" href="images/full-gallery-image-4.jpg" data-group="gallery-design">
-
                <a class="right carousel-control" href="#templatemo-carousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
+
                                <div class="templatemo-project-box">
-
            </div><!-- /#templatemo-carousel -->
+
                                    <img src="images/gallery-image-4.jpg" class="img-responsive" alt="gallery" />
-
        </div>
+
                                    <div class="project-overlay">
 +
                                        <h5>Web Design</h5>
 +
                                        <hr />
 +
                                        <h4>CAMERA</h4>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </li>
 +
                        <li class="col-lg-2 col-md-2 col-sm-2  gallery gallery-inspiration" >
 +
                            <a class="colorbox" href="images/full-gallery-image-5.jpg" data-group="gallery-inspiration">
 +
                                <div class="templatemo-project-box">
 +
                                    <img src="images/gallery-image-5.jpg" class="img-responsive" alt="gallery" />
 +
                                    <div class="project-overlay">
 +
                                        <h5>Inspiration</h5>
 +
                                        <hr />
 +
                                        <h4>PLANT</h4>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </li>
 +
                        <li class="col-lg-2 col-md-2 col-sm-2  gallery gallery-inspiration" >
 +
                            <a class="colorbox" href="images/full-gallery-image-6.jpg" data-group="gallery-inspiration">
 +
                                <div class="templatemo-project-box">
 +
                                    <img src="images/gallery-image-6.jpg" class="img-responsive" alt="gallery" />
 +
                                    <div class="project-overlay">
 +
                                        <h5>Inspiration</h5>
 +
                                        <hr />
 +
                                        <h4>CABLE TRAIN</h4>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </li>
 +
                       
 +
                        <li class="col-lg-2 col-md-2 col-sm-2 gallery gallery-design" >
 +
                            <a class="colorbox" href="images/full-gallery-image-7.jpg" data-group="gallery-design">
 +
                                <div class="templatemo-project-box">
 +
                                    <img src="images/gallery-image-7.jpg" class="img-responsive" alt="gallery" />
 +
                                    <div class="project-overlay">
 +
                                        <h5>Web Design</h5>
 +
                                        <hr />
 +
                                        <h4>CITY</h4>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </li>
 +
                       
 +
                        <li class="col-lg-2 col-md-2 col-sm-2 gallery gallery-creative" >
 +
                            <a class="colorbox" href="images/full-gallery-image-8.jpg" data-group="gallery-creative">
 +
                                <div class="templatemo-project-box">
 +
                                    <img src="images/gallery-image-8.jpg" class="img-responsive" alt="gallery" />
 +
                                    <div class="project-overlay">
 +
                                        <h5>Creative</h5>
 +
                                        <hr />
 +
                                        <h4>BIRDS</h4>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </li>
 +
                       
 +
                        <li class="col-lg-2 col-md-2 col-sm-2 gallery gallery-graphic" >
 +
                            <a class="colorbox" href="images/full-gallery-image-9.jpg" data-group="gallery-graphic">
 +
                                <div class="templatemo-project-box">
 +
                                    <img src="images/gallery-image-9.jpg" class="img-responsive" alt="gallery" />
 +
                                    <div class="project-overlay">
 +
                                        <h5>Graphic</h5>
 +
                                        <hr />
 +
                                        <h4>NATURE</h4>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </li>
 +
                       
 +
                        <li class="col-lg-2 col-md-2 col-sm-2 gallery gallery-inspiration" >
 +
                            <a class="colorbox" href="images/full-gallery-image-10.jpg" data-group="gallery-inspiration">
 +
                                <div class="templatemo-project-box">
 +
                                    <img src="images/gallery-image-10.jpg" class="img-responsive" alt="gallery" />
 +
                                    <div class="project-overlay">
 +
                                        <h5>Inspiration</h5>
 +
                                        <hr />
 +
                                        <h4>DOGGY</h4>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </li>
 +
                    </ul><!-- /.gallery -->
 +
                </div>
 +
</div>
-
<!---------- CONTENT ------->
+
<!---------- Benjamin ------------>
-
        <div class="templatemo-welcome" id="templatemo-welcome">
+
<div class="container section"><a name="teaching" class="anchor"></a>
-
            <div class="container">
+
<h1 align="center">Teaching</h1>
-
                <div class="templatemo-slogan text-center">
+
<div class="cbox">
-
                    <a name="The Team"></a>
+
<div class="row">
-
                    <h2>The Team</h2>
+
  <div class="col-md-5">
-
                    <a name="Team Members"></a>
+
<object><param name="movie" value="//www.youtube.com/v/LjFHIdrkPOU?version=3&amp;hl=de_DE"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/LjFHIdrkPOU?version=3&amp;hl=de_DE" type="application/x-shockwave-flash" allowscriptaccess="always" width="100%" height="300" allowfullscreen="true"></embed></object>
-
                    <h2>Team Members</h2>
+
  </div>
-
                    <a name="Collaboration"></a>
+
  <div class="col-md-7">
-
                    <h2>Collaboration</h2>
+
<h2>Our Intern Benjamin</h2>
-
                </div>
+
  <p class="box_text">In August we had a visitor in our lab for two weeks. Benjamin, a pupil from a local school, had decided to expand his knowledge on Synthetic Biology and Biotechnology. He proved to be very keen to learn new things and to become a valuable albeit short-term member of our team. Here is how he evaluates his stay with us:
-
            </div>
+
  </p>
-
        </div>
+
  </div>
-
       
+
</div>
-
        <div class="templatemo-service" id='igem-content'>
+
</div>
-
            <div class="container">
+
</div>
-
                <div class="row">
+
<!---------- Opinions ------------>
-
                    <div class="col-md-4">
+
<div class="container section"><a name="opinions" class="anchor"></a>
-
                         <div class="templatemo-service-item">
+
<h1 align="center">Opinions</h1>
-
                             <div>
+
<div class="box4">
-
                                 <img src="images/leaf.png" alt="icon" />
+
<div class="row">
-
                                <span class="templatemo-service-item-header">AWESOME ICONS</span>
+
<div class="col-sm-5 col-md-6 box_textcont cbox box4box">
-
                            </div>
+
                         <ul class="list-inline">
-
                             <p>Nam porta adipiscing tortor, eget rutrum turpis bibendum ut. Donec eu lacus in diam euismod imperdiet eu ut turpis. Morbi felis orci, tincidunt pretium laoreet id, euismod et lacus. Praesent aliquet magna vitae mi elementum pharetra.</p>
+
                             <li class="col-md-4">
-
                             <div class="text-center">
+
                                 <a href="#">
-
                            <a target="_blank" href="https://igem.org/Team.cgi?year=2014&team_name=Braunschweig"
+
                                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/7/79/TU-BS-LehrLeoSlam-Copyright.jpg"  alt="gallery 1" />
-
                                class="templatemo-btn-read-more btn btn-orange">READ MORE</a>
+
                                </a>
-
                            </div>
+
                             </li>
-
                            <br class="clearfix"/>
+
                             <li  class="col-md-8">
-
                        </div>
+
                                <div class="pull-left">
-
                        <div class="clearfix"></div>
+
                                    <span class="box_header">Survey1</span><br/>
-
                     </div>
+
                                </div>
 +
                                <div class="clearfix"> </div>
 +
                                <p class="box_text">
 +
Hier ein Text über die Umfrage vom Lehrleo bzw Facebook
 +
                                </p>
 +
                            </li>
 +
                        </ul>
 +
                     </div> <!-- /.blog_post 1 -->
                      
                      
-
                     <div class="col-md-4">
+
                     <div class="col-sm-5 col-md-6 box_textcont cbox box4box">
-
                         <div class="templatemo-service-item" >
+
                         <ul class="list-inline">
-
                             <div>
+
                             <li class="col-md-4"><a href="#">
-
                                <img src="images/mobile.png" alt="icon"/>
+
                                 <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/7/79/TU-BS-LehrLeoSlam-Copyright.jpg"   alt="gallery 2" /></a>
-
                                 <span class="templatemo-service-item-header">FULLY RESPONSIVE</span>
+
                            </li>
-
                            </div>
+
                            <li class="col-md-8">
-
<p><a href="http://www.templatemo.com/preview/templatemo_395_urbanic">Urbanic</a> is free responsive HTML5 <a rel="nofollow" href="http://www.templatemo.com">website template</a> by templatemo. Credits go to <a rel="nofollow" href="http://getbootstrap.com">Bootstrap</a> for responsive layout and <a rel="nofollow" href="http://unsplash.com">Unsplash</a> for images used in this <a rel="nofollow" href="http://www.templatemo.com/page/1">free template</a>. Curabitur non eros ut dolor tincidunt interdum sit amet vitae quam.</p>
+
                                <div class="pull-left">
-
                            <div class="text-center">
+
                                    <span class="box_header">Survey2</span><br/>
-
                                 <a href="#"
+
                                </div>
-
                                class="templatemo-btn-read-more btn btn-orange">READ MORE</a>
+
                                <div class="clearfix"> </div>
-
                             </div>
+
                                 <p class="box_text">
-
                            <br class="clearfix"/>
+
                        Hier ein Text über die Umfrage der eRN
-
                        </div>
+
                                </p>
-
                       
+
                             </li>
-
                    </div>
+
                        </ul>
 +
                    </div><!-- /.blog_post 2 -->
                      
                      
-
                     <div class="col-md-4">
+
                    <div class="templatemo_clear"></div>
-
                         <div class="templatemo-service-item">
+
                   
-
                             <div>
+
                     <div class="col-sm-5 col-md-6 box_textcont cbox box4box">
-
                                <img src="images/battery.png" alt="icon"/>
+
                         <ul class="list-inline">
-
                                 <span class="templatemo-service-item-header">HIGH EFFICIENCY</span>
+
                             <li class="col-md-4"><a href="#">
-
                            </div>
+
                                 <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/7/79/TU-BS-LehrLeoSlam-Copyright.jpg"  alt="gallery 3" /></a>
-
                             <p>Morbi imperdiet ipsum sit amet dui pharetra, vulputate porta neque tristique. Quisque id turpis tristique, venenatis erat sit amet, venenatis turpis. Ut tellus ipsum, posuere bibendum consectetur vel, egestas sit amet erat. Morbi rhoncus leo fermentum viverra.</p>
+
                             </li>
-
                             <div class="text-center">
+
                             <li class="col-md-8">
-
                                 <a href="#"  
+
                                 <div class="pull-left">
-
                                class="templatemo-btn-read-more btn btn-orange">READ MORE</a>
+
                                    <span class="box_header">Social Media</span><br/>
-
                            </div>
+
                                </div>
-
                            <br class="clearfix"/>
+
                                <div class="clearfix"> </div>
-
                        </div>
+
                                <p class="box_text">
-
                        <br class="clearfix"/>
+
Hier ein Text über Social Media
-
                    </div>
+
                                </p>
-
                </div>
+
                            </li>
-
            </div>
+
                        </ul>
-
        </div>
+
                    </div><!-- /.blog_post 3 -->
-
 
+
                   
-
 
+
                    <div class="col-sm-5 col-md-6 box_textcont cbox box4box">
-
        <div class="templatemo-tweets">
+
                        <ul class="list-inline">
-
            <div class="container">
+
                            <li class="col-md-4">
-
                <div class="row" style="margin-top:20px;">
+
                                <a href="#">
-
                        <div class="col-md-2">
+
                                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/7/79/TU-BS-LehrLeoSlam-Copyright.jpg" alt="gallery 4" />
-
                        </div>
+
                                </a>
-
                        <div class="col-md-1">
+
                            </li>
-
                                <img src="images/quote.png" alt="icon" />
+
                            <li class="col-md-8">
-
                        </div>
+
                                 <div class="pull-left">
-
                        <div class="col-md-7 tweet_txt" >
+
                                    <span class="box_header">Ethics</span><br/>
-
                                 <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit suspendiise as a molesti neque vestibulum,  persiutsor de andues mare fricilus ipsum dolor sit amet cons forukus.</span>
+
                                 </div>
-
                                 <br/>
+
                                 <div class="clearfix"> </div>
-
                                 <span class="twitter_user">Moe Moe, Yangon</span>
+
                                <p class="box_text">
-
                        </div>
+
                                    Text über Ethics
-
                        <div class="col-md-2">
+
                                </p>
-
                        </div>
+
                            </li>
-
                </div><!-- /.row -->
+
                        </ul>
-
            </div><!-- /.container -->
+
                    </div> <!-- /.blog_post 4 -->
-
        </div>
+
-
 
+
</div>
-
        <div class="templatemo-partners" >
+
</div>
-
            <div class="container">
+
-
                <div class="row">
+
<!---------- SPONSOREN ----------->
<!---------- SPONSOREN ----------->

Revision as of 12:58, 5 October 2014

E. Cowli - Fighting Climate Change - iGEM 2014 Team Braunschweig

Hier fehlt der Header

Our Team

An important part of the iGEM competition, aside from working in the lab, is getting in contact with people outside of our team. Not just for fun, though, but in order to spread the idea of using synthetic biology for the benefit of humanity.

SPREADING THE WORD

After the successful participation of the first team from the TU Braunschweig in the iGEM-competition last year we, the iGEM Team 2014, want to represent the collegiate research from Braunschweig on the international floor.
This year we will participate with a mixed team of motivated bachelor and master students from the fields of biology and biotechnology. We are coached by Dr. Torsten Meyer who will assist us with words and deeds during the project. Until the end of october we will work to bring our iGEM project to a successful end. You can find out more about our team members in the profiles.

Our Team Members

Teaching

Our Intern Benjamin

In August we had a visitor in our lab for two weeks. Benjamin, a pupil from a local school, had decided to expand his knowledge on Synthetic Biology and Biotechnology. He proved to be very keen to learn new things and to become a valuable albeit short-term member of our team. Here is how he evaluates his stay with us:

Opinions

  • gallery 1
  • Survey1

    Hier ein Text über die Umfrage vom Lehrleo bzw Facebook

  • gallery 2
  • Survey2

    Hier ein Text über die Umfrage der eRN

  • gallery 3
  • Social Media

    Hier ein Text über Social Media

  • gallery 4
  • Ethics

    Text über Ethics

Our Supporters
  • Biolegio Logo
  • BMBF Logo
  • Bürgerstiftung Braunschweig Logo
  • DBT Logo
  • Machery Nagel Logo
  • Promega Logo
  • Teach4TU Logo
  • Yumab Logo
Back To Top
Copyright © 2014 iGEM Team Braunschweig

Retrieved from "http://2014.igem.org/Team:Braunschweig/Team"