|
|
| (2 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <!DOCTYPE html>
| |
| | | | |
| - | <html>
| |
| - | <head>
| |
| - | <meta charset="utf-8" />
| |
| - | <style>
| |
| - |
| |
| - | /* Éléments principaux de la page */
| |
| - |
| |
| - | body
| |
| - | {
| |
| - | font-family: 'Trebuchet MS', Arial, sans-serif;
| |
| - | color: #181818;
| |
| - | width: 1008px;
| |
| - | }
| |
| - |
| |
| - | #bloc_page
| |
| - | {
| |
| - | /*width: 1008px;*/
| |
| - | margin-left: 30px;
| |
| - | margin-right: 30px;
| |
| - | }
| |
| - |
| |
| - | /* Header */
| |
| - |
| |
| - | header
| |
| - | {
| |
| - | background: url(images/gre_3.jpg);
| |
| - | border-radius: 10px;
| |
| - | /*width: 1008px;*/
| |
| - | box-shadow: 0px 2px 5px #1c1a19;
| |
| - | }
| |
| - |
| |
| - | #titre_principal
| |
| - | {
| |
| - | display: inline-block;
| |
| - | }
| |
| - |
| |
| - | #logo, header h1, h2
| |
| - | {
| |
| - | display: inline-block;
| |
| - | margin-bottom: 0px;
| |
| - | }
| |
| - |
| |
| - | /* Navigation */
| |
| - |
| |
| - | a
| |
| - | {
| |
| - | text-decoration: none;
| |
| - | color: black;
| |
| - | }
| |
| - |
| |
| - | a:hover
| |
| - | {
| |
| - | text-decoration: none;
| |
| - | color: black;
| |
| - | }
| |
| - |
| |
| - | a:visited
| |
| - | {
| |
| - | text-decoration: none;
| |
| - | color: black;
| |
| - | }
| |
| - |
| |
| - | nav
| |
| - | {
| |
| - | display: inline-block;
| |
| - | width: 1008px;
| |
| - | font-size: 1.1em;
| |
| - | text-align: justify;
| |
| - | color: D8DBFF;
| |
| - | background-color: #453B60;
| |
| - | margin-top: 5px;
| |
| - | border-radius: 10px;
| |
| - | box-shadow: 0px 2px 5px #1c1a19
| |
| - | }
| |
| - |
| |
| - | nav ul
| |
| - | {
| |
| - | list-style-type: none;
| |
| - | }
| |
| - |
| |
| - | nav li
| |
| - | {
| |
| - | display: inline-block;
| |
| - | margin-right: 50px;
| |
| - | margin-left: 50px;
| |
| - | }
| |
| - |
| |
| - | nav a
| |
| - | {
| |
| - | font-size: 1.3em;
| |
| - | padding-bottom: 3px;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | nav a:hover
| |
| - | {
| |
| - | border-bottom: 2px solid;
| |
| - | }
| |
| - |
| |
| - | .mail
| |
| - | {
| |
| - | color: blue;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - |
| |
| - | /* Corps */
| |
| - |
| |
| - | section
| |
| - | {
| |
| - | margin-top: 5px;
| |
| - | }
| |
| - |
| |
| - | article, aside
| |
| - | {
| |
| - | display: inline-block;
| |
| - | vertical-align: top;
| |
| - | }
| |
| - |
| |
| - | article
| |
| - | {
| |
| - | width: 738px;
| |
| - | margin-right: 15px;
| |
| - | }
| |
| - |
| |
| - | article p
| |
| - | {
| |
| - | font-size: 0.9em;
| |
| - | }
| |
| - |
| |
| - | aside
| |
| - | {
| |
| - | width: 230px;
| |
| - | position: relative;
| |
| - | background-color: #706b64;
| |
| - | box-shadow: 0px 2px 5px #1c1a19;
| |
| - | border-radius: 10px;
| |
| - | padding: 10px;
| |
| - | color: white;
| |
| - | font-size: 0.9em;
| |
| - | }
| |
| - |
| |
| - | .group
| |
| - | {
| |
| - | /*width: 983px;*/
| |
| - | border-bottom: 3px solid #453B60;
| |
| - | inline-block;
| |
| - | }
| |
| - |
| |
| - | .trombi
| |
| - | {
| |
| - | display: inline-block;
| |
| - | vertical-align: top;
| |
| - | }
| |
| - |
| |
| - | .member
| |
| - | {
| |
| - | margin-top: 5px;
| |
| - | inline-block;
| |
| - | width: 336px;
| |
| - | margin-bottom: 3px;
| |
| - | vertical-align: top;
| |
| - | }
| |
| - |
| |
| - | .avatar
| |
| - | {
| |
| - | float: left;
| |
| - | margin-right: 5px;
| |
| - | }
| |
| - |
| |
| - | /* Table */
| |
| - |
| |
| - | td
| |
| - | {
| |
| - | border-collapse: collapse;
| |
| - | }
| |
| - |
| |
| - | /* Footer */
| |
| - |
| |
| - | footer
| |
| - | {
| |
| - | margin-top: 3px;
| |
| - | padding-top: 5px;
| |
| - | width: 983px;
| |
| - | border: 3px #453B60 solid;
| |
| - | padding-left: 10px;
| |
| - | padding-right: 10px;
| |
| - | }
| |
| - |
| |
| - | footer p
| |
| - | {
| |
| - | font-size: 0.8em;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | <!--<link rel="stylesheet" href="style.css">-->
| |
| - | <title>iGEM Grenoble 2012 : Home</title>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - | <header>
| |
| - | <div id="titre_principal">
| |
| - | <img src="images/igem_logo.png" id="logo" />
| |
| - | <h1>Grenoble</h1>
| |
| - | <h2>2012</h2>
| |
| - | </div>
| |
| - | </header>
| |
| - |
| |
| - | <nav>
| |
| - | <ul>
| |
| - | <li><a href="home.html">Home</a></li>
| |
| - | <li><a href="#">Project</a></li>
| |
| - | <li><a href="#">Human Practice</a></li>
| |
| - | <li><a href="team.html">Team</a></li>
| |
| - | </ul>
| |
| - | </nav>
| |
| - |
| |
| - | <section>
| |
| - | <article>
| |
| - | <p>
| |
| - | <h1>Our project</h1>
| |
| - | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna risus, dapibus non mollis in, mollis non nulla. Maecenas non lorem lacus. Vivamus non odio odio. In pharetra est justo, adipiscing porttitor lectus. Nunc facilisis placerat ipsum sed mattis. Vestibulum vitae lectus vitae urna ullamcorper molestie sed vitae felis. Nam ac nisi auctor arcu placerat lobortis eu non tellus. In eget diam lorem, quis placerat sem. Nulla in consectetur justo. In aliquam hendrerit diam in venenatis. Integer tellus dui, porttitor in faucibus eu, convallis at nulla. Curabitur vitae quam nunc, in vestibulum orci.</p>
| |
| - |
| |
| - | <p>Vestibulum eget ligula ipsum, luctus vestibulum nisl. Cras eu tempor est. Praesent semper eros id felis dictum commodo. Integer sit amet erat tortor. Cras id velit commodo turpis fermentum elementum et ut felis. Maecenas vitae dui at tortor viverra vulputate. Ut aliquet placerat leo, a hendrerit augue pulvinar non. Aenean eget nulla est. Nulla facilisi.</p>
| |
| - |
| |
| - | <p>Phasellus quis massa magna. Cras ante ante, venenatis at consectetur at, lobortis id orci. Vivamus fermentum dui ac lacus mattis rutrum. Vivamus consequat tristique justo ac placerat. Aliquam turpis lectus, condimentum eget facilisis interdum, semper eget risus. Etiam venenatis risus quis eros blandit accumsan. Praesent viverra, nulla quis tristique viverra, leo nisi suscipit lacus, vel cursus turpis nisl ac tellus. Integer dui diam, malesuada nec dapibus eu, ultrices sed elit. Ut ornare augue at nunc dictum at porta quam euismod. Maecenas elit risus, laoreet et hendrerit vitae, viverra at leo. Donec luctus lectus a felis interdum mattis porta metus pellentesque. Cras viverra, nisi vitae vulputate feugiat, libero enim rutrum velit, id rhoncus eros libero vel ante. Cras in rutrum diam. Pellentesque odio quam, gravida non accumsan sed, ultrices in orci. Curabitur ac erat id mi rhoncus rhoncus.</p>
| |
| - |
| |
| - | <p>Nam ultricies aliquet tempus. Suspendisse consequat libero eu odio pulvinar euismod. Quisque nec luctus tellus. Duis ultrices mauris in turpis feugiat imperdiet. Pellentesque pretium dui tincidunt diam ultricies bibendum at ac lorem. Donec gravida, urna porta scelerisque laoreet, sapien quam facilisis quam, ut ullamcorper risus nisi vitae ipsum. Vivamus varius tincidunt risus sit amet viverra. Donec placerat, tellus eu volutpat convallis, elit orci suscipit dolor, quis aliquam elit ligula eu orci.</p>
| |
| - |
| |
| - | </p>
| |
| - | </article>
| |
| - |
| |
| - | <aside>
| |
| - | <h1>Bienvenue !</h1>
| |
| - | <!--<img src="images/equipe_2011_mini.jpg" alt="Team" />-->
| |
| - | <p>
| |
| - | We are happy to present our project to you, and very proud of our team and our work. We hope you will enjoy it !
| |
| - | </p>
| |
| - | <h2>Follow us on</h2>
| |
| - | <p><a href="https://www.facebook.com/igem.grenoble"><img src="images/facebook.png" alt="Facebook" /></a>
| |
| - | <a href="https://twitter.com/#!/iGEMGrenoble"><img src="images/twitter.png" alt="Twitter" /></a></p>
| |
| - |
| |
| - | </aside>
| |
| - | </section>
| |
| - |
| |
| - | <footer>
| |
| - | <p><a href="mailto:igem.grenoble2012@gmail.com" class="mail">Contact us</a></p>
| |
| - | <p>
| |
| - | Sponors :<br />
| |
| - | <a href="http://www.grenoble-inp.fr/"><img src="images/logo_inp_mini.jpg" alt="Grenoble INP" /></a>
| |
| - | <a href="http://www.ujf-grenoble.fr"><img src="images/logo_ujf.jpg" alt="Grenoble UJF" /></a>
| |
| - | <a href="http://www.cime.inpg.fr"><img src="images/logo_cime.jpg" alt="CIME Grenoble" /></a>
| |
| - | <a href="http://www.polytech-grenoble.fr"><img src="images/logo_polytech.jpeg" alt="Polytech Grenoble" /></a>
| |
| - | </p>
| |
| - | </footer>
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
"
