Team:Michigan

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
+
<!DOCTYPE html>
-
 
+
-
 
+
<html>
<html>
-
 
+
<head>
-
<!--main content -->
+
<!-- Meta -->
-
<table width="70%" align="center">
+
<meta charset = "UTF-8" />
-
 
+
<meta name = "viewport" content = "width=device-width, initial-scale=1">
-
 
+
-
<!--welcome box -->
+
<!-- Favicon -->
-
<tr>
+
<link rel = "shortcut icon" href = "images/favicon.ico" />
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
<!-- Title -->
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
<title> MSBT </title>
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
<!-- Fonts -->
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Michigan&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
<link href = 'http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic|Open+Sans:400,400italic,600,800' rel = 'stylesheet' type = 'text/css'>
-
</td>
+
-
</tr>
+
<!-- Styles -->
-
 
+
<link href = "styles/style.css" rel = "stylesheet" type = "text/css" media = "screen" />
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
<!-- Plugins -->
-
<tr>  
+
<link href = "plugins/colorbox/colorbox.css" rel = "stylesheet" type = "text/css" media = "screen" />
-
 
+
<link href = "plugins/colorbox/skin.css" rel = "stylesheet" type = "text/css" media = "screen" />
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
<link href = "plugins/flexslider/flexslider.css" rel = "stylesheet" type = "text/css" media = "screen" />
-
 
+
<link href = "plugins/flexslider/skin.css" rel = "stylesheet" type = "text/css" media = "screen" />
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
<link href = "plugins/mediaelement/mediaelementplayer.min.css" rel = "stylesheet" type = "text/css" media = "screen" />
-
<tr heigth="75px">  
+
<link href = "plugins/mediaelement/skin.css" rel = "stylesheet" type = "text/css" media = "screen" />
-
 
+
-
 
+
<!-- IE -->
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<!--[if lt IE 9]>
-
<a href="https://2014.igem.org/Team:Michigan"style="color:#000000">Home </a> </td>
+
<link href = "styles/ie/ie.css" rel = "stylesheet" type = "text/css" media = "screen" />
-
 
+
<script src = "scripts/ie/html5.js" type = "text/javascript"></script>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<![endif]-->
-
<a href="https://2014.igem.org/Team:Michigan/Team"style="color:#000000"> Team </a> </td>
+
</head>
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<body>
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Michigan"style="color:#000000"> Official Team Profile </a></td>
+
<div id = "main-wrap">
-
 
+
-
<td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<div id = "announcement" class = "container-wrap">
-
<a href="https://2014.igem.org/Team:Michigan/Project"style="color:#000000"> Project</a></td>
+
<div id = "announcement-container" class = "container">
-
 
+
<div id = "announcement-content">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<p>
-
<a href="https://2014.igem.org/Team:Michigan/Parts"style="color:#000000"> Parts</a></td>
+
This is an announcement, click the Close button on the right and it will not show again until you restart your browser.
-
 
+
</p>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
</div><!--- #announcement-content -->
-
<a href="https://2014.igem.org/Team:Michigan/Modeling"style="color:#000000"> Modeling</a></td>
+
-
 
+
<a href = "#" class = "close-announcement">Close</a>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
</div><!--- #announcement-container -->
-
<a href="https://2014.igem.org/Team:Michigan/Notebook"style="color:#000000"> Notebook</a></td>
+
</div><!--- #announcement -->
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
-
<a href="https://2014.igem.org/Team:Michigan/Safety"style=" color:#000000"> Safety </a></td>
+
-
 
+
<div id = "cap" class = "container-wrap"></div><!--- #cap -->
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
-
<a href="https://2014.igem.org/Team:Michigan/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
<header id = "header" class = "container-wrap">
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
<div id = "header-container" class = "container">
-
</tr>
+
-
</table>
+
<div id = "logo">
-
 
+
<a id = "site-title" href = "index.html">
-
<!--end navigation menu -->
+
<img src = "images/logo.png" alt = "MSBT" />
-
</tr>
+
</a><!--- #site-title -->
-
 
+
-
 
+
<span id = "site-description">
-
</tr>
+
Responsive HTML5 Template
-
+
</span><!--- #site-description -->
-
 
+
</div><!--- #logo -->
-
 
+
-
 
