|
|
| (6 intermediate revisions not shown) |
| Line 46: |
Line 46: |
| | | | |
| | body { | | body { |
| - | font: 65%/1.2 Arial, Helvetica, sans-serif; | + | font: 90%/1.5 Arial, Helvetica, sans-serif; |
| | background-color: #eee; } | | background-color: #eee; } |
| | #wrap { | | #wrap { |
| | font-size: 0.7em; | | font-size: 0.7em; |
| | width: 960px; | | width: 960px; |
| - | padding: 0px; | + | padding: none; |
| - | margin: 0 auto; | + | border-left: none; |
| | + | border-right:none; |
| | background-color: #fff; | | background-color: #fff; |
| | position: relative; } | | position: relative; } |
| Line 58: |
Line 59: |
| | /* These styles create the dropdown menus. */ | | /* These styles create the dropdown menus. */ |
| | #navbar { | | #navbar { |
| - | margin: 1600; | + | margin: 1000; |
| | padding: 0; | | padding: 0; |
| - | height: 1em; } | + | height: 5em; } |
| | #navbar li { | | #navbar li { |
| | list-style: none; | | list-style: none; |
| | float: left; } | | float: left; } |
| | #navbar li a { | | #navbar li a { |
| - | padding-left: 19px; | + | padding-left: 7px; |
| | padding-bottom: 3px; | | padding-bottom: 3px; |
| - | padding-right: 8px; | + | padding-right: 7px; |
| | padding-top: 3px; | | padding-top: 3px; |
| | display: block; | | display: block; |
| Line 75: |
Line 76: |
| | #navbar li ul { | | #navbar li ul { |
| | display: none; | | display: none; |
| - | width: 10em; /* Width to help Opera out */ | + | width: 15em; /* Width to help Opera out */ |
| | background-color: #80ff00;} | | background-color: #80ff00;} |
| | #navbar li:hover ul, #navbar li.hover ul { | | #navbar li:hover ul, #navbar li.hover ul { |
| Line 81: |
Line 82: |
| | position: absolute; | | position: absolute; |
| | background-color: #5d9549; | | background-color: #5d9549; |
| | + | border-left:none; |
| | margin: 0; | | margin: 0; |
| | padding: 0; } | | padding: 0; } |
| Line 187: |
Line 189: |
| | </ul> | | </ul> |
| | </li> | | </li> |
| - | <li><a href="https://2012.igem.org/">iGem Homepage</a> | + | <li><a href="https://2012.igem.org/">iGem</a> |
| | </li> | | </li> |
| | </ul> | | </ul> |
| Line 200: |
Line 202: |
| | | | |
| | <p ></p> | | <p ></p> |
| - | <p style="padding-bottom: 1pt; " class="paragraph_style_4">Puedes enterarte de nuestros avances en<a href = http://www.facebook.com/igemcolombia2011> Facebook </a> y en <a href = http://twitter.com/colombia_igem> Twitter (@colombia_igem)</a>.</p>
| + | |
| | | | |
| | </div> | | </div> |
| Line 235: |
Line 237: |
| | }).render().setUser('colombia_igem').start(); | | }).render().setUser('colombia_igem').start(); |
| | </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>
| + | |
"
