Team:Michigan/Team/

From 2014.igem.org

(Difference between revisions)
(Created page with "Testing")
Line 1: Line 1:
-
Testing
+
<! -- {{MichiganHeadCSS/Meta}} -->
 +
<html>
 +
<body>
 +
<div id = "main-wrap">
 +
 +
<div id = "announcement" class = "container-wrap">
 +
<div id = "announcement-container" class = "container">
 +
<div id = "announcement-content">
 +
<p>
 +
This is an announcement, click the Close button on the right and it will not show again until you restart your browser.
 +
</p>
 +
</div><!--- #announcement-content -->
 +
 +
<a href = "#" class = "close-announcement">Close</a>
 +
</div><!--- #announcement-container -->
 +
</div><!--- #announcement -->
 +
 +
 +
 +
<div id = "cap" class = "container-wrap"></div><!--- #cap -->
 +
 +
 +
 +
<header id = "header" class = "container-wrap">
 +
<div id = "header-container" class = "container">
 +
 +
<div id = "logo">
 +
<a id = "site-title" href = "index.html">
 +
<img src = "http://che.engin.umich.edu/enewsletter/winter2013/images/MSBTlogo2.jpg" alt = "MSBT" />
 +
</a><!--- #site-title -->
 +
 +
<span id = "site-description">
 +
2014 MSBT
 +
</span><!--- #site-description -->
 +
</div><!--- #logo -->
 +
 +
<nav id = "main-nav-menu">
 +
<ul>
 +
<li class = "nav-menu-item current">
 +
<a href = "index.html">Home</a>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "elements.html">Project</a>
 +
<ul class = "sub-menu">
 +
<li class = "nav-menu-item">
 +
<a href = "elements.html">Overview</a>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "columns.html">Background</a>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "columns.html">Wet Lab</a>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "columns.html">Dry Lab</a>
 +
</li>
 +
 +
 +
<li class = "nav-menu-item">
 +
<a href = "columns.html">Future Plans</a>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "columns.html">Accomplishments</a>
 +
</li>
 +
 +
</ul>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "portfolio_filterable.html">Human Practice</a>
 +
<ul class = "sub-menu">
 +
<li class = "nav-menu-item">
 +
<a href = "#">Outreach</a>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "#">Econmic Analysis</a>
 +
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "portfolio_filterable.html">Covance Partnership</a>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "portfolio_filterable.html">Collaborations</a>
 +
</li>
 +
 
 +
 +
</ul>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "blog.html">Notebook</a>
 +
<ul class = "sub-menu">
 +
<li class = "nav-menu-item">
 +
<a href = "blog.html">Winter Planning</a>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "blog_single.html">Project Journal</a>
 +
</li>
 +
</ul>
 +
</li>
 +
 +
<li class = "nav-menu-item">
 +
<a href = "https://2014.igem.org/Team:Michigan/Team/">Team</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><font size="10" <em class = "colored">MSBT</em></font></h1></p><font size="3"><font color="#191970"> University of Michigan iGEM Team </font></font color></p>
 +
</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">General Overview
 +
 +
<p>
 +
What we did, in laymans terms and the general accomplishments
 +
</p>
 +
</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">Project Implications</h3>
 +
 +
<p>
 +
Explain here what the implications of our project is in terms of antibodies, brief overview
 +
</p>
 +
</div>
 +
 +
<div class = "span-3">
 +
<a href = "#" class = "entry overlay">
 +
<span class = "overlay-color"></span>
 +
<img alt = "Image" src = "https://static.igem.org/mediawiki/2011/thumb/7/76/Michigan_logo2.png/300px-Michigan_logo2.png" />
 +
</a>
 +
 +
<a href = "#" class = "entry overlay">
 +
<span class = "overlay-color"></span>
 +
<img alt = "Image" src = "https://static.igem.org/mediawiki/2011/thumb/7/76/Michigan_logo2.png/300px-Michigan_logo2.png" />
 +
</a>
 +
</div>
 +
 +
<div class = "span-3">
 +
<a href = "#" class = "entry overlay">
 +
<span class = "overlay-color"></span>
 +
<img alt = "Image" src = "https://static.igem.org/mediawiki/2011/thumb/7/76/Michigan_logo2.png/300px-Michigan_logo2.png" />
 +
</a>
 +
 +
<a href = "#" class = "entry overlay">
 +
<span class = "overlay-color"></span>
 +
<img alt = "Image" src = "https://static.igem.org/mediawiki/2011/thumb/7/76/Michigan_logo2.png/300px-Michigan_logo2.png" />
 +
</a>
 +
</div>
 +
 +
<div class = "span-3">
 +
<a href = "#" class = "entry overlay">
 +
<span class = "overlay-color"></span>
 +
<img alt = "Image" src = "https://static.igem.org/mediawiki/2011/thumb/7/76/Michigan_logo2.png/300px-Michigan_logo2.png" />
 +
</a>
 +
 +
<a href = "#" class = "entry overlay">
 +
<span class = "overlay-color"></span>
 +
<img alt = "Image" src = "https://static.igem.org/mediawiki/2011/thumb/7/76/Michigan_logo2.png/300px-Michigan_logo2.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 = "http://che.engin.umich.edu/enewsletter/winter2013/images/MSBTlogo2.jpg" 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:dtdunham@umich.edu">dtdunham@umich.edu</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 -->
 +
</body>
 +
        <style>
 +
        pre,  p:first-child{
 +
            display: none;
 +
        }
 +
        </style>
 +
</html>
 +
{{MichiganMainScript}}
 +
{{MichiganIEScripts}}

Revision as of 23:30, 10 October 2014

<! -- Michigan Synthetic Biology Team -->

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

Close
,

MSBT

University of Michigan iGEM Team

  • Image
  • Image
  • Image

General Overview

What we did, in laymans terms and the general accomplishments

Project Implications

Explain here what the implications of our project is in terms of antibodies, brief overview

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:
dtdunham@umich.edu

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.

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