Rating Result Tab

rating-tab-typ = string | Definiert um welches Rating es sich handelt (CC/MBVO)
rating-tab-class = string | Klassenname des Ratings das abgebildet wird
tab-id = string | ID des Tabs (headingOne/headingTwo)
collapse-id = string | ID der einklappbaren Detailliste

Ergebnis

  • 2,8Titel
  • 2,8Titel
  • 2,8Titel
  • 2,8Titel
<div class="panel">
  <div class="panel-heading " role="tab" id="">

    <div class="rating-result mbvo">
      <div class="header">
        logo
      </div>
      <div class="body">
        <div class="title">
          Gesamtnote
        </div>
        <div class="note">
          1,98
        </div>
        <div class="desc">
          19.1236 Stimmen
        </div>
      </div>
      <div class="footer">
        <a href="#"> Details einblenden <i class="fa fa-chevron-down"></i> </a>
      </div>
    </div>
  </div>
  <div id="" class="panel-collapse collapse" role="tabpanel" aria-labelledby="">
    <div class="panel-body">

      <div class="rating-result-list mbvo">
        <div class="header">
          <h3>Ergebnis</h3>
        </div>
        <div class="body">
          <ul>
            <li>
              <span class="wrapper">
                <span>2,8</span>Titel</span>
            </li>
            <li>
              <span class="wrapper">
                <span>2,8</span>Titel</span>
            </li>
            <li>
              <span class="wrapper">
                <span>2,8</span>Titel</span>
            </li>
            <li>
              <span class="wrapper">
                <span>2,8</span>Titel</span>
            </li>
          </ul>
        </div>
        <div class="footer">
          <div class="total-result">
            <span>2,8</span>Gesamtnote
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
			  

Noten der Kundenzufriedenheit aus 19.782 Stimmen

<div class="panel">
  <div class="panel-heading right-tab" role="tab" id="headingOne">

    <div class="rating-result mbvo">
      <div class="header">
        <img src="/images/mbvo-bildmarke.svg" />
        <span>Kunden-zufriedenheit</span>
      </div>
      <div class="body">
        <div class="title">
          Gesamtnote
        </div>
        <div class="note">

        </div>
        <div class="desc">
          Stimmen
        </div>
      </div>
      <div class="footer">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Details <i class="fa fa-chevron-down open-icon"></i> <i class="fa fa-times close-icon"></i>
        </a>
      </div>
    </div>

  </div>
  <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
    <div class="panel-body">

      <div class="rating-result-list mbvo right">
        <div class="header">
          <h3>Noten der Kundenzufriedenheit aus 19.782 Stimmen</h3>
        </div>
        <div class="body">
          <ul>
          </ul>
        </div>
        <div class="footer">
          <div class="total-result">
            <span></span>Gesamtnote
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
			  

Noten des FOCUS-MONEY City Contest 2016

<div class="panel">
  <div class="panel-heading " role="tab" id="headingTwo">

    <div class="rating-result fmcc">
      <div class="header">
        <img src="/images/Logo_FocusMoney.png" />
      </div>
      <div class="body">
        <div class="title">
          Gesamtnote
        </div>
        <div class="note">

        </div>
        <div class="desc">
          Im Jahr 2016
        </div>
      </div>
      <div class="footer">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          Details <i class="fa fa-chevron-down open-icon"></i> <i class="fa fa-times close-icon"></i>
        </a>
      </div>
    </div>
  </div>
  <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
    <div class="panel-body">

      <div class="rating-result-list fmcc left">
        <div class="header">
          <h3>Noten des FOCUS-MONEY City Contest  2016</h3>
        </div>
        <div class="body">
          <ul>

          </ul>
        </div>
        <div class="footer">
          <div class="total-result">
            <span></span>Gesamtnote
          </div>
        </div>
      </div>
    </div>
  </div>
</div>