+
<nav id = "main-nav-menu">
-
 
+
<ul>
-
</td>
+
<li class = "nav-menu-item current">
-
 
+
<a href = "index.html">Home</a>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<ul class = "sub-menu">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<li class = "nav-menu-item">
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<a href = "index.html">Home Layout 1</a>
-
 
+
</li>
-
 
+
-
<!--requirements section -->
+
<li class = "nav-menu-item">
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
<a href = "index_2.html">Home Layout 2</a>
-
<tr>
+
</li>
-
<td width="45%" valign="top">  
+
</ul>
-
 
+
</li>
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
-
 
+
<li class = "nav-menu-item">
-
<!-- Links to other team pages -->
+
<a href = "elements.html">Features</a>
-
<ul>
+
<ul class = "sub-menu">
-
<li><a href="https://2014.igem.org/Team:Michigan">Home</a> </li>
+
<li class = "nav-menu-item">
-
<li><a href="https://2014.igem.org/Team:Michigan/Team">Team</a> </li>
+
<a href = "elements.html">Elements</a>
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Michigan">Official Team Profile</a> </li>
+
</li>
-
<li><a href="https://2014.igem.org/Team:Michigan/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Michigan/Parts">Parts</a> </li>
+
<li class = "nav-menu-item">
-
<li><a href="https://2014.igem.org/Team:Michigan/Modeling">Modeling</a> </li>
+
<a href = "columns.html">Columns</a>
-
<li><a href="https://2014.igem.org/Team:Michigan/Notebook">Notebook</a> </li>
+
</li>
-
<li><a href="https://2014.igem.org/Team:Michigan/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Michigan/Attributions">Attributions</a> </li>
+
<li class = "nav-menu-item">
-
 
+
<a href = "#">Pages</a>
-
</ul>
+
<ul class = "sub-menu">
-
 
+
<li class = "nav-menu-item">
-
</td>
+
<a href = "about.html">About Us</a>
-
 
+
</li>
-
<td > </td>
+
-
<td width="45%">
+
<li class = "nav-menu-item">
-
 
+
<a href = "404.html">Error 404</a>
-
<p>There are a few wiki requirements teams must follow:</p>
+
</li>
-
<ul>
+
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
+
<li class = "nav-menu-item">
-
<li>All pages must be created under the team’s name space.</li>
+
<a href = "faq.html">FAQ</a>
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
</li>
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
<li class = "nav-menu-item">
-
</ul>
+
<a href = "services.html">Services</a>
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
</li>
-
 
+
-
</td>
+
<li class = "nav-menu-item">
-
</tr>
+
<a href = "contact.html">Contact Us</a>
-
 
+
</li>
-
 
+
</ul>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
</li>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
</ul>
-
 
+
</li>
-
 
+
-
<!--tips  -->
+
<li class = "nav-menu-item">
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
<a href = "portfolio_filterable.html">Portfolio</a>
-
 
+
<ul class = "sub-menu">
-
<tr>
+
<li class = "nav-menu-item">
-
<td width="45%" valign="top">  
+
<a href = "#">Classic Portfolio</a>
-
<p>We are currently working on providing teams with some easy to use design templates.
+
<ul class = "sub-menu">
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
<li class = "nav-menu-item">
-
 
+
<a href = "portfolio_classic_1_column.html">Portfolio 1 Column</a>
-
<ul>
+
</li>
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
<li class = "nav-menu-item">
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
<a href = "portfolio_classic_2_columns.html">Portfolio 2 Columns</a>
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
</li>
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
<li class = "nav-menu-item">
-
 
+
<a href = "portfolio_classic_3_columns.html">Portfolio 3 Columns</a>
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
+
</li>
-
</td>
+
-
 
+
<li class = "nav-menu-item">
-
<td> </td>
+
<a href = "portfolio_classic_4_columns.html">Portfolio 4 Columns</a>
-
<td width="45%">  
+
</li>
-
 
+
</ul>
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
</li>
-
 
+
-
<ul>
+
<li class = "nav-menu-item">
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
<a href = "#">Compact Portfolio</a>
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
<ul class = "sub-menu">
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
<li class = "nav-menu-item">
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
<a href = "portfolio_compact_2_columns.html">Portfolio 2 Columns</a>
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
</li>
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
<li class = "nav-menu-item">
-
</ul>
+
<a href = "portfolio_compact_3_columns.html">Portfolio 3 Columns</a>
-
</br>
+
</li>
-
</td>
+
</ul>
-
</tr>
+
</li>
-
</table>
+
 +
<li class = "nav-menu-item">
 +
<a href = "portfolio_filterable.html">Filterable Portfolio</a>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "portfolio_single.html">Single Project</a>
 +
</li>
 +
</ul>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "blog.html">Blog</a>
 +
<ul class = "sub-menu">
 +
<li class = "nav-menu-item">
 +
<a href = "blog.html">Blog Listing</a>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "blog_single.html">Single Post</a>
 +
</li>
 +
</ul>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "contact.html">Contact</a>
 +
</li>
 +
</ul>
 +
</nav><!--- #main-nav-menu -->
 +
 +
<select id = "responsive-main-nav-menu" onchange = "javascript:window.location.replace(this.value);"></select>
 +
 +
</div><!--- #header-container -->
 +
</header><!--- #header -->
 +
 +
 +
 +
<section id = "page" class = "container-wrap">
 +
<div id = "page-container" class = "container">
 +
 +
<header id = "page-header" class = "center">
 +
<h1><span>We are <em class = "colored">MSBT</em>, a biotech agency</span><small>We design, develop and deliver beautiful applications of biology.</small></h1>
 +
</header><!--- #page-header -->
 +
 +
<div id = "page-content">
 +
 +
<div class = "has-divider">
 +
<div class = "flexslider">
 +
<ul class = "slides">
 +
<li><img alt = "Image" src = "assets/home_slides/responsive.jpg" /></li>
 +
<li><img alt = "Image" src = "assets/home_slides/html5.jpg" /></li>
 +
<li><img alt = "Image" src = "assets/home_slides/awesome.jpg" /></li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
<div class = "portfolio portfolio-4 row has-divider">
 +
<div class = "span-3">
 +
<h3 class = "fancy-title">Featured Work</h3>
 +
 +
<p>
 +
Etiam auctor tincidunt augue at pharetra. Nam posuere tristique sem, eu ultricies tortor imperdiet vitae.
 +
</p>
 +
 +
<a href = "#">View Our Portfolio &mdash;</a>  
 +
</div>
 +
 +
<div class = "span-3">
 +
<article class = "entry">
 +
<div class = "entry-wrap">
 +
<div class = "entry-feature">
 +
<a href = "assets/full/1.jpg" class = "overlay colorbox" title = "Mexican Coke">
 +
<span class = "overlay-color"></span>
 +
<span class = "overlay-icon zoom"></span>
 +
<img alt = "Image" src = "assets/resized_s/1.jpg" />
 +
</a>
 +
</div><!-- .entry-feature -->
 +
 +
<div class = "entry-body">
 +
<header>
 +
<h2 class = "entry-title">
 +
<a href = "#">Mexican Coke</a>
 +
</h2><!-- .entry-title -->
 +
 +
<div class = "entry-meta">
 +
<span class = "tags">
 +
<span>Art Direction</span>
 +
<span class = "separator">|</span>
 +
<span>Photography</span>
 +
</span>
 +
</div><!-- .entry-meta -->
 +
</header>
 +
</div><!-- .entry-body -->
 +
</div><!-- .entry-wrap -->
 +
</article>
 +
</div>
 +
 +
<div class = "span-3">
 +
<article class = "entry">
 +
<div class = "entry-wrap">
 +
<div class = "entry-feature">
 +
<a href = "assets/full/2h.jpg" class = "overlay colorbox" title = "The Land Within">
 +
<span class = "overlay-color"></span>
 +
<span class = "overlay-icon zoom"></span>
 +
<img alt = "Image" src = "assets/resized_s/2h.jpg" />
 +
</a>
 +
</div><!-- .entry-feature -->
 +
 +
<div class = "entry-body">
 +
<header>
 +
<h2 class = "entry-title">
 +
<a href = "#">The Land Within</a>
 +
</h2><!-- .entry-title -->
 +
 +
<div class = "entry-meta">
 +
<span class = "tags">
 +
<span>Art Direction</span>
 +
<span class = "separator">|</span>
 +
