Difference between revisions of "Team:Bielefeld-CeBiTec/Team/Members"

Line 8: Line 8:
  
 
<div class="container text_header"><h3>Überschrift</h3></div>
 
<div class="container text_header"><h3>Überschrift</h3></div>
−
<div class="container text"> Text </div>
+
<div class="container text"> <!-- Left-aligned media object -->
−
 
+
  <div class="media">
−
<figure class="figure">
+
    <div class="media-left">
−
  <img src="Pfad" class="figure-img" alt="Alternativer Text">
+
      <img src="img_avatar1.png" class="media-object" style="width:60px">
−
   <figcaption class="figure-caption">Beschreibung</figcaption>
+
    </div>
−
</figure>
+
    <div class="media-body">
 +
      <h4 class="media-heading">Left-aligned</h4>
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
    </div>
 +
   </div>
 +
  <hr>
 +
 
 +
  <!-- Right-aligned media object -->
 +
  <div class="media">
 +
    <div class="media-body">
 +
      <h4 class="media-heading">Right-aligned</h4>
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
    </div>
 +
    <div class="media-right">
 +
      <img src="img_avatar1.png" class="media-object" style="width:60px">
 +
    </div>
 +
  </div>
 +
</div>
  
  

Revision as of 21:46, 19 October 2016



Große Überschrift

Überschrift

Left-aligned

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Right-aligned

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.