Difference between revisions of "Team:DTU-Denmark/team building"

(Created page with "{{Team:DTU-Denmark/header.html}} <!-- General outline for content--> <html> <head> </head> <body> </body> </html> {{Team:DTU-Denmark/footer}}")
 
 
(8 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{Team:DTU-Denmark/header.html}}
+
{{Team:DTU-Denmark/header.html}} <!-- DON'T TOUCH!!! -->
−
<!-- General outline for content-->
+
−
 
+
−
<html>
+
  
 +
<html lang="en">
 
<head>
 
<head>
 +
    <!-- Edited by Isabella 7-9-16 14:30 in sidebar - remove xs-hidden from sidebar -->
 +
    <!-- Edited by Isabella 26-9-16-14:22 fix white space above picture, do not edit the spaces between things this create unintentional space-->
 +
    <title>Bootstrap Example</title>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
</head>
 
</head>
  
−
<body>
+
 
 +
<!-- BODY -->
 +
<body data-spy="scroll" data-target="#scrollspy" data-offset="90">
 +
<div class="MYbody">
 +
 
 +
<div class="masthead">
 +
    <div class="container-fluid">
 +
        <div class="row">
 +
            <div class="col-md-12 thumbnail" style="background-image:url(https://static.igem.org/mediawiki/2016/0/0b/T--DTU-Denmark--team-header.jpg)"> <!-- EDIT style url (this should lead to an image) -->
 +
 
 +
                <div class="caption">
 +
                    <div class="col-md-5 col-sm-5 col-xs-12 title"> <!-- the approximate max number of characters ~ 400 --> <!-- EDIT -->
 +
                        <h1>Building a Team<p class="lead">iGEM is more than hard work, learning about synthetic biology and solving the problems of tomorrow. It is about being part of a community and this very unique community begins with each team.</p></h1>
 +
                    </div>
 +
                    <div class="col-md-2 col-sm-2 hidden-xs space"></div>
 +
                    <div class="col-md-5 col-sm-5 hidden-xs intro"> <!-- will be hidden on phones, duplicate the text to blockquote down below first section header, to show it there, when it dissapear-->
 +
                        <blockquote class="blockquote-reverse"> <!-- EDIT -->
 +
                            <p>"Coming together is a beginning. Keeping together is progress. Working together is success."</p>
 +
                            <small>Henry Ford<cite title="Source Title"></cite></small>
 +
                        </blockquote>     
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div> <!-- /row -->
 +
        <div class="border"></div>
 +
    </div>
 +
</div> <!-- /masthead-->
 +
 
 +
<br>
 +
<!-- Content -->
 +
<div class="container">
 +
<div class="row"> <!--Must sorround both content and sidebar-->
 +
    <div class="col-md-9 col-sm-10 colLeft"> <!-- LEFT -->
 +
        <div><a class="anchor" id="section-1"></a>
 +
        <h2 class="h2">Getting out of the lab</h2>
 +
           
 +
            <blockquote class="visible-xs"> <!-- quote from masterhead duplicate -->
 +
                <p>"Coming together is a beginning. Keeping together is progress. Working together is success."</p>
 +
                <small>Henry Ford <cite title="Source Title"></cite></small>
 +
            </blockquote>
 +
           
 +
            <p>
 +
              Being part of an iGEM team is a lot of fun, because you get to be part of a worldwide community, and you get to spend your summer with a group of likeminded people all working towards the same goal. The DTU BioBuilders is a team gathered from different faculties across year groups and nationalities. So to get to know each other and promote the team spirit, we arranged a handful of different social activities outside the office and the lab.
 +
            </p>
 +
        </div> <!-- /overview-->
 +
 
 +
 
 +
        <div><a class="anchor" id="section-2"></a>
 +
        <h2 class="h2">Having Fun with the Group</h2>
 +
            <p>
 +
                <div class="row">
 +
   
 +
    <div class="col-md-4">
 +
    <!--
 +
WITH FIGURE CAPTION
 +
-->
 +
 
 +
<!-- image with figure caption and modal that load the same picture -->
 +
<figure class="figure">
 +
  <img id="TrineRundbold" class="enlarge img-responsive figure-img" src="https://static.igem.org/mediawiki/2016/thumb/3/37/T--DTU-Denmark--TeambuildingTrine.jpg/320px-T--DTU-Denmark--TeambuildingTrine.jpg" alt="DESCRIPTION">
 +
  <figcaption class="figure-caption">The whole team gathered one afternoon for a game of the Danish version of softball called "Rundbold."</figcaption>
 +
</figure>
 +
 
 +
 
 +
<!-- The Modal with same picture-->
 +