<span>Illustration</span>
 +
</span>
 +
</div><!-- .entry-meta -->
 +
</header>
 +
</div><!-- .entry-body -->
 +
</div><!-- .entry-wrap -->
 +
</article>
 +
</div>
 +
 +
<div class = "span-3">
 +
<article class = "entry">
 +
<div class = "entry-wrap">
 +
<div class = "entry-feature">
 +
<a href = "assets/full/6.jpg" class = "overlay colorbox" title = "Apples 2 Apples">
 +
<span class = "overlay-color"></span>
 +
<span class = "overlay-icon zoom"></span>
 +
<img alt = "Image" src = "assets/resized_s/6.jpg" />
 +
</a>
 +
</div><!-- .entry-feature -->
 +
 +
<div class = "entry-body">
 +
<header>
 +
<h2 class = "entry-title">
 +
<a href = "#">Apples 2 Apples</a>
 +
</h2><!-- .entry-title -->
 +
 +
<div class = "entry-meta">
 +
<span class = "tags">
 +
<span>Digital Art</span>
 +
<span class = "separator">|</span>
 +
<span>Illustration</span>
 +
</span>
 +
</div><!-- .entry-meta -->
 +
</header>
 +
</div><!-- .entry-body -->
 +
</div><!-- .entry-wrap -->
 +
</article>
 +
</div>
 +
</div>
 +
 +
<div class = "row has-divider clients-grid">
 +
<div class = "span-3">
 +
<h3 class = "fancy-title">Our Clients</h3>
 +
 +
<p>
 +
Sed tristique aliquet massa a vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.
 +
</p>
 +
</div>
 +
 +
<div class = "span-3">
 +
<a href = "#" class = "entry overlay">
 +
<span class = "overlay-color"></span>
 +
<img alt = "Image" src = "assets/clients/1.png" />
 +
</a>
 +
 +
<a href = "#" class = "entry overlay">
 +
<span class = "overlay-color"></span>
 +
<img alt = "Image" src = "assets/clients/2.png" />
 +
</a>
 +
</div>
 +
 +
<div class = "span-3">
 +
<a href = "#" class = "entry overlay">
 +
<span class = "overlay-color"></span>
 +
<img alt = "Image" src = "assets/clients/3.png" />
 +
</a>
 +
 +
<a href = "#" class = "entry overlay">
 +
<span class = "overlay-color"></span>
 +
<img alt = "Image" src = "assets/clients/4.png" />
 +
</a>
 +
</div>
 +
 +
<div class = "span-3">
 +
<a href = "#" class = "entry overlay">
 +
<span class = "overlay-color"></span>
 +
<img alt = "Image" src = "assets/clients/5.png" />
 +
</a>
 +
 +
<a href = "#" class = "entry overlay">
 +
<span class = "overlay-color"></span>
 +
<img alt = "Image" src = "assets/clients/6.png" />
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div class = "row has-divider">
 +
<div class = "span-3" style = "text-align: center;">
 +
<img alt = "Image" src = "assets/services/brush-icon.png" />
 +
 +
<h4>Web Design</h4>
 +
<p>
 +
Nulla sit amet iaculis consectetur. Pellentesque dolor, lobortis at rhoncus a, feugiat quis dolor. Pellentesque mi lorem, lacinia fermentum quis.
 +
</p>
 +
</div>
 +
 +
<div class = "span-3" style = "text-align: center;">
 +
<img alt = "Image" src = "assets/services/scissors-icon.png" />
 +
 +
<h4>Simplification</h4>
 +
<p>
 +
Nulla sit amet iaculis consectetur. Pellentesque dolor, lobortis at rhoncus a, feugiat quis dolor. Pellentesque mi lorem, lacinia fermentum quis.
 +
</p>
 +
</div>
 +
 +
<div class = "span-3" style = "text-align: center;">
 +
<img alt = "Image" src = "assets/services/cloud-icon.png" />
 +
 +
<h4>Marketing</h4>
 +
<p>
 +
Nulla sit amet iaculis consectetur. Pellentesque dolor, lobortis at rhoncus a, feugiat quis dolor. Pellentesque mi lorem, lacinia fermentum quis.
 +
</p>
 +
</div>
 +
 +
<div class = "span-3" style = "text-align: center;">
 +
<img alt = "Image" src = "assets/services/leaf-icon.png" />
 +
 +
<h4>Branding</h4>
 +
<p>
 +
Nulla sit amet iaculis consectetur. Pellentesque dolor, lobortis at rhoncus a, feugiat quis dolor. Pellentesque mi lorem, lacinia fermentum quis.
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class = "tagline has-divider">
 +
<h2>Proin ornare, nec varius, augue sodales massa, in commodo nisi diam a lacus?</h2>
 +
 +
<p>
 +
Nulla sit amet iaculis consectetur. Pellentesque dolor, lobortis at rhoncus a, feugiat quis dolor. Pellentesque mi lorem, lacinia fermentum quis.
 +
</p>
 +
 +
<button class = "medium" >Let's work together!</button>
 +
</div>
 +
 +
</div><!--- #page-content -->
 +
 +
</div><!--- #page-container -->
 +
</section><!--- #page -->
 +
 +
 +
 +
<footer id = "page-footer" class = "container-wrap">
 +
<div id = "page-footer-container" class = "container">
 +
 +
<div class = "widget span-3">
 +
<div class = "widget-content">
 +
<img alt = "Image" src = "images/logo_bw.png" style = "margin-bottom: 15px;" />
 +
 +
<p>Lorem ipsum dolor sit amet nec, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
 +
 +
<hr>
 +
 +
<dl>
 +
<dt>Telephone:</dt>
 +
<dd>+1 234 567 8910</dd>
 +
<dt>Fax:</dt>
 +
<dd>+1 0198 432 4567</dd>
 +
<dt>E-mail:</dt>
 +
<dd><a href="mailto:mail@domain.com">mail@domain.com</a></dd>
 +
</dl>
 +
</div><!-- .widget-content -->
 +
</div><!-- .widget -->
 +
 +
<div class = "widget span-3">
 +
<h4 class = "widget-title">Twitter Feed</h4>
 +
<div class = "widget-content">
 +
<div class = "twitter-feed" data-user = "envato">
 +
<div class = "tweet">
 +
<div class = "text">{text}</div>
 +
<div class = "time">
 +
<a href = "{tweet_url}" title = "View this on Twitter" rel = "nofollow">{time}</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div><!-- .widget-content -->
 +
</div><!-- .widget -->
 +
 +
<div class = "widget span-3">
 +
<h4 class = "widget-title">Flicker Stream</h4>
 +
<div class = "widget-content">
 +
<div class = "flickr-feed" data-user = "52617155@N08">
 +
<div class = "image">
 +
<a class = "overlay" href = "{url}" title = "View this on Flickr" rel = "nofollow"><span class = "overlay-color"></span><img class = "framed-image" src = "{image}" alt = "Image" /></a>
 +
</div>
 +
</div>
 +
</div><!-- .widget-content -->
 +
</div><!-- .widget -->
 +
 +
<div class = "widget span-3">
 +
<h4 class = "widget-title">Contact</h4>
 +
<div class = "widget-content">
 +
<form class = "contact-form" action = "contact.php" method = "post">
 +
<div class = "form-input">
 +
<input type = "text" data-prompt = "Name" value = "Name" name = "name">
 +
</div>
 +
 +
<div class = "form-input">
 +
<input type = "text" data-prompt = "E-mail" value = "E-mail" name = "email">
 +
</div>
 +
 +
<div class = "form-input">
 +
<textarea data-prompt = "Message" name = "message">Message</textarea>
 +
</div>
 +
 +
<p class = "meta"><span>*</span> All fields are required</p>
 +
 +
<button name = "submit" type = "submit">Send Message</button>
 +
 +
<div class = "form-failure">
 +
Message couldn't be sent, please try again.
 +
</div>
 +
</form>
 +
 +
<div class = "form-success">
 +
<h5>Thank You</h5>
 +
<p>
 +
We received your message and will be in touch with you as soon as possible.
 +
</p>
 +
</div>
 +
</div><!-- .widget-content -->
 +
</div><!-- .widget -->
 +
 +
</div><!--- #page-footer-container -->
 +
</footer><!--- #page-footer -->
 +
 +
 +
 +
<footer id = "footer" class = "container-wrap">
 +
