Team:Trieste/sandbox/index

From 2012.igem.org

(Difference between revisions)
(html rodolfo)
Line 3: Line 3:
<script type="text/javascript" src='/Team:Trieste/static/page_boot.js?action=raw&ctype=text/javascript'></script>
<script type="text/javascript" src='/Team:Trieste/static/page_boot.js?action=raw&ctype=text/javascript'></script>
<div id="head">
<div id="head">
-
     <meta charset="UTF-8">
+
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
    <title>Team iGEM 2012</title>
+
     <link href="/Team:Trieste/static/frontend.css?action=raw&ctype=text/css" media="screen" rel="stylesheet" type="text/css" />
-
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
+
    <title>iGEM 2012</title>
-
     <link rel="stylesheet" href='/Team:Trieste/static/main.css?action=raw&ctype=text/css' type="text/css" />
+
</head>
-
</div>
+
 
<div id="body">
<div id="body">
-
    <div id=header>
+
<div id="container"> <!-- start container -->  
-
<h3>let us introduce you...</h3>
+
        <div id="header"> <!-- start header -->  
-
<h1>Project X</h1>
+
            <div id="logo"><img src="images/logo.png" alt="iGEM 2012" /></div>
-
<div id="logo"><img src="logo.png" alt="logo" width="100"/></div>
+
            <div id="payoff">Let us introduce you...<div>Norobuster</div></div>
-
    </div>
+
        <ul id="navigation">
-
    <div id=menu>
+
                <li class="select"><a href="#">HOME</a></li>
-
<ul>
+
                <li><a href="#">TEAM</a></li>
-
    <li><a href="home" >home</a></li>
+
                <li><a href="#">PROJECT</a></li>
-
    <li><a href="team" >team</a></li>
+
                <li><a href="#">DATA</a></li>
-
    <li><a href="project" >project</a></li>
+
                <li><a href="#">PARTS</a></li>
-
    <li><a href="data" >data</a></li>
+
                <li><a href="#">NOTEBOOK</a></li>
-
    <li><a href="parts" >parts</a></li>
+
                <li><a href="#">SAFETY</a></li>
-
    <li><a href="notebook" >notebook</a></li>
+
                <li><a href="#">OUTREACH</a></li>
-
    <li><a href="safety" >safety</a></li>
+
                <li><a href="#">EXTRA</a></li>
-
    <li><a href="outreach" >outreach</a></li>
+
            </ul>
-
    <li><a href="extra" >extra</a></li>
+
            <a href="https://2011.igem.org/Team:UNITS_Trieste" target="_blank"><img src="images/igem2011.png" alt="iGEM" class="logo-igem2011" /></a>
-
</ul>
+
            <a href="https://2012.igem.org/Main_Page" target="_blank"><img src="images/logo_igem.png" alt="iGEM" class="logo-igem" /></a>
-
<a href="https://2012.igem.org" ><img src="https://static.igem.org/mediawiki/2012/a/ad/Logo_igem.png" alt="Logo iGEM"/></a>
+
        </div> <!-- end header -->
-
    </div>
+
<div id="content"> <!-- start content -->
-
    <div id="container">
+
        <h1 id="h1_lf" class="main_tit"><div>Our Project</div></h1>
-
<div id="content">
+
            <h1 id="h1_mn" class="main_tit"><div>Latest news</div></h1>
-
    <div class="column" id="col1">
+
            <h1 id="h1_rt" class="main_tit"><div>Our team</div></h1>
-
    <h1>Our project</h1>
+
            <div id="box_left"><!-- start box_main -->
-
<div class="inner_column">
+
            <h2>WE PRESENT YOU NOROBUSTER</h2>
-
    <h2>we present you norobuster</h2>
+
            <img id="video_pres" src="images/img_video.jpg" alt="Presentation video" />
-
<p>
+
                <p>
-
    The left outer edge of a left-floating box may not be to the left of the left edge of its containing block. An analogous rule holds for right-floating elements.
+
                <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>
-
    If the current box is left-floating, and there are any left-floating boxes generated by elements earlier in the source document, then for each such earlier box, either the left outer edge of the current box must be to the right of the right outer edge of the earlier box, or its top must be lower than the bottom of the earlier box. Analogous rules hold for right-floating boxes.
+
</p>
-
    The right outer edge of a left-floating box may not be to the right of the left outer edge of any right-floating box that is next to it. Analogous rules hold for right-floating elements.
+
                <p>
-
    </p>
+
Mauris eu risus eget ante varius interdum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.  
-
</div>
+
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.
-
    </div>
+
                </p>
-
    <div class="column" id="col3">
+
                <p>
-
<h1>Our team</h1>
+
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.  
-
<div class="inner_column">
+
Vivamus consectetur tempus ipsum at lobortis.
-
    <p>
+
                </p>
-
    The left outer edge of a left-floating box may not be to the left of the left edge of its containing block. An analogous rule holds for right-floating elements.
+
            </div> <!-- end box_left -->
-
    </p>
+
            <div id="box_main"> <!-- start box_main -->
-
</div>
+
                <div class="box_contenuti">
-
    </div>
+
                    <div class="box-article"> <!-- start box-article -->
