Universität Bielefeld

© Universität Bielefeld

Testimonial Bubbles

The many faces of Bielefeld

Testimonial BubbleWashington, USA

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Dagmar da Silveira MacedoNorth Carolina, USA

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque unde dignissimos vitae iusto repellat.

Prof. Dr. Moritz Schmidt-DegenhardtMassachusetts, USA

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque vitae iusto repellat.

Testimonial BubbleWashington, USA

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Dagmar da Silveira MacedoNorth Carolina, USA

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque unde dignissimos vitae iusto repellat.

Prof. Dr. Moritz Schmidt-DegenhardtMassachusetts, USA

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque vitae iusto repellat.

Code-Schnipsel

<div class="bild-boxen flexcontainer">

  <div class="boxen breite3 noborder"><h4>The many faces of Bielefeld</h4></div>

  <!-- Bubble 1 -->
  <div class="boxen bubbles2">
    <a href="index.html">Testimonial Bubble</a>
    <i>Washington, USA</i>
    <img src="/kommunikation/images/personen/jochen.jpg" class="bild" width="150">
    <p><q>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</q></p>
  </div>

  <!-- Bubble 2 -->
  <div class="boxen bubbles2">
    <a href="index.html">Dagmar da Silveira Macedo</a>
    <i>North Carolina, USA</i>
    <img src="/kommunikation/images/personen/christine.jpg" class="bild" width="150">
    <p><q>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque unde dignissimos vitae iusto repellat.</q></p>
  </div>

  <!-- Bubble 3 -->
  <div class="boxen bubbles2 noborder">
    <a href="index.html">Prof. Dr. Moritz Schmidt-Degenhardt</a>
    <i>Massachusetts, USA</i>
    <img src="/kommunikation/images/personen/moritz.jpg" class="bild" width="150">
    <p><q>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque vitae iusto repellat.</q></p>
  </div>

  <div class="boxen_trenner breite3"></div>

  <!-- Bubble 1 -->
  <div class="boxen bubbles">
    <a class="intern" href="index.html">
      <img src="/kommunikation/images/personen/jochen.jpg" class="bild" width="150">
      <strong>Testimonial Bubble</strong>
    </a>
    <i>Washington, USA</i>
    <p><q>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</q></p>
  </div>

  <!-- Bubble 2 -->
  <div class="boxen bubbles">
    <a class="intern" href="index.html">
      <img src="/kommunikation/images/personen/christine.jpg" class="bild" width="150">
      <strong>Dagmar da Silveira Macedo</strong>
    </a>
    <i>North Carolina, USA</i>
    <p><q>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque unde dignissimos vitae iusto repellat.</q></p>
  </div>

  <!-- Bubble 3 -->
  <div class="boxen bubbles noborder">
    <a class="intern" href="index.html">
      <img src="/kommunikation/images/personen/moritz.jpg" class="bild" width="150">
      <strong>Prof. Dr. Moritz Schmidt-Degenhardt</strong>
    </a>
    <i>Massachusetts, USA</i>
    <p><q>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque vitae iusto repellat.</q></p>
  </div>

</div>