MENU
Home Home Home

Marketing/story page

<style type="text/css">

.fullwidth-container figure img {

    max-width: 100%;

  }

  .fullwidth-container .container {

    width: 90%;

  }

  .fullwidth-container .marketing-banner-1 h1 {

    font: 2.8em georgia,serif;

    text-transform: none;

    color: #274b83;

    text-align: center;

    width: 60%;

    margin: 2em auto 0;

  }

  .fullwidth-container .marketing-banner-1 h1 small {

    font: 200 0.75em "proxima-nova";

    border-top: 1px solid silver;

    text-transform: uppercase;

    color: #34312f;

    display: block;

    margin: 1em 0 1.2em;

    padding-top: 1em;

  }

  .fullwidth-container .marketing-banner-1 .figure-section-item.first {

    margin-right: 3%;

  }

  .fullwidth-container .marketing-banner-1 .figure-section-item {

    width: 48.5%;

    margin-bottom: 10em;

  }

  .fullwidth-container .marketing-banner-1 .figure-section-item > h2 {

    margin-top: 1em;

  }

  .fullwidth-container .page h2 {

    font: 200 2.0em "proxima-nova";

    text-transform: uppercase;

    margin: 1.5em 0 0.8em;

  }

  .fullwidth-container .page p {

    font-size: 1.4em;

    line-height: 1.3;

    margin: 0.4em 0 2em;

  }

  .fullwidth-container .marketing-banner-2 {

    background: #77a43b;

    color: white;

  }

  .fullwidth-container .feature-block,

  .fullwidth-container .content-block {

    margin-bottom: 4em;

  }

  .fullwidth-container .marketing-banner-2 .content-block-inner {

    margin: 3em auto 0;

    width: 80%;

  }

  .fullwidth-container .marketing-banner-2 .content-block-heading {

    font: 200 2.8em "proxima-nova";

    border: none;

    padding: 0;

    margin: 0 0 0.2em;

  }

  .fullwidth-container .feature-block-description,

  .fullwidth-container .content-block-description {

    font-size: 1.3em;

    line-height: 1.5;

    padding-bottom: 1.6em;

  }

  .fullwidth-container .content-block .tags-list-label,

  .fullwidth-container .content-block .tags-list li {

    margin-right: 0.6em;

  }

  .fullwidth-container .marketing-banner-2 .tags-list li {

    font-size: 1em;

    margin: 0;

  }

  .fullwidth-container .page ul li {

    font-size: 1.3em;

    margin: 0 0 1.5em 1.8em;

    line-height: 1.5;

    position: relative;

  }

  .fullwidth-container .tags-list-label,

  .fullwidth-container .tags-list li {

    float: left;

  }

  .fullwidth-container .marketing-banner-2 .tags-list a {

    color: #f8dc65;

  }

  .fullwidth-container .tags-list a {

    font-style: italic;

    font: 1.3em Georgia,serif;

  }

  .fullwidth-container .tags-list-label {

    font-weight: 700;

    font-size: 1.3em;

  }

  .fullwidth-container .marketing-banner-2 .tags-list .divider-vertical {

    border-color: #f8dc65;

  }

  .fullwidth-container .content-block .tags-list li {

    margin-right: 0.6em;

  }

  .fullwidth-container .tags-list .divider-vertical {

    border-right: 0.1em solid #305998;

    height: 1.3em;

  }

  @media screen and (min-width: 1160px) {

    .fullwidth-container .container {

      width: 1140px;

    }

  }

  @media only screen and (max-width: 767px) {

    .fullwidth-container .header .container,

    .fullwidth-container .marketing-heading .container,

    .fullwidth-container .marketing-banner-1 .page h1,

    .fullwidth-container .marketing-banner-1 .figure-section-item,

    .fullwidth-container .marketing-banner-2 .container {

      width: 100%;

    }

  }</style>

<div class="marketing-banner-1 row"><div class="container"><div class="page col"><h1>The University of Michigan Transportation Research Institute (UMTRI) announces the <small>2014 Global Symposium on Connected Vehicles and Infrastructure</small></h1><div class="figure-section row"><div class="figure-section-item first col"><figure><div class="img-block"><img alt="" src="//lorempixel.com/648/367" /></div></figure><h2>Dolor Sit Amet Consectetur</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper feugait nulla. facilisi.</p></div><div class="figure-section-item last col"><figure><div class="img-block"><img alt="" src="//lorempixel.com/648/367" /></div></figure><h2>Dolor Sit Amet Consectetur</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper feugait nulla. facilisi.</p></div></div></div></div></div><div class="marketing-banner-2 row"><div class="container"><div class="page col"><div class="figure-section row"><div class="figure-section-item first col span_8"><figure><div class="img-block"><img alt="" src="//lorempixel.com/800/444" /></div></figure></div><div class="content-block last col span_8"><div class="content-block-inner row"><h2 class="content-block-heading">Title of Content</h2><div class="content-block-description">Lorem ipsum dolor sit amet, consectetuer adipscing elit, sed diam nonummy nibh euismod tincidunt Lorem ipsum dolor sit amet, consectetuer adipscing elit, sed diam non.</div><div><label class="tags-list-label">Tags:</label><ul class="tags-list"><li><a href="#">Lorem Ipsum</a></li><li class="divider-vertical">&nbsp;</li><li><a href="#">Adipscing</a></li></ul></div></div></div></div></div></div></div><div class="marketing-banner-3 row"><div class="container"><div class="page col row"><div class="main-col col span_9"><h2>Lorem Ipsum Dolor Set Amet</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper feugait nulla. facilisi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p><p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Neque porro quisquam est.</p><p>Amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Neque porro quisquam est.</p><p>Amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?</p></div><div class="gutter col span_2">&nbsp;</div><div class="side-col col span_5"><div class="content-block first"><figure class="content-block-masthead"><div class="img-block"><a href="#"><img alt="" src="//lorempixel.com/400/224" /> </a></div></figure><h2 class="content-block-heading">Title of Content</h2><div class="content-block-description">Lorem ipsum dolor sit amet, consectetuer adipscing elit, sed diam nonummy nibh euismod tincidunt Lorem ipsum dolor sit amet, consectetuer adipscing elit, sed diam non.</div></div><div class="content-block last"><figure class="content-block-masthead"><div class="img-block"><a href="#"><img alt="" src="//lorempixel.com/400/224" /> </a></div></figure><h2 class="content-block-heading">Lorem Ipsum Dolor</h2></div></div></div></div></div><p>&nbsp;</p>