|
|
(8 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <!DOCTYPE html>
| + | {{CSS/Main}} |
- | <!--
| + | |
- | Template Name: The Modernist
| + | |
- | Author: <a href="http://www.os-templates.com/">OS Templates</a>
| + | |
- | Author URI: http://www.os-templates.com/
| + | |
- | Licence: Free to use under our free template licence terms
| + | |
- | Licence URI: http://www.os-templates.com/template-terms
| + | |
- | -->
| + | |
| <html> | | <html> |
- | <head> | + | <style> |
- | <title>The Modernist</title>
| + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ |
- | <meta charset="utf-8">
| + | </style> |
- | <link rel="stylesheet" href="layout/styles/layout.css" type="text/css">
| + | |
- | </head> | + | <!-- here ends the section that changes the default wiki template to a white full width background --> |
- | <body id="top">
| + | |
- | <!-- ################################################################################################ --> | + | |
- | <!-- ################################################################################################ -->
| + | <!-- beginning of your page --> |
- | <!-- ################################################################################################ --> | + | |
- | <div class="wrapper row1">
| + | <!-- menu --> |
- | <!-- ################################################################################################ -->
| + | <table id="menu" width="100%" cellspacing="0" height="135px"> |
- | <header id="header" class="clear">
| + | <tr> |
- | <!-- ################################################################################################ -->
| + | <td bgColor="#FFFFFF"></td> |
- | <div id="logo">
| + | <td valign="bottom" width="975px" align="center" bgColor="#FFFFFF"> |
- | <h1><a href="index.html">The Modernist</a></h1>
| + | |
- | <p>Free Website Template</p>
| + | <table align="center"> |
- | </div>
| + | <tr height="50px"> |
- | <nav>
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#8D77D4'" bgColor=#8D77D4 > |
- | <ul class="clear">
| + | <a href="https://2014.igem.org/Team:UANL_Mty-Mexico"style="text-decoration:none;color:#1C140D">HOME </a> </td> |
- | <li class="active"><a href="index.html">Home</a></li>
| + | |
- | <li><a class="drop" href="#">Pages</a>
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#8D77D4'" bgColor=#8D77D4> |
- | <ul>
| + | <a href="https://2014.igem.org/Team:UANL_Mty-Mexico/Project" style="text-decoration:none;color:#1C140D">PROJECT</a> </td> |
- | <li><a href="pages/gallery.html">Gallery</a></li>
| + | |
- | <li><a href="pages/full-width.html">Full Width</a></li>
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#8D77D4'" bgColor=#8D77D4> |
- | <li><a href="pages/sidebar-left.html">Sidebar Left</a></li>
| + | <a href="https://2014.igem.org/Team:UANL_Mty-Mexico/WETLAB" style="text-decoration:none;color:#1C140D">WETLAB</a></td> |
- | <li><a href="pages/sidebar-right.html">Sidebar Right</a></li>
| + | |
- | </ul>
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#8D77D4'" bgColor=#8D77D4> |
- | </li>
| + | <a href="https://2014.igem.org/Team:UANL_Mty-Mexico/achievement" style="text-decoration:none;color:#1C140D">ACHIEVEMENT</a> </td> |
- | <li><a href="#">Link Text</a></li>
| + | |
- | <li><a href="#">Link Text</a></li>
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#8D77D4'" bgColor=#8D77D4> |
- | <li><a href="#">Link Text</a></li>
| + | <a href="https://2014.igem.org/Team:UANL_Mty-Mexico/HUMAN_PRACTICE" style="text-decoration:none;color:#1C140D">HUMAN PRACTICE</a> </td> |
- | <li><a href="#">Link Text</a></li>
| + | |
- | </ul>
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#8D77D4'" bgColor=#8D77D4> |
- | </nav>
| + | <a href="https://2014.igem.org/Team:UANL_Mty-Mexico/Team" style="text-decoration:none;color:#1C140D">TEAM </a></td> |
- | <!-- ################################################################################################ -->
| + | </tr> |
- | </header>
| + | |
- | <!-- ################################################################################################ -->
| + | <td colspan="5"></td><a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a></td> |
- | <div id="slider" class="jcarousel-wrapper">
| + | </table> |
- | <div id="slider_content" class="jcarousel">
| + | |
- | <ul>
| + | </td> |
- | <li>
| + | <td bgColor="#FFFFFF"></td> |
- | <figure><a href="#"><img src="images/slider/1.png" alt=""></a>
| + | </tr> |
- | <figcaption>
| + | </table> |
- | <h2>Cursus penati saccum nulla.</h2>
| + | <!-- end of menu --> |
- | <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat adipiscinia pellentum leo…</p>
| + | |
- | <footer><a href="#">Read More Here »</a></footer>
| + | |
- | </figcaption>
| + | <!-- First block of content --> |
- | </figure>
| + | <table id="firstblock" width="100%" cellspacing="0" height="500px"> |
- | </li>
| + | <tr> |
- | <li>
| + | <td bgColor="#FFFFFF"></td> |
- | <figure><a href="#"><img src="images/slider/2.png" alt=""></a>
| + | <td width="975px" align="center" bgColor="#FFFFFF" > |
- | <figcaption>
| + | <img src="https://2014.igem.org/File:MONTERREYPORTADALAGO.png"> |
- | <h2>Cursus penati saccum nulla.</h2>
| + | <!-- You can replace this image with your team's logo! --> |
- | <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat adipiscinia pellentum leo…</p>
| + | |
- | <footer><a href="#">Read More Here »</a></footer>
| + | <h3>Welcome! <br>Team:UANL Mty-Mexico</h3> |
- | </figcaption>
| + | |
- | </figure>
| + | |
- | </li>
| + | </td> |
- | <li>
| + | <td bgColor="#FFFFFF"></td> |
- | <figure><a href="#"><img src="images/slider/3.png" alt=""></a>
| + | </tr> |
- | <figcaption>
| + | </table> |
- | <h2>Cursus penati saccum nulla.</h2>
| + | <!-- end of first block --> |
- | <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat adipiscinia pellentum leo…</p>
| + | |
- | <footer><a href="#">Read More Here »</a></footer>
| + | <!-- Block of content 1 --> |
- | </figcaption>
| + | <table width="100%" cellspacing="0" height="500px"> |
- | </figure>
| + | <tr><td bgColor="#FEE5AD"></td> |
- | </li>
| + | <td width="975px" align="center" bgColor="#FEE5AD" > |
- | </ul>
| + | <table width="975px" cellspacing="0" height="500px"> |
- | </div>
| + | <tr> |
- | <!-- Previous Next -->
| + | |
- | <a href="#" id="featured-item-prev" class="jcarousel-control-prev">« Previous</a> <a href="#" id="featured-item-next" class="jcarousel-control-next">Next »</a>
| + | <td width="95%" bgColor="#FEE5AD" rowspan="3" align="center"> |
- | <!-- / Previous Next -->
| + | |
- | </div>
| + | <!-- Content goes here --> |
- | <!-- ########################################################################################## -->
| + | <img src="https://static.igem.org/mediawiki/2014/0/0a/DwikitemplateB_dnastrand.png"> |
- | </div>
| + | <h3>Read about our projects!</h3> |
- | <!-- ################################################################################################ -->
| + | |
- | <!-- ################################################################################################ --> | + | One E.coli Has One Function |
- | <!-- ################################################################################################ --> | + | |
- | <div class="wrapper row2">
| + | What is our project at 2014? |
- | <main id="container" class="clear">
| + | |
- | <!-- container body -->
| + | Cadmium is one of harmful materials for us. 50 years ago, itai-iati disease was going around in center of Japan Gihu. The cause was industrial wastewater. Cadmium contained the water. Our project is to find a way to clean contaminated with Cadmium. we think how to clean the water. We use E.coli. |
- | <!-- ########################################################################################## -->
| + | Concretely, we use two kinds of E.coli. One catches Cadmium. the Other makes to all E.coli to use chemoattractant. Catches E.coli displays metallothionein (metallothionein is a protein that combines a heavy metal. Cadomium is one kind of heavy metal). Other is releasing Asp (Asp is one kind of chemoattractant. All E.coli is close to the Asp E.coli). |
- | <div id="homepage">
| + | To use these E.coli. Finally cadomiun is catched(wastewater is be clean). |
- | <!-- Services -->
| + | |
- | <div id="services">
| + | What experiment we did? |
- | <ul class="clear">
| + | |
- | <li>
| + | ・How to check E.coli's chemotaxis? |
- | <article> <a class="service s-1" href="#">
| + | We make use of other igem team’s assay. |
- | <h2>Service Title</h2>
| + | Using soft agar plate.we let E.coli siwm. |
- | <p>Vestassapede et donec ut est libe ros sus et eget sed eget quisq ueta habitur augue</p>
| + | |
- | </a> </article>
| + | ・We made a plasmid |
- | </li>
| + | Our project need to two kind of plasmid. |
- | <li>
| + | we made one plasmid.And we have to make one more plasmid. |
- | <article> <a class="service s-2" href="#">
| + | |
- | <h2>Service Title</h2>
| + | |
- | <p>Vestassapede et donec ut est libe ros sus et eget sed eget quisq ueta habitur augue</p>
| + | </td> |
- | </a> </article>
| + | |
- | </li>
| + | |
- | <li>
| + | <!-- This is the back to top button --> |
- | <article> <a class="service s-3" href="#">
| + | <td bgColor=#FEE5AD> </td> |
- | <h2>Service Title</h2>
| + | <tr><td bgColor=#FEE5AD></td></tr> |
- | <p>Vestassapede et donec ut est libe ros sus et eget sed eget quisq ueta habitur augue</p>
| + | <tr> <td height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
- | </a> </article>
| + | <a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr> |
- | </li>
| + | </table> |
- | <li>
| + | |
- | <article> <a class="service s-4" href="#">
| + | |
- | <h2>Service Title</h2>
| + | </td> |
- | <p>Vestassapede et donec ut est libe ros sus et eget sed eget quisq ueta habitur augue</p>
| + | <td bgColor="#FEE5AD"></td> |
- | </a> </article>
| + | </tr> |
- | </li>
| + | </table> |
- | </ul>
| + | <!-- end of Block--> |
- | </div>
| + | |
- | <!-- / Services -->
| + | |
- | <!-- Latest Work -->
| + | |
- | <div id="showcase">
| + | <!-- Block of content 2 --> |
- | <h2><span>Latest Work</span></h2>
| + | <table width="100%" cellspacing="0" height="500px"> |
- | <ul class="clear">
| + | <tr> |
- | <li>
| + | <td bgColor="#FACA66"></td> |
- | <figure><a href="#"><img src="images/gallery/thumbs/290x190.gif" alt=""> <strong>Lorem ipsum dolor</strong></a></figure>
| + | <td width="975px" align="center" bgColor="#FACA66" > |
- | </li>
| + | |
- | <li>
| + | <table width="975px" cellspacing="0" height="500px"> |
- | <figure><a href="#"><img src="images/gallery/thumbs/290x190.gif" alt=""> <strong>Lorem ipsum dolor</strong></a></figure>
| + | <tr> |
- | </li>
| + | <td width="95%" bgColor="#FACA66" rowspan="3" align="center"> |
- | <li>
| + | |
- | <figure><a href="#"><img src="images/gallery/thumbs/290x190.gif" alt=""> <strong>Lorem ipsum dolor</strong></a></figure>
| + | <!-- Content goes here --> |
- | </li>
| + | |
- | <li>
| + | <h3></h3> |
- | <figure><a href="#"><img src="images/gallery/thumbs/290x190.gif" alt=""> <strong>Lorem ipsum dolor</strong></a></figure>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <figure><a href="#"><img src="images/gallery/thumbs/290x190.gif" alt=""> <strong>Lorem ipsum dolor</strong></a></figure>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <figure><a href="#"><img src="images/gallery/thumbs/290x190.gif" alt=""> <strong>Lorem ipsum dolor</strong></a></figure>
| + | </td> |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | <!-- This is the back to top section --> |
- | <!-- / Latest Work -->
| + | <td bgColor=#FACA66> </td> |
- | </div>
| + | <tr><td bgColor=#FACA66></td></tr> |
- | <!-- ########################################################################################## -->
| + | <tr> <td height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
- | <!-- / container body -->
| + | <a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr> |
- | <div class="clear"></div>
| + | </table> |
- | </main>
| + | |
- | </div> | + | </td> |
- | <!-- ################################################################################################ --> | + | <td bgColor="#FACA66"></td> |
- | <!-- ################################################################################################ -->
| + | </tr> |
- | <!-- ################################################################################################ --> | + | </table> |
- | <div class="wrapper row3"> | + | <!-- end of Block--> |
- | <footer id="footer" class="clear">
| + | |
- | <!-- ################################################################################################ -->
| + | |
- | <div class="one_quarter first">
| + | |
- | <h2 class="title">From The Blog</h2>
| + | <!-- Block of content 3 --> |
- | <article>
| + | <table width="100%" cellspacing="0" height="500px"> |
- | <div class="header">
| + | <tr> |
- | <h2><a href="#">Blog Post Title</a></h2>
| + | <td bgColor="#F7A541"></td> |
- | <time datetime="2000-04-06">Friday, 6<sup>th</sup> April 2000</time>
| + | <td width="975px" align="center" bgColor="#F7A541" > |
- | </div>
| + | |
- | <p>Vestibulumaccumsan egestibulum eu justo convallis augue estas aenean elit intesque sed. Facilispede estibulum nulla orna nisl velit elit ac aliquat non tincidunt.</p>
| + | <table width="975px" cellspacing="0" height="500px"> |
- | <p>Justoid nonummy laoreet phasellent penatoque in antesque pellus elis eget tincidunt. Nequatdui laorem justo a non tellus laoremut vitae doloreet.</p>
| + | <tr> |
- | <p><a href="#">Read More »</a></p>
| + | <td width="95%" bgColor="#F7A541" rowspan="3" align="center"> |
- | </article>
| + | |
- | </div>
| + | <!-- Content goes here --> |
- | <div class="one_quarter">
| + | |
- | <h2 class="title">Quick Links</h2>
| + | |
- | <nav>
| + | |
- | <ul>
| + | |
- | <li class="first"><a href="#">Lorem ipsum dolor sit</a></li>
| + | |
- | <li><a href="#">Amet consectetur</a></li>
| + | <p> |
- | <li><a href="#">Praesent vel sem id</a></li>
| + | |
- | <li><a href="#">Curabitur hendrerit est</a></li>
| + | </p> |
- | <li><a href="#">Aliquam eget erat nec sapien</a></li>
| + | </td> |
- | <li><a href="#">Cras id augue nunc</a></li>
| + | |
- | <li><a href="#">In nec justo non</a></li>
| + | |
- | </ul>
| + | <!-- This is the back to top section --> |
- | </nav>
| + | <td bgColor=#F7A541> </td> |
- | </div>
| + | <tr><td bgColor=#F7A541></td></tr> |
- | <div class="one_quarter">
| + | <tr> <td height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
- | <h2 class="title">About Us</h2>
| + | <a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr> |
- | <figure class="imgholder"><img src="images/demo/215x90.gif" alt=""></figure>
| + | |
- | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non diam erat. In fringilla massa ut nisi ullamcorper pellentesque.</p>
| + | </table> |
- | <p>Tel: xxxxx xxxxxxxxxx<br>
| + | |
- | Fax: xxxxx xxxxxxxxxx<br>
| + | |
- | Email: <a href="#">contact@mydomain.com</a></p>
| + | </td> |
- | </div>
| + | <td bgColor="#F7A541"></td> |
- | <div class="one_quarter">
| + | </tr> |
- | <h2 class="title">Contact Us</h2>
| + | </table> |
- | <form method="post" action="#">
| + | <!-- end of Block--> |
- | <fieldset>
| + | |
- | <legend>Contact Form:</legend>
| + | |
- | <label for="cf_name">Name:</label>
| + | |
- | <input type="text" name="cf_name" id="cf_name" value="">
| + | <!-- This is the back to top section --> |
- | <label for="cf_email">Email:</label>
| + | <td bgColor=#F45D4C> </td> |
- | <input type="text" name="cf_email" id="cf_email" value="">
| + | <tr><td bgColor=#F45D4C ></td></tr> |
- | <label for="cf_subject">Subject:</label>
| + | <tr> <td height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
- | <input type="text" name="cf_subject" id="cf_subject" value="">
| + | <a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr> |
- | <label for="cf_message">Message:</label>
| + | |
- | <textarea name="cf_message" id="cf_message" cols="45" rows="10"></textarea>
| + | </table> |
- | <button type="submit" value="submit">Submit</button>
| + | </td> |
- | </fieldset>
| + | <td bgColor="#F45D4C"></td> |
- | </form>
| + | </tr> |
- | </div>
| + | </table> |
- | <!-- ################################################################################################ -->
| + | <!-- end of Block--> |
- | </footer>
| + | |
- | </div> | + | |
- | <!-- ################################################################################################ --> | + | |
- | <!-- ################################################################################################ --> | + | |
- | <!-- ################################################################################################ --> | + | |
- | <div class="wrapper row4"> | + | |
- | <div id="copyright" class="clear">
| + | |
- | <!-- ################################################################################################ -->
| + | |
- | <p class="fl_left">Copyright © 2014 - All Rights Reserved - <a href="#">Domain Name</a></p>
| + | |
- | <p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
| + | |
- | <!-- ################################################################################################ -->
| + | |
- | </div>
| + | |
- | </div> | + | |
- | <!-- JAVASCRIPTS --> | + | |
- | <!-- <script src="http://code.jquery.com/jquery-latest.min.js"></script> --> | + | |
- | <script src="layout/scripts/jquery-latest.min.js"></script> | + | |
- | <script src="layout/scripts/jquery.defaultvalue.js"></script> | + | |
- | <script> | + | |
- | $(document).ready(function () {
| + | |
- | $("#cf_name, #cf_email, #cf_subject, #cf_message").defaultvalue("Full Name", "Email Address", "Subject", "Message");
| + | |
- | });
| + | |
- | </script> | + | |
- | <!-- homepage scripts --> | + | |
- | <script src="layout/scripts/jquery.grayscale.js"></script> | + | |
- | <script src="layout/scripts/carousel/jquery.jcarousel.pack.js"></script> | + | |
- | <script src="layout/scripts/carousel/jquery.jcarousel.setup.js"></script> | + | |
- | <!-- / homepage scripts --> | + | |
- | </body>
| + | |
| </html> | | </html> |