|
|
| Line 1: |
Line 1: |
| - | {{INSA-Lyon_style}} | + | <!-- {{INSA-Lyon_style}} --> |
| - | | + | |
| | {{INSA-Lyon/stylegroningen}} | | {{INSA-Lyon/stylegroningen}} |
| - | | + | {{INSA-Lyon/architecture}} |
| - | <!-- 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"> | | <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en"> |
| - |
| |
| - |
| |
| - | <head>
| |
| - |
| |
| - | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
| |
| - | <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
| |
| - | <title>Artisteer </title>
| |
| - |
| |
| - | <link rel="stylesheet" href="INSA-Lyon_style.css" type="text/css" media="screen" />
| |
| - | <!--[if IE 6]><link rel="stylesheet" href="INSA-Lyon_style.ie6.css" type="text/css" media="screen" /><![endif]-->
| |
| - | <!--[if IE 7]><link rel="stylesheet" href="INSA-Lyon_style.ie7.css" type="text/css" media="screen" /><![endif]-->
| |
| - |
| |
| - | <script type="text/javascript" src="INSA-Lyon_script.js"></script>
| |
| - |
| |
| - | </head>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - |
| |
| - | <div id="art-page-background-simple-gradient">
| |
| - | <div id="art-page-background-gradient"></div>
| |
| - | </div>
| |
| - | <div id="art-page-background-glare">
| |
| - | <div id="art-page-background-glare-image"></div>
| |
| - | </div>
| |
| - | <div id="art-main">
| |
| - | <div class="art-sheet">
| |
| - | <div class="art-sheet-tl"></div>
| |
| - | <div class="art-sheet-tr"></div>
| |
| - | <div class="art-sheet-bl"></div>
| |
| - | <div class="art-sheet-br"></div>
| |
| - | <div class="art-sheet-tc"></div>
| |
| - | <div class="art-sheet-bc"></div>
| |
| - | <div class="art-sheet-cl"></div>
| |
| - | <div class="art-sheet-cr"></div>
| |
| - | <div class="art-sheet-cc"></div>
| |
| - | <div class="art-sheet-body">
| |
| - | <div class="art-header">
| |
| - | <div class="art-header-png"></div>
| |
| - | <div class="art-header-jpeg"></div>
| |
| - |
| |
| - | </div>
| |
| - | <div class="art-nav">
| |
| - | <div class="l"></div>
| |
| - | <div class="r"></div>
| |
| - |
| |
| - |
| |
| - | <!-- beginning of the menu -->
| |
| - |
| |
| - | <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">The Team</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">Droppy Project</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">Human Practice</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">Modeling</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">Notebook</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">The Parts</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">Sponsors</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">Contact us</span></a>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | <!-- end of the menu -->
| |
| - |
| |
| - |
| |
| - | <div class="art-content-layout">
| |
| - | <div class="art-content-layout-row">
| |
| - | <div class="art-layout-cell art-content">
| |
| - | <div class="art-post">
| |
| - | <div class="art-post-body">
| |
| - | <div class="art-post-inner art-article">
| |
| - | <div class="art-postmetadataheader">
| |
| - | <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>
| |
| - | <div class="art-postcontent">
| |
| - | <!-- article-content -->
| |
| - | <img class="art-article" src="images/Blogger.png" alt="an image" style="float:left;border:0;margin: 1em 1em 0 0;" />
| |
| - | <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing <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 <a href="#" title="one more link">one more link</a> in quam. Etiam
| |
| - | augue pede, molestie eget, rhoncus at, convallis ut, eros.</p>
| |
| - | <p>Aliquam pharetra. Nulla in tellus eget odio sagittis blandit.Maecenas at nisl. Nullam
| |
| - | lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante
| |
| - | dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis
| |
| - | sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris
| |
| - | elit.</p>
| |
| - | <p>Aliquam pharetra. Nulla in tellus eget odio sagittis blandit.Maecenas at nisl. Nullam
| |
| - | lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante
| |
| - | dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis
| |
| - | sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris
| |
| - | elit.</p>
| |
| - | <!-- /article-content -->
| |
| - | </div>
| |
| - | <div class="cleared"></div>
| |
| - | <div class="art-postfootericons art-metadata-icons">
| |
| - | <a href="#">Links to this post</a>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="cleared"></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="art-post">
| |
| - | <div class="art-post-body">
| |
| - | <div class="art-post-inner art-article">
| |
| - | <div class="art-postmetadataheader">
| |
| - | <h2 class="art-postheader">
| |
| - | <a href="#" title="Permanent Link to this Post">Worth A Thousand Words</a>
| |
| - | </h2>
| |
| - | </div>
| |
| - | <div class="art-postcontent">
| |
| - | <!-- article-content -->
| |
| - |
| |
| - | <h1>Heading 1</h1>
| |
| - | <h2>Heading 2</h2>
| |
| - | <h3>Heading 3</h3>
| |
| - | <h4>Heading 4</h4>
| |
| - | <h5>Heading 5</h5>
| |
| - | <h6>Heading 6</h6>
| |
| - | <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>
| |
| - | <button class="art-button">Sample Button</button>
| |
| - | <h3>List</h3>
| |
| - | <ul>
| |
| - | <li>List Item 1</li>
| |
| - | <li>List Item 2</li>
| |
| - | <li>List Item 3</li>
| |
| - | </ul>
| |
| - | <h3>Quote</h3>
| |
| - | <blockquote>
| |
| - | <p>“This stylesheet is going to help so much.”<br />-Blockquote</p>
| |
| - | </blockquote>
| |
| - | <h3>Table</h3><table 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>
| |
| - | <td>Data</td>
| |
| - | <td>Data</td>
| |
| - | <td>Data</td>
| |
| - | </tr>
| |
| - | <tr>
| |
| - | <td>Data</td>
| |
| - | <td>Data</td>
| |
| - | <td>Data</td>
| |
| - | </tr>
| |
| - | </tbody></table>
| |
| - | <br />
| |
| - | <!-- /article-content -->
| |
| - | </div>
| |
| - | <div class="cleared"></div>
| |
| - | <div class="art-postfootericons art-metadata-icons">
| |
| - | <a href="#">Links to this post</a>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="cleared"></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="art-layout-cell art-sidebar1">
| |
| - | <div class="art-block">
| |
| - | <div class="art-block-body">
| |
| - | <div class="art-blockheader">
| |
| - | <div class="l"></div>
| |
| - | <div class="r"></div>
| |
| - | <div class="t">About Me</div>
| |
| - | </div>
| |
| - | <div class="art-blockcontent">
| |
| - | <div class="art-blockcontent-tl"></div>
| |
| - | <div class="art-blockcontent-tr"></div>
| |
| - | <div class="art-blockcontent-bl"></div>
| |
| - | <div class="art-blockcontent-br"></div>
| |
| - | <div class="art-blockcontent-tc"></div>
| |
| - | <div class="art-blockcontent-bc"></div>
| |
| - | <div class="art-blockcontent-cl"></div>
| |
| - | <div class="art-blockcontent-cr"></div>
| |
| - | <div class="art-blockcontent-cc"></div>
| |
| - | <div class="art-blockcontent-body">
| |
| - | <!-- block-content -->
| |
| - |
| |
| - | <div class="widget-content">
| |
| - | <dl class="profile-datablock">
| |
| - | <dt class="profile-data">Username</dt>
| |
| - | </dl>
| |
| - | <a href="#">View my complete profile</a>
| |
| - | </div>
| |
| - |
| |
| - | <!-- /block-content -->
| |
| - |
| |
| - | <div class="cleared"></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="cleared"></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="cleared"></div><div class="art-footer">
| |
| - | <div class="art-footer-inner">
| |
| - | <div class="art-footer-text">
| |
| - | <p><a href="#">Contact Us</a> <!-- | --> <a href="#"><!-- xxx --></a> <!-- | --> <a href="#"><!-- xxx --></a> <!-- | --> <a href="#"><!-- xxx --></a><br />
| |
| - | </p>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="art-footer-background"></div>
| |
| - | </div>
| |
| - | <div class="cleared"></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="cleared"></div>
| |
| - | <p class="art-page-footer"><a href="<!-- xxx -->"><!-- xxx --></a><!-- xxx --></p>
| |
| - | </div>
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
"
