Team:Trieste/sandbox/index

From 2012.igem.org

(Difference between revisions)
(fix small typo)
(whitespace fix)
Line 3: Line 3:
<html>
<html>
<bbody id="home">
<bbody id="home">
-
<div id="container"> <!-- start container -->  
+
    <div id="container"> <!-- start container -->  
         <div id="header"> <!-- start header -->  
         <div id="header"> <!-- start header -->  
             <div id="logo"><img src="https://static.igem.org/mediawiki/2012/5/50/Trieste-Logo.png" alt="iGEM 2012" /></div>
             <div id="logo"><img src="https://static.igem.org/mediawiki/2012/5/50/Trieste-Logo.png" alt="iGEM 2012" /></div>
             <div id="payoff">Let us introduce you...<div>Norobuster</div></div>
             <div id="payoff">Let us introduce you...<div>Norobuster</div></div>
-
        <ul id="navigation">
+
    <ul id="navigation">
-
                <li class="select"><a href="#">HOME</a></li>
+
<li class="select"><a href="#">HOME</a></li>
-
                <li><a href="team">TEAM</a></li>
+
<li><a href="team">TEAM</a></li>
-
                <li><a href="project">PROJECT</a></li>
+
<li><a href="project">PROJECT</a></li>
-
                <li><a href="data">DATA</a></li>
+
<li><a href="data">DATA</a></li>
-
                <li><a href="parts">PARTS</a></li>
+
<li><a href="parts">PARTS</a></li>
-
                <li><a href="notebook">NOTEBOOK</a></li>
+
<li><a href="notebook">NOTEBOOK</a></li>
-
                <li><a href="safety">SAFETY</a></li>
+
<li><a href="safety">SAFETY</a></li>
-
                <li><a href="outreach">OUTREACH</a></li>
+
<li><a href="outreach">OUTREACH</a></li>
-
                <li><a href="extra">EXTRA</a></li>
+
<li><a href="extra">EXTRA</a></li>
-
            </ul>
+
    </ul>
-
            <a href="https://2011.igem.org/Team:UNITS_Trieste" target="_blank"><img src="https://static.igem.org/mediawiki/2012/1/1b/Trieste-Igem2011.png" alt="iGEM" class="logo-igem2011" /></a>
+
    <a href="https://2011.igem.org/Team:UNITS_Trieste" target="_blank"><img src="https://static.igem.org/mediawiki/2012/1/1b/Trieste-Igem2011.png" alt="iGEM" class="logo-igem2011" /></a>
-
            <a href="https://2012.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2012/a/ad/Logo_igem.png" alt="iGEM" class="logo-igem" /></a>
+
    <a href="https://2012.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2012/a/ad/Logo_igem.png" alt="iGEM" class="logo-igem" /></a>
-
        </div> <!-- end header -->
+
</div> <!-- end header -->
-
<div id="content"> <!-- start content -->
+
<div id="content"> <!-- start content -->
-
        <h1 id="h1_lf" class="main_tit"><div>Our Project</div></h1>
+
    <h1 id="h1_lf" class="main_tit"><div>Our Project</div></h1>
             <h1 id="h1_mn" class="main_tit"><div>Latest news</div></h1>
             <h1 id="h1_mn" class="main_tit"><div>Latest news</div></h1>
             <h1 id="h1_rt" class="main_tit"><div>Our team</div></h1>
             <h1 id="h1_rt" class="main_tit"><div>Our team</div></h1>
             <div id="box_left"><!-- start box_main -->
             <div id="box_left"><!-- start box_main -->
-
            <h2>WE PRESENT YOU NOROBUSTER</h2>
+
<h2>WE PRESENT YOU NOROBUSTER</h2>
-
            <img id="video_pres" src="images/img_video.jpg" alt="Presentation video" />
+
<img id="video_pres" src="images/img_video.jpg" alt="Presentation video" />
 +
<p>
 +
    <strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie urna a lacus ultricies ac aliquet nisl ornare. Vestibulum laoreet fermentum elit, et luctus justo cursus eu.</strong>
 +
</p>
                 <p>
                 <p>
-
                <strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie urna a lacus ultricies ac aliquet nisl ornare. Vestibulum laoreet fermentum elit, et luctus justo cursus eu.</strong>
+
    Mauris eu risus eget ante varius interdum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.  
-
</p>
+
    Vivamus consectetur tempus ipsum at lobortis. Suspendisse ut nisi quis neque ultricies eleifend at at risus. Sed dui erat, feugiat vestibulum varius ac, mattis a enim.
-
                <p>
