Team:Braunschweig/Gallery

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 71: Line 71:
#menubar:hover li a {
#menubar:hover li a {
     color: black;}
     color: black;}
-
#navbarteam {width:70px;}
 
-
#navbarproject {width:70px;}
 
-
#navbarmodeling {width:85px;}
 
-
#navbarachievements {width:140px;}
 
-
#navbarparts {width:70px;}
 
-
#navbarsafety {width:70px;}
 
-
#navbarhome  {width:70px;}
 
-
#navbarnotebook {width:100px;}
 
-
 
.firstHeading {
.firstHeading {
display:none;
display:none;
Line 116: Line 107:
                                 <span class="icon-bar"></span>
                                 <span class="icon-bar"></span>
                                 </button>
                                 </button>
-
                                <img src="https://static.igem.org/mediawiki/2014/9/9e/IGEM_Braunschweig_2014_Logo.png" alt="iGEM 2014 TU Braunschweig Logo" title="iGEM2014 TU BS Logo" height="60px" padding="2px">
+
<div>
 +
<img class="logo" src="https://static.igem.org/mediawiki/2014/0/0d/TU-BS_IGEM_official_logo_transparent.png" alt="iGEM official Logo" style="opacity:0.8;margin-right:10px">
 +
<img class="logo" src="https://static.igem.org/mediawiki/2014/9/9e/IGEM_Braunschweig_2014_Logo.png" alt="iGEM 2014 TU Braunschweig Logo" title="iGEM2014 TU BS Logo">
 +
</div>
                         </div>
                         </div>
               <div class="navbar-collapse collapse" id="templatemo-nav-bar">
               <div class="navbar-collapse collapse" id="templatemo-nav-bar">
Line 123: 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://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/Gallery">Gallery</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Team#profiles">Profiles</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/Attributions">Attributions</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/Team#attributions">Attributions</a></li>
                 </ul>
                 </ul>
             </li>
             </li>
             <li id='navbarproject'><a href="https://2014.igem.org/Team:Braunschweig/Project">Project</a>                     
             <li id='navbarproject'><a href="https://2014.igem.org/Team:Braunschweig/Project">Project</a>                     
-
<ul id="nav-dd" style="margin-left:-60px">
+
<ul id="nav-dd" style="margin-left:-105px">
-
                     <li><a target="_blank" href="https://igem.org/Team.cgi?year=2014&team_name=Braunschweig">Summary</a></li>
+
                     <li><a target="_blank" href="https://2014.igem.org/Team:Braunschweig/Project">Summary</a></li>
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Problem">Problem</a></li>
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Problem">Problem</a></li>
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Idea">Idea</a></li>
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Idea">Idea</a></li>
Line 137: Line 132:
    <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Results">Results</a></li>
    <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Results">Results</a></li>
    <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Potential">Potential</a></li>
    <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Potential">Potential</a></li>
-
    <li><a href="https://2014.igem.org/Team:Braunschweig/Project#Engineering Principles">Engineering Principles</a></li>
+
    <li><a href="https://2014.igem.org/Team:Braunschweig/Project#EP">Engineering Principles</a></li>
                 </ul>
                 </ul>
             </li>
             </li>
-
             <li id="navbarparts"><a href="https://2014.igem.org/Team:Braunschweig/Parts">Parts</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="#">New Parts</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/HP#spreading">Spreading the Word</a></li>
-
                     <li><a href="#">Improved Parts</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/HP#teaching">Teaching</a></li>
-
                     <li><a href="#">Part Collection</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/HP#opinions">Opinions</a></li>
                 </ul>
                 </ul>
             </li>
             </li>
             <li id="navbarmodeling"><a href="https://2014.igem.org/Team:Braunschweig/Modeling">Modeling</a>
             <li id="navbarmodeling"><a href="https://2014.igem.org/Team:Braunschweig/Modeling">Modeling</a>
-
                 <ul id="nav-dd" style="margin-left:-50px">  
+
                 <ul id="nav-dd" style="margin-left:-80px">  
-
                     <li><a href="#">Modeling Approach</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Modeling#approach">Modeling Approach</a></li>
-
                     <li><a href="#">Mathematical Model</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Modeling#model">Mathematical Model</a></li>
-
                     <li><a href="#">Code</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Modeling#code">Code</a></li>
</ul>
</ul>
             </li>
             </li>
             <li id="navbarnotebook"><a href="https://2014.igem.org/Team:Braunschweig/Notebook">Notebook</a>
             <li id="navbarnotebook"><a href="https://2014.igem.org/Team:Braunschweig/Notebook">Notebook</a>
                 <ul id="nav-dd" style="margin-left:-80px">
                 <ul id="nav-dd" style="margin-left:-80px">
-
                     <li><a href="#">Protocols</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Notebook#protocols">Protocols</a></li>
-
                     <li><a href="#">MMO</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Notebook#mmo">MMO</a></li>
-
                     <li><a href="#">His-Tag</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Notebook#his">His-Tag</a></li>
                 </ul>
                 </ul>
             </li>
             </li>
             <li id="navbarachievements"><a href="https://2014.igem.org/Team:Braunschweig/Achievements">Achievements</a>                   
             <li id="navbarachievements"><a href="https://2014.igem.org/Team:Braunschweig/Achievements">Achievements</a>                   
-
                 <ul id="nav-dd"  style="margin-left:-150px">
+
                 <ul id="nav-dd"  style="margin-left:-130px">
-
                     <li><a href="#">Human Practices</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Achievements#parts">Parts</a></li>
-
                     <li><a href="#">Medal Requirements</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Braunschweig/Achievements#mr">Medal Requirements</a></li>
-
                     <li><a href="#">Judging</a></li>
+
                     <li><a target="_blank" href="https://igem.org/2014_Judging_Form?id=1390">Judging</a></li>
</ul>
</ul>
  </li>
  </li>
Line 172: Line 167:
         </ul>
         </ul>
-
<div id="glyphs" style="margin-top:15px;margin-left:10px">
 
-
<a href="http://en.igem-braunschweig.de/"><span class="glyphicon glyphicon-home"></span></a>
 
-
  <span class="glyphicon glyphicon-map-marker""></span>
 
-
  <span class="glyphicon glyphicon-thumbs-up"></span>
 
-
  <img src="https://static.igem.org/mediawiki/2014/0/0d/TU-BS_IGEM_official_logo_transparent.png" alt="iGEM official Logo" height="25px">
 
-
  </div>
 
            
            
                         </div><!--/.nav-collapse -->
                         </div><!--/.nav-collapse -->
Line 184: 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">
+
<img src="https://static.igem.org/mediawiki/2014/e/e8/TU-BS_header_gallery.jpg" height="400px" style="display: block; margin-left: auto; margin-right: auto;">
-
                <!-- 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>
+
-
                    </div>
+
-
                   
+
-
                    <div class="item">
+
-
                        <div class="container">
+
-
                                <div class="carousel-caption">
+
-
                                    <div class="col-sm-6 col-md-6">
+
-
                                    <h1>Slider 1 links</h1>
+
-
                                        <p>Suspendisse pellentesque, odio vel ultricies interdum, mauris nulla ullamcorper magna, non aliquet odio velit aliquam augue.</p>
+
-
                                    </div>
+
-
                                    <div class="col-sm-6 col-md-6">
+
-
                                    <h1>Slider 1 rechts </h1>
+
-
                                        <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam mattis fringilla urna.</p>
+
-
                                    </div>
+
-
                                </div>
+
-
                        </div>
+
-
                    </div>
+
-
                        <div class="item">
+
-
                            <div class="container">
+
-
                                <div class="carousel-caption">
+
-
                                <h1>Slider 2</h1>
+
-
                                    <p>This template is free to download and use for any website. This is a mobile-ready layout using Bootstrap framework.</p>
+
-
                                    <p><a class="btn btn-lg btn-orange" href="#" role="button">Read More</a></p>
+
-
                                </div>
+
-
                            </div>
+
-
                        </div>
+
-
                </div>
+
-
                <a class="left carousel-control" href="#templatemo-carousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
+
-
                <a class="right carousel-control" href="#templatemo-carousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
+
-
            </div><!-- /#templatemo-carousel -->
+
-
        </div>
+
<!---------- CONTENT ------->
<!---------- CONTENT ------->
 +
<div class="templatemo-welcome" id="templatemo-welcome">
 +
<div class="container">
 +
<div class="pagesummary">
 +
<h1>Gallery</h1>
 +
<p>
 +
During the last year different things happened other than normal lab work or Policy & Practice events.
 +
<br>
 +
On this page we want to show you impressions of our social events, fun lab times and other things which are also a very important part of iGEM.
 +
        </p>
 +
</div>
 +
</div>
-
        <div class="templatemo-welcome" id="templatemo-welcome">
+
 
-
            <div class="container">
+
<!---------- REST ------------>
-
                <div class="templatemo-slogan text-center">
+
<div class="container section"><a name="collaboration" class="anchor"></a><a name="attributions" class="anchor"></a><a name="gallery" class="anchor"></a>
-
                    <a name="Wetlab"></a>
+
<div class="box4">
-
                    <h2>Wet Lab</h2>
+
<div class="row">
-
                    <a name="Planning"></a>
+
<div class="col-sm-5 col-md-6 box_textcont cbox box4box">
-
                    <h2>Plannings</h2>
+
                        <ul class="list-inline">
-
                    <a name="Social"></a>
+
                            <li class="col-md-4">
-
                    <h2>Social Events</h2>
+
                                <a href="#">
-
                    <a name="Lehrleo"></a>
+
                                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/7/79/TU-BS-LehrLeoSlam-Copyright.jpg" alt="gallery 1" />
-
                    <h2>LehrLEO</h2>
+
                                 </a>
-
                    <a name="tuday"></a>
+
                             </li>
-
                    <h2>TU Day</h2>
+
                             <li  class="col-md-8">
-
                    <a name="ern"></a>
+
                                <div class="pull-left">
-
                    <h2>European Researchers Night 2014</h2>
+
                                    <span class="box_header">Official Team Profile</span><br/>
-
                </div>
+
                                </div>
-
            </div>
+
                                <div class="clearfix"> </div>
-
        </div>
+
                                <p class="box_text">
-
       
+
Find out more about the iGEM 2014 Team Braunschweig on our official team profile.
-
        <div class="templatemo-service" id='igem-content'>
+
                                </p>
-
            <div class="container">
+
                            </li>
-
                <div class="row">
+
                        </ul>
-
                    <div class="col-md-4">
+
                     </div> <!-- /.blog_post 1 -->
-
                        <div class="templatemo-service-item">
+
-
                            <div>
+
-
                                <img src="images/leaf.png" alt="icon" />
+
-
                                 <span class="templatemo-service-item-header">AWESOME ICONS</span>
+
-
                             </div>
+
-
                             <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>
+
-
                            <div class="text-center">
+
-
                            <a href="#"
+
-
                                class="templatemo-btn-read-more btn btn-orange">READ MORE</a>
+
-
                            </div>
+
-
                            <br class="clearfix"/>
+
-
                        </div>
+
-
                        <div class="clearfix"></div>
+
-
                     </div>
+
                      
                      
-
                     <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">Gallery</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 Text zur Gallery
-
                        </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">Collaborations</span><br/>
-
                            </div>
+
                                </div>
-
                            <br class="clearfix"/>
+
                                <div class="clearfix"> </div>
-
                        </div>
+
                                <p class="box_text">
-
                        <br class="clearfix"/>
+
Hier ein Text über collaborations
-
                    </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">Attributions</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 attributions
-
                        <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 16:30, 5 October 2014

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

Gallery

During the last year different things happened other than normal lab work or Policy & Practice events.
On this page we want to show you impressions of our social events, fun lab times and other things which are also a very important part of iGEM.

  • gallery 1
  • Official Team Profile

    Find out more about the iGEM 2014 Team Braunschweig on our official team profile.

  • gallery 2
  • Gallery

    Hier Text zur Gallery

  • gallery 3
  • Collaborations

    Hier ein Text über collaborations

  • gallery 4
  • Attributions

    Text über attributions

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/Gallery"