Team:Dundee/Digi-Poster

From 2013.igem.org

(Difference between revisions)
 
(52 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Dundee/Templates/DigiNavigationbar}}
+
{{:Team:Dundee/Templates/Navigationbar}}
<html>
<html>
Line 9: Line 9:
       <!-- Title -->
       <!-- Title -->
       <div class="page-header" style="margin: -40px 0px 0px;">
       <div class="page-header" style="margin: -40px 0px 0px;">
-
           <h2><b>Dundee iGEM 2013 Presents </b> Digi-Poster</h2>
+
           <h2><b>Welcome to </b> Digi-Poster</h2>
         </div>
         </div>
       <!-- Title End -->
       <!-- Title End -->
-
      <div class="row">
+
<a href="/Team:Dundee/Digi-Poster/Introduction"><div class="row">
-
      <!-- the main content -->  
+
<img height="100px" src="https://static.igem.org/mediawiki/2013/2/2b/PosterBanner.jpg" style="height:150px;width:98%;padding-left:20px">
 +
</div></a>
-
        <div class="span12" style="padding-left:5px;">
 
-
              <iframe src="http://player.vimeo.com/video/69609812?color=c9ff23" width="100%" height="400" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
 
-
          </div>
 
-
      </div><!-- Row End -->
 
-
    <div class="row">
+
  <div class="row" style="padding-top:20px">
-
          <div class="span4" style="text-align:justify">
+
-
          <h2> What is it ?</h2>
+
-
          <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
-
</div>
+
-
          <div class="span4" style="text-align:justify">
+
-
          <h2> How does it works?</h2>
+
-
          <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
-
</div>
+
-
          <div class="span4" style="text-align:justify">  
+
<a href="https://2013.igem.org/Team:Dundee/Digi-Poster/Mop">
-
          <h2> Select a section</h2>
+
      <div class="span6" style="background-color:#c7e547 !important;">
-
          <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+
       
-
</div>
+
                      <center> <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/c2/MOP-ICO-Dundee.jpg" style="height:300px;width:300px;"/>        </center>
-
    </div>
+
      </div></a>
 +
<a href="https://2013.igem.org/Team:Dundee/Digi-Poster/Detector">
 +
      <div class="span6" style="background-color:#8067dc !important;">
 +
       
 +
            <center>        <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/c3/DETECTOR-ICO-Dundee.jpg" style="height:300px;width:300px;"/>    </center>
 +
        </div></a> 
 +
</div>
-
      <!-- Row Three -->
+
<div class="row" style="padding-top:20px">
-
      <div class="row">
+
-
      <div class="span3">
+
<a href="https://2013.igem.org/Team:Dundee/Digi-Poster/Moptopus">
-
        <div id="mainwrapper">
+
      <div class="span6" style="background-color:#079bc3!important;">
-
        <a href="https://2013.igem.org/Team:Dundee/Project/Mop">
+
        <center>
-
                    <!-- Image Caption 6 -->
+
                 <img id="image-6" src="https://static.igem.org/mediawiki/2013/9/9f/MOPTOPUS-ICO-Dundee.jpg" style="height:300px;width:300px;"/></center>
-
              <div id="box-6" class="box">
+
      </div></a>
-
                 <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/c2/MOP-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
+
-
              <span class="caption scale-caption" style="text-align:justify">
+
-
                          <p><b style="font-size:16px;">Mop</b><br><br> Using <i>B. subtilis</i> and <i>E. coli</i> as chassis to express PP1. This will act as a molecular “mop”.</p>
+
-
                </span>
+
-
              </div>
+
-
            </div> </a>
+
-
      </div>
+
-
       <div class="span3">
+
       <div class="span6" style="background-color:#eb3c8b!important;">
-
          <div id="mainwrapper">
+
         <a href="https://2013.igem.org/Team:Dundee/Digi-Poster/HumanPractice">
-
         <a href="https://2013.igem.org/Team:Dundee/Project/Detector">
+
        <center>
-
                  <!-- Image Caption 6 -->
+
               <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/ca/HMP-ICO-Dundee.jpg" style="height:300px;width:300px;"/></a>       </center>
-
            <div id="box-6" class="box">
+
-
               <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/c3/DETECTOR-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
+
-
              <span class="caption scale-caption" style="text-align:justify">
+
-
                          <p><b style="font-size:16px;">Detector</b><br><br> Engineering the EnvZ and PrkC systems to express GFP or trigger germination in the presence of microcystin.</p>
+
-
              </span>
+
-
            </div>
+
-
          </div></a>
+
         </div>
         </div>
 +
</div>
-
      <div class="span3">
+
<div class="row" style="padding-top:20px">
-
        <div id="mainwrapper">
+
<div class="span12"><Center><p style="font-size:22px"> Select an image to load audio content</p></centeR></div>
-
        <a href="https://2013.igem.org/Team:Dundee/Project/Moptopus">
+
</div>
-
                  <!-- Image Caption 6 -->
+
-
            <div id="box-6" class="box">
+
-
              <img id="image-6" src="https://static.igem.org/mediawiki/2013/9/9f/MOPTOPUS-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
+
-
              <span class="caption scale-caption" style="text-align:justify">
+
-
                          <p><b style="font-size:16px;">Moptopus</b><br><br>  An electronic sensing device which detects and monitors the state of a freshwater system. It will allow us to predict the likelihood of algal blooms.</p>
+
-
              </span>
+
-
            </div>
+
-
          </div></a>
+
-
        </div>
+
-
      <div class="span3">
+
</div>
-
          <div id="mainwrapper">
+
-
        <a href="https://2013.igem.org/Team:Dundee/Project/HumanPractice">
+
-
                  <!-- Image Caption 6 -->
+
-
            <div id="box-6" class="box">
+
-
              <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/ca/HMP-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
+
-
              <span class="caption scale-caption" style="text-align:justify">
+
-
                          <p><b style="font-size:16px;">Human Practices</b><br><br>Current regulations of measuring water quality may not be appropriate. We organised a political campaign to ignite a nationwide debate.</p>
+
      <!-- Le javascript
-
              </span>
+
    ================================================== -->
-
            </div>
+
    <!-- Placed at the end of the document so the pages load faster -->
-
          </div></a>
+
 
-
        </div>
+
    <!-- the neccessary javascript -->
-
      </div>
+
    <script src="http://code.jquery.com/jquery-latest.js"></script>
 +
    <script src="http://www.kyleharrison.co.uk/igem/js/bootstrap.min.js"></script>
       </div><!-- End Page Content -->
       </div><!-- End Page Content -->
Line 99: Line 66:
   </body>
   </body>
</html>
</html>
-
 
-
{{:Team:Dundee/Templates/Footer}}
 

Latest revision as of 00:34, 5 October 2013

iGEM Dundee 2013 · ToxiMop

Retrieved from "http://2013.igem.org/Team:Dundee/Digi-Poster"