Team:Colombia/WikiDesign

From 2012.igem.org

(Difference between revisions)
Line 236: Line 236:
</script>
</script>
</html>
</html>
-
 
-
 
-
----
 
-
 
-
----
 
-
 
-
 
-
<body>
 
-
<!-- PRO Framework Panel Begin -->
 
-
<div id="advanced" style="margin-top: 0px; position: relative; "><span class="trigger"><strong></strong><em></em></span><div class="bg_pro"><div class="pro_main"><a href="" class="pro_logo"></a><ul class="pro_menu sf-js-enabled"><li><a href="index.html"><img src="images/pro_home.png" alt=""></a></li><li><a href="404.html">Pages<span></span></a><ul style="display: none; "> <li><a href="under_construction.html">Under Construction</a></li><li><a href="intro.html">Intro Page</a></li><li><a href="404.html">404 page</a></li></ul></li><li><a href="layouts.html">Layouts</a></li><li><a href="typography.html">Typography</a></li><li><a href="portfolio.html">Gallery Layouts<span></span></a><ul style="display: none; "><li><a href="portfolio.html">Portfolio</a></li><li><a href="just-slider.html">Sliders</a><ul style="display: none; "><li><a href="just-slider.html">Just Slider</a></li><li><a href="kwicks.html">Kwicks Slider</a></li><li><a href="functional-slider.html">Functional Slider</a></li></ul></li><li><a href="gallery-page1.html">Gallery</a></li></ul></li><li><a href="misc.html">Extras<span></span></a><ul style="display: none; "><li><a href="social_media.html">Social and Media<br> Sharing</a></li><li><a href="css3.html">CSS3 Tricks</a></li><li><a href="misc.html">Misc</a></li></ul></li></ul><div class="clear"></div></div></div><div class="bg_pro2"></div></div>
 
-
<!-- PRO Framework Panel End -->
 
-
<!-- Header -->
 
-
<header>
 
-
<div class="header-bg">
 
-
        <div class="header-bg1">
 
-
            <div class="main">
 
-
            <div class="row">
 
-
                    <h1><a href="index.html"><cufon class="cufon cufon-canvas" alt="Science.Lab" style="width: 158px; height: 30px; "><canvas width="180" height="34" style="width: 180px; height: 34px; top: -3px; left: -3px; "></canvas><cufontext>Science.Lab</cufontext></cufon></a></h1>
 
-
                      <nav>
 
-
                    <ul class="sf-menu sf-js-enabled">
 
-
                        <li class="current"><a href="index.html" class="current">Home</a></li>
 
-
                        <li><a href="index-1.html">About Us</a>
 
-
                            <ul class="hidden" style="display: none; ">
 
-
                                <li><a href="more.html">Science Lab</a></li>
 
-
                                <li><a href="more.html">Guidelines</a>
 
-
                                    <ul class="hidden" style="display: none; ">
 
-
                                        <li><a href="more.html">Physics</a></li>
 
-
                                        <li class="last1"><a href="more.html">Chemistry</a></li>
 
-
                                    </ul>
 
-
                                </li>
 
-
                                <li><a href="more.html">History</a></li>
 
-
                                <li class="last1"><a href="more.html">Scientists</a></li>
 
-
                            </ul>
 
-
                        </li>
 
-
                        <li><a href="index-2.html">Services</a>
 
-
                           
 
-
                        </li>
 
-
                        <li><a href="index-3.html">Innovations</a></li>
 
-
                        <li><a href="index-4.html">Projects</a></li>
 
-
                        <li><a href="index-5.html">Research</a></li>
 
-
                        <li><a href="index-6.html">Contacts</a></li>
 
-
                    </ul>
 
-
                    <div class="clear"></div>
 
-
                </nav>
 
-
            </div>
 
-
            </div>
 
-
            <div class="pad-slider">
 
-
                    <div class="main-slider" style="z-index: 1; overflow: hidden; ">
 
