Skip to content

Instantly share code, notes, and snippets.

@natbat
Last active Sep 22, 2015
Embed
What would you like to do?
Person list component on Eventbrite
<div class="list-person g-group">
<ul>
<li class="g-cell g-cell-1-1 g-cell-md-1-3 g-cell-lg-1-4">
<img src="http://dummyimage.com/320x320/000/fff.jpg" alt="" class="list-person--image">
<h3 class="list-person--name">Anthony Edward Stark</h3>
<p>Stark Industries</p>
<p>Iron man</p>
</li>
<li class="g-cell g-cell-1-1 g-cell-md-1-3 g-cell-lg-1-4">
<img src="http://dummyimage.com/320x320/000/fff.jpg" alt="" class="list-person--image">
<h3 class="list-person--name">Natalia Alianovna Romanova</h3>
<p>Avengers</p>
<p>Black Widow</p>
</li>
<li class="g-cell g-cell-1-1 g-cell-md-1-3 g-cell-lg-1-4">
<img src="http://dummyimage.com/320x320/000/fff.jpg" alt="" class="list-person--image">
<h3 class="list-person--name">Steven Rogers</h3>
<p>Avengers</p>
<p>Captain America</p>
</li>
<li class="g-cell g-cell-1-1 g-cell-md-1-3 g-cell-lg-1-4">
<img src="http://dummyimage.com/320x320/000/fff.jpg" alt="" class="list-person--image">
<h3 class="list-person--name">Robert Bruce Banner</h3>
<p>Avengers</p>
<p>The Hulk</p>
</li>
<li class="g-cell g-cell-1-1 g-cell-md-1-3 g-cell-lg-1-4">
<img src="http://dummyimage.com/320x320/000/fff.jpg" alt="" class="list-person--image">
<h3 class="list-person--name">Ororo Munroe</h3>
<p>X-Men</p>
<p>Storm</p>
</li>
<li class="g-cell g-cell-1-1 g-cell-md-1-3 g-cell-lg-1-4">
<img src="http://dummyimage.com/320x320/000/fff.jpg" alt="" class="list-person--image">
<h3 class="list-person--name">Peter Benjamin Parker</h3>
<p>Avengers</p>
<p>Spiderman</p>
</li>
</ul>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment