Team:SMTexas

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{SMTexas/heading}}
+
<!DOCTYPE HTML>
-
 
+
<!--
 +
Ex Machina by TEMPLATED
 +
    templated.co @templatedco
 +
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
 +
-->
<html>
<html>
-
<!-- Header -->
+
<head>
 +
<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="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas" class="nav-link">SMTexas</a></h1>
+
<h1><a href="#">Ex Machina</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">
-
 
+
</div>
-
 
+
-
 
+
</div>
</div>
<!-- /Banner -->
<!-- /Banner -->
Line 51: Line 66:
<section>
<section>
<header>
<header>
-
<h2>Basic Research</h2>
+
<h2>Feugiat Tempus</h2>
</header>
</header>
-
<p class="subtitle">Explore how our basic research fueled our project development and research.</p>
+
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</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>Applied Research</h2>
+
<h2>Maecenas lectus</h2>
</header>
</header>
-
<p class="subtitle">Explore how we have made a biobrick that can detect lung cancer in a simple, inexpensive way.</p>
+
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</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 91: Line 86:
<section>
<section>
<header>
<header>
-
<h2>Outreach</h2>
+
<h2>Luctus lectus</h2>
</header>
</header>
-
<p class="subtitle">Educating our community and gathering public opinion on modern biotechnology.</p>
+
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</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 101: Line 96:
<section>
<section>
<header>
<header>
-
<h2>Video</h2>
+
<h2>Posuere eleifend</h2>
</header>
</header>
-
<p class="subtitle">Watch the video explaining our project in detail which embodies our message toward the entire world.</p>
+
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</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 118: Line 113:
<section>
<section>
<header>
<header>
-
<h2>About Us</h2>
+
<h2>Integer gravida nibh quis urna</h2>
-
<span class="byline"></span>
+
<span class="byline">Augue praesent a lacus at urna congue rutrum</span>
</header>
</header>
-
<p>We are <strong>SMiGEM</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>
<p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.</p>
<p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.</p>
<p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.</p>
<p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.</p>
Line 187: Line 182:
<!-- Featured -->
<!-- Featured -->
<div id="featured">
<div id="featured">
-
 
+
<div class="container">
<div class="row">
<div class="row">
<section class="4u">
<section class="4u">
<div class="box">
<div class="box">
-
<a href="#" class="image left"><img src="images/pics04.jpg" alt=""></a>
+
<a href="#" class="image left"><img src="images/pics04.jpg" alt=""></a>
-
<h3>Safety</h3>
+
<h3>Etiam posuere augue</h3>
<p>Donec nonummy magna quis risus eleifend. </p>
<p>Donec nonummy magna quis risus eleifend. </p>
<a href="#" class="button">More</a>
<a href="#" class="button">More</a>
Line 199: Line 194:
<section class="4u">
<section class="4u">
<div class="box">
<div class="box">
-
<a href="#" class="image left"><img src="images/pics04.jpg" alt=""></a>
+
<a href="#" class="image left"><img src="images/pics05.jpg" alt=""></a>
-
<h3>Attributions</h3>
+
<h3>Etiam posuere augue</h3>
<p>Donec nonummy magna quis risus eleifend. </p>
<p>Donec nonummy magna quis risus eleifend. </p>
<a href="#" class="button">More</a>
<a href="#" class="button">More</a>
Line 207: Line 202:
<section class="4u">
<section class="4u">
<div class="box">
<div class="box">
-
<a href="#" class="image left"><img src="images/pics04.jpg" alt=""></a>
+
<a href="#" class="image left"><img src="images/pics06.jpg" alt=""></a>
-
<h3>Human Practices</h3>
+
<h3>Etiam posuere augue</h3>
<p>Donec nonummy magna quis risus eleifend. </p>
<p>Donec nonummy magna quis risus eleifend. </p>
<a href="#" class="button">More</a>
<a href="#" class="button">More</a>
Line 214: Line 209:
</section>
</section>
</div>
</div>
-
<div class=container></div>
+
<div class="divider"></div>
 +
</div>
</div>
</div>
<!-- /Featured -->
<!-- /Featured -->
 +
 +
<!-- Footer -->
 +
<div id="footer">
 +
<div class="container">
 +
<div class="row">
 +
<div class="3u">
 +
<section>
 +
<h2>Maecenas lectus</h2>
 +
<div class="balloon">
 +
<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>
 +
<strong>&ndash;&nbsp;&nbsp;John Smith</strong></blockquote>
 +
</div>
 +
<div class="ballon-bgbtm">&nbsp;</div>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<h2>Donec dictum</h2>
 +
<ul class="default">
 +
<li>
 +
<h3>Mauris vulputate dolor sit amet</h3>
 +
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p>
 +
</li>
 +
<li>
 +
<h3>Fusce ultrices fringilla metus</h3>
 +
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p>
 +
</li>
 +
<li>
 +
<h3>Donec dictum metus in sapien</h3>
 +
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p>
 +
</li>
 +
</ul>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<h2>Nulla leifend</h2>
 +
<p>Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat.</p>
 +
<ul class="style5">
 +
<li><a href="#"><img src="images/pics07.jpg" alt=""></a></li>
 +
<li><a href="#"><img src="images/pics08.jpg" alt=""></a></li>
 +
<li><a href="#"><img src="images/pics09.jpg" alt=""></a></li>
 +
<li><a href="#"><img src="images/pics10.jpg" alt=""></a></li>
 +
<li><a href="#"><img src="images/pics11.jpg" alt=""></a></li>
 +
<li><a href="#"><img src="images/pics12.jpg" alt=""></a></li>
 +
</ul>
 +
<a href="#" class="button">More Collections</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<h2>Luctus eleifend</h2>
 +
<p><strong>Aliquam erat volutpat. Pellentesque tristique ante ut risus. </strong></p>
 +
<p>Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit.</p>
 +
<p>Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat.</p>
 +
<a href="#" class="button">More Collections</a>
 +
</section>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /Footer -->
<!-- Copyright -->
<!-- Copyright -->
Line 222: Line 281:
Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>)
Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>)
</div>
</div>
 +
 +
</body>
</body>
</html>
</html>

Revision as of 16:21, 6 June 2014

<!DOCTYPE HTML> Ex Machina by TEMPLATED

Feugiat Tempus

In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.

More

Maecenas lectus

In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.

More

Luctus lectus

In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.

More

Posuere eleifend

In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.

More

Integer gravida nibh quis urna

Augue praesent a lacus at urna congue rutrum

This is Ex Machina, a responsive HTML5 site template freebie by TEMPLATED. Released for free under the Creative Commons Attribution license, so use it for whatever (personal or commercial) – just give us credit! Check out more of our stuff at our site or follow us on Twitter.

Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.

Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.

More Details

Feugiat Tempus

  • Donec leo, vivamus fermentum augue praesent a lacus at urna rutrum.

  • Donec leo, vivamus fermentum augue praesent a lacus at urna rutrum.

  • Donec leo, vivamus fermentum augue praesent a lacus at urna rutrum.

  • Donec leo, vivamus fermentum augue praesent a lacus at urna rutrum.

Feugiat Tempus

Nulla luctus eleifend

Retrieved from "http://2014hs.igem.org/Team:SMTexas"