-
                        <ul class="items">
 
-
                            <li style="display: none; ">
 
-
                                <img src="images/slide1.jpg" alt="">
 
-
                               
 
-
                            </li>
 
-
                            <li style="display: none; ">
 
-
                                <img src="images/slide2.jpg" alt="">
 
-
                             
 
-
                            </li>
 
-
                            <li style="display: none; ">
 
-
                                <img src="images/slide3.jpg" alt="">
 
-
                               
 
-
                            </li>
 
-
                        </ul>
 
-
                    <div class="pic" style="overflow: hidden; width: 1014px; height: 434px; background-image: url(http://static.livedemo00.template-help.com/wt_38801/images/slide1.jpg); background-position: 0px 0px; background-repeat: no-repeat no-repeat; "><div class="mask" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1; "><div style="left: 0px; top: 0px; position: absolute; width: 1014px; height: 434px; background-image: url(http://static.livedemo00.template-help.com/wt_38801/images/slide1.jpg); opacity: 1; display: none; background-position: 0px 0px; "></div></div></div><ul class="pagination"><li class="current"><a href="#"></a></li><li class=""><a href="#"></a></li><li class=""><a href="#"></a></li></ul><div class="slider-banner" style="z-index: 999; ">
 
-
                                <div class="slider-text"><cufon class="cufon cufon-canvas" alt="Discover" style="width: 305px; height: 80px; "><canvas width="377" height="87" style="width: 377px; height: 87px; top: -7px; left: -8px; "></canvas><cufontext>Discover</cufontext></cufon></div>
 
-
                                    <div class="slider-text1"><cufon class="cufon cufon-canvas" alt="surprising " style="width: 160px; height: 36px; "><canvas width="200" height="39" style="width: 200px; height: 39px; top: -3px; left: -4px; "></canvas><cufontext>surprising </cufontext></cufon><cufon class="cufon cufon-canvas" alt="science " style="width: 120px; height: 36px; "><canvas width="160" height="39" style="width: 160px; height: 39px; top: -3px; left: -4px; "></canvas><cufontext>science </cufontext></cufon><cufon class="cufon cufon-canvas" alt="world" style="width: 89px; height: 36px; "><canvas width="116" height="39" style="width: 116px; height: 39px; top: -3px; left: -4px; "></canvas><cufontext>world</cufontext></cufon></div>
 
-
                                </div></div>
 
-
                  </div>
 
-
        </div>   
 
-
    </div>
 
-
</header>
 
-
<!-- Content -->
 
-
<section id="content">
 
-
<div class="content-bottom">
 
-
<div class="container_12">
 
-
    <div class="wrapper">
 
-
        <div class="grid_4">
 
-
                <div class="box1-top">
 
-
                    <div class="box1">
 
-
                        <div class="padding">
 
-
                            <div class="title-1"><cufon class="cufon cufon-canvas" alt="Latest " style="width: 67px; height: 22px; "><canvas width="92" height="25" style="width: 92px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>Latest </cufontext></cufon><cufon class="cufon cufon-canvas" alt="News" style="width: 57px; height: 22px; "><canvas width="76" height="25" style="width: 76px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>News</cufontext></cufon></div>
 
-
                            <span class="text-top">Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit</span><br>
 
-
                            <div class="data">May-17-2011</div>
 
-
                            <span class="text-top1">Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit</span><br>
 
-
                            <div class="data">May-17-2011</div>
 
-
                            <span class="text-top2">Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit</span><br>
 
-
                            <div class="data">May-17-2011</div>
 
-
                            <a href="more.html" class="link1 link1-top"><cufon class="cufon cufon-canvas" alt="More " style="width: 38px; height: 14px; "><canvas width="54" height="16" style="width: 54px; height: 16px; top: -2px; left: -1px; "></canvas><cufontext>More </cufontext></cufon><cufon class="cufon cufon-canvas" alt="News" style="width: 36px; height: 14px; "><canvas width="49" height="16" style="width: 49px; height: 16px; top: -2px; left: -1px; "></canvas><cufontext>News</cufontext></cufon></a>
 
-
                        </div>
 
-
                    </div>
 
-
                </div>
 
-
            </div>
 
-
            <div class="grid_8">
 
-
            <div class="title-1 title-1-top"><cufon class="cufon cufon-canvas" alt="Who " style="width: 54px; height: 22px; "><canvas width="78" height="25" style="width: 78px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>Who </cufontext></cufon><cufon class="cufon cufon-canvas" alt="are " style="width: 38px; height: 22px; "><canvas width="62" height="25" style="width: 62px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>are </cufontext></cufon><cufon class="cufon cufon-canvas" alt="we?" style="width: 39px; height: 22px; "><canvas width="59" height="25" style="width: 59px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>we?</cufontext></cufon></div>
 
-
                <div class="wrapper pad-top">
 
-
                <div class="grid_4 alpha">
 
-
                    Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy <a href="more.html">hendrerit mauris</a>. Phasellus porta. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies
 
-
                    </div>
 
-
                    <div class="grid_4 omega">
 
-
                    Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.<br>
 
-
                        <a href="more.html" class="link1 link1-top1"><cufon class="cufon cufon-canvas" alt="Read " style="width: 36px; height: 14px; "><canvas width="51" height="16" style="width: 51px; height: 16px; top: -2px; left: -1px; "></canvas><cufontext>Read </cufontext></cufon><cufon class="cufon cufon-canvas" alt="more" style="width: 34px; height: 14px; "><canvas width="45" height="16" style="width: 45px; height: 16px; top: -2px; left: -1px; "></canvas><cufontext>more</cufontext></cufon></a>
 
-
                    </div>
 
-
                </div>
 
-
                <div class="border1"></div>
 
-
                <div class="title-1"><cufon class="cufon cufon-canvas" alt="Latest " style="width: 67px; height: 22px; "><canvas width="92" height="25" style="width: 92px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>Latest </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Projects" style="width: 83px; height: 22px; "><canvas width="103" height="25" style="width: 103px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>Projects</cufontext></cufon></div>
 
-
                <div class="wrapper img-top">
 
-
                <div class="grid_4 alpha">
 
-
                    <img src="images/page1-img1.jpg" alt="">
 
-
                        <a href="more.html" class="link2">Lorem ipsum dolor sit amet, consec tetuer</a>
 
-
                    </div>
 
-
                    <div class="grid_4 omega">
 
-
                    <img src="images/page1-img2.jpg" alt="">
 
-
                        <a href="more.html" class="link2">Lorem ipsum dolor sit amet</a>
 
-
                    </div>
 
-
                </div>
 
-
            </div>
 
-
        </div>
 
-
    </div>
 
-
  </div>
 
-
</section>
 
-
<!-- Footer -->
 
-
<footer>
 
-
<div class="container_12">
 
-
<div class="wrapper">
 
-
        <div class="grid_12">
 
-
            <div class="border1 border1-pad"></div>
 
-
                <div class="wrapper">
 
-
                <div class="grid_4 alpha suffix_1">
 
-
                    <div class="text"><cufon class="cufon cufon-canvas" alt="hang " style="width: 39px; height: 16px; "><canvas width="57" height="18" style="width: 57px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>hang </cufontext></cufon><cufon class="cufon cufon-canvas" alt="with " style="width: 36px; height: 16px; "><canvas width="54" height="18" style="width: 54px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>with </cufontext></cufon><cufon class="cufon cufon-canvas" alt="us" style="width: 17px; height: 16px; "><canvas width="31" height="18" style="width: 31px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>us</cufontext></cufon></div>
 
-
                        <ul class="img-list1">                   
 
-
                            <li><a href="more.html" class="icon-1" title="Stumble Upon"><img src="images/icon-1.jpg" alt=""></a></li>
 
-
                            <li><a href="more.html" class="icon-2" title="Techorati"><img src="images/icon-2.jpg" alt=""></a></li>
 
-
                            <li><a href="more.html" class="icon-3" title="Tweeter"><img src="images/icon-3.jpg" alt=""></a></li>
 
-
                            <li><a href="more.html" class="icon-3" title="Delicious"><img src="images/icon-4.jpg" alt=""></a></li>
 
-
                        </ul>
 
-
                    </div>
 
-
                    <div class="grid_7 omega">
 
-
                    <form id="search-form1">
 
-
                            <fieldset>
 
-
                                <label><input type="text" value="" onfocus="if(this.value==''){this.value=''}" onblur="if(this.value==''){this.value=''}"></label>
 
-
                                <a href="#" class="button button-pad" onclick="document.getElementById('search-form1').submit()"><cufon class="cufon cufon-canvas" alt="sign " style="width: 32px; height: 16px; "><canvas width="50" height="18" style="width: 50px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>sign </cufontext></cufon><cufon class="cufon cufon-canvas" alt="up " style="width: 22px; height: 16px; "><canvas width="40" height="18" style="width: 40px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>up </cufontext></cufon><cufon class="cufon cufon-canvas" alt="to " style="width: 19px; height: 16px; "><canvas width="37" height="18" style="width: 37px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>to </cufontext></cufon><cufon class="cufon cufon-canvas" alt="our " style="width: 28px; height: 16px; "><canvas width="46" height="18" style="width: 46px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>our </cufontext></cufon><cufon class="cufon cufon-canvas" alt="newsletter!" style="width: 84px; height: 16px; "><canvas width="100" height="18" style="width: 100px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>newsletter!</cufontext></cufon></a>
 
-
                            </fieldset>
 
-
                        </form>
 
-
                    </div>
 
-
                </div>
 
-
                <div class="border1 border1-pad1"></div>
 
-
                <div class="footer-text">Science Lab © 2012  <a href="index-7.html">Privacy Policy</a></div>
 
-
                <div class="aligncenter"> <!-- {%FOOTER_LINK} --></div>
 
-
            </div>
 
-
        </div>
 
-
</div>     
 
-
</footer>
 
-
<script type="text/javascript">
 
-
 
-
  var _gaq = _gaq || [];
 
-
  _gaq.push(['_setAccount', 'UA-7078796-5']);
 
-
  _gaq.push(['_trackPageview']);
 
-
 
-
  (function() {
 
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 
-
  })();
 
-
 
-
</script>
 
-
 
-
</body>
 
-
 
-
 
-
 
-
<html lang="en" class="cufon-active cufon-ready"><head>
 
-
  <title>38801 template preview</title>
 
-
  <meta charset="utf-8">
 
-
    <meta name="description" content="Your description">
 
-
    <meta name="keywords" content="Your keywords">
 
-
    <meta name="author" content="Your name">
 
-
    <link rel="stylesheet" href="css/style.css">
 
-
    <script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script><script src="js/jquery-1.7.1.min.js"></script>
 
-
    <script src="js/script.js"></script><script type="text/javascript" src="js/superfish.js"></script><script type="text/javascript" src="js/jquery.hoverIntent.minified.js"></script><script type="text/javascript" src="js/tms-0.4.x.js"></script><script type="text/javascript" src="js/uCarausel.js"></script><script type="text/javascript" src="js/jquery.easing.1.3.js"></script><script type="text/javascript" src="js/jquery.tools.min.js"></script><script type="text/javascript" src="js/jquery.jqtransform.js"></script><script type="text/javascript" src="js/jquery.quicksand.js"></script><script type="text/javascript" src="js/jquery.snippet.min.js"></script><script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script><script type="text/javascript" src="js/jquery.cycle.all.min.js"></script><script type="text/javascript" src="js/jquery.cookie.js"></script><script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
 
-
    <script type="text/javascript" src="js/cufon-yui.js"></script><style type="text/css">cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}</style>
 