-
    <div class="column" id="col2">
+
                   
-
    <h1>Latest News</h1>
+
                        <!-- -->  
-
<div class="inner_column">
+
                    <div class="article">
-
    <h2>blahblah</h2>
+
                            <div class="title"><a href="#">Titolo della news</a></div>
-
<p>
+
                            <div class="date">15/05/2012</div>
-
    The left outer edge of a left-floating box may not be to the left of the left edge of its containing block. An analogous rule holds for right-floating elements.
+
                            <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>
-
    If the current box is left-floating, and there are any left-floating boxes generated by elements earlier in the source document, then for each such earlier box, either the left outer edge of the current box must be to the right of the right outer edge of the earlier box, or its top must be lower than the bottom of the earlier box. Analogous rules hold for right-floating boxes.
+
                        <div class="read_more"><a href="#">a</a></div>
-
    The right outer edge of a left-floating box may not be to the right of the left outer edge of any right-floating box that is next to it. Analogous rules hold for right-floating elements.
+
                        </div>
-
    </p>
+
                       
-
</div>
+
                        <!-- -->
-
    </div>
+
                    <div class="article">
-
</div>
+
                            <div class="title"><a href="#">Titolo della news</a></div>
-
<div id="footer">
+
                            <div class="date">15/05/2012</div>
-
    <h1>Our Partners</h1>
+
                            <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>
-
    <img src="https://static.igem.org/mediawiki/2012/2/28/Units.jpg" alt="Università di Trieste" />
+
                        <div class="read_more"><a href="#">a</a></div>
-
    <img src="https://static.igem.org/mediawiki/2012/2/21/Icgeb.jpg" alt="ICGEB" />
+
                        </div>
-
    <img src="https://static.igem.org/mediawiki/2012/0/08/Illy.jpg" alt="Illy Caffè" />
+
                       
-
    <img src="https://static.igem.org/mediawiki/2012/f/f5/Fcrt.jpg" alt="Fondazione cassa di Risparmio di Trieste" />
+
                        <!-- -->
-
</div>
+
                    <div class="article">
-
    </div>
+
                            <div class="title"><a href="#">Titolo della news</a></div>
-
</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="read_more"><a href="#">a</a></div>
 +
                        </div>
 +
                       
 +
                    </div> <!-- end box-article -->
 +
                </div>
 +
            </div> <!-- end box_main -->
 +
            <div id="box_right"> <!-- start box_right -->
 +
                <img src="images/igem_team.jpg" alt="Team iGEM 2012" id="igem_team" />
 +
                <div class="box_contacts">
 +
                <h2>Contact us</h2>
 +
                <p>For other information, write to:</p>
 +
                    <a href="mailto:igem2012@gmail.com" class="btn">igem2012@gmail.com</a>
 +
                    <div class="social">
 +
                    Follow us also:
 +
                    <a href="https://www.facebook.com/IGEMUNITS?ref=ts" target="_blank"><img src="images/ico_fb.png" alt="Facebook" class="fb" align="Facebook" /></a>
 +
                        <a href="https://twitter.com/igemunits" target="_blank"><img src="images/ico_twitter.png" alt="twitter" class="tw" align="Twitter" /></a>
 +
                    </div>
 +
                </div>               
 +
            </div> <!-- end box_right -->
 +
           
 +
            <div class="box_loghi">
 +
            <a href="http://www.units.it" target="_blank"><img src="images/logo1.jpg" class="logo1" alt="Università degli studi di Trieste" /></a>
 +
                <a href="http://www.icgeb.org" target="_blank"><img src="images/logo2.jpg" class="logo2" alt="ICGEB" /></a>
 +
                <a href="http://www.illy.com" target="_blank"><img src="images/logo3.jpg" class="logo3" alt="Illy" /></a>
 +
                <a href="http://www.fondazionecrtrieste.it" target="_blank"><img src="images/logo4.jpg" class="logo4" alt="Fondazione Cassa di Risparmio" /></a>
 +
            </div>
 +
           
 +
            <div class="stabilizzatore"></div>
 +
            <img src="images/ombra_left.png" alt="iGEM 2012" class="ombra orr-left" />
 +
            <img src="images/ombra_right.png" alt="iGEM 2012" class="ombra orr-right" />
 +
            <img src="images/ombra_vert_left.png" alt="iGEM 2012" class="ombra ver-left1" />
 +
            <img src="images/ombra_vert_left.png" alt="iGEM 2012" class="ombra ver-left2" />
 +
            <img src="images/ombra_vert_left.png" alt="iGEM 2012" class="ombra ver-left3" />
 +
            <img src="images/ombra_vert_right.png" alt="iGEM 2012" class="ombra ver-right" /a>
 +
  </div> <!-- end content -->
 +
        <div id="footer"> <!-- start footer -->
 +
<div id="box_footer">iGEM 2012 - For info: <a href="mailto:igem2012@gmail.com">igem2012@gmail.com</a></div>
 +
        </div>
 +
        </div> <!-- end footer -->
 +
    </div> <!-- end container -->
 +
   
 +
</body>
</html>
</html>

Revision as of 11:12, 31 August 2012