Team:Dundee/Team/Contact

From 2013.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Dundee/Templates/Navigationbar}}
 +
<html>
<html>
 +
<html lang="en">
-
<!-- Adapted from -->
+
      <!-- Begin page content -->
-
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+
      <div class="container">
-
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+
-
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+
-
<head>
+
-
  <meta charset="utf-8" />
+
-
  <!-- Set the viewport width to device width for mobile -->
 
-
  <meta name="viewport" content="width=device-width" />
 
-
  <title>Dundee iGem 2012</title>
+
      <!-- Row 1 -->
-
 
+
      <div class="row" style="margin-top:20px;">
-
<style type="text/css">
+
-
  /* These styles create the dropdown menus. */
+
        <div class="span4" style="text-align:justify">
-
 
+
          <h2 style="margin-top:-10px;"> Contact The Team </h2>
-
.nav-bar { height: 40px; background: #4d4d4d; margin-left: 0; margin-top: 20px; padding: 0; }
+
          <p> For any personal contacts, don't hesitate to drop us a line at igem@dundee.ac.uk</p>
-
.nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; border: 1px solid #333333; border-right: none; line-height: 38px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; z-index: 1000}
+
          <br>
-
.nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
+
        </div>
-
.nav-bar > li:last-child { border-right: solid 1px #333333; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); }
+
-
.nav-bar > li.active { background: #2ba6cb; border-color: #2284a1; }
+
        <div class="span4" style="text-align:justify">
-
.nav-bar > li.active > a { color: white; cursor: default; }
+
          <h2 style="margin-top:-10px;"> Social Media</h2>
-
.nav-bar > li.active:hover { background: #2ba6cb; cursor: default; }
+
          <p> If you would like to keep up with us, please feel free to follow us on <a href="#"> Twitter </a> or like our <a href="#"> Facebook page </a>. <br>
 +
            <br>
 +
          </p>
 +
        </div>
-
.nav-bar > li:hover { background: #333333; }
+
        <div class="span4" style="text-align:justify">
-
.nav-bar > li > a { color: #e6e6e6; }
+
          <h2 style="margin-top:-10px;"> Location</h2>
-
.nav-bar > li ul { margin-bottom: 0; }
+
          <p> We are located on the University of Dundee Campus, <a href="http://goo.gl/maps/30Gon">Click</a> here to see the location on Google Maps.
-
.nav-bar > li .flyout { display: none; }
+
            <br>
-
.nav-bar > li.has-flyout > a:first-child { padding-right: 40px; position: relative; }
+
          </p>
-
.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; right: 20px; top: 17px; }
+
        </div>
-
.nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; }
+
      </div>
-
.nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; }
+
-
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; }
+
-
.nav-bar > li > a:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; }
+
-
.nav-bar > li > input { margin: 0 10px; }
+
-
.nav-bar.vertical { height: auto; margin-top: 0; }
+
-
.nav-bar.vertical > li { float: none; border-bottom: none; border-right: solid 1px #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
+
-
.nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; }
+
-
.nav-bar.vertical > li .flyout { left: 100%; top: -1px; }
+
-
.nav-bar.vertical > li .flyout.right { left: auto; right: 100%; }
+
-
.nav-bar.vertical > li.active { border-right: solid 1px #2284a1; }
+
-
.nav-bar.vertical > li:last-child { border-bottom: solid 1px #333333; }
+
-
+
-
ul#subnavlist { display: none; }
+
-
ul#subnavlist li { float: none; }
+
-
ul#subnavlist li a
+
      <!-- Row Three -->
-
{
+
      <div class="row" style="margin-top:20px;">
-
padding: 0px;
+
-
margin: 0px;
+
-
font-size:16px;
+
-
}
+
-
 
+
-
ul.nav-bar li:hover ul#subnavlist
+
-
{
+
-
display: block;
+
-
position: absolute;
+
-
font-size: 8pt;
+
-
padding-top: 5px;
+
-
}
+
-
 
+
-
ul.nav-bar li:hover ul#subnavlist li a
+
-
{
+
-
display: block;
+
-
width: 10em;
+
-
border: none;
+
-
padding: 2px;
+
-
padding-left: 10px;
+
-
padding-bottom: 5px;
+
-
padding-top: 5px;
+
-
}
+
-
 
+
-
ul.nav-bar li:hover ul#subnavlist li a:before { content: "     "; }
+
-
 
+
-
ul.nav-bar li a:active
+
-
{
+
-
color: #cccccc;
+
-
border: 1px #ffffff inset;
+
-
background: #2ba6cb;
+
-
border-color: #2284a1;
+
-
z-index:1000;
+
-
}
+
 +
      <div class="span2"><a href="#">
 +
                <a href="http://www.youtube.com/channel/UCvHOQ9Y1PqKInj6iCwLqTJw"><img id="image-6" src="http://images3.wikia.nocookie.net/__cb20120618105922/runescape/images/f/f2/Youtube_logo-Update-Hints.png" style="width:120px;height:120px;"/></a>
 +
      </div>
      
      
-
</style>
+
      <div class="span2"><a href="http://www.flickr.com/photos/97927329@N05/">
-
+
              <img id="image-6" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/FlickrLogo.png" style="width:120px;height:120px;"/></a>
-
  <!-- Included CSS Files -->
+
        </div>
-
  <link rel="stylesheet" href="http://kyleharrison.co.uk/css/igemMain.css" >
+
-
</head>
+
      <div class="span2"><a href="#">
-
+
              <a href="https://www.facebook.com/DundeeiGem2013"><img id="image-6" src="http://www.caterritas.com/facebook.jpg" style="width:120px;height:120px;"/>
-
<body>
+
              <span class="caption scale-caption"></a>
 +
        </div>
-
<div class="row">
+
      <div class="span2">
-
<div class="twelve columns">
+
              <a href="https://twitter.com/DundeeiGEMTeam"><img id="image-6" src="http://www.caterritas.com/twitter-logo-1-300x293.jpg" style="width:120px;height:120px;"/></a>
-
<!-- Temporary Fix -->
+
        </div>
-
<div style ="margin-bottom:-15px;margin-top:5px">
+
-
<!--<img src="http://placehold.it/1000x100&amp;text=iGem Dundee 2013">-->
+
-
<img src="https://static.igem.org/mediawiki/2013/2/2d/DundeeBaner.jpg">
+
-
</div>
+
-
</div>
+
-
</div>
+
-
  <div class="row">
+
    <div class="span2"><a href="https://plus.google.com/u/0/116223511035478208262/posts">
-
    <div class="twelve columns">
+
              <img id="image-6" src="http://cdn2.business2community.com/wp-content/uploads/2013/03/google-plus-logo-red-265px.png" style="width:120px;height:120px;"/></a>
 +
        </div>
-
      <!-- Navigation -->
+
    <div class="span2"><a href="https://github.com/iGEMTeamDundee">
 +
              <img id="image-6" src="http://www.open-electronics.org/wp-content/uploads/2013/02/github_logo.jpg" style="width:120px;height:120px;"/></a>
 +
        </div>
-
  <ul class="nav-bar">
 
-
          <li id="active"><a href="/Team:Dundee">Home</a></li>
 
-
 
 
-
          <li class="active"><a href="/Team:Dundee/Team" id="current">Team</a>
 
-
<ul id="subnavlist">
 
-
<li id="subactive"><a href="#" id="subcurrent">About Us</a></li>
 
-
<li><a href="#">Team Information</a></li>
 
-
<li><a href="#">Gallery</a></li>
 
-
<li><a href="#">Acknowledgements</a></li>
 
-
<li><a href="#">Attributions</a></li>
 
-
<li><a href="/Team:Dundee/Team/Contact">Contact</a></li>
 
-
</ul>
 
-
 
-
<li id="active"><a href="/Team:Dundee/Project" id="current">Project</a>
 
-
<ul id="subnavlist">
 
-
<li id="subactive"><a href="#" id="subcurrent">Overview</a></li>
 
-
<li><a href="#">Data Page</a></li>
 
-
<li><a href="#">Lab</a></li>
 
-
<li><a href="#">Modelling</a></li>
 
-
<li><a href="#">Software</a></li>
 
-
<li><a href="#">Notebook</a></li>
 
-
</ul>
 
-
 
 
-
  <li id="active"><a href="/Team:Dundee/Parts" id="current">Parts</a>
 
-
<ul id="subnavlist">
 
-
<li id="subactive"><a href="#" id="subcurrent">Our Biobricks</a></li>
 
-
<li><a href="#">Improvements</a></li>
 
-
<li><a href="#">In Development</a></li>
 
-
</ul>
 
-
 
-
  <li id="active"><a href="/Team:Dundee/Safety" id="current">Safety</a>
 
-
<ul id="subnavlist">
 
-
<li id="subactive"><a href="#" id="subcurrent">General Safety</a></li>
 
-
<li><a href="#">In The Lab</a></li>
 
-
<li><a href="#">Public Safety</a></li>
 
-
<li><a href="#">Enviroment</a></li>
 
-
</ul>
 
-
 
-
  <li id="active"><a href="/Team:Dundee/HumanPractice" id="current">Human Practice</a>
 
-
<ul id="subnavlist">
 
-
<li id="subactive"><a href="#" id="subcurrent">Overview</a></li>
 
-
<li><a href="#">Media Channel</a></li>
 
-
<li><a href="#">Outreach</a></li>
 
-
<li><a href="#">Presentations</a></li>
 
-
<li><a href="#">Collaboration</a></li>
 
-
<li><a href="#">Comic</a></li>
 
-
<li><a href="#">Game</a></li>
 
-
<li><a href="#">Survey</a></li>
 
-
<li><a href="#">Blog</a></li>
 
-
</ul>
 
-
 
-
  <li id="active"><a href="/Team:Dundee/Sponsors" id="current">Sponsors</a>
 
-
<ul id="subnavlist">
 
-
<li id="subactive"><a href="#" id="subcurrent">Our Sponsors</a></li>
 
-
<li><a href="#">Sponsorship Levels</a></li>
 
-
<li><a href="#">Public Safety</a></li>
 
-
<li><a href="#">Enviroment</a></li>
 
-
</ul>
 
-
        </ul>
 
-
      <!-- End Navigation -->
 
-
       <!-- Header Content -->
+
       </div>
-
 
+
    </div>
-
        <div class="row">
+
-
 
+
-
<!-- Left Panel -->
+
-
          <div class="six columns">
+
-
 
+
-
            <h3 class="show-for-small">Abstract<hr/></h3>
+
-
 
+
-
            <div class="panel">
+
-
              <h4 class="hide-for-small">Contact us<hr/></h4>
+
-
            <h5 class="subheader"><div><p>If you would like to keep up with us, please feel free to follow us on <a href=”https://twitter.com/DundeeiGEMTeam”>Twitter</a> or give us a like on <a href=”https://www.facebook.com/DundeeiGem2013”>Facebook</a></p>
+
-
 
+
-
<p>For any personal contacts, don't hesitate to drop us a line at igem@dundee.ac.uk</p></div></h5>
+
-
            </div>
+
-
 
+
-
       
+
-
         
+
-
 
+
-
          </div>
+
-
 
+
-
  <!--Right Panel-->
+
-
  <div class="six columns">
+
-
+
-
<!-- Temporary Fix -->
+
-
<div style ="margin-bottom:22px">
+
-
<img src="http://placehold.it/500x327&amp;text=Image">
+
-
</div>
+
-
+
-
+
-
+
-
 
+
-
             
+
-
              </div>
+
-
   
+
-
          </div>
+
-
+
-
+
-
+
-
          </div>
+
-
 
+
-
        </div>
+
-
 
+
-
      <!-- End Header Content -->
+
-
        
+
       <div id="push"></div>
-
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
+
-
<div class="visualClear"></div>
+
-
    <div id='footer-box' class='noprint'>
+
-
        <div id="footer">
+
-
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
+
-
+
-
  <!-- Recentchanges is not handles well DEBUG -->
+
      <div id="push"></div>
-
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
+
      <div id="push"></div>
-
      title='Recent changes'>Recent changes</a></li>
+
      <div id="push"></div>
 +
      <div id="push"></div>
 +
      <div id="push"></div>
 +
      <div id="push"></div>
 +
      <div id="push"></div>
 +
      <div id="push"></div>
 +
    </div>
-
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:Dundee"
+
    <div id="footer">
-
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
+
      <div class="container">
 +
        <p class="muted credit"> Created for <a href="https://igem.org/Main_Page">iGEM 2013</a> Dundee. Based upon <a href ="http://twitter.github.io/bootstrap/">Bootstrap</a> and <a href="http://jquery.com/">JQuery</a>. Design by <a href="www.kyleharrison.co.uk"> Kyle Harrison </a>. </p>
 +
      </div>
 +
    </div>
-
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:Dundee"
+
      <!-- Le javascript
-
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
+
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <!-- the neccessary javascript -->
 +
    <script src="http://code.jquery.com/jquery-latest.js"></script>
 +
    <script src="http://www.kyleharrison.co.uk/igem/js/bootstrap.min.js"></script>
-
                <li id="t-specialpages"><a href="/Special:SpecialPages"
+
  </body>
-
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
+
-
                </li>
+
-
                <li><a href='/Special:Preferences'>My preferences</a></li>
+
-
            </ul>
+
-
        </div> <!-- close footer -->
+
-
       
+
</html>
</html>

Latest revision as of 15:10, 2 October 2013

iGEM Dundee 2013 · ToxiMop