Difference between revisions of "Team:DTU-Denmark/TeamMembers"

(Created page with "<p>Team members</p>")
 
Line 1: Line 1:
−
<p>Team members</p>
+
<html>
 +
 
 +
<head>
 +
 
 +
    <!-- importing style sheet -->
 +
 
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:DTU-Denmark/stylesheetsub?action=raw&ctype=text/css&?ver=6">
 +
 
 +
 
 +
    <!-- This tells the browser that your page is responsive -->
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
</head>
 +
 
 +
 
 +
 
 +
<body>
 +
    <div id="windowcontent">
 +
 
 +
    <!-- header contains the top navbar creates a 1 column (12) row containing the header and defines the dropdown list -->
 +
 
 +
    <div class="row">
 +
    <div class="col-12 rmvpadmarg tofront fixed">
 +
        <nav class="navbar">
 +
            <a href="https://2017.igem.org/Team:DTU-Denmark">
 +
                <img src="https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png" alt="DTU-logo" align="left" height="40">
 +
            </a>
 +
            <div class="navbarcenter">
 +
                <ul class="rmvpadmarg">
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropbtn">Team</a>
 +
                        <div class="dropdown-content">
 +
                            <a href="#">Members</a>
 +
                            <a href="#">Funds</a>
 +
                            <a href="#">Sponsors</a>
 +
                        </div>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropbtn">Human practices</a>
 +
                        <div class="dropdown-content">
 +
                            <a href="#">Integrated practices</a>
 +
                            <a href="#">Public engagement</a>
 +
                            <a href="#">Collaborations</a>
 +
                        </div>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropbtn">Laboratory</a>
 +
                        <div class="dropdown-content">
 +
                            <a href="#">Lab diary</a>
 +
                            <a href="#">Protocols</a>
 +
                            <a href="#">Criteria</a>
 +
                            <a href="#">Brainstorm</a>
 +
                            <a href="https://2017.igem.org/Team:DTU-Denmark/InterLab">Interlab study</a>
 +
                        </div>
 +
                    </li>   
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropbtn">Modelling</a>
 +
                        <div class="dropdown-content">
 +
                            <a href="#">Overview</a>
 +
                            <a href="#">In depth</a>
 +
                        </div>
 +
                    </li> 
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropbtn">Project</a>
 +
                        <div class="dropdown-content">
 +
                            <a href="https://2017.igem.org/Team:DTU-Denmark/Description">Description</a>
 +
                            <a href="#">Results</a>
 +
                            <a href="#">Prototype</a>
 +
                        </div>
 +
                    </li> 
 +
                </ul>
 +
            </div>
 +
        </nav>
 +
    </div>
 +
    </div>
 +
 
 +
       
 +
       
 +
 
 +
<!-- creates a 3 column (2-8-2) row with the main container and air on each side -->
 +
    <div class="row">
 +
    <div class="maincontainer">
 +
 
 +
        <!-- creates the main container (text area) -->
 +
 
 +
        <div class="colp-10 rmvpadmarg">
 +
       
 +
 
 +
<h1 class="bottomborder">Team members</h1>
 +
 
 +
      <p>Information about team members</p>
 +
 
 +
<div class="colp-2 rmvpadmarg">
 +
<div class="rightnavbar rmvpadmarg">
 +
 
 +
<ul>
 +
 
 +
<li  class="rightnavbarbtn">
 +
<a href="#">headline 1</a>
 +
</li>
 +
 
 +
<li  class="rightnavbarbtn">
 +
<a href="#">headline 2</a>
 +
</li>
 +
 
 +
<li  class="rightnavbarbtn">
 +
<a href="#">headline 3</a>
 +
</li>
 +
 
 +
