|
|
| (7 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | + | {{CSS/Main}} |
| | <html> | | <html> |
| - | <head>
| + | <style> |
| - | <title>Right Sidebar - Helios by HTML5 UP</title>
| + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ |
| - | <meta http-equiv="content-type" content="text/html; charset=utf-8" />
| + | </style> |
| - | <meta name="description" content="" />
| + | |
| - | <meta name="keywords" content="" />
| + | |
| - | <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
| + | |
| - | <script src="js/jquery.min.js"></script>
| + | |
| - | <script src="js/jquery.dropotron.min.js"></script>
| + | |
| - | <script src="js/jquery.scrolly.min.js"></script>
| + | |
| - | <script src="js/jquery.onvisible.min.js"></script>
| + | |
| - | <script src="js/skel.min.js"></script>
| + | |
| - | <script src="js/skel-layers.min.js"></script>
| + | |
| - | <script src="js/init.js"></script>
| + | |
| - | <noscript>
| + | |
| - | <link rel="stylesheet" href="css/skel.css" />
| + | |
| - | <link rel="stylesheet" href="css/style.css" />
| + | |
| - | <link rel="stylesheet" href="css/style-desktop.css" />
| + | |
| - | <link rel="stylesheet" href="css/style-noscript.css" />
| + | |
| - | </noscript>
| + | |
| - | <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
| + | |
| - | </head>
| + | |
| - | <body class="right-sidebar">
| + | |
| | | | |
| - | <!-- Header -->
| + | <!-- here ends the section that changes the default wiki template to a white full width background --> |
| - | <div id="header">
| + | |
| | | | |
| - | <!-- Inner -->
| |
| - | <div class="inner">
| |
| - | <header>
| |
| - | <h1><a href="index.html" id="logo">Helios</a></h1>
| |
| - | </header>
| |
| - | </div>
| |
| - |
| |
| - | <!-- Nav -->
| |
| - | <nav id="nav">
| |
| - | <ul>
| |
| - | <li><a href="index.html">Home</a></li>
| |
| - | <li>
| |
| - | <a href="">Dropdown</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Lorem ipsum dolor</a></li>
| |
| - | <li><a href="#">Magna phasellus</a></li>
| |
| - | <li><a href="#">Etiam dolore nisl</a></li>
| |
| - | <li>
| |
| - | <a href="">And a submenu …</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Lorem ipsum dolor</a></li>
| |
| - | <li><a href="#">Phasellus consequat</a></li>
| |
| - | <li><a href="#">Magna phasellus</a></li>
| |
| - | <li><a href="#">Etiam dolore nisl</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="#">Veroeros feugiat</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="left-sidebar.html">Left Sidebar</a></li>
| |
| - | <li><a href="right-sidebar.html">Right Sidebar</a></li>
| |
| - | <li><a href="no-sidebar.html">No Sidebar</a></li>
| |
| - | </ul>
| |
| - | </nav>
| |
| | | | |
| - | </div>
| + | <!-- beginning of your page --> |
| - |
| + | |
| - | <!-- Main -->
| + | |
| - | <div class="wrapper style1">
| + | |
| | | | |
| - | <div class="container">
| + | <!-- menu --> |
| - | <div class="row double">
| + | <table id="menu" width="100%" cellspacing="0" height="135px"> |
| - | <div class="8u" id="content">
| + | <tr> |
| - | <article id="main">
| + | <td bgColor="#FFFFFF"></td> |
| - | <header>
| + | <td valign="bottom" width="975px" align="center" bgColor="#FFFFFF"> |
| - | <h2><a href="#">Right Sidebar</a></h2>
| + | |
| - | <p>
| + | |
| - | Morbi convallis lectus malesuada sed fermentum dolore amet
| + | |
| - | </p>
| + | |
| - | </header>
| + | |
| - | <a href="#" class="image featured"><img src="images/pic06.jpg" alt="" /></a>
| + | |
| - | <p>
| + | |
| - | Commodo id natoque malesuada sollicitudin elit suscipit. Curae suspendisse mauris posuere accumsan massa
| + | |
| - | posuere lacus convallis tellus interdum. Amet nullam fringilla nibh nulla convallis ut venenatis purus
| + | |
| - | lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum
| + | |
| - | consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue
| + | |
| - | interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia
| + | |
| - | natoque aenean scelerisque vel lacinia mollis quam sodales congue.
| + | |
| - | </p>
| + | |
| - | <section>
| + | |
| - | <header>
| + | |
| - | <h3>Ultrices tempor sagittis nisl</h3>
| + | |
| - | </header>
| + | |
| - | <p>
| + | |
| - | Nascetur volutpat nibh ullamcorper vivamus at purus. Cursus ultrices porttitor sollicitudin imperdiet
| + | |
| - | at pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis
| + | |
| - | feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit
| + | |
| - | fringilla consequat dis arcu. Pellentesque mus tempor vitae pretium sodales porttitor lacus. Phasellus
| + | |
| - | egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | Eleifend auctor turpis magnis sed porta nisl pretium. Aenean suspendisse nulla eget sed etiam parturient
| + | |
| - | orci cursus nibh. Quisque eu nec neque felis laoreet diam morbi egestas. Dignissim cras rutrum consectetur
| + | |
| - | ut penatibus fermentum nibh erat malesuada varius.
| + | |
| - | </p>
| + | |
| - | </section>
| + | |
| - | <section>
| + | |
| - | <header>
| + | |
| - | <h3>Augue euismod feugiat tempus</h3>
| + | |
| - | </header>
| + | |
| - | <p>
| + | |
| - | Pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis
| + | |
| - | feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit
| + | |
| - | ut nunc urna volutpat donec cubilia commodo risus morbi. Lobortis vestibulum velit malesuada ante
| + | |
| - | egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.
| + | |
| - | </p>
| + | |
| - | </section>
| + | |
| - | </article>
| + | |
| - | </div>
| + | |
| - | <div class="4u" id="sidebar">
| + | |
| - | <hr class="first" />
| + | |
| - | <section>
| + | |
| - | <header>
| + | |
| - | <h3><a href="#">Accumsan sed penatibus</a></h3>
| + | |
| - | </header>
| + | |
| - | <p>
| + | |
| - | Dolor sed fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
| + | |
| - | porttitor phasellus tempus cubilia ultrices tempor sagittis tellus ante diam nec penatibus dolor cras
| + | |
| - | magna tempus feugiat veroeros.
| + | |
| - | </p>
| + | |
| - | <footer>
| + | |
| - | <a href="#" class="button">Learn More</a>
| + | |
| - | </footer>
| + | |
| - | </section>
| + | |
| - | <hr />
| + | |
| - | <section>
| + | |
| - | <header>
| + | |
| - | <h3><a href="#">Sed lorem etiam consequat</a></h3>
| + | |
| - | </header>
| + | |
| - | <p>
| + | |
| - | Tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
| + | |
| - | </p>
| + | |
| - | <div class="row half no-collapse">
| + | |
| - | <div class="4u">
| + | |
| - | <a href="#" class="image fit"><img src="images/pic10.jpg" alt="" /></a>
| + | |
| - | </div>
| + | |
| - | <div class="8u">
| + | |
| - | <h4>Nibh sed cubilia</h4>
| + | |
| - | <p>
| + | |
| - | Amet nullam fringilla nibh nulla convallis tique ante proin.
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div class="row half no-collapse">
| + | |
| - | <div class="4u">
| + | |
| - | <a href="#" class="image fit"><img src="images/pic11.jpg" alt="" /></a>
| + | |
| - | </div>
| + | |
| - | <div class="8u">
| + | |
| - | <h4>Proin sed adipiscing</h4>
| + | |
| - | <p>
| + | |
| - | Amet nullam fringilla nibh nulla convallis tique ante proin.
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div class="row half no-collapse">
| + | |
| - | <div class="4u">
| + | |
| - | <a href="#" class="image fit"><img src="images/pic12.jpg" alt="" /></a>
| + | |
| - | </div>
| + | |
| - | <div class="8u">
| + | |
| - | <h4>Lorem feugiat magna</h4>
| + | |
| - | <p>
| + | |
| - | Amet nullam fringilla nibh nulla convallis tique ante proin.
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div class="row half no-collapse">
| + | |
| - | <div class="4u">
| + | |
| - | <a href="#" class="image fit"><img src="images/pic13.jpg" alt="" /></a>
| + | |
| - | </div>
| + | |
| - | <div class="8u">
| + | |
| - | <h4>Sed tempus fringilla</h4>
| + | |
| - | <p>
| + | |
| - | Amet nullam fringilla nibh nulla convallis tique ante proin.
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div class="row half no-collapse">
| + | |
| - | <div class="4u">
| + | |
| - | <a href="#" class="image fit"><img src="images/pic14.jpg" alt="" /></a>
| + | |
| - | </div>
| + | |
| - | <div class="8u">
| + | |
| - | <h4>Malesuada fermentum</h4>
| + | |
| - | <p>
| + | |
| - | Amet nullam fringilla nibh nulla convallis tique ante proin.
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <footer>
| + | |
| - | <a href="#" class="button">Magna Adipiscing</a>
| + | |
| - | </footer>
| + | |
| - | </section>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <hr />
| + | |
| - | <div class="row">
| + | |
| - | <article class="4u special">
| + | |
| - | <a href="#" class="image featured"><img src="images/pic07.jpg" alt="" /></a>
| + | |
| - | <header>
| + | |
| - | <h3><a href="#">Gravida aliquam penatibus</a></h3>
| + | |
| - | </header>
| + | |
| - | <p>
| + | |
| - | Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
| + | |
| - | porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
| + | |
| - | </p>
| + | |
| - | </article>
| + | |
| - | <article class="4u special">
| + | |
| - | <a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
| + | |
| - | <header>
| + | |
| - | <h3><a href="#">Sed quis rhoncus placerat</a></h3>
| + | |
| - | </header>
| + | |
| - | <p>
| + | |
| - | Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
| + | |
| - | porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
| + | |
| - | </p>
| + | |
| - | </article>
| + | |
| - | <article class="4u special">
| + | |
| - | <a href="#" class="image featured"><img src="images/pic09.jpg" alt="" /></a>
| + | |
| - | <header>
| + | |
| - | <h3><a href="#">Magna laoreet et aliquam</a></h3>
| + | |
| - | </header>
| + | |
| - | <p>
| + | |
| - | Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
| + | |
| - | porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
| + | |
| - | </p>
| + | |
| - | </article>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | | | |
| - | </div>
| + | <table align="center"> |
| | + | <tr height="50px"> |
| | + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#8D77D4'" bgColor=#8D77D4 > |
| | + | <a href="https://2014.igem.org/Team:UANL_Mty-Mexico"style="text-decoration:none;color:#1C140D">HOME </a> </td> |
| | | | |
| - | <!-- Footer -->
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#8D77D4'" bgColor=#8D77D4> |
| - | <div id="footer">
| + | <a href="https://2014.igem.org/Team:UANL_Mty-Mexico/Project" style="text-decoration:none;color:#1C140D">PROJECT</a> </td> |
| - | <div class="container">
| + | |
| - | <div class="row">
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#8D77D4'" bgColor=#8D77D4> |
| - |
| + | <a href="https://2014.igem.org/Team:UANL_Mty-Mexico/WETLAB" style="text-decoration:none;color:#1C140D">WETLAB</a></td> |
| - | <!-- Tweets -->
| + | |
| - | <section class="4u">
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#8D77D4'" bgColor=#8D77D4> |
| - | <header>
| + | <a href="https://2014.igem.org/Team:UANL_Mty-Mexico/achievement" style="text-decoration:none;color:#1C140D">ACHIEVEMENT</a> </td> |
| - | <h2 class="icon fa-twitter circled"><span class="label">Tweets</span></h2>
| + | |
| - | </header>
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#8D77D4'" bgColor=#8D77D4> |
| - | <ul class="divided">
| + | <a href="https://2014.igem.org/Team:UANL_Mty-Mexico/HUMAN_PRACTICE" style="text-decoration:none;color:#1C140D">HUMAN PRACTICE</a> </td> |
| - | <li>
| + | |
| - | <article class="tweet">
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#8D77D4'" bgColor=#8D77D4> |
| - | Amet nullam fringilla nibh nulla convallis tique ante sociis accumsan.
| + | <a href="https://2014.igem.org/Team:UANL_Mty-Mexico/Team" style="text-decoration:none;color:#1C140D">TEAM </a></td> |
| - | <span class="timestamp">5 minutes ago</span>
| + | </tr> |
| - | </article>
| + | |
| - | </li>
| + | <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> |
| - | <li>
| + | </table> |
| - | <article class="tweet">
| + | |
| - | Hendrerit rutrum quisque.
| + | </td> |
| - | <span class="timestamp">30 minutes ago</span>
| + | <td bgColor="#FFFFFF"></td> |
| - | </article>
| + | </tr> |
| - | </li>
| + | </table> |
| - | <li>
| + | <!-- end of menu --> |
| - | <article class="tweet">
| + | |
| - | Curabitur donec nulla massa laoreet nibh. Lorem praesent montes.
| + | |
| - | <span class="timestamp">3 hours ago</span>
| + | <!-- First block of content --> |
| - | </article>
| + | <table id="firstblock" width="100%" cellspacing="0" height="500px"> |
| - | </li>
| + | <tr> |
| - | <li>
| + | <td bgColor="#FFFFFF"></td> |
| - | <article class="tweet">
| + | <td width="975px" align="center" bgColor="#FFFFFF" > |
| - | Lacus natoque cras rhoncus curae dignissim ultricies. Convallis orci aliquet.
| + | <img src="https://2014.igem.org/File:MONTERREYPORTADALAGO.png"> |
| - | <span class="timestamp">5 hours ago</span>
| + | <!-- You can replace this image with your team's logo! --> |
| - | </article>
| + | |
| - | </li>
| + | <h3>Welcome! <br>Team:UANL Mty-Mexico</h3> |
| - | </ul>
| + | |
| - | </section>
| + | |
| | + | </td> |
| | + | <td bgColor="#FFFFFF"></td> |
| | + | </tr> |
| | + | </table> |
| | + | <!-- end of first block --> |
| | + | |
| | + | <!-- Block of content 1 --> |
| | + | <table width="100%" cellspacing="0" height="500px"> |
| | + | <tr><td bgColor="#FEE5AD"></td> |
| | + | <td width="975px" align="center" bgColor="#FEE5AD" > |
| | + | <table width="975px" cellspacing="0" height="500px"> |
| | + | <tr> |
| | + | |
| | + | <td width="95%" bgColor="#FEE5AD" rowspan="3" align="center"> |
| | + | |
| | + | <!-- Content goes here --> |
| | + | <img src="https://static.igem.org/mediawiki/2014/0/0a/DwikitemplateB_dnastrand.png"> |
| | + | <h3>Read about our projects!</h3> |
| | + | |
| | + | One E.coli Has One Function |
| | + | |
| | + | What is our project at 2014? |
| | + | |
| | + | Cadmium is one of harmful materialｓ 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). |
| | + | To use these E.coli. Finally cadomiun is catched(wastewater is be clean). |
| | + | |
| | + | What experiment we did? |
| | + | |
| | + | ・How to check E.coli's chemotaxis? |
| | + | We make use of other igem team’s assay. |
| | + | Using soft agar plate.we let E.coli siwm. |
| | + | |
| | + | ・We made a plasmid |
| | + | Our project need to two kind of plasmid. |
| | + | we made one plasmid.And we have to make one more plasmid. |
| | + | |
| | + | |
| | + | </td> |
| | + | |
| | + | |
| | + | <!-- This is the back to top button --> |
| | + | <td bgColor=#FEE5AD> </td> |
| | + | <tr><td bgColor=#FEE5AD></td></tr> |
| | + | <tr> <td height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
| | + | <a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr> |
| | + | </table> |
| | + | |
| | + | |
| | + | </td> |
| | + | <td bgColor="#FEE5AD"></td> |
| | + | </tr> |
| | + | </table> |
| | + | <!-- end of Block--> |
| | + | |
| | + | |
| | + | |
| | + | <!-- Block of content 2 --> |
| | + | <table width="100%" cellspacing="0" height="500px"> |
| | + | <tr> |
| | + | <td bgColor="#FACA66"></td> |
| | + | <td width="975px" align="center" bgColor="#FACA66" > |
| | + | |
| | + | <table width="975px" cellspacing="0" height="500px"> |
| | + | <tr> |
| | + | <td width="95%" bgColor="#FACA66" rowspan="3" align="center"> |
| | + | |
| | + | <!-- Content goes here --> |
| | + | |
| | + | <h3></h3> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </td> |
| | + | |
| | + | |
| | + | <!-- This is the back to top section --> |
| | + | <td bgColor=#FACA66> </td> |
| | + | <tr><td bgColor=#FACA66></td></tr> |
| | + | <tr> <td height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
| | + | <a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr> |
| | + | </table> |
| | + | |
| | + | </td> |
| | + | <td bgColor="#FACA66"></td> |
| | + | </tr> |
| | + | </table> |
| | + | <!-- end of Block--> |
| | + | |
| | + | |
| | + | |
| | + | <!-- Block of content 3 --> |
| | + | <table width="100%" cellspacing="0" height="500px"> |
| | + | <tr> |
| | + | <td bgColor="#F7A541"></td> |
| | + | <td width="975px" align="center" bgColor="#F7A541" > |
| | + | |
| | + | <table width="975px" cellspacing="0" height="500px"> |
| | + | <tr> |
| | + | <td width="95%" bgColor="#F7A541" rowspan="3" align="center"> |
| | + | |
| | + | <!-- Content goes here --> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <p> |
| | + | |
| | + | </p> |
| | + | </td> |
| | + | |
| | + | |
| | + | <!-- This is the back to top section --> |
| | + | <td bgColor=#F7A541> </td> |
| | + | <tr><td bgColor=#F7A541></td></tr> |
| | + | <tr> <td height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
| | + | <a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr> |
| | + | |
| | + | </table> |
| | + | |
| | + | |
| | + | </td> |
| | + | <td bgColor="#F7A541"></td> |
| | + | </tr> |
| | + | </table> |
| | + | <!-- end of Block--> |
| | + | |
| | + | |
| | + | |
| | + | <!-- This is the back to top section --> |
| | + | <td bgColor=#F45D4C> </td> |
| | + | <tr><td bgColor=#F45D4C ></td></tr> |
| | + | <tr> <td height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
| | + | <a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr> |
| | + | |
| | + | </table> |
| | + | </td> |
| | + | <td bgColor="#F45D4C"></td> |
| | + | </tr> |
| | + | </table> |
| | + | <!-- end of Block--> |
| | | | |
| - | <!-- Posts -->
| |
| - | <section class="4u">
| |
| - | <header>
| |
| - | <h2 class="icon fa-file circled"><span class="label">Posts</span></h2>
| |
| - | </header>
| |
| - | <ul class="divided">
| |
| - | <li>
| |
| - | <article class="post stub">
| |
| - | <header>
| |
| - | <h3><a href="#">Nisl fermentum integer</a></h3>
| |
| - | </header>
| |
| - | <span class="timestamp">3 hours ago</span>
| |
| - | </article>
| |
| - | </li>
| |
| - | <li>
| |
| - | <article class="post stub">
| |
| - | <header>
| |
| - | <h3><a href="#">Phasellus portitor lorem</a></h3>
| |
| - | </header>
| |
| - | <span class="timestamp">6 hours ago</span>
| |
| - | </article>
| |
| - | </li>
| |
| - | <li>
| |
| - | <article class="post stub">
| |
| - | <header>
| |
| - | <h3><a href="#">Magna tempus consequat</a></h3>
| |
| - | </header>
| |
| - | <span class="timestamp">Yesterday</span>
| |
| - | </article>
| |
| - | </li>
| |
| - | <li>
| |
| - | <article class="post stub">
| |
| - | <header>
| |
| - | <h3><a href="#">Feugiat lorem ipsum</a></h3>
| |
| - | </header>
| |
| - | <span class="timestamp">2 days ago</span>
| |
| - | </article>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </section>
| |
| | | | |
| - | <!-- Photos -->
| |
| - | <section class="4u">
| |
| - | <header>
| |
| - | <h2 class="icon fa-camera circled"><span class="label">Photos</span></h2>
| |
| - | </header>
| |
| - | <div class="row quarter no-collapse">
| |
| - | <div class="6u">
| |
| - | <a href="#" class="image fit"><img src="images/pic10.jpg" alt="" /></a>
| |
| - | </div>
| |
| - | <div class="6u">
| |
| - | <a href="#" class="image fit"><img src="images/pic11.jpg" alt="" /></a>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="row quarter no-collapse">
| |
| - | <div class="6u">
| |
| - | <a href="#" class="image fit"><img src="images/pic12.jpg" alt="" /></a>
| |
| - | </div>
| |
| - | <div class="6u">
| |
| - | <a href="#" class="image fit"><img src="images/pic13.jpg" alt="" /></a>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="row quarter no-collapse">
| |
| - | <div class="6u">
| |
| - | <a href="#" class="image fit"><img src="images/pic14.jpg" alt="" /></a>
| |
| - | </div>
| |
| - | <div class="6u">
| |
| - | <a href="#" class="image fit"><img src="images/pic15.jpg" alt="" /></a>
| |
| - | </div>
| |
| - | </div>
| |
| - | </section>
| |
| | | | |
| - | </div>
| |
| - | <hr />
| |
| - | <div class="row">
| |
| - | <div class="12u">
| |
| - |
| |
| - | <!-- Contact -->
| |
| - | <section class="contact">
| |
| - | <header>
| |
| - | <h3>Nisl turpis nascetur interdum?</h3>
| |
| - | </header>
| |
| - | <p>Urna nisl non quis interdum mus ornare ridiculus egestas ridiculus lobortis vivamus tempor aliquet.</p>
| |
| - | <ul class="icons">
| |
| - | <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
| |
| - | <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
| |
| - | <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
| |
| - | <li><a href="#" class="icon fa-pinterest"><span class="label">Pinterest</span></a></li>
| |
| - | <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
| |
| - | <li><a href="#" class="icon fa-linkedin"><span class="label">Linkedin</span></a></li>
| |
| - | </ul>
| |
| - | </section>
| |
| - |
| |
| - | <!-- Copyright -->
| |
| - | <div class="copyright">
| |
| - | <ul class="menu">
| |
| - | <li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| | | | |
| - | </body>
| |
| | </html> | | </html> |
"