<div id="TrineRundboldModal" class="modal">
 +
    <span class="close TrineRundbold">×</span>
 +
    <img class="modal-content" id="TrineRundboldImg">
 +
    <div class="caption">DESCRIPTION</div>
 +
</div>
 +
    </div>
 +
 
 +
   
 +
    <div class="col-md-4">
 +
    <!--
 +
WITH FIGURE CAPTION
 +
-->
 +
 
 +
<!-- image with figure caption and modal that load the same picture -->
 +
<figure class="figure">
 +
  <img id="TeamBuildingChampagne" class="enlarge img-responsive figure-img" src="https://static.igem.org/mediawiki/2016/thumb/2/22/T--DTU-Denmark--TeambuildingChampagne.jpg/320px-T--DTU-Denmark--TeambuildingChampagne.jpg" alt="DESCRIPTION">
 +
  <figcaption class="figure-caption">Celebrating the small victories along the way encouraged the team spirit.</figcaption>
 +
</figure>
 +
 
 +
 
 +
<!-- The Modal with same picture-->
 +
<div id="TeamBuildingChampagneModal" class="modal">
 +
    <span class="close TeamBuildingChampagne">×</span>
 +
    <img class="modal-content" id="TeamBuildingChampagneImg">
 +
    <div class="caption">DESCRIPTION</div>
 +
</div>
 +
 
 +
    </div>
 +
   
 +
   
 +
    <div class="col-md-4">
 +
    <!--
 +
WITH FIGURE CAPTION
 +
-->
 +
 
 +
<!-- image with figure caption and modal that load the same picture -->
 +
<figure class="figure">
 +
  <img id="Skumfiduser" class="enlarge img-responsive figure-img" src="https://static.igem.org/mediawiki/2016/thumb/6/63/T--DTU-Denmark--TeambuildingSkumfiduser.jpg/320px-T--DTU-Denmark--TeambuildingSkumfiduser.jpg" alt="DESCRIPTION">
 +
  <figcaption class="figure-caption">The prefect end to a night of BBQ.</figcaption>
 +
</figure>
 +
 
 +
 
 +
<!-- The Modal with same picture-->
 +
<div id="SkumfiduserModal" class="modal">
 +
    <span class="close Skumfiduser">×</span>
 +
    <img class="modal-content" id="SkumfiduserImg">
 +
    <div class="caption">DESCRIPTION</div>
 +
</div>
 +
    </div>
 +
   
 +
</div>
 +
           
 +
        </div>
 +
 
 +
<div class = "col-md-4">
 +
                <figure class="figure">
 +
                  <img id="1" class="enlarge img-responsive figure-img" src="https://static.igem.org/mediawiki/2016/f/f2/T--DTU-Denmark--Bil1.jpg" alt="DESCRIPTION">
 +
                  <figcaption class="figure-caption">Teambuilding for everyone with two x chromosomes.</figcaption>
 +
                </figure>
 +
 
 +
 
 +
                <!-- The Modal with same picture-->
 +
                <div id="1Modal" class="modal">
 +
                  <span class="close 1">×</span>
 +
                  <img class="modal-content" id="1Img">
 +
                </div>
 +
              </div>
 +
 
 +
              <div class = "col-md-4">
 +
                <figure class="figure">
 +
                  <img id="2" class="enlarge img-responsive figure-img" src="https://static.igem.org/mediawiki/2016/6/68/T--DTU-Denmark--Bil2.jpg" alt="DESCRIPTION">
 +
                  <figcaption class="figure-caption">Escaping from the myserius bacements of Copenhagen</figcaption>
 +
                </figure>
 +
 
 +
 
 +
                <!-- The Modal with same picture-->
 +
                <div id="2Modal" class="modal">
 +
                  <span class="close 2">×</span>
 +
                  <img class="modal-content" id="2Img">
 +
                </div>
 +
 
 +
              </div>
 +
 
 +
              <div class = "col-md-4">
 +
                <figure class="figure">
 +
                  <img id="3" class="enlarge img-responsive figure-img" src="https://static.igem.org/mediawiki/2016/3/3d/T--DTU-Denmark--Bil3.jpg" alt="DESCRIPTION">
 +
                  <figcaption class="figure-caption">Trine knows how to handle balls at the bowling alley. </figcaption>
 +
                </figure>
 +
 
 +
 
 +
                <!-- The Modal with same picture-->
 +
                <div id="3Modal" class="modal">
 +
                  <span class="close 3">×</span>
 +
                  <img class="modal-content" id="3Img">
 +
                </div>
 +
 
 +
              </div>
 +
 
 +
 
 +
 
 +