+
-
Mauris eu risus eget ante varius interdum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.  
+
-
Vivamus consectetur tempus ipsum at lobortis. Suspendisse ut nisi quis neque ultricies eleifend at at risus. Sed dui erat, feugiat vestibulum varius ac, mattis a enim.
+
                 </p>
                 </p>
                 <p>
                 <p>
-
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.  
+
    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.  
-
Vivamus consectetur tempus ipsum at lobortis.
+
    Vivamus consectetur tempus ipsum at lobortis.
                 </p>
                 </p>
             </div> <!-- end box_left -->
             </div> <!-- end box_left -->
Line 43: Line 43:
                 <div class="box_contenuti">
                 <div class="box_contenuti">
                     <div class="box-article"> <!-- start box-article -->
                     <div class="box-article"> <!-- start box-article -->
-
                   
+
                         <!-- -->  
                         <!-- -->  
-
                    <div class="article">
+
<div class="article">
                             <div class="title"><a href="#">Titolo della news</a></div>
                             <div class="title"><a href="#">Titolo della news</a></div>
                             <div class="date">15/05/2012</div>
                             <div class="date">15/05/2012</div>
                             <div class="intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis convallis erat, sit amet molestie tellus sollicitudin sit amet. Quisque euismod mollis mi eu mollis.</div>
                             <div class="intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis convallis erat, sit amet molestie tellus sollicitudin sit amet. Quisque euismod mollis mi eu mollis.</div>
-
                        <div class="read_more"><a href="#">a</a></div>
+
    <div class="read_more"><a href="#">a</a></div>
                         </div>
                         </div>
                          
                          
                         <!-- -->  
                         <!-- -->  
-
                    <div class="article">
+
<div class="article">
                             <div class="title"><a href="#">Titolo della news</a></div>
                             <div class="title"><a href="#">Titolo della news</a></div>
                             <div class="date">15/05/2012</div>
                             <div class="date">15/05/2012</div>
                             <div class="intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis convallis erat, sit amet molestie tellus sollicitudin sit amet. Quisque euismod mollis mi eu mollis.</div>
                             <div class="intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis convallis erat, sit amet molestie tellus sollicitudin sit amet. Quisque euismod mollis mi eu mollis.</div>
-
                        <div class="read_more"><a href="#">a</a></div>
+
    <div class="read_more"><a href="#">a</a></div>
                         </div>
                         </div>
                          
                          
                         <!-- -->  
                         <!-- -->  
-
                    <div class="article">
+
<div class="article">
                             <div class="title"><a href="#">Titolo della news</a></div>
                             <div class="title"><a href="#">Titolo della news</a></div>
                             <div class="date">15/05/2012</div>
                             <div class="date">15/05/2012</div>
                             <div class="intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis convallis erat, sit amet molestie tellus sollicitudin sit amet. Quisque euismod mollis mi eu mollis.</div>
                             <div class="intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis convallis erat, sit amet molestie tellus sollicitudin sit amet. Quisque euismod mollis mi eu mollis.</div>
-
                        <div class="read_more"><a href="#">a</a></div>
+
    <div class="read_more"><a href="#">a</a></div>
                         </div>
                         </div>
-
                       
 
                     </div> <!-- end box-article -->
                     </div> <!-- end box-article -->
                 </div>
                 </div>
Line 74: Line 73:
                 <img src="https://static.igem.org/mediawiki/2012/b/b0/Team_trieste.jpg" alt="Team iGEM 2012" id="igem_team" />
                 <img src="https://static.igem.org/mediawiki/2012/b/b0/Team_trieste.jpg" alt="Team iGEM 2012" id="igem_team" />
                 <div class="box_contacts">
                 <div class="box_contacts">
-
                <h2>Contact us</h2>
+
<h2>Contact us</h2>
-
                <p>For other information, write to:</p>
+
<p>For other information, write to:</p>
                     <a href="mailto:igem2012@gmail.com" class="btn">igem2012@gmail.com</a>
                     <a href="mailto:igem2012@gmail.com" class="btn">igem2012@gmail.com</a>
                     <div class="social">
                     <div class="social">
                     Follow us also:
                     Follow us also:
-
                    <a href="https://www.facebook.com/IGEMUNITS?ref=ts" target="_blank"><img src="https://static.igem.org/mediawiki/2012/f/f4/Ico_fb.png" alt="Facebook" class="fb" /></a>