</ul>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
       
 +
    </div>
 +
    </div>
 +
 
 +
    <!-- creates a 4 column (3-3-3-3) design with 1 and 4 being whitespace, 3 is "FIND US AT" and 4 sponsors-->
 +
   
 +
    <footer class="rmvpadmarg" id="footer">
 +
        <div class="footercontainer">
 +
           
 +
            <!-- left footer whitespace -->
 +
           
 +
            <div class="colp-1 rmvpadmarg" style="white-space: pre;">
 +
                <p> </p>
 +
            </div>
 +
           
 +
            <!-- contact information display in footer -->
 +
           
 +
            <div class="colp-5 rmvpadmarg">
 +
                <div class="rmvlinkstyle footercolstyle leftfootercol">
 +
                    <p>FIND US AT</p>
 +
                    <a href="mailto:dtubiobuilders@gmail.com">
 +
                        <img src="https://static.igem.org/mediawiki/2017/e/e6/T--DTU-Denmark--mail_logo.svg" alt="Mail" height="40" style="filter: invert(100%);">
 +
                    </a>
 +
                    <a href="https://www.instagram.com/igem_dtubiobuilders/?hl=da">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9f/T--DTU-Denmark--instagram_logo.png" alt="Instagram" height="40">
 +
                    </a>
 +
                    <a href="https://www.facebook.com/dtubiobuilders/?fref=ts">
 +
                        <img src="https://static.igem.org/mediawiki/2017/2/20/T--DTU-Denmark--facebook_logo.png" alt="Facebook" height="40" style="filter: invert(100%);">
 +
                    </a>
 +
                    <a href="https://twitter.com/iGEM_DTU">
 +
                        <img src="https://static.igem.org/mediawiki/2017/7/7d/T--DTU-Denmark--twitter_logo.png" alt="Twitter" height="40" style="filter: invert(100%);">
 +
                    </a><br />
 +
                    <span>DTU BIOBUILDERS</span><br />
 +
                    <span>DENMARK</span><br />
 +
                    <span>DTU - SØLTOFTS PLADS, BYGN. 221/006</span><br />
 +
                    <span>2800 KGS. LYNGBY</span><br />
 +
                </div>
 +
            </div>
 +
 
 +
           
 +
            <!-- main sponsors footer display -->
 +
           
 +
            <div class="colp-5 rmvpadmarg">
 +
                <div class="rmvlinkstyle footercolstyle rightfootercol">
 +
                    <p>MAIN SPONSORS</p>
 +
                    <span>
 +
                        <a href="http://www.omfonden.dk/information/">
 +
                            <img src="https://static.igem.org/mediawiki/2016/f/f3/T--DTU-Denmark--OM_logo.jpg" alt="Otto Mønsted" align="middle" width="150">
 +
                        </a>
 +
                        <!-- <a href="http://www.novonordiskfonden.dk/">
 +
                            <img src="https://static.igem.org/mediawiki/2016/4/45/T--DTU-Denmark--nnfond_logo.png" alt="Lundbeck fundation" align="middle" width="150">
 +
                        </a> -->
 +
                    </span><br/>
 +
                    <span>
 +
                        <!-- <a href="http://www.lundbeckfonden.com/">
 +
                            <img src="https://static.igem.org/mediawiki/2016/c/ce/T--DTU-Denmark--LF_logo.jpg" alt="Lundbeck fundation" align="middle" width="150">
 +
                        </a> -->
 +
                        <a href="http://www.dtu.dk/Uddannelse/Studieliv/Faa-mere-ud-af-dit-studie/DTU-Blue-Dot-Projects">
 +
                            <img src="https://static.igem.org/mediawiki/2016/d/d7/T--DTU-Denmark--DTU_logo.png" alt="DTU blue dot" align="middle" width="150">
 +
                        </a>
 +
                    </span>
 +
                </div>
 +
            </div>
 +
           
 +
            <!-- right footer whitespace -->
 +
           
 +
            <div class="colp-1 rmvpadmarg" style="white-space: pre;">
 +
                <p> </p>
 +
            </div>
 +
        </div>
 +
    </footer>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
   
 +
    <!-- This div ending is windowcontent. Everything should be before this -->
 +
    </div>
 +
 
 +
</body>
 +
</html>

Revision as of 11:40, 10 August 2017

Team members

Information about team members

FIND US AT

Mail Instagram Facebook Twitter
DTU BIOBUILDERS
DENMARK
DTU - SØLTOFTS PLADS, BYGN. 221/006
2800 KGS. LYNGBY

MAIN SPONSORS

Otto Mønsted
DTU blue dot