|
|
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <meta charset="UTF-8">
| |
- | <title>The Team</title>
| |
- | <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
| |
- | <script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/source-sans-pro:n6,n2:default.js" type="text/javascript"></script>
| |
- | <link href="main.css" rel="stylesheet" type="text/css">
| |
- | <link href="main.css" rel="stylesheet" type="text/css">
| |
- | <style media="screen" type="text/css">
| |
| | | |
- | @charset "utf-8";
| |
- | body {
| |
- | margin: 0px;
| |
- | color: #151515;
| |
- | font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
| |
- | background-color: #EFF5F8;
| |
- | }
| |
- | #wrapper {
| |
- | width: 100%;
| |
- | min-width: 740px;
| |
- | max-width: 1000px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | background-color: #FFFFFF;
| |
- | }
| |
- | #top {
| |
- | overflow: hidden;
| |
- | font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
| |
- | font-style: normal;
| |
- | font-weight: 200;
| |
- | }
| |
- | #hero img {
| |
- | max-width: 100%;
| |
- | margin-top: 0px;
| |
- | margin-right: -25px;
| |
- | margin-bottom: 0px;
| |
- | margin-left: 0px;
| |
- | padding-top: 0px;
| |
- | padding-right: 0px;
| |
- | padding-bottom: 0px;
| |
- | padding-left: 0px;
| |
- | border-bottom-left-radius: 24px;
| |
- | border-bottom-right-radius: 24px;
| |
- | background-color: #ffffff;
| |
- | }
| |
- | h1, h2 {
| |
- | color: #FFFFFF;
| |
- | font-style: normal;
| |
- | font-weight: 600;
| |
- | font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
| |
- | }
| |
- |
| |
- | h1 {
| |
- | font-size: 72px;
| |
- | margin-top: 0px;
| |
- | margin-bottom: 0px;
| |
- | text-align: center;
| |
- | text-transform: uppercase;
| |
- | color: #3100C7;
| |
- | background-color:#FFFFFF;
| |
- |
| |
- |
| |
- | }
| |
- | h2 {
| |
- | margin-top: 0em;
| |
- | color: #000000;
| |
- | background-color: #ffffff;
| |
- | text-align: center;
| |
- | padding-top: 0px;
| |
- | border-style: none;
| |
- | }
| |
- | #main {
| |
- | margin-left: 0%;
| |
- | float: left;
| |
- | width: 100%;
| |
- | padding-left: 0px;
| |
- | text-align: center;
| |
- | }
| |
- | #sidebar {
| |
- | width: 34%;
| |
- | margin-left: 4%;
| |
- | float: left;
| |
- | }
| |
- |
| |
- |
| |
- | figure {
| |
- | display: block;
| |
- | width: 420px;
| |
- | }
| |
- | figure img {
| |
- | padding: 10px;
| |
- | -webkit-box-shadow: 1px 1px 15px #999999;
| |
- | box-shadow: 1px 1px 15px #999999;
| |
- | }
| |
- |
| |
- | figcaption {
| |
- | font-size: 0.875em;
| |
- | font-weight: bold;
| |
- | text-align: center;
| |
- | display: block;
| |
- | margin-top: 0.5em;
| |
- | }
| |
- | .centered {
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | }
| |
- | .floatleft {
| |
- | float: left;
| |
- | margin-left: 0px;
| |
- | margin-right: 10px;
| |
- | }
| |
- | .floatright {
| |
- | float: right;
| |
- | margin-left: 10px;
| |
- | margin-right: 0px;
| |
- | }
| |
- | footer {
| |
- | padding-top: 2px;
| |
- | padding-bottom: 2px;
| |
- | padding-left: 2%;
| |
- | background-color: #43a6cb;
| |
- | color: #FFFFFF;
| |
- | clear: left;
| |
- | }
| |
- | a {
| |
- | font-weight: bold;
| |
- | text-decoration: none;
| |
- | }
| |
- | a:link {
| |
- | color: #FF6600;
| |
- | }
| |
- | a:visited {
| |
- | color: #FF944C;
| |
- |
| |
- | }
| |
- |
| |
- | #mainnav ul {
| |
- | list-style-type: none;
| |
- | margin-top: 0px;
| |
- | margin-right: 0px;
| |
- | margin-bottom: 0px;
| |
- | margin-left: -50px;
| |
- | }
| |
- | #mainnav a {
| |
- | width: 0%;
| |
- | display: block;
| |
- | float: left;
| |
- | text-align: center;
| |
- | text-transform: uppercase;
| |
- | background-color: #000000;
| |
- | color: #FFFFFF;
| |
- | margin-top: 0px;
| |
- | margin-bottom: 0px;
| |
- | }
| |
- | #mainnav a {
| |
- | width: 20%;
| |
- | text-align: center;
| |
- | text-transform: uppercase;
| |
- | background-color: #000000;
| |
- | color: #FFFFFF;
| |
- | padding-top: 12px;
| |
- | padding-bottom: 12px;
| |
- | padding-left: 0px;
| |
- | #wrapper #top #mainnav ul li a {
| |
- | ; padding-right: 12px;
| |
- | padding-right: 6px;
| |
- | }
| |
- | #wrapper #top #mainnav ul li a {
| |
- | background-color: #000000;
| |
- | }
| |
- |
| |
- | }
| |
- | #mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
| |
- | background-color: #3100C7;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | #hero article {
| |
- | width: 36%;
| |
- | padding-left: 10px;
| |
- | padding-right: 10px;
| |
- | position: absolute;
| |
- | top: 62px;
| |
- | left: 16px;
| |
- | background-color: #0087FF;
| |
- | border-radius: 34px;
| |
- | color: #000000;
| |
- | font-size: large;
| |
- | }
| |
- | #hero {
| |
- | position: relative;
| |
- | }
| |
- |
| |
- | th,td
| |
- | {
| |
- | padding: 0px;
| |
- | text-align: center;
| |
- | min-width: 0%;
| |
- | }
| |
- |
| |
- | h3
| |
- | {
| |
- | padding-top: 20px;
| |
- | padding-bottom: 0px;
| |
- | }
| |
- |
| |
- | </style>
| |
- | </head>
| |
- |
| |
- | <body>
| |
- | <div id="wrapper">
| |
- | <header id="top">
| |
- | <h1>Our lady of the snows </h1>
| |
- | <h1>igem wiki</h1>
| |
- | <nav id="mainnav">
| |
- | <ul>
| |
- | <li><a href="index.html">Home</a></li>
| |
- | <li><a href="Project.html">Project</a></li>
| |
- | <li><a href="Safety.html">safety</a></li>
| |
- | <li><a href= The Team.html class="thispage">The Team</a></li>
| |
- | <li><a href="Lab Notebook.html">lab notebook</a></li>
| |
- | </ul>
| |
- | </nav>
| |
- | </header>
| |
- | <article id="main">
| |
- | <h2> </h2>
| |
- | <h2>Our Team</h2>
| |
- | <h3>Teachers</h3>
| |
- | <table width="500" border="0" align="center" class="floatleft" style="width: 100%; font-size: large; text-align: center; padding-left: 0px; /* [disabled]min-width: 50%; */">
| |
- |
| |
- | <tr>
| |
- | <td width="208"><img src="P1010466.JPG" width="200" height="150" alt=""/></td>
| |
- | <td width="121" nowrap>Luc Arvisais</td>
| |
- | <td width="149">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="P1010438.JPG" width="200" height="150" alt=""/></td>
| |
- | <td>Jessica Puurunen</td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="P1010434.JPG" width="200" height="150" alt=""/></td>
| |
- | <td>Janell Toews</td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | </table>
| |
- | <h2> </h2>
| |
- | <h2> </h2>
| |
- | <h3>Student Team </h3>
| |
- | <table width="500" border="0" align="center" class="floatleft" style="width: 100%; font-size: large; text-align: center; padding-left: 0px; /* [disabled]min-width: 50%; */">
| |
- |
| |
- | <tr>
| |
- | <td width="208"><img src="Alina.JPG" width="200" height="150" alt=""/></td>
| |
- | <td width="121" nowrap><p>Alina</p>
| |
- | <p>Arvisais</p></td>
| |
- | <td width="149">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Delaney.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Delaney </p>
| |
- | <p>Barth</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Carter.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Carter</p>
| |
- | <p>Behm</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Talia.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Talia</p>
| |
- | <p>Dixon</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Jeremiah.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Jeremiah</p>
| |
- | <p>Ellis</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Elisa.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Elisa</p>
| |
- | <p>Hall</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Steven.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Steven</p>
| |
- | <p>Hughes</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Alida.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Alida</p>
| |
- | <p>Kelly</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Rachel.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Rachel</p>
| |
- | <p>Kim</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Sydney.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Sydney</p>
| |
- | <p>Koncz</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Matthew M.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Matthew</p>
| |
- | <p>Marquez</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Nicole.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Nicole</p>
| |
- | <p>Melzer</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Noah.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Noah</p>
| |
- | <p>Nadal</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Matthew S.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Matthew</p>
| |
- | <p>San Juan</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="Tully.JPG" width="200" height="150" alt=""/></td>
| |
- | <td><p>Daniel</p>
| |
- | <p>Tully</p></td>
| |
- | <td valign="middle">Fake bio fake bioFake bio fake bioFake bio fake bio Fake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bioFake bio fake bio</td>
| |
- | </tr>
| |
- | </table>
| |
- |
| |
- | </article>
| |
- | <footer>
| |
- | <p>© Copyright</p>
| |
- |
| |
- | </footer>
| |
- | </div>
| |
- | </body>
| |
- | </html>
| |