Event Photo

Event Title

October 1

8:00 PM–10:00 PM

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore optio, enim sed eius quisquam suscipit soluta natus fugiat aspernatur corporis eos explicabo! Quibusdam harum repellendus dolorum modi corporis, incidunt officiis dolor facilis neque excepturi nesciunt, perspiciatis quia. Obcaecati consectetur, molestiae?

Event Title: Extra Long and Spans Multiple Lines Because it's Amazingly Long

October 11

10:00 AM–11:00 AM

Ad necessitatibus doloremque a nam dignissimos, aliquid, mollitia repellendus dolorem, officia in qui, voluptatem culpa. Consectetur fugiat neque ipsa quam fuga assumenda sapiente praesentium laudantium. Itaque illo excepturi, quo, doloremque laudantium expedita quisquam, sit, unde mollitia ea reprehenderit saepe ad.

Show/hide markup
<article class="event item">
    <figure class="media">
        <img src="//placehold.it/152x152" alt="Event Photo" />
    </figure>

    <div class="content">
        <h1 class="title"><a href="#">Event Title</a></h1>
        <p class="meta date">October 1</p>
        <p class="meta time">8:00 PM&ndash;10:00 PM</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore optio, enim sed eius quisquam suscipit soluta natus fugiat aspernatur corporis eos explicabo! Quibusdam harum repellendus dolorum modi corporis, incidunt officiis dolor facilis neque excepturi nesciunt, perspiciatis quia. Obcaecati consectetur, molestiae?</p>
    </div>
</article><article class="event item">

    <div class="content">
        <h1 class="title"><a href="#">Event Title: Extra Long and Spans Multiple Lines Because it&#x27;s Amazingly Long</a></h1>
        <p class="meta date">October 11</p>
        <p class="meta time">10:00 AM&ndash;11:00 AM</p>
        <p>Ad necessitatibus doloremque a nam dignissimos, aliquid, mollitia repellendus dolorem, officia in qui, voluptatem culpa. Consectetur fugiat neque ipsa quam fuga assumenda sapiente praesentium laudantium. Itaque illo excepturi, quo, doloremque laudantium expedita quisquam, sit, unde mollitia ea reprehenderit saepe ad.</p>
    </div>
</article>