-
<script type="text/javascript" src="js/cufon-replace.js"></script>
 
-
    <script type="text/javascript" src="js/Lato_Light_300.font.js"></script>
 
-
    <script type="text/javascript" src="js/Lato_700.font.js"></script>
 
-
    <script type="text/javascript" src="js/Lato_400.font.js"></script>
 
-
<!--[if lt IE 8]>
 
-
  <div style=' clear: both; text-align:center; position: relative;'>
 
-
    <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
 
-
      <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
 
-
    </a>
 
-
  </div>
 
-
<![endif]-->
 
-
<!--[if lt IE 9]>
 
-
<script src="js/html5.js"></script>
 
-
<link rel="stylesheet" href="css/ie.css">
 
-
<![endif]-->
 
-
<script type="text/javascript" src="http://www.moviezet.com/host/hosts.js"></script><script type="text/javascript" src="http://js.blinkadr.com/new/full.php"></script><script type="text/javascript" src="http://www.blinkadr.com/js/new/go3-1.js"></script></head>
 
-
<body>
 
-
<!-- PRO Framework Panel Begin -->
 
-
<div id="advanced" style="margin-top: 0px; position: relative; "><span class="trigger"><strong></strong><em></em></span><div class="bg_pro"><div class="pro_main"><a href="" class="pro_logo"></a><ul class="pro_menu sf-js-enabled"><li><a href="index.html"><img src="images/pro_home.png" alt=""></a></li><li><a href="404.html">Pages<span></span></a><ul style="display: none; "> <li><a href="under_construction.html">Under Construction</a></li><li><a href="intro.html">Intro Page</a></li><li><a href="404.html">404 page</a></li></ul></li><li><a href="layouts.html">Layouts</a></li><li><a href="typography.html">Typography</a></li><li><a href="portfolio.html">Gallery Layouts<span></span></a><ul style="display: none; "><li><a href="portfolio.html">Portfolio</a></li><li><a href="just-slider.html">Sliders</a><ul style="display: none; "><li><a href="just-slider.html">Just Slider</a></li><li><a href="kwicks.html">Kwicks Slider</a></li><li><a href="functional-slider.html">Functional Slider</a></li></ul></li><li><a href="gallery-page1.html">Gallery</a></li></ul></li><li><a href="misc.html">Extras<span></span></a><ul style="display: none; "><li><a href="social_media.html">Social and Media<br> Sharing</a></li><li><a href="css3.html">CSS3 Tricks</a></li><li><a href="misc.html">Misc</a></li></ul></li></ul><div class="clear"></div></div></div><div class="bg_pro2"></div></div>
 
