Team:SMTexas

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE HTML>
+
{{SMTexas/heading}}
-
<!--
+
 
-
Ex Machina by TEMPLATED
+
-
    templated.co @templatedco
+
-
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+
-
-->
+
<html>
<html>
-
<head>
+
<!-- Header -->
-
<title>Ex Machina by TEMPLATED</title>
+
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
-
<meta name="description" content="" />
+
-
<meta name="keywords" content="" />
+
-
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700italic,400,300,700' rel='stylesheet' type='text/css'>
+
-
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
+
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+
-
<script src="js/skel.min.js"></script>
+
-
<script src="js/skel-panels.min.js"></script>
+
-
<script src="js/init.js"></script>
+
-
<noscript>
+
-
<link rel="stylesheet" href="css/skel-noscript.css" />
+
-
<link rel="stylesheet" href="css/style.css" />
+
-
<link rel="stylesheet" href="css/style-desktop.css" />
+
-
</noscript>
+
-
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
+
-
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
+
-
</head>
+
-
<body class="homepage">
+
-
 
+
-
<!-- Header -->
+
<div id="header">
<div id="header">
<div class="container">
<div class="container">
<!-- Logo -->
<!-- Logo -->
-
<div id="logo">
+
<div id="logo">  
-
<h1><a href="#">Ex Machina</a></h1>
+
<h1><a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas" class="nav-link">SMTexas</a></h1>
 +
<style>
 +
a.nav-link:link {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
a.nav-link:visited {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
a.nav-link:hover {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
a.nav-link:active {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
</style>
</div>
</div>
-
<!-- Nav -->
+
-
<nav id="nav">
+
-
<ul>
+
-
<li class="active"><a href="index.html">Homepage</a></li>
+
-
<li><a href="left-sidebar.html">Left Sidebar</a></li>
+
-
<li><a href="right-sidebar.html">Right Sidebar</a></li>
+
-
<li><a href="no-sidebar.html">No Sidebar</a></li>
+
-
</ul>
+
-
</nav>
+
-
 
+
-
</div>
+
-
</div>
+
<!-- Header -->
<!-- Header -->
<!-- Banner -->
<!-- Banner -->
<div id="banner">
<div id="banner">
-
<div class="container">
+
<div class="container"><img src="IMAGE" alt=""></div>
-
</div>
+
 
</div>
</div>
<!-- /Banner -->
<!-- /Banner -->
Line 66: Line 48:
<section>
<section>
<header>
<header>
-
<h2>Feugiat Tempus</h2>
+
<h2>Basic Research</h2>
</header>
</header>
-
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</p>
+
<p class="subtitle">Explore how our basic research fueled our project development and research.</p>
<p><a href="#"><img src="images/pics13.jpg" alt=""></a></p>
<p><a href="#"><img src="images/pics13.jpg" alt=""></a></p>
<a href="#" class="button">More</a>
<a href="#" class="button">More</a>
 +
<style>
 +
a.button:link {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:visited {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:hover {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:active {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
</style>
 +
</section>
</section>
 +
                                               
</div>
</div>
<div class="3u">
<div class="3u">
<section>
<section>
<header>
<header>
-
<h2>Maecenas lectus</h2>
+
<h2>Applied Research</h2>
</header>
</header>
-
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</p>
+
<p class="subtitle">Explore how we have made a biobrick that can detect lung cancer in a simple, inexpensive way.</p>
<p><a href="#"><img src="images/pics14.jpg" alt=""></a></p>
<p><a href="#"><img src="images/pics14.jpg" alt=""></a></p>
<a href="#" class="button">More</a>
<a href="#" class="button">More</a>
Line 86: Line 88:
<section>
<section>
<header>
<header>
-
<h2>Luctus lectus</h2>
+
<h2>Outreach</h2>
</header>
</header>
-
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</p>
+
<p class="subtitle">Educating our community and gathering public opinion on modern biotechnology.</p>
<p><a href="#"><img src="images/pics15.jpg" alt=""></a></p>
<p><a href="#"><img src="images/pics15.jpg" alt=""></a></p>
<a href="#" class="button">More</a>
<a href="#" class="button">More</a>
Line 96: Line 98:
<section>
<section>
<header>
<header>
-
<h2>Posuere eleifend</h2>
+
<h2>Video</h2>
</header>
</header>
-
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</p>
+
<p class="subtitle">Watch the video explaining our project in detail which embodies our message toward the entire world.</p>
<p><a href="#"><img src="images/pics16.jpg" alt=""></a></p>
<p><a href="#"><img src="images/pics16.jpg" alt=""></a></p>
<a href="#" class="button">More</a>
<a href="#" class="button">More</a>
Line 113: Line 115:
<section>
<section>
<header>
<header>
-
<h2>Integer gravida nibh quis urna</h2>
+
<h2>About Us</h2>
-
<span class="byline">Augue praesent a lacus at urna congue rutrum</span>
+
<span class="byline"></span>
</header>
</header>
<p>This is <strong>Ex Machina</strong>, a responsive HTML5 site template freebie by <a href="http://templated.co">TEMPLATED</a>. Released for free under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so use it for whatever (personal or commercial) &ndash; just give us credit! Check out more of our stuff at <a href="http://templated.co">our site</a> or follow us on <a href="http://twitter.com/templatedco">Twitter</a>.</p>
<p>This is <strong>Ex Machina</strong>, a responsive HTML5 site template freebie by <a href="http://templated.co">TEMPLATED</a>. Released for free under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so use it for whatever (personal or commercial) &ndash; just give us credit! Check out more of our stuff at <a href="http://templated.co">our site</a> or follow us on <a href="http://twitter.com/templatedco">Twitter</a>.</p>
Line 224: Line 226:
<blockquote>&ldquo;&nbsp;&nbsp;Donec leo, vivamus ullamcorper fermentum nibh in augue pulvinar ullamcorper metus praesent a lacus at urna congue ullamcorper  rutrum.&nbsp;&nbsp;&rdquo;<br>
<blockquote>&ldquo;&nbsp;&nbsp;Donec leo, vivamus ullamcorper fermentum nibh in augue pulvinar ullamcorper metus praesent a lacus at urna congue ullamcorper  rutrum.&nbsp;&nbsp;&rdquo;<br>
<br>
<br>
-
<strong>&ndash;&nbsp;&nbsp;John Smith</strong></blockquote>
+
<strong>&ndash;&nbsp;&nbsp;Curtis Smith</strong></blockquote>
</div>
</div>
<div class="ballon-bgbtm">&nbsp;</div>
<div class="ballon-bgbtm">&nbsp;</div>
Line 234: Line 236:
<ul class="default">
<ul class="default">
<li>
<li>
-
<h3>Mauris vulputate dolor sit amet</h3>
+
<h3>Youtube</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p>
</li>
</li>
<li>
<li>
-
<h3>Fusce ultrices fringilla metus</h3>
+
<h3>Twitter</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p>
</li>
</li>
<li>
<li>
-
<h3>Donec dictum metus in sapien</h3>
+
<h3>Google+</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p>
</li>
</li>

Revision as of 16:33, 6 June 2014