Team:SMTexas

From 2014hs.igem.org

(Difference between revisions)
 
(410 intermediate revisions not shown)
Line 1: Line 1:
 +
{{SMTexas/heading}}
<html>
<html>
-
<html lang="en">
 
 +
<!-- Header -->
 +
<div id="header">
 +
<div class="container">
 +
<!-- Logo -->
 +
<div id="logo">
 +
<h1><a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas" class="nav-link"><img src="https://static.igem.org/mediawiki/2014hs/6/65/SMiGEM_Logo_%26_Text.png" alt=""></a></h1>
<style>
<style>
-
a, abbr, acronym, address, applet, article, aside, audio,
+
a.nav-link:link {
-
b, blockquote, big, body,
+
  color: #000000;
-
center, canvas, caption, cite, code, command,
+
  text-decoration: none;
-
datalist, dd, del, details, dfn, dl, div, dt,
+
-
em, embed,
+
-
fieldset, figcaption, figure, font, footer, form,
+
-
h1, h2, h3, h4, h5, h6, header, hgroup, html,
+
-
i, iframe, img, ins,
+
-
kbd,
+
-
keygen,
+
-
label, legend, li,
+
-
meter,
+
-
nav,
+
-
object, ol, output,
+
-
p, pre, progress,
+
-
q,
+
-
s, samp, section, small, span, source, strike, strong, sub, sup,
+
-
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
+
-
u, ul,
+
-
var{
+
-
    background: transparent;
+
-
    border: 0 none;
+
-
    font-size: 100%;
+
-
    margin: 0;
+
-
padding: 0;
+
-
border: 0;
+
-
outline: 0;
+
-
    vertical-align: top; }
+
-
 
+
-
ol, ul {
+
-
list-style: none;
+
-
}
+
-
blockquote, q {
+
-
quotes: none;
+
-
}
+
-
table, table td {
+
-
padding:0;
+
-
border:none;
+
-
border-collapse:collapse;
+
}
}
-
img {
+
a.nav-link:visited {
-
vertical-align:top;  
+
  color: #000000;
 +
  text-decoration: none;
}
}
-
embed {  
+
a.nav-link:hover {
-
vertical-align:top;
+
  color: #000000;
 +
  text-decoration: none;
}
}
-
/* Getting the new tags to behave */
+
a.nav-link:active {
-
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
+
  color: #000000;
-
mark, rp, rt, ruby, summary, time {display:inline;}
+
  text-decoration: none;
-
/* Global properties ======================================================== */
+
-
html {width:100%;}
+
-
body {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#808080;min-width:980px;background:#f5f5f5}
+
-
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
+
-
.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}
+
-
.main {
+
-
width:980px;
+
-
padding:0;
+
-
margin:0 auto;
+
-
font-size:0.8125em;
+
-
line-height:1.846em;
+
}
}
 +
</style>
 +
 +
<style type="text/css">
-
a {color:#43bfff; outline:none;}
+
/* All Styles Optional */
-
a:hover {text-decoration:none;}
+
-
.col-1, .col-2 {float:left; width:180px;}
 
-
.col-1 {margin-right:25px;}
 
-
.wrapper {width:100%; overflow:hidden;}
 
-
.extra-wrap {overflow:hidden;}
 
-
 
-
p {margin-bottom:18px;}
 
-
.p0 {margin-bottom:0px;}
 
-
.p1 {margin-bottom:8px;}
 
-
.p2 {margin-bottom:15px;}
 
-
.p3 {margin-bottom:30px;}
 
-
.p4 {margin-bottom:40px;}
 
-
.p5 {margin-bottom:50px;}
 
-
.reg {text-transform:uppercase;}
+
div#show {
-
 
+
height:475px;
-
.fleft {float:left;}
+
width:1215px;
-
.fright {float:right;}
+
margin:0; padding:2px;
-
 
+
border:1px solid #909090;
-
.alignright {text-align:right;}
+
-
.aligncenter {text-align:center;}
+
-
 
+
-
.it {font-style:italic;}
+
-
 
+
-
.color-1 {color:#808080;}
+
-
.color-2 {color:#000;}
+
-
.color-3 {color:#43bfff;}
+
-
 
+
-
.img-border {
+
-
padding:4px;
+
-
border:1px solid #e5e5e5;
+
-
background:#fff;
+
-
float:left;
+
}
}
-
.border {border:1px solid #e5e5e5;}
+
div#show table input,  div#show4 table input {
-
 
+
outline-style:none;
-
/*********************************boxes**********************************/
+
-
.indent {padding:0 30px;}
+
-
.indent2 {padding:15px 30px 0;}
+
-
.indent-top {padding-top:14px;}
+
-
.indent-left {padding-left:30px;}
+
-
.indent-right {padding-right:50px;}
+
-
 
+
-
.indent-bot {margin-bottom:20px;}
+
-
.indent-bot2 {margin-bottom:30px;}
+
-
.indent-bot3 {margin-bottom:45px;}
+
-
 
+
-
.prev-indent-bot {margin-bottom:10px;}
+
-
.prev-indent-bot2 {margin-bottom:12px;}
+
-
.img-indent-bot {margin-bottom:25px;}
+
-
.margin-bot {margin-bottom:35px;}
+
-
 
+
-
.img-indent {float:left; margin:0 20px 0px 0;}
+
-
.img-indent2 {float:left; margin:0 13px 0px 0;}
+
-
.img-indent-r {float:right; margin:0 0px 0px 40px;}
+
-
 
+
-
.buttons a:hover {cursor:pointer;}
+
-
 
+
-
.menu li a,
+
-
.list-1 li a,
+
-
.link,
+
-
.button,
+
-
h1 a {text-decoration:none;}
+
-
 
+
-
/*********************************header*************************************/
+
-
header {
+
-
width:100%;
+
-
position:relative;
+
-
z-index:2;
+
}
}
-
.border-top {
+
</style>
-
width:950px;
+
-
padding-top:11px;
+
-
margin:0 auto 37px;
+
-
background:url(../images/border-top.gif) left 11px repeat-x;
+
-
}
+
-
h1 {
+
<!--[if IE]>
-
padding:40px 0 0 35px;
+
<style type="text/css">
-
position:relative;
+
div#show table td, div#show4 table td {
-
font-weight:normal;
+
height:21px;
-
float:left;
+
}
}
-
h1 a {
+
</style>
-
display:inline-block;
+
<![endif]-->
-
font-size:40px;
+
-
line-height:1.2em;
+
-
color:#1c1b18;
+
-
letter-spacing:-1px;
+
-
}
+
-
+
-
/***** menu *****/
+
-
.menu {
+
-
padding:49px 34px 0 0;
+
-
float:right;
+
-
}
+
-
.menu li {
+
-
float:left;
+
-
position:relative;
+
-
padding-right:42px;
+
-
}
+
-
.menu li:first-child {padding-right:34px;}
+
-
.menu li.last-item {padding-right:0;}
+
-
.menu li a {
+
-
display:inline-block;
+
-
font-size:14px;
+
-
line-height:1.2em;
+
-
padding-top:16px;
+
-
color:#808080;
+
-
background:url(../images/menu-marker.gif) center -20px no-repeat;
+
-
}
+
-
.menu li a.active,
+
-
.menu > li > a:hover {background-position:center 0; color:#1c1b18;}
+
-
.slider-bg {
+
<script src="https://2014hs.igem.org/Template:SMTexas/swissarmy?action=raw&amp;ctype=application/javascript" type="text/javascript"></script>
-
width:960px;
+
-
height:279px;
+
-
padding:0 10px 42px 10px;
+
-
background:url(../images/slider-bg-sp.png) 0 0 no-repeat;
+
-
}
+
-
.slider {
+
-
width:100%;
+
-
height:279px;
+
-
background:url(../images/slider-img-sp.jpg) 1px 0 no-repeat;
+
-
position:relative;
+
-
overflow:hidden;
+
-
}
+
-
#page1 .slider-bg {height:399px; background:url(../images/slider-bg.png) 0 0 no-repeat;}
+
-
#page1 .slider {height:399px; background:url(../images/slider-img.jpg) 1px 0 no-repeat;}
+
-
.banner {
+
<script src="https://2014hs.igem.org/Template:SMTexas/slideshow?action=raw&amp;ctype=application/javascript" type="text/javascript"></script>
-
width:320px;
+
</div>
-
height:200px;
+
-
position:absolute;
+
-
right:100px;
+
<!-- Header -->
-
top:40px;
+
-
}
+
-
#page1 .banner {right:70px; top:100px;}
+
-
.banner a {
+
-
font-size:21px;
+
-
line-height:1.2em;
+
-
}
+
-
.title-1 {
+
-
display:block;
+
-
font-size:53px;
+
-
line-height:1.2em;
+
-
color:#fff;
+
-
text-transform:uppercase;
+
-
margin-bottom:-7px;
+
-
}
+
-
.text-1 {
+
-
display:block;
+
-
font-size:28px;
+
-
line-height:1.2em;
+
-
color:#ccc;
+
-
margin-bottom:30px;
+
-
}
+
-
 
+
-
/*********************************content*************************************/
+
-
#content {
+
-
width:100%;
+
-
padding:0 0 40px;
+
-
position:relative;
+
-
z-index:1;
+
-
}
+
-
 
+
-
.spacer-1 {
+
-
width:100%;
+
-
background:url(../images/pic-1.gif) 217px 0 repeat-y;
+
-
}
+
-
 
+
-
h3 {
+
-
font-size:32px;
+
-
line-height:2em;
+
-
color:#1c1b18;
+
-
font-weight:normal;
+
-
letter-spacing:-1px;
+
-
margin-bottom:-5px
+
-
}
+
-
h4 {
+
-
font-size:21px;
+
-
line-height:24px;
+
-
color:#1c1b18;
+
-
font-weight:normal;
+
-
margin-bottom:18px;
+
-
}
+
-
h6 {color:#1c1b18;}
+
-
 
+
-
.border-bot {
+
-
width:100%;
+
-
padding-bottom:11px;
+
-
background:url(../images/pic-1.gif) 0 bottom repeat-x;
+
-
}
+
-
 
+
-
.circle {
+
-
width:58px;
+
-
height:58px;
+
-
font-size:32px;
+
-
line-height:58px;
+
-
color:#fff;
+
-
background:url(../images/circle.png) 0 0 no-repeat;
+
-
text-align:center;
+
-
float:left;
+
-
margin-right:15px;
+
-
margin-top:8px;
+
-
}
+
-
 
+
-
.box {
+
-
width:100%;
+
-
background:url(../images/box-tail.gif) 0 0 repeat-x;
+
-
}
+
-
 
+
-
.button {
+
-
display:inline-block;
+
-
padding:9px 20px;
+
-
font-size:21px;
+
-
line-height:1.2em;
+
-
color:#fff;
+
-
background:#1c1b18;
+
-
cursor:pointer;
+
-
}
+
-
.button:hover {color:#fff;}
+
-
 
+
-
.list-1 li {
+
-
line-height:20px;
+
-
padding:7px 0 8px 20px;
+
-
background:url(../images/marker-1.gif) 0 12px no-repeat;
+
-
}
+
-
.list-1 li a {display:inline-block; color:#808080;}
+
-
.list-1 li a:hover {color:#43bfff; text-decoration:underline;}
+
-
 
+
-
.list-2 li {
+
-
line-height:20px;
+
-
padding:7px 0 8px 20px;
+
-
background:url(../images/marker-1.gif) 0 12px no-repeat;
+
-
}
+
-
.list-2 li a {display:inline-block;}
+
-
 
+
-
.link:hover {text-decoration:underline;}
+
-
 
+
-
.link-1 {color:#1c1b18;}
+
-
.link-1:hover {text-decoration:none;}
+
-
 
+
-
dl span {float:left; width:88px; font-weight:bold; color:#1c1b18;}
+
-
 
+
-
/***** contact form *****/
+
-
#contact-form {
+
-
display:block;
+
-
width:100%;
+
-
}
+
-
#contact-form label {
+
-
display:block;
+
-
height:35px;
+
-
overflow:hidden;
+
-
}
+
-
#contact-form input {
+
-
float:left;
+
-
width:443px;
+
-
font-size:12px;
+
-
line-height:1.25em;
+
-
color:#808080;
+
-
padding:7px 9px;
+
-
margin:0;
+
-
font-family:Arial, Helvetica, sans-serif;
+
-
border:1px solid #dcdcdc;
+
-
background:#fff;
+
-
outline:none;
+
-
}
+
-
#contact-form textarea {
+
-
float:left;
+
-
height:183px;
+
-
width:443px;
+
-
font-size:12px;
+
-
line-height:1.25em;
+
-
color:#808080;
+
-
padding:7px 9px;
+
-
margin:0;
+
-
font-family:Arial, Helvetica, sans-serif;
+
-
border:1px solid #dcdcdc;
+
-
background:#fff;
+
-
overflow:auto;
+
-
outline:none;
+
-
}
+
-
.text-form {
+
-
float:left;
+
-
display:block;
+
-
font-size:13px;
+
-
line-height:18px;
+
-
width:96px;
+
-
color:#808080;
+
-
font-family:Arial, Helvetica, sans-serif;
+
-
}
+
-
 
+
-
.buttons {padding:8px 30px 0 0; text-align:right;}
+
-
.buttons a {margin-left:6px;}
+
-
 
-
aside {
 
-
width:100%;
 
-
padding:40px 0 30px;
 
-
background:#fff;
 
-
}
 
-
.title-2 {
 
-
display:block;
 
-
padding-left:20px;
 
-
font-size:21px;
 
-
line-height:43px;
 
-
color:#fff;
 
-
background:#1c1b18;
 
-
margin-bottom:16px;
 
-
}
 
-
 
-
/****************************footer************************/
 
-
footer {
 
-
width:100%;
 
-
height:114px;
 
-
position:relative;
 
-
z-index:99;
 
-
overflow:hidden;
 
-
}
 
-
.footer-bg {
 
-
margin:0 auto;
 
-
width:960px;
 
-
padding:35px 0;
 
-
color:#f5f5f5;
 
-
background:#1f1c1a;
 
-
}
 
-
.footer-bg a {color:#f5f5f5;}
 
-
.list-services {
 
-
padding:0;
 
-
}
 
-
.list-services li {
 
-
float:left;
 
-
padding:0 0 0 10px;
 
-
}
 
-
 
-
/*********extra***********/
 
-
.block {height:114px;}
 
-
.extra {
 
-
min-height:100%;
 
-
height:auto !important;
 
-
height:100%;
 
-
margin: 0 auto -114px;
 
-
position:relative;
 
-
overflow:hidden;
 
-
}
 
-
html, body {height:100%;}
 
-
/*
 
-
Variable Grid System.
 
-
Learn more ~ http://www.spry-soft.com/grids/
 
-
Based on 960 Grid System - http://960.gs/
 
-
Licensed under GPL and MIT.
+
<!-- Main -->
-
*/
+
<br><br>
-
 
+
<div id="page">
-
 
+
<section><div id="show"><script type="text/javascript">new inter_slide(slideShow)</script></div></section>
-
/* Containers
+
<!-- Extra -->
-
----------------------------------------------------------------------------------------------------*/
+
<div id="marketing" class="container">
-
.container_12 {
+
<div class="row">
-
margin-left: auto;
+
<div class="3u">
-
margin-right: auto;
+
<section>
-
width: 960px;
+
<header>
 +
<h2>Fundamental Research</h2>
 +
</header>
 +
<p class="subtitle">Explore how our Fundamental Research Team fueled our project development and research.<br><br></p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/5/5e/Basic_Research_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/Team:SMTexas/basicresearch" class="button">More</a>
 +
<style>
 +
a.button:link {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
}
}
-
 
+
a.button:visited {
-
/* Grid >> Global
+
  color: #FFFFFF;
-
----------------------------------------------------------------------------------------------------*/
+
  text-decoration: none;
-
 
+
-
.grid_1,
+
-
.grid_2,
+
-
.grid_3,
+
-
.grid_4,
+
-
.grid_5,
+
-
.grid_6,
+
-
.grid_7,
+
-
.grid_8,
+
-
.grid_9,
+
-
.grid_10,
+
-
.grid_11,
+
-
.grid_12 {
+
-
display:inline;
+
-
float: left;
+
-
position: relative;
+
-
margin-left: 10px;
+
-
margin-right: 10px;
+
}
}
-
 
+
a.button:hover {
-
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
+
  color: #C9E600;
-
----------------------------------------------------------------------------------------------------*/
+
  text-decoration: none;
-
 
+
-
.alpha {
+
-
margin-left: 0;
+
}
}
-
 
+
a.button:active {
-
.omega {
+
  color: #FFFFFF;
-
margin-right: 0;
+
  text-decoration: none;
}
}
 +
</style>
-
/* Grid >> 12 Columns
+
</section>
-
----------------------------------------------------------------------------------------------------*/
+
                                               
-
 
+
</div>
-
.container_12 .grid_1 {
+
<div class="3u">
-
width:60px;
+
<section>
 +
<header>
 +
<h2>Applied Research<br><br></h2>
 +
</header>
 +
<p class="subtitle">Explore how we have made biobricks that can detect lung cancer in a simple, inexpensive, and noninvasive way.</p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/8/83/Applied_Research_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/Team:SMTexas/appliedresearch" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Outreach<br><br></h2>
 +
</header>
 +
<p class="subtitle">Educating our community and gathering public opinion on modern biotechnology.<br><br></p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/2/2d/Outreach_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas/Outreach" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Videos<br><br></h2>
 +
</header>
 +
<p class="subtitle">Watch the video explaining our project in detail as well as numerous informative tutorials.<br><br></p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/d/de/Video_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas/Video&action=edit&redlink=1" class="button">More</a>
 +
</section>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- Extra -->
 +
<div id="marketing" class="container">
 +
<div class="row">
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Safety</h2>
 +
</header>
 +
<p class="subtitle">Our safety precautions.<br><br><br></p>
 +
<p><img src="https://static.igem.org/mediawiki/2014hs/f/f9/Safety_PNG.png" alt=""></p>
 +
<a href="https://2014hs.igem.org/Team:SMTexas/safety" class="button">More</a>
 +
<style>
 +
a.button:link {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
}
}
-
 
+
a.button:visited {
-
.container_12 .grid_2 {
+
  color: #FFFFFF;
-
width:140px;
+
  text-decoration: none;
}
}
-
 
+
a.button:hover {
-
.container_12 .grid_3 {
+
  color: #FFCC00;
-
width:220px;
+
  text-decoration: none;
}
}
-
 
+
a.button:active {
-
.container_12 .grid_4 {
+
  color: #FFFFFF;
-
width:300px;
+
  text-decoration: none;
-
}
+
-
 
+
-
.container_12 .grid_5 {
+
-
width:380px;
+
-
}
+
-
 
+
-
.container_12 .grid_6 {
+
-
width:460px;
+
-
}
+
-
 
+
-
.container_12 .grid_7 {
+
-
width:540px;
+
-
}
+
-
 
+
-
.container_12 .grid_8 {
+
-
width:620px;
+
-
}
+
-
 
+
-
.container_12 .grid_9 {
+
-
width:700px;
+
-
}
+
-
 
+
-
.container_12 .grid_10 {
+
-
width:780px;
+
-
}
+
-
 
+
-
.container_12 .grid_11 {
+
-
width:860px;
+
-
}
+
-
 
+
-
.container_12 .grid_12 {
+
-
width:940px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/* Prefix Extra Space >> 12 Columns
+
-
----------------------------------------------------------------------------------------------------*/
+
-
 
+
-
.container_12 .prefix_1 {
+
-
padding-left:80px;
+
-
}
+
-
 
+
-
.container_12 .prefix_2 {
+
-
padding-left:160px;
+
-
}
+
-
 
+
-
.container_12 .prefix_3 {
+
-
padding-left:240px;
+
-
}
+
-
 
+
-
.container_12 .prefix_4 {
+
-
padding-left:320px;
+
-
}
+
-
 
+
-
.container_12 .prefix_5 {
+
-
padding-left:400px;
+
-
}
+
-
 
+
-
.container_12 .prefix_6 {
+
-
padding-left:480px;
+
-
}
+
-
 
+
-
.container_12 .prefix_7 {
+
-
padding-left:560px;
+
-
}
+
-
 
+
-
.container_12 .prefix_8 {
+
-
padding-left:640px;
+
-
}
+
-
 
+
-
.container_12 .prefix_9 {
+
-
padding-left:720px;
+
-
}
+
-
 
+
-
.container_12 .prefix_10 {
+
-
padding-left:800px;
+
-
}
+
-
 
+
-
.container_12 .prefix_11 {
+
-
padding-left:880px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/* Suffix Extra Space >> 12 Columns
+
-
----------------------------------------------------------------------------------------------------*/
+
-
 
+
-
.container_12 .suffix_1 {
+
-
padding-right:80px;
+
-
}
+
-
 
+
-
.container_12 .suffix_2 {
+
-
padding-right:160px;
+
-
}
+
-
 
+
-
.container_12 .suffix_3 {
+
-
padding-right:240px;
+
-
}
+
-
 
+
-
.container_12 .suffix_4 {
+
-
padding-right:320px;
+
-
}
+
-
 
+
-
.container_12 .suffix_5 {
+
-
padding-right:400px;
+
-
}
+
-
 
+
-
.container_12 .suffix_6 {
+
-
padding-right:480px;
+
-
}
+
-
 
+
-
.container_12 .suffix_7 {
+
-
padding-right:560px;
+
-
}
+
-
 
+
-
.container_12 .suffix_8 {
+
-
padding-right:640px;
+
-
}
+
-
 
+
-
.container_12 .suffix_9 {
+
-
padding-right:720px;
+
-
}
+
-
 
+
-
.container_12 .suffix_10 {
+
-
padding-right:800px;
+
-
}
+
-
 
+
-
.container_12 .suffix_11 {
+
-
padding-right:880px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/* Push Space >> 12 Columns
+
-
----------------------------------------------------------------------------------------------------*/
+
-
 
+
-
.container_12 .push_1 {
+
-
left:80px;
+
-
}
+
-
 
+
-
.container_12 .push_2 {
+
-
left:160px;
+
-
}
+
-
 
+
-
.container_12 .push_3 {
+
-
left:240px;
+
-
}
+
-
 
+
-
.container_12 .push_4 {
+
-
left:320px;
+
-
}
+
-
 
+
-
.container_12 .push_5 {
+
-
left:400px;
+
-
}
+
-
 
+
-
.container_12 .push_6 {
+
-
left:480px;
+
-
}
+
-
 
+
-
.container_12 .push_7 {
+
-
left:560px;
+
-
}
+
-
 
+
-
.container_12 .push_8 {
+
-
left:640px;
+
-
}
+
-
 
+
-
.container_12 .push_9 {
+
-
left:720px;
+
-
}
+
-
 
+
-
.container_12 .push_10 {
+
-
left:800px;
+
-
}
+
-
 
+
-
.container_12 .push_11 {
+
-
left:880px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/* Pull Space >> 12 Columns
+
-
----------------------------------------------------------------------------------------------------*/
+
-
 
+
-
.container_12 .pull_1 {
+
-
left:-80px;
+
-
}
+
-
 
+
-
.container_12 .pull_2 {
+
-
left:-160px;
+
-
}
+
-
 
+
-
.container_12 .pull_3 {
+
-
left:-240px;
+
-
}
+
-
 
+
-
.container_12 .pull_4 {
+
-
left:-320px;
+
-
}
+
-
 
+
-
.container_12 .pull_5 {
+
-
left:-400px;
+
-
}
+
-
 
+
-
.container_12 .pull_6 {
+
-
left:-480px;
+
-
}
+
-
 
+
-
.container_12 .pull_7 {
+
-
left:-560px;
+
-
}
+
-
 
+
-
.container_12 .pull_8 {
+
-
left:-640px;
+
-
}
+
-
 
+
-
.container_12 .pull_9 {
+
-
left:-720px;
+
-
}
+
-
 
+
-
.container_12 .pull_10 {
+
-
left:-800px;
+
-
}
+
-
 
+
-
.container_12 .pull_11 {
+
-
left:-880px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/* Clear Floated Elements
+
-
----------------------------------------------------------------------------------------------------*/
+
-
 
+
-
/* http://sonspring.com/journal/clearing-floats */
+
-
 
+
-
.clear {
+
-
clear: both;
+
-
display: block;
+
-
overflow: hidden;
+
-
visibility: hidden;
+
-
width: 0;
+
-
height: 0;
+
-
}
+
-
 
+
-
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
+
-
 
+
-
.clearfix:after {
+
-
clear: both;
+
-
content: ' ';
+
-
display: block;
+
-
font-size: 0;
+
-
line-height: 0;
+
-
visibility: hidden;
+
-
width: 0;
+
-
height: 0;
+
-
}
+
-
 
+
-
.clearfix {
+
-
display: inline-block;
+
-
}
+
-
 
+
-
* html .clearfix {
+
-
height: 1%;
+
-
}
+
-
 
+
-
.clearfix {
+
-
display: block;
+
}
}
</style>
</style>
-
 
+
</section>
-
 
+
                                               
-
 
+
-
<head>
+
-
<title></title>
+
-
<meta charset="utf-8">
+
-
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
+
-
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
+
-
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">  
+
-
<!--[if lt IE 7]>
+
-
<div style=' clear: both; text-align:center; position: relative;'>
+
-
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
+
-
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
+
-
</a>
+
-
</div>
+
-
<![endif]-->
+
-
<!--[if lt IE 9]>
+
-
<script type="text/javascript" src="js/html5.js"></script>
+
-
<![endif]-->
+
-
</head>
+
-
<body id="page1">
+
-
<div class="extra">
+
-
<!--==============================header=================================-->
+
-
<header>
+
-
<div class="main">
+
-
<div class="border-top">
+
-
<div class="wrapper">
+
-
<h1><a href="index.html">Jason Smith</a></h1>
+
-
<nav>
+
-
<ul class="menu">
+
-
<li><a class="active" href="index.html">About</a></li>
+
-
<li><a href="services.html">Services</a></li>
+
-
<li><a href="areas.html">Areas of Practice</a></li>
+
-
<li><a href="clients.html">Clients</a></li>
+
-
<li><a href="faq.html">FAQ</a></li>
+
-
<li class="last-item"><a href="contacts.html">Contacts</a></li>
+
-
</ul>
+
-
</nav>
+
-
</div>
+
</div>
</div>
-
<div class="slider-bg">
+
<div class="3u">
-
<div class="slider">
+
<section>
-
<div class="banner">
+
<header>
-
<strong class="title-1">REALIZE</strong>
+
<h2>Attributions</h2>
-
<span class="text-1">your constitutional right for qualified</span>
+
</header>
-
<a class="link" href="#">legal help</a>
+
<p class="subtitle">Meet the faculty members who played an instrumental role to our success.</p>
-
</div>
+
<p><img src="https://static.igem.org/mediawiki/2014hs/6/64/Attributions_PNG.png" alt=""></p>
-
</div>
+
<a href="https://2014hs.igem.org/Team:SMTexas/Attributions" class="button">More</a>
 +
</section>
</div>
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Human Practices</h2>
 +
</header>
 +
<p class="subtitle">Our project in the real world.</p><br><br>
 +
<p><img src="https://static.igem.org/mediawiki/2014hs/5/5d/Human_Practices_PNG.png"></p>
 +
<a href="https://2014hs.igem.org/Team:SMTexas/Human_Practices" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Sponsors</h2>
 +
</header>
 +
<p class="subtitle">Meet the corporations that played an instrumental role in our success.</p><br>
 +
<p><img src="https://static.igem.org/mediawiki/2014hs/9/90/Sponsors_PNG.png" alt=""></p>
 +
<a href="https://2014hs.igem.org/Team:SMTexas/Sponsors" class="button">More</a>
 +
</section>
 +
</div>
 +
</div>
</div>
-
</header>
+
</div>
-
<!--==============================content================================-->
+
-
<section id="content"><div class="ic">More Website Templates @ TemplateMonster.com - December 26, 2011!</div>
+
-
<div class="main">
+
<!-- Main -->
-
<div class="container_12">
+
<div id="main" class="container">
-
<div class="wrapper p3">
+
<div class="row">
-
<article class="grid_8">
+
<div class="6u">
-
<div class="indent-left">
+
<section>
-
<h3>Welcome!</h3>
+
<header>
-
<h4 class="color-3">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</h4>
+
<h2>Biotechnology Initiative</h2>
-
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fugat harum quidem rerum facilis est et expedita.
+
<span class="byline"></span>
-
</div>
+
</header>
-
</article>
+
<img src="https://static.igem.org/mediawiki/2014hs/a/ae/Commism.png" alt="">
-
<article class="grid_4">
+
<br><br>
-
<div class="indent-left indent-top">
+
-
<h4 class="prev-indent-bot2">Success Stories</h4>
+
<img src="https://static.igem.org/mediawiki/2014hs/8/8b/Smgraph.png" alt="">
-
<ul class="list-1">
+
<br><br>
-
<li><a href="#">At vero eos et accusamus et iusto</a></li>
+
<p>The first iGEM high school team from the state of Texas, the St. Mark’s iGEM Team was established as part of a Biotechnology Initiative begun in September of 2013 by our school’s Biology Club. This Initiative, spurred on by iGEM, revitalized our Club and helped generate significant interest in synthetic biology from the student body, faculty, and school administration. In our first year we achieved regular access to a radiation oncology lab at the University of Texas Southwestern Medical Center, $1500 in funding from the school to cover the registration fee for the iGEM Competition, exlcusive laboratory space at the school, and a more than four-fold increase in membership of the Biology Club to twenty-two members.
-
<li><a href="#">Odio dignissimos ducimus</a></li>
+
<br><br>
-
<li><a href="#">Blanditiis praesentium voluptatum</a></li>
+
Our iGEM Team blends the setup of a traditional club with the highly efficient structure of a professional research laboratory. The Team is divided into four Committees: Fundamental Research, Applied Research, Outreach, and Web Development. This allows us to work more efficiently and cohesively. We have had to lay the foundation of our iGEM Team this year by informing the school community on synthetic biology, seeking financial support, and establishing laboratory resources for our project. But it was our infectious enthusiasm and indefatigable determination for synthetic biology that allowed us to overcome administrative hurdles and a steep learning curve. Through our journey this year, we have proven that a school with limited resources in biotechnology can make significant strides, effectively pioneer investigations in the field, and shown our community the tremendous potential we have in the future.</p>
-
<li><a href="#">Deleniti atque corrupti quos</a></li>
+
-
<li><a href="#">Rolores et quas molestias excepturi</a></li>  
+
-
</ul>
+
-
</div>
+
</section>
-
</article>
+
</div>
-
</div>
+
<div class="6u">
-
<aside>
+
<section>
-
<div class="wrapper">
+
<header>
-
<article class="grid_4">
+
<h2>About Us</h2>
-
<div class="indent">
+
<span class="byline"></span>
-
<span class="title-2">Capital <strong>Market</strong></span>
+
</header>
-
<div class="prev-indent-bot2 wrapper">
+
<img src="https://static.igem.org/mediawiki/2014hs/7/79/St._Mark%27s.jpg">
-
<figure class="img-border"><img src="images/page1-img1.jpg" alt=""></figure>
+
<br><br>
-
</div>
+
<p><b>Our Mission Statement:</b> To improve the community by pioneering investigations into bio-technology by solving real-world problems in order to promote scientific inquiry and educate the future leaders of biological engineering.</p>
-
<p class="p2">Jason Smith is one of <a class="link" target="_blank" href="http://blog.templatemonster.com/free-website-templates/ ">free website tem plates</a> created by TemplateMonster.com team. This website template is optimized for 1280X1024 screen resolution. It is also XHTML &amp; CSS valid.</p>
+
<p><b>About St. Mark's:</b> St. Mark's School of Texas is a non-sectarian, college-preparatory, independent day school for boys in grades one through twelve. The School's charter states that it is "designed to afford its students well-rounded physical, intellectual, moral, and religious training and instruction." The School is intended to be a diverse community of teachers and students who share a love of learning and who strive for high achievement in whatever they undertake.</p>
-
<a class="link-1" href="#">Read More</a>
+
-
</div>
+
<table><tr><td width="300" align="center"><a href="http://www.smtexas.org/home" class="button">Visit Our School</a></td><td width="300 align="center"><a href="https://2014hs.igem.org/Team:SMTexas/team" class="button">The Team</a></td></tr></table>
-
</article>
+
</section>
-
<article class="grid_4">
+
</div>
-
<div class="indent">
+
<div class="3u">
-
<span class="title-2">Banking &amp; <strong>Finance</strong></span>
+
<section class="sidebar">
-
<div class="prev-indent-bot2 wrapper">
+
<header>
-
<figure class="img-border"><img src="images/page1-img2.jpg" alt=""></figure>
+
<h2><br><br>Follow us on:</h2>
-
</div>
+
</header>
-
<p class="p2">This <a class="link" href="http://blog.templatemonster.com/2012/01/02/free-website-template-law-business/">Jason Smith Template</a> goes with two packages – with PSD source files and without them. PSD source files are available for free for the registered members of TemplateMonster.com. </p>
+
<ul class="style2">
-
<a class="link-1" href="#">Read More</a>
+
<li>
-
</div>
+
<a href="http://www.facebook.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/f/fd/Facebook.jpg" alt=""></a>
-
</article>
+
<p>Facebook</p>
-
<article class="grid_4">
+
</li>
-
<div class="indent">
+
<li>
-
<span class="title-2">Employment <strong>Law</strong></span>
+
<a href="http://www.twitter.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/2/2a/Twitter.jpg" alt=""></a>
-
<div class="prev-indent-bot2 wrapper">
+
<p>Twitter</p>
-
<figure class="img-border"><img src="images/page1-img3.jpg" alt=""></figure>
+
</li>
-
</div>
+
<li>
-
<p class="p2">This website template has several pages: <a class="link color-1" href="index.html">About Us</a>, <a class="link color-1" href="services.html">Services</a>, <a class="link color-1" href="areas.html">Areas of Practice</a>, <a class="link color-1" href="clients.html">Clients</a>, <a class="link color-1" href="faq.html">Frequently Asked Questions</a>, <a class="link color-1" href="contacts.html">Contact Us</a> (note that contact us form – doesn't work).</p>
+
<a href="http://instagram.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/f/f7/Instagram.jpg" alt=""></a>
-
<a class="link-1" href="#">Read More</a>
+
<p>Instagram</p>
-
</div>
+
</li>
-
</article>
+
<li>
-
</div>
+
<a href="http://youtube.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/5/56/Youtube.jpg" alt=""></a>
-
</aside>
+
<p>Youtube</p>
 +
</li>
 +
</ul>
 +
</section>
</div>
</div>
-
</div>
+
-
<div class="block"></div>
+
<!-- Main -->
-
</section>
+
 
-
</div>
+
</div>
 +
<!-- /Main -->
 +
 
 +
 +
 +
 
 +
 
</body>
</body>
</html>
</html>

Latest revision as of 14:25, 20 June 2014