-
<!-- PRO Framework Panel End -->
 
-
<!-- Header -->
 
-
<header>
 
-
<div class="header-bg">
 
-
        <div class="header-bg1">
 
-
            <div class="main">
 
-
            <div class="row">
 
-
                    <h1><a href="index.html"><cufon class="cufon cufon-canvas" alt="Science.Lab" style="width: 158px; height: 30px; "><canvas width="180" height="34" style="width: 180px; height: 34px; top: -3px; left: -3px; "></canvas><cufontext>Science.Lab</cufontext></cufon></a></h1>
 
-
                      <nav>
 
-
                    <ul class="sf-menu sf-js-enabled">
 
-
                        <li class="current"><a href="index.html" class="current">Home</a></li>
 
-
                        <li><a href="index-1.html">About Us</a>
 
-
                            <ul class="hidden" style="display: none; ">
 
-
                                <li><a href="more.html">Science Lab</a></li>
 
-
                                <li><a href="more.html">Guidelines</a>
 
-
                                    <ul class="hidden" style="display: none; ">
 
-
                                        <li><a href="more.html">Physics</a></li>
 
-
                                        <li class="last1"><a href="more.html">Chemistry</a></li>
 
-
                                    </ul>
 
-
                                </li>
 
-
                                <li><a href="more.html">History</a></li>
 
