Skip to content

Instantly share code, notes, and snippets.

@havvg
Created September 1, 2016 12:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save havvg/bb9eaad7c8092b37bddcd124e15a6c2b to your computer and use it in GitHub Desktop.
Save havvg/bb9eaad7c8092b37bddcd124e15a6c2b to your computer and use it in GitHub Desktop.
What do you think, BEM?
<div class="personal-contact-list">
<div class="personal-contact-list__entry personal-contact personal-contact--project-manager">
<div class="personal-contact__avatar">
<img src="http://../3dda094b8e16392ae2003e888b68de15.jpeg" title="Toni Uebernickel">
</div>
<div class="personal-contact__contact-form">
<form method="post">
<!-- Some contact form -->
</form>
</div>
<div class="personal-contact__contact-information">
<p class="contact-information__email">
demo@example.com
</p>
<p class="contact-information__details">
Some Contact Details<br />
Basically, and address with additional information.<br />
Free text
</p>
<p class="contact-information__contact-phone">
+49 89 12345678
</p>
</div>
</div>
<div class="personal-contact-list__entry personal-contact personal-contact--sales">
<div class="personal-contact__avatar">
<img src="http://../default_avatar.png" title="Toni Uebernickel">
</div>
<div class="personal-contact__contact-form">
<form method="post">
<!-- Some contact form -->
</form>
</div>
<div class="personal-contact__contact-information">
<p class="contact-information__email">
demo@example.com
</p>
<p class="contact-information__details">
Some Contact Details<br />
Basically, and address with additional information.<br />
Free text
</p>
<p class="contact-information__contact-phone">
+49 89 12345678
</p>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment