|
|
Line 38: |
Line 38: |
| <ul> | | <ul> |
| <li class = "nav-menu-item current"> | | <li class = "nav-menu-item current"> |
- | <a href = "index.html">Home</a> | + | <a href = "https://2014.igem.org/Team:Michigan">Home</a> |
| </li> | | </li> |
| | | |
| <li class = "nav-menu-item"> | | <li class = "nav-menu-item"> |
- | <a href = "elements.html">Project</a> | + | <a href = "https://2014.igem.org/Team:Michigan/Project/">Project</a> |
| <ul class = "sub-menu"> | | <ul class = "sub-menu"> |
| <li class = "nav-menu-item"> | | <li class = "nav-menu-item"> |
- | <a href = "elements.html">Overview</a> | + | <a href = "elements.html">Background</a> |
| </li> | | </li> |
| | | |
| <li class = "nav-menu-item"> | | <li class = "nav-menu-item"> |
- | <a href = "columns.html">Background</a> | + | <a href = "columns.html">Design</a> |
| </li> | | </li> |
| | | |
Line 286: |
Line 286: |
| </div> | | </div> |
| </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-content --> |
| | | |
| </div><!--- #page-container --> | | </div><!--- #page-container --> |
- | </section><!--- #page --> | + | </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">© 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 --> | | </div><!--- #main-wrap --> |
| </body> | | </body> |