<div id = "footer-container" class = "container">
 +
 +
<div class = "row">
 +
<div id = "footer-left" class = "span-6">
 +
<p id = "copyright">&copy; 2012 MSBT Template</p>
 +
 +
<nav id = "footer-nav-menu">
 +
<ul>
 +
<li>
 +
<a href = "#">Terms</a>
 +
</li>
 +
 +
<li>
 +
<a href = "#">Privacy Policy</a>
 +
</li>
 +
 +
<li>
 +
<a href = "#">Contact</a>
 +
</li>
 +
</ul>
 +
</nav>
 +
</div>
 +
 +
<div id = "footer-right" class = "span-6">
 +
<div id = "social-links">
 +
<p>Stay Connected</p>
 +
 +
<ul>
 +
<li class = "twitter-link">
 +
<a href = "#" title = "Twitter">Twitter</a>
 +
</li>
 +
<li class = "vimeo-link">
 +
<a href = "#" title = "Vimeo">Vimeo</a>
 +
</li>
 +
<li class = "flickr-link">
 +
<a href = "#" title = "Flickr">Flickr</a>
 +
</li>
 +
<li class = "dribbble-link">
 +
<a href = "#" title = "Dribbble">Dribbble</a>
 +
</li>
 +
<li class = "deviantart-link">
 +
<a href = "#" title = "DeviantArt">DeviantArt</a>
 +
</li>
 +
<li class = "facebook-link">
 +
<a href = "#" title = "Facebook">Facebook</a>
 +
</li>
 +
<li class = "youtube-link">
 +
<a href = "#" title = "YouTube">YouTube</a>
 +
</li>
 +
<li class = "linkedin-link">
 +
<a href = "#" title = "LinkedIn">LinkedIn</a>
 +
</li>
 +
<li class = "googleplus-link">
 +
<a href = "#" title = "GooglePlus">GooglePlus</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
 +
</div><!--- #page-footer-container -->
 +
</footer><!--- #page-footer -->
 +
 +
</div><!--- #main-wrap -->
 +
 +
{{MichiganMainScript}}
 +
              {{MichiganIEScripts}}
 +
</body>
 +
</html>

Revision as of 22:57, 20 September 2014

<!DOCTYPE html> MSBT

This is an announcement, click the Close button on the right and it will not show again until you restart your browser.

Close

We are MSBT, a biotech agencyWe design, develop and deliver beautiful applications of biology.

  • Image
  • Image
  • Image

Featured Work

Etiam auctor tincidunt augue at pharetra. Nam posuere tristique sem, eu ultricies tortor imperdiet vitae.

View Our Portfolio —

Our Clients

Sed tristique aliquet massa a vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.

Image Image
Image Image
Image Image
Image

Web Design

Nulla sit amet iaculis consectetur. Pellentesque dolor, lobortis at rhoncus a, feugiat quis dolor. Pellentesque mi lorem, lacinia fermentum quis.

Image

Simplification

Nulla sit amet iaculis consectetur. Pellentesque dolor, lobortis at rhoncus a, feugiat quis dolor. Pellentesque mi lorem, lacinia fermentum quis.

Image

Marketing

Nulla sit amet iaculis consectetur. Pellentesque dolor, lobortis at rhoncus a, feugiat quis dolor. Pellentesque mi lorem, lacinia fermentum quis.

Image

Branding

Nulla sit amet iaculis consectetur. Pellentesque dolor, lobortis at rhoncus a, feugiat quis dolor. Pellentesque mi lorem, lacinia fermentum quis.

Proin ornare, nec varius, augue sodales massa, in commodo nisi diam a lacus?

Nulla sit amet iaculis consectetur. Pellentesque dolor, lobortis at rhoncus a, feugiat quis dolor. Pellentesque mi lorem, lacinia fermentum quis.

Image

Lorem ipsum dolor sit amet nec, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Telephone:
+1 234 567 8910
Fax:
+1 0198 432 4567
E-mail:
mail@domain.com

Twitter Feed

Flicker Stream

Image

Contact

* All fields are required

Message couldn't be sent, please try again.
Thank You

We received your message and will be in touch with you as soon as possible.

{{MichiganMainScript}} {{MichiganIEScripts}}

Retrieved from "http://2014.igem.org/Team:Michigan"