Team:Dundee/Digi-Poster

From 2013.igem.org

(Difference between revisions)
 
(49 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>
-
    <div class="row">
+
<a href="https://2013.igem.org/Team:Dundee/Digi-Poster/Detector">
-
            <div class="span4">  
+
      <div class="span6" style="background-color:#8067dc !important;">
-
      </div>
+
       
 +
            <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>
-
      <div class="span4">
+
<div class="row" style="padding-top:20px">
-
        <div id="mainwrapper">
+
 
-
        <a href="https://2013.igem.org/Team:Dundee/Project/Moptopus">
+
<a href="https://2013.igem.org/Team:Dundee/Digi-Poster/Moptopus">
-
                  <!-- Image Caption 6 -->
+
      <div class="span6" style="background-color:#079bc3!important;">
-
            <div id="box-6" class="box">
+
        <center>
-
              <img id="image-6" src="https://static.igem.org/mediawiki/2013/9/9f/MOPTOPUS-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
+
                <img id="image-6" src="https://static.igem.org/mediawiki/2013/9/9f/MOPTOPUS-ICO-Dundee.jpg" style="height:300px;width:300px;"/></center>
-
              <span class="caption scale-caption" style="text-align:justify">
+
      </div></a>
-
                          <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 class="span6" style="background-color:#eb3c8b!important;">
-
            </div>
+
        <a href="https://2013.igem.org/Team:Dundee/Digi-Poster/HumanPractice">
-
          </div></a>
+
        <center>
 +
              <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>
         </div>
 +
</div>
-
      <div class="span4">  
+
<div class="row" style="padding-top:20px">
-
      </div>
+
<div class="span12"><Center><p style="font-size:22px"> Select an image to load audio content</p></centeR></div>
-
    </div>
+
</div>
 +
</div>
 +
 +
      <!-- Le javascript
 +
    ================================================== -->
 +
    <!-- 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>
       </div><!-- End Page Content -->
       </div><!-- End Page Content -->
Line 63: Line 66:
   </body>
   </body>
</html>
</html>
-
 
-
{{:Team:Dundee/Templates/Footer}}
 

Latest revision as of 00:34, 5 October 2013

iGEM Dundee 2013 · ToxiMop