|
|
Line 1: |
Line 1: |
| + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| + | <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en"> |
| + | <head> |
| + | <!-- |
| + | Created by Artisteer v3.0.0.33215 |
| + | Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional" |
| + | --> |
| + | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
| + | <title>Artisteer </title> |
| | | |
| + | <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> |
| + | <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]--> |
| + | <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]--> |
| | | |
- | | + | <script type="text/javascript" src="jquery.js"></script> |
- | | + | <script type="text/javascript" src="script.js"></script> |
- | {|align="justify"
| + | </head> |
- | |You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
| + | <body> |
- | |[[Image:METU-Ankara_logo.png|200px|right|frame]]
| + | <div id="art-page-background-glare"> |
- | |-
| + | <div id="art-page-background-glare-image"> |
- | |
| + | <div id="art-main"> |
- | ''Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)''
| + | <div class="art-sheet"> |
- | |[[Image:METU-Ankara_team.png|right|frame|Your team picture]]
| + | <div class="art-sheet-tl"></div> |
- | |-
| + | <div class="art-sheet-tr"></div> |
- | |
| + | <div class="art-sheet-bl"></div> |
- | |align="center"|[[Team:METU-Ankara | Team Example]]
| + | <div class="art-sheet-br"></div> |
- | |}
| + | <div class="art-sheet-tc"></div> |
- | | + | <div class="art-sheet-bc"></div> |
- | <!--- The Mission, Experiments ---> | + | <div class="art-sheet-cl"></div> |
- | | + | <div class="art-sheet-cr"></div> |
- | {| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
| + | <div class="art-sheet-cc"></div> |
- | !align="center"|[[Team:METU-Ankara|Home]] | + | <div class="art-sheet-body"> |
- | !align="center"|[[Team:METU-Ankara/Team|Team]] | + | <div class="art-header"> |
- | !align="center"|[https://igem.org/Team.cgi?year=2011&team_name=METU-Ankara Official Team Profile] | + | <div class="art-header-center"> |
- | !align="center"|[[Team:METU-Ankara/Project|Project]]
| + | <div class="art-header-png"></div> |
- | !align="center"|[[Team:METU-Ankara/Parts|Parts Submitted to the Registry]]
| + | <div class="art-header-jpeg"></div> |
- | !align="center"|[[Team:METU-Ankara/Modeling|Modeling]]
| + | </div> |
- | !align="center"|[[Team:METU-Ankara/Notebook|Notebook]]
| + | <div class="art-logo"> |
- | !align="center"|[[Team:METU-Ankara/Safety|Safety]]
| + | <h1 id="name-text" class="art-logo-name"><a href="#">Enter Site Title</a></h1> |
- | !align="center"|[[Team:METU-Ankara/Attributions|Attributions]]
| + | <h2 id="slogan-text" class="art-logo-text">Enter Site Slogan</h2> |
- | |}
| + | </div> |
| + | </div> |
| + | <div class="art-nav"> |
| + | <div class="l"></div> |
| + | <div class="r"></div> |
| + | <ul class="art-menu"> |
| + | <li> |
| + | <a href="#" class="active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a> |
| + | </li> |
| + | <li> |
| + | <a href="#"><span class="l"></span><span class="r"></span><span class="t">Menu Item</span></a> |
| + | <ul> |
| + | <li><a href="#">Menu Subitem 1</a> |
| + | <ul> |
| + | <li><a href="#">Menu Subitem 1.1</a></li> |
| + | <li><a href="#">Menu Subitem 1.2</a></li> |
| + | <li><a href="#">Menu Subitem 1.3</a></li> |
| + | </ul> |
| + | </li> |
| + | <li><a href="#">Menu Subitem 2</a></li> |
| + | <li><a href="#">Menu Subitem 3</a></li> |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <a href="#"><span class="l"></span><span class="r"></span><span class="t">About</span></a> |
| + | </li> |
| + | </ul> |
| + | </div> |
| + | <div class="art-content-layout"> |
| + | <div class="art-content-layout-row"> |
| + | <div class="art-layout-cell art-sidebar1"> |
| + | <div class="art-vmenublock"> |
| + | <div class="art-vmenublock-body"> |
| + | <div class="art-vmenublockheader"> |
| + | <h3 class="t">Navigation</h3> |
| + | </div> |
| + | <div class="art-vmenublockcontent"> |
| + | <div class="art-vmenublockcontent-body"> |
| + | <ul class="art-vmenu"> |
| + | <li> |
| + | <a href="page.html?i1"><span class="l"></span><span class="r"></span><span class="t">Home</span></a> |
| + | </li> |
| + | <li> |
| + | <a href="page.html?i2"><span class="l"></span><span class="r"></span><span class="t">News</span></a> |
| + | <ul> |
| + | <li><a href="page.html?">Top 10</a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="active"> |
| + | <a class="active" href="page.html?i3"><span class="l"></span><span class="r"></span><span class="t">Menu Item</span></a> |
| + | <ul class="active"> |
| + | <li><a href="page.html?i3s1">Subitem 1</a></li> |
| + | <li><a href="page.html" class="active">Subitem 2</a></li> |
| + | <li><a href="page.html?i3s3">Subitem 3</a></li> |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <a href="page.html?i4"><span class="l"></span><span class="r"></span><span class="t">Video</span></a> |
| + | </li> |
| + | <li> |
| + | <a href="page.html?i5"><span class="l"></span><span class="r"></span><span class="t">Archive</span></a> |
| + | <ul> |
| + | <li><a href="page.html?i5s1">2008</a> |
| + | <ul> |
| + | <li><a href="page.html?i5s1s1">January</a></li> |
| + | <li><a href="page.html?i5s1s2">February</a></li> |
| + | <li><a href="page.html?i5s1s3">March</a></li> |
| + | </ul> |
| + | </li> |
| + | <li><a href="page.html?i5s2">2007</a> |
| + | <ul> |
| + | <li><a href="page.html?i5s2s1">January</a></li> |
| + | <li><a href="page.html?i5s2s2">February</a></li> |
| + | <li><a href="page.html?i5s2s3">March</a></li> |
| + | </ul> |
| + | </li> |
| + | <li><a href="page.html?i5s3">2006</a> |
| + | <ul> |
| + | <li><a href="page.html?i5s3s1">January</a></li> |
| + | <li><a href="page.html?i5s3s2">February</a></li> |
| + | <li><a href="page.html?i5s3s3">March</a></li> |
| + | </ul> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <a href="page.html?i6"><span class="l"></span><span class="r"></span><span class="t">Forum</span></a> |
| + | </li> |
| + | <li> |
| + | <a href="page.html?i7"><span class="l"></span><span class="r"></span><span class="t">About</span></a> |
| + | </li> |
| + | <li> |
| + | <a href="page.html?i8"><span class="l"></span><span class="r"></span><span class="t">Contact</span></a> |
| + | </li> |
| + | </ul> |
| + | |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | <div class="art-block"> |
| + | <div class="art-block-body"> |
| + | <div class="art-blockheader"> |
| + | <h3 class="t">Newsletter</h3> |
| + | </div> |
| + | <div class="art-blockcontent"> |
| + | <div class="art-blockcontent-body"> |
| + | <div><form method="get" id="newsletterform" action="javascript:void(0)"> |
| + | <input type="text" value="" name="email" id="s" style="width: 95%;" /> |
| + | <span class="art-button-wrapper"> |
| + | <span class="art-button-l"> </span> |
| + | <span class="art-button-r"> </span> |
| + | <input class="art-button" type="submit" name="search" value="Subscribe" /> |
| + | </span> |
| + | |
| + | </form></div> |
| + | |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | <div class="art-block"> |
| + | <div class="art-block-body"> |
| + | <div class="art-blockheader"> |
| + | <h3 class="t">Highlights</h3> |
| + | </div> |
| + | <div class="art-blockcontent"> |
| + | <div class="art-blockcontent-body"> |
| + | <div> |
| + | <ul> |
| + | <li><a href="#">Home</a></li> |
| + | <li><a href="#">Overview</a></li> |
| + | <li><a href="#">Demo</a></li> |
| + | <li><a href="#">Download</a></li> |
| + | <li><a href="#">FAQ</a></li> |
| + | <li><a href="#">Hyperlink</a></li> |
| + | <li><a href="#" class="visited">Visited link</a></li> |
| + | <li><a href="#" class="hover">Hovered link</a></li> |
| + | </ul> |
| + | |
| + | <p><b>Jun 14, 2008</b><br /> |
| + | Aliquam sit amet felis. Mauris semper, |
| + | velit semper laoreet dictum, quam |
| + | diam dictum urna, nec placerat elit |
| + | nisl in quam. Etiam augue pede, |
| + | molestie eget, rhoncus at, convallis |
| + | ut, eros. Aliquam pharetra.<br /> |
| + | <a href="javascript:void(0)">Read more...</a></p> |
| + | |
| + | <p><b>Aug 24, 2008</b><br /> |
| + | Aliquam sit amet felis. Mauris semper, |
| + | velit semper laoreet dictum, quam |
| + | diam dictum urna, nec placerat elit |
| + | nisl in quam. Etiam augue pede, |
| + | molestie eget, rhoncus at, convallis |
| + | ut, eros. Aliquam pharetra.<br /> |
| + | <a href="javascript:void(0)">Read more...</a></p> |
| + | </div> |
| + | |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | <div class="art-block"> |
| + | <div class="art-block-body"> |
| + | <div class="art-blockheader"> |
| + | <h3 class="t">Contact Info</h3> |
| + | </div> |
| + | <div class="art-blockcontent"> |
| + | <div class="art-blockcontent-body"> |
| + | <div> |
| + | <img src="images/contact.jpg" alt="an image" style="margin: 0 auto;display:block;width:95%" /> |
| + | <br /> |
| + | <b>Company Co.</b><br /> |
| + | Las Vegas, NV 12345<br /> |
| + | Email: <a href="mailto:info@company.com">info@company.com</a><br /> |
| + | <br /> |
| + | Phone: (123) 456-7890 <br /> |
| + | Fax: (123) 456-7890 |
| + | </div> |
| + | |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | <div class="cleared"></div> |
| + | </div> |
| + | <div class="art-layout-cell art-content"> |
| + | <div class="art-post"> |
| + | <div class="art-post-body"> |
| + | <div class="art-post-inner art-article"> |
| + | <h2 class="art-postheader">Welcome</h2> |
| + | <div class="art-postcontent"> |
| + | |
| + | <img src="images\preview.jpg" alt="an image" style="float:left;" /> |
| + | <p>Lorem ipsum dolor sit amet, |
| + | <a href="#" title="link">link</a>, <a class="visited" href="#" title="visited link">visited link</a>, |
| + | <a class="hover" href="#" title="hovered link">hovered link</a> consectetuer |
| + | adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, |
| + | velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl |
| + | in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros.</p> |
| + | <p> |
| + | <span class="art-button-wrapper"> |
| + | <span class="art-button-l"> </span> |
| + | <span class="art-button-r"> </span> |
| + | <a class="art-button" href="javascript:void(0)">Read more...</a> |
| + | </span> |
| + | </p> |
| + | <div class="cleared"></div> |
| + | <div class="art-content-layout overview-table"> |
| + | <div class="art-content-layout-row"> |
| + | <div class="art-layout-cell"> |
| + | <div class="overview-table-inner"> |
| + | <h4>Support</h4> |
| + | <img src="images/01.png" width="55" height="55" alt="an image" class="image" /> |
| + | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. |
| + | Quisque sed felis. Aliquam sit amet felis. Mauris semper, |
| + | velit semper laoreet dictum, quam diam dictum urna. </p> |
| + | </div> |
| + | </div><!-- end cell --> |
| + | <div class="art-layout-cell"> |
| + | <div class="overview-table-inner"> |
| + | <h4>Development</h4> |
| + | <img src="images/02.png" width="55" height="55" alt="an image" class="image" /> |
| + | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. |
| + | Quisque sed felis. Aliquam sit amet felis. Mauris semper, |
| + | velit semper laoreet dictum, quam diam dictum urna. </p> |
| + | </div> |
| + | </div><!-- end cell --> |
| + | <div class="art-layout-cell"> |
| + | <div class="overview-table-inner"> |
| + | <h4>Strategy</h4> |
| + | |
| + | <img src="images/03.png" width="55" height="55" alt="an image" class="image" /> |
| + | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. |
| + | Quisque sed felis. Aliquam sit amet felis. Mauris semper, |
| + | velit semper laoreet dictum, quam diam dictum urna. </p> |
| + | </div> |
| + | </div><!-- end cell --> |
| + | </div><!-- end row --> |
| + | </div><!-- end table --> |
| + | |
| + | </div> |
| + | <div class="cleared"></div> |
| + | </div> |
| + | |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | <div class="art-post"> |
| + | <div class="art-post-body"> |
| + | <div class="art-post-inner art-article"> |
| + | <h2 class="art-postheader">Text, <a href="#" rel="bookmark" title="Permanent Link to this Post">Link</a>, <a class="visited" href="#" rel="bookmark" title="Visited Hyperlink">Visited</a>, <a class="hovered" href="#" rel="bookmark" title="Hovered Hyperlink">Hovered</a></h2> |
| + | <div class="art-postcontent"> |
| + | <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit, <a href="#" title="test link">test link</a>. |
| + | Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. |
| + | Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. |
| + | Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. |
| + | Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. |
| + | Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. |
| + | Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p> |
| + | |
| + | <h1>Heading 1</h1> |
| + | <h2>Heading 2</h2> |
| + | <h3>Heading 3</h3> |
| + | <h4>Heading 4</h4> |
| + | <h5>Heading 5</h5> |
| + | <h6>Heading 6</h6> |
| + | |
| + | <blockquote> |
| + | <p> |
| + | “This stylesheet is going to help so freaking much.” |
| + | <br /> |
| + | -Blockquote |
| + | </p> |
| + | </blockquote> |
| + | <br /> |
| + | <table class="art-article" border="0" cellspacing="0" cellpadding="0"> |
| + | <tbody> |
| + | <tr> |
| + | <th>Header</th> |
| + | <th>Header</th> |
| + | <th>Header</th> |
| + | </tr> |
| + | <tr> |
| + | <td>Data</td> |
| + | <td>Data</td> |
| + | <td>Data</td> |
| + | </tr> |
| + | <tr class="even"> |
| + | <td>Data</td> |
| + | <td>Data</td> |
| + | <td>Data</td> |
| + | </tr> |
| + | <tr> |
| + | <td>Data</td> |
| + | <td>Data</td> |
| + | <td>Data</td> |
| + | </tr> |
| + | </tbody></table> |
| + | |
| + | <p> |
| + | <span class="art-button-wrapper"> |
| + | <span class="art-button-l"> </span> |
| + | <span class="art-button-r"> </span> |
| + | <a class="art-button" href="javascript:void(0)">Join Now!</a> |
| + | </span> |
| + | </p> |
| + | |
| + | </div> |
| + | <div class="cleared"></div> |
| + | </div> |
| + | |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="cleared"></div> |
| + | <div class="art-footer"> |
| + | <div class="art-footer-t"></div> |
| + | <div class="art-footer-l"></div> |
| + | <div class="art-footer-b"></div> |
| + | <div class="art-footer-r"></div> |
| + | <div class="art-footer-body"> |
| + | <a href="#" class="art-rss-tag-icon" title="RSS"></a> |
| + | <div class="art-footer-text"> |
| + | <p><a href="#">Link1</a> | <a href="#">Link2</a> | <a href="#">Link3</a></p><p>Copyright © 2011. All Rights Reserved.</p> |
| + | </div> |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | <div class="cleared"></div> |
| + | </div> |
| + | </div> |
| + | <div class="cleared"></div> |
| + | <p class="art-page-footer"><a href="http://www.artisteer.com/">Web Template</a> created with Artisteer.</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | </body> |
| + | </html> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">