<div class = "col-md-4">
 +
                <figure class="figure">
 +
                  <img id="4" class="enlarge img-responsive figure-img" src="https://static.igem.org/mediawiki/2016/7/71/T--DTU-Denmark--Bil4.jpg" alt="DESCRIPTION">
 +
                  <figcaption class="figure-caption">Speed dating.</figcaption>
 +
                </figure>
 +
 
 +
 
 +
                <!-- The Modal with same picture-->
 +
                <div id="4Modal" class="modal">
 +
                  <span class="close 4">×</span>
 +
                  <img class="modal-content" id="4Img">
 +
                </div>
 +
              </div>
 +
 
 +
              <div class = "col-md-4">
 +
                <figure class="figure">
 +
                  <img id="5" class="enlarge img-responsive figure-img" src="https://static.igem.org/mediawiki/2016/a/ac/T--DTU-Denmark--Bil5.jpg" alt="DESCRIPTION">
 +
                  <figcaption class="figure-caption">Board games</figcaption>
 +
                </figure>
 +
 
 +
 
 +
                <!-- The Modal with same picture-->
 +
                <div id="5Modal" class="modal">
 +
                  <span class="close 5">×</span>
 +
                  <img class="modal-content" id="5Img">
 +
                </div>
 +
 
 +
              </div>
 +
 
 +
              <div class = "col-md-4">
 +
                <figure class="figure">
 +
                  <img id="6" class="enlarge img-responsive figure-img" src="https://static.igem.org/mediawiki/2016/8/8e/T--DTU-Denmark--Bil6.jpg" alt="DESCRIPTION">
 +
                  <figcaption class="figure-caption">Bike trip</figcaption>
 +
                </figure>
 +
 
 +
 
 +
                <!-- The Modal with same picture-->
 +
                <div id="6Modal" class="modal">
 +
                  <span class="close 6">×</span>
 +
                  <img class="modal-content" id="6Img">
 +
                </div>
 +
 
 +
              </div>
 +
 
 +
 
 +
 +
    </div> <!-- /LEFT -->
 +
   
 +
    <!-- RIGHT-->
 +
    <div class="col-md-3 col-sm-2 colRight" id="scrollspy">
 +
        <ul class="nav" id="sidebar">
 +
            <li><a href="#section-1">Getting out of the lab</a></li>
 +
            <li><a href="#section-2">"Summer" BBQ</a></li>
 +
        </ul>
 +
    </div> <!-- /RIGHT -->
 +
 
 +
</div> <!-- /.row -->
 +
</div> <!-- /CONTENT-->   
 +
</div> <!-- /BODY-->
  
 
</body>
 
</body>
  
 +
<!--script for functionality of sidebar, DON'T TOUCH!!! -->
 +
<script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/sidebar-js?action=raw&ctype=text/javascript"></script>
 
</html>
 
</html>
 +
 +
<!-- DON'T TOUCH!!! -->
 
{{Team:DTU-Denmark/footer}}
 
{{Team:DTU-Denmark/footer}}

Latest revision as of 02:41, 20 October 2016

New HTML template for the wiki




Bootstrap Example

Building a Team

iGEM is more than hard work, learning about synthetic biology and solving the problems of tomorrow. It is about being part of a community and this very unique community begins with each team.


Getting out of the lab

"Coming together is a beginning. Keeping together is progress. Working together is success."

Henry Ford

Being part of an iGEM team is a lot of fun, because you get to be part of a worldwide community, and you get to spend your summer with a group of likeminded people all working towards the same goal. The DTU BioBuilders is a team gathered from different faculties across year groups and nationalities. So to get to know each other and promote the team spirit, we arranged a handful of different social activities outside the office and the lab.

Having Fun with the Group

DESCRIPTION
The whole team gathered one afternoon for a game of the Danish version of softball called "Rundbold."
DESCRIPTION
Celebrating the small victories along the way encouraged the team spirit.
DESCRIPTION
The prefect end to a night of BBQ.
DESCRIPTION
Teambuilding for everyone with two x chromosomes.
DESCRIPTION
Escaping from the myserius bacements of Copenhagen
DESCRIPTION
Trine knows how to handle balls at the bowling alley.
DESCRIPTION
Speed dating.
DESCRIPTION
Board games
DESCRIPTION
Bike trip

  • FIND US AT:
Facebook Twitter
  • DTU BIOBUILDERS
  • DENMARK
  • DTU - SØLTOFTS PLADS, BYGN. 221/002
  • 2800 KGS. LYNGBY

  • E-mail:
  • dtu-biobuilders-2016@googlegroups.com
  • MAIN SPONSORS:
Lundbeck fundation DTU blue dot Lundbeck fundation Lundbeck fundation