+
<a href="https://www.facebook.com/IGEMUNITS?ref=ts" target="_blank"><img src="https://static.igem.org/mediawiki/2012/f/f4/Ico_fb.png" alt="Facebook" class="fb" /></a>
                         <a href="https://twitter.com/igemunits" target="_blank"><img src="https://static.igem.org/mediawiki/2012/2/21/Ico_twitter.png" alt="twitter" class="tw" /></a>
                         <a href="https://twitter.com/igemunits" target="_blank"><img src="https://static.igem.org/mediawiki/2012/2/21/Ico_twitter.png" alt="twitter" class="tw" /></a>
                     </div>
                     </div>
-
                 </div>              
+
                 </div>
             </div> <!-- end box_right -->
             </div> <!-- end box_right -->
              
              
             <div class="box_loghi">
             <div class="box_loghi">
-
            <a href="http://www.units.it" target="_blank"><img src="https://static.igem.org/mediawiki/2012/2/28/Units.jpg" class="logo1" alt="Università degli studi di Trieste" /></a>
+
<a href="http://www.units.it" target="_blank"><img src="https://static.igem.org/mediawiki/2012/2/28/Units.jpg" class="logo1" alt="Università degli studi di Trieste" /></a>
                 <a href="http://www.icgeb.org" target="_blank"><img src="https://static.igem.org/mediawiki/2012/2/21/Icgeb.jpg" class="logo2" alt="ICGEB" /></a>
                 <a href="http://www.icgeb.org" target="_blank"><img src="https://static.igem.org/mediawiki/2012/2/21/Icgeb.jpg" class="logo2" alt="ICGEB" /></a>
                 <a href="http://www.illy.com" target="_blank"><img src="https://static.igem.org/mediawiki/2012/0/08/Illy.jpg" class="logo3" alt="Illy" /></a>
                 <a href="http://www.illy.com" target="_blank"><img src="https://static.igem.org/mediawiki/2012/0/08/Illy.jpg" class="logo3" alt="Illy" /></a>
Line 99: Line 98:
             <img src="https://static.igem.org/mediawiki/2012/3/3a/Trieste-ombra_vert_left.png" alt="iGEM 2012" class="ombra ver-left3" />
             <img src="https://static.igem.org/mediawiki/2012/3/3a/Trieste-ombra_vert_left.png" alt="iGEM 2012" class="ombra ver-left3" />
             <img src="https://static.igem.org/mediawiki/2012/b/b3/Trieste-ombra_vert_right.png" alt="iGEM 2012" class="ombra ver-right" />
             <img src="https://static.igem.org/mediawiki/2012/b/b3/Trieste-ombra_vert_right.png" alt="iGEM 2012" class="ombra ver-right" />
-
  </div> <!-- end content -->
+
</div> <!-- end content -->
         <div id="footer"> <!-- start footer -->
         <div id="footer"> <!-- start footer -->
-
<div id="box_footer">iGEM 2012 - For info: <a href="mailto:igem2012@gmail.com">igem2012@gmail.com</a><br/><img src="http://www.easycounter.com/counter.php?teamtrieste2012" border="0" alt="HTML Hit Counter" /></div>
+
    <div id="box_footer">iGEM 2012 - For info: <a href="mailto:igem2012@gmail.com">igem2012@gmail.com</a><br/><img src="http://www.easycounter.com/counter.php?teamtrieste2012" border="0" alt="HTML Hit Counter" /></div>
-
        </div> <!-- end footer -->
+
</div> <!-- end footer -->
     </div> <!-- end container -->
     </div> <!-- end container -->
-
   
 
</bbody>
</bbody>
-
</div>
 
</html>
</html>

Revision as of 13:53, 3 September 2012

Our Project

Latest news

Our team

WE PRESENT YOU NOROBUSTER

Presentation video

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie urna a lacus ultricies ac aliquet nisl ornare. Vestibulum laoreet fermentum elit, et luctus justo cursus eu.

Mauris eu risus eget ante varius interdum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus consectetur tempus ipsum at lobortis. Suspendisse ut nisi quis neque ultricies eleifend at at risus. Sed dui erat, feugiat vestibulum varius ac, mattis a enim.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus consectetur tempus ipsum at lobortis.

15/05/2012
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis convallis erat, sit amet molestie tellus sollicitudin sit amet. Quisque euismod mollis mi eu mollis.
15/05/2012
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis convallis erat, sit amet molestie tellus sollicitudin sit amet. Quisque euismod mollis mi eu mollis.
15/05/2012
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis convallis erat, sit amet molestie tellus sollicitudin sit amet. Quisque euismod mollis mi eu mollis.
Team iGEM 2012

Contact us

For other information, write to:

igem2012@gmail.com
Università degli studi di Trieste ICGEB Illy Fondazione Cassa di Risparmio
iGEM 2012 iGEM 2012 iGEM 2012 iGEM 2012 iGEM 2012 iGEM 2012