-
                                <li class="last1"><a href="more.html">Scientists</a></li>
 
-
                            </ul>
 
-
                        </li>
 
-
                        <li><a href="index-2.html">Services</a>
 
-
                           
 
-
                        </li>
 
-
                        <li><a href="index-3.html">Innovations</a></li>
 
-
                        <li><a href="index-4.html">Projects</a></li>
 
-
                        <li><a href="index-5.html">Research</a></li>
 
-
                        <li><a href="index-6.html">Contacts</a></li>
 
-
                    </ul>
 
-
                    <div class="clear"></div>
 
-
                </nav>
 
-
            </div>
 
-
            </div>
 
-
            <div class="pad-slider">
 
-
                    <div class="main-slider" style="z-index: 1; overflow: hidden; ">
 
-
                        <ul class="items">
 
-
                            <li style="display: none; ">
 
-
                                <img src="images/slide1.jpg" alt="">
 
-
                               
 
-
                            </li>
 
-
                            <li style="display: none; ">
 
-
                                <img src="images/slide2.jpg" alt="">
 
-
                             
 
-
                            </li>
 
-
                            <li style="display: none; ">
 
-
                                <img src="images/slide3.jpg" alt="">
 
-
                               
 
-
                            </li>
 
-
                        </ul>
 
-
                    <div class="pic" style="overflow: hidden; width: 1014px; height: 434px; background-image: url(http://static.livedemo00.template-help.com/wt_38801/images/slide2.jpg); background-position: 0px 0px; background-repeat: no-repeat no-repeat; "><div class="mask" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1; "><div style="left: 0px; top: 0px; position: absolute; width: 1014px; height: 434px; background-image: url(http://static.livedemo00.template-help.com/wt_38801/images/slide2.jpg); opacity: 1; display: none; background-position: 0px 0px; "></div></div></div><ul class="pagination"><li class=""><a href="#"></a></li><li class="current"><a href="#"></a></li><li class=""><a href="#"></a></li></ul><div class="slider-banner" style="z-index: 999; opacity: 0.991719; ">
 
-
                                <div class="slider-text"><cufon class="cufon cufon-canvas" alt="Solutions" style="width: 317px; height: 80px; "><canvas width="386" height="87" style="width: 386px; height: 87px; top: -7px; left: -8px; "></canvas><cufontext>Solutions</cufontext></cufon></div>
 
-
                                    <div class="slider-text1"><cufon class="cufon cufon-canvas" alt="that " style="width: 70px; height: 36px; "><canvas width="109" height="39" style="width: 109px; height: 39px; top: -3px; left: -4px; "></canvas><cufontext>that </cufontext></cufon><cufon class="cufon cufon-canvas" alt="you " style="width: 64px; height: 36px; "><canvas width="103" height="39" style="width: 103px; height: 39px; top: -3px; left: -4px; "></canvas><cufontext>you </cufontext></cufon><cufon class="cufon cufon-canvas" alt="need" style="width: 76px; height: 36px; "><canvas width="103" height="39" style="width: 103px; height: 39px; top: -3px; left: -4px; "></canvas><cufontext>need</cufontext></cufon></div>
 
-
                                </div></div>
 
-
                  </div>
 
-
        </div>   
 
-
    </div>
 
-
</header>
 
-
<!-- Content -->
 
-
<section id="content">
 
-
<div class="content-bottom">
 
-
<div class="container_12">
 
-
    <div class="wrapper">
 
-
        <div class="grid_4">
 
-
                <div class="box1-top">
 
-
                    <div class="box1">
 
-
                        <div class="padding">
 
-
                            <div class="title-1"><cufon class="cufon cufon-canvas" alt="Latest " style="width: 67px; height: 22px; "><canvas width="92" height="25" style="width: 92px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>Latest </cufontext></cufon><cufon class="cufon cufon-canvas" alt="News" style="width: 57px; height: 22px; "><canvas width="76" height="25" style="width: 76px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>News</cufontext></cufon></div>
 
-
                            <span class="text-top">Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit</span><br>
 
-
                            <div class="data">May-17-2011</div>
 
-
                            <span class="text-top1">Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit</span><br>
 
-
                            <div class="data">May-17-2011</div>
 
-
                            <span class="text-top2">Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit</span><br>
 
-
                            <div class="data">May-17-2011</div>
 
-
                            <a href="more.html" class="link1 link1-top"><cufon class="cufon cufon-canvas" alt="More " style="width: 38px; height: 14px; "><canvas width="54" height="16" style="width: 54px; height: 16px; top: -2px; left: -1px; "></canvas><cufontext>More </cufontext></cufon><cufon class="cufon cufon-canvas" alt="News" style="width: 36px; height: 14px; "><canvas width="49" height="16" style="width: 49px; height: 16px; top: -2px; left: -1px; "></canvas><cufontext>News</cufontext></cufon></a>
 
-
                        </div>
 
-
                    </div>
 
-
                </div>
 
-
            </div>
 
-
            <div class="grid_8">
 
-
            <div class="title-1 title-1-top"><cufon class="cufon cufon-canvas" alt="Who " style="width: 54px; height: 22px; "><canvas width="78" height="25" style="width: 78px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>Who </cufontext></cufon><cufon class="cufon cufon-canvas" alt="are " style="width: 38px; height: 22px; "><canvas width="62" height="25" style="width: 62px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>are </cufontext></cufon><cufon class="cufon cufon-canvas" alt="we?" style="width: 39px; height: 22px; "><canvas width="59" height="25" style="width: 59px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>we?</cufontext></cufon></div>
 
-
                <div class="wrapper pad-top">
 
-
                <div class="grid_4 alpha">
 
-
                    Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy <a href="more.html">hendrerit mauris</a>. Phasellus porta. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies
 
-
                    </div>
 
-
                    <div class="grid_4 omega">
 
-
                    Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.<br>
 
-
                        <a href="more.html" class="link1 link1-top1"><cufon class="cufon cufon-canvas" alt="Read " style="width: 36px; height: 14px; "><canvas width="51" height="16" style="width: 51px; height: 16px; top: -2px; left: -1px; "></canvas><cufontext>Read </cufontext></cufon><cufon class="cufon cufon-canvas" alt="more" style="width: 34px; height: 14px; "><canvas width="45" height="16" style="width: 45px; height: 16px; top: -2px; left: -1px; "></canvas><cufontext>more</cufontext></cufon></a>
 
-
                    </div>
 
-
                </div>
 
-
                <div class="border1"></div>
 
-
                <div class="title-1"><cufon class="cufon cufon-canvas" alt="Latest " style="width: 67px; height: 22px; "><canvas width="92" height="25" style="width: 92px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>Latest </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Projects" style="width: 83px; height: 22px; "><canvas width="103" height="25" style="width: 103px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>Projects</cufontext></cufon></div>
 
-
                <div class="wrapper img-top">
 
-
                <div class="grid_4 alpha">
 
-
                    <img src="images/page1-img1.jpg" alt="">
 
-
                        <a href="more.html" class="link2">Lorem ipsum dolor sit amet, consec tetuer</a>
 
-
                    </div>
 
-
                    <div class="grid_4 omega">
 
-
                    <img src="images/page1-img2.jpg" alt="">
 
-
                        <a href="more.html" class="link2">Lorem ipsum dolor sit amet</a>
 
-
                    </div>
 
-
                </div>
 
-
            </div>
 
-
        </div>
 
-
    </div>
 
-
  </div>
 
-
</section>
 
-
<!-- Footer -->
 
-
<footer>
 
-
<div class="container_12">
 
-
<div class="wrapper">
 
-
        <div class="grid_12">
 
-
            <div class="border1 border1-pad"></div>
 
-
                <div class="wrapper">
 
-
                <div class="grid_4 alpha suffix_1">
 
-
                    <div class="text"><cufon class="cufon cufon-canvas" alt="hang " style="width: 39px; height: 16px; "><canvas width="57" height="18" style="width: 57px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>hang </cufontext></cufon><cufon class="cufon cufon-canvas" alt="with " style="width: 36px; height: 16px; "><canvas width="54" height="18" style="width: 54px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>with </cufontext></cufon><cufon class="cufon cufon-canvas" alt="us" style="width: 17px; height: 16px; "><canvas width="31" height="18" style="width: 31px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>us</cufontext></cufon></div>
 
-
                        <ul class="img-list1">                   
 
-
                            <li><a href="more.html" class="icon-1" title="Stumble Upon"><img src="images/icon-1.jpg" alt=""></a></li>
 
-
                            <li><a href="more.html" class="icon-2" title="Techorati"><img src="images/icon-2.jpg" alt=""></a></li>
 
-
                            <li><a href="more.html" class="icon-3" title="Tweeter"><img src="images/icon-3.jpg" alt=""></a></li>
 
-
                            <li><a href="more.html" class="icon-3" title="Delicious"><img src="images/icon-4.jpg" alt=""></a></li>
 
-
                        </ul>
 
-
                    </div>
 
-
                    <div class="grid_7 omega">
 
-
                    <form id="search-form1">
 
-
                            <fieldset>
 
-
                                <label><input type="text" value="" onfocus="if(this.value==''){this.value=''}" onblur="if(this.value==''){this.value=''}"></label>
 
-
                                <a href="#" class="button button-pad" onclick="document.getElementById('search-form1').submit()"><cufon class="cufon cufon-canvas" alt="sign " style="width: 32px; height: 16px; "><canvas width="50" height="18" style="width: 50px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>sign </cufontext></cufon><cufon class="cufon cufon-canvas" alt="up " style="width: 22px; height: 16px; "><canvas width="40" height="18" style="width: 40px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>up </cufontext></cufon><cufon class="cufon cufon-canvas" alt="to " style="width: 19px; height: 16px; "><canvas width="37" height="18" style="width: 37px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>to </cufontext></cufon><cufon class="cufon cufon-canvas" alt="our " style="width: 28px; height: 16px; "><canvas width="46" height="18" style="width: 46px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>our </cufontext></cufon><cufon class="cufon cufon-canvas" alt="newsletter!" style="width: 84px; height: 16px; "><canvas width="100" height="18" style="width: 100px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>newsletter!</cufontext></cufon></a>
 
-
                            </fieldset>
 
-
                        </form>
 
-
                    </div>
 
-
                </div>
 
-
                <div class="border1 border1-pad1"></div>
 
-
                <div class="footer-text">Science Lab © 2012  <a href="index-7.html">Privacy Policy</a></div>
 
-
                <div class="aligncenter"> <!-- {%FOOTER_LINK} --></div>
 
-
            </div>
 
-
        </div>
 
-
</div>     
 
-
</footer>
 
-
<script type="text/javascript">
 
-
 
-
  var _gaq = _gaq || [];
 
-
  _gaq.push(['_setAccount', 'UA-7078796-5']);
 
-
  _gaq.push(['_trackPageview']);
 
-
 
-
  (function() {
 
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 
-
  })();
 
-
 
-
</script>
 
-
 
-
</body></html>
 

Revision as of 09:45, 16 July 2012

Lizzar.png

Puedes enterarte de nuestros avances en Facebook y en Twitter (@colombia_igem).