RepresentativeListTest.test_cards.content

<div class="col-xs-12 col-md-4 representative-card">
  <div class="thumbnail">
    <a class="custom-thumbnail custom-invisible" href="/representatives/francois-asensi-1945-06-01/">
      <div class="row">
        <div class="col-xs-5">
          <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/francois-asensi);"/>
          <div class="custom-thumbnail-details">
            
            <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span> France</div>
            
            
            <div class="icon-badge-detail"><span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span> Assemblée nationale</div>
            
            
            <div class="icon-badge-detail"><span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-gdr.png)" title="Gauche démocrate et républicaine"></span> GDR</div>
            
          </div>
        </div>

        <div class="col-xs-7">
          <h4 class="text-center">François Asensi</h4>
          <p class="text-center">
            <br/>
            
            <span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span>
            
            
            <span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span>
            
            
            <span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-gdr.png)" title="Gauche démocrate et républicaine"></span>
            
          </p>
          <p class="text-right"><span class="badge badge-success">35</span></p>
        </div>

      </div>
    </a>
  </div>
</div>
---
<div class="col-xs-12 col-md-4 representative-card">
  <div class="thumbnail">
    <a class="custom-thumbnail custom-invisible" href="/representatives/thierry-benoit-1966-09-13/">
      <div class="row">
        <div class="col-xs-5">
          <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/thierry-benoit);"/>
          <div class="custom-thumbnail-details">
            
            <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span> France</div>
            
            
            <div class="icon-badge-detail"><span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span> Assemblée nationale</div>
            
            
            <div class="icon-badge-detail"><span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-udi.png)" title="Union des démocrates et indépendants"></span> UDI</div>
            
          </div>
        </div>

        <div class="col-xs-7">
          <h4 class="text-center">Thierry Benoit</h4>
          <p class="text-center">
            <br/>
            
            <span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span>
            
            
            <span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span>
            
            
            <span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-udi.png)" title="Union des démocrates et indépendants"></span>
            
          </p>
          <p class="text-right"><span class="badge badge-danger">-305</span></p>
        </div>

      </div>
    </a>
  </div>
</div>
---
<div class="col-xs-12 col-md-4 representative-card">
  <div class="thumbnail">
    <a class="custom-thumbnail custom-invisible" href="/representatives/marcel-bonnot-1946-05-24/">
      <div class="row">
        <div class="col-xs-5">
          <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/marcel-bonnot);"/>
          <div class="custom-thumbnail-details">
            
            <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span> France</div>
            
            
            <div class="icon-badge-detail"><span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span> Assemblée nationale</div>
            
            
            <div class="icon-badge-detail"><span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-lr.png)" title="Les républicains"></span> LR</div>
            
          </div>
        </div>

        <div class="col-xs-7">
          <h4 class="text-center">Marcel Bonnot</h4>
          <p class="text-center">
            <br/>
            
            <span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span>
            
            
            <span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span>
            
            
            <span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-lr.png)" title="Les républicains"></span>
            
          </p>
          <p class="text-right"><span class="badge badge-danger">-205</span></p>
        </div>

      </div>
    </a>
  </div>
</div>
---
<div class="col-xs-12 col-md-4 representative-card">
  <div class="thumbnail">
    <a class="custom-thumbnail custom-invisible" href="/representatives/jean-claude-bouchet-1957-05-02/">
      <div class="row">
        <div class="col-xs-5">
          <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-claude-bouchet);"/>
          <div class="custom-thumbnail-details">
            
            <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span> France</div>
            
            
            <div class="icon-badge-detail"><span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span> Assemblée nationale</div>
            
            
            <div class="icon-badge-detail"><span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-lr.png)" title="Les républicains"></span> LR</div>
            
          </div>
        </div>

        <div class="col-xs-7">
          <h4 class="text-center">Jean-Claude Bouchet</h4>
          <p class="text-center">
            <br/>
            
            <span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span>
            
            
            <span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span>
            
            
            <span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-lr.png)" title="Les républicains"></span>
            
          </p>
          <p class="text-right"><span class="badge badge-danger">-110</span></p>
        </div>

      </div>
    </a>
  </div>
</div>
---
<div class="col-xs-12 col-md-4 representative-card">
  <div class="thumbnail">
    <a class="custom-thumbnail custom-invisible" href="/representatives/paul-brannen-1962-09-13/">
      <div class="row">
        <div class="col-xs-5">
          <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/124954.jpg);"/>
          <div class="custom-thumbnail-details">
            
            <div class="icon-badge-detail"><span class="flag-icon flag-icon-gb" data-placement="bottom" data-toggle="tooltip" title="United Kingdom"></span> United Kingdom</div>
            
            
            <div class="icon-badge-detail"><span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-ep.png)" title="European Parliament"></span> European Parliament</div>
            
            
            <div class="icon-badge-detail"><span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-ep-sd.png)" title="Group of the Progressive Alliance of Socialists and Democrats in the European Parliament"></span> SD</div>
            
          </div>
        </div>

        <div class="col-xs-7">
          <h4 class="text-center">Paul BRANNEN</h4>
          <p class="text-center">
            <br/>
            
            <span class="flag-icon flag-icon-gb" data-placement="bottom" data-toggle="tooltip" title="United Kingdom"></span>
            
            
            <span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-ep.png)" title="European Parliament"></span>
            
            
            <span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-ep-sd.png)" title="Group of the Progressive Alliance of Socialists and Democrats in the European Parliament"></span>
            
          </p>
          <p class="text-right"><span class="badge badge-primary">0</span></p>
        </div>

      </div>
    </a>
  </div>
</div>
---
<div class="col-xs-12 col-md-4 representative-card">
  <div class="thumbnail">
    <a class="custom-thumbnail custom-invisible" href="/representatives/udo-bullmann-1956-06-08/">
      <div class="row">
        <div class="col-xs-5">
          <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/4267.jpg);"/>
          <div class="custom-thumbnail-details">
            
            <div class="icon-badge-detail"><span class="flag-icon flag-icon-de" data-placement="bottom" data-toggle="tooltip" title="Germany"></span> Germany</div>
            
            
            <div class="icon-badge-detail"><span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-ep.png)" title="European Parliament"></span> European Parliament</div>
            
            
            <div class="icon-badge-detail"><span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-ep-sd.png)" title="Group of the Progressive Alliance of Socialists and Democrats in the European Parliament"></span> SD</div>
            
          </div>
        </div>

        <div class="col-xs-7">
          <h4 class="text-center">Udo BULLMANN</h4>
          <p class="text-center">
            <br/>
            
            <span class="flag-icon flag-icon-de" data-placement="bottom" data-toggle="tooltip" title="Germany"></span>
            
            
            <span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-ep.png)" title="European Parliament"></span>
            
            
            <span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-ep-sd.png)" title="Group of the Progressive Alliance of Socialists and Democrats in the European Parliament"></span>
            
          </p>
          <p class="text-right"><span class="badge badge-success">1480</span></p>
        </div>

      </div>
    </a>
  </div>
</div>
---
<div class="col-xs-12 col-md-4 representative-card">
  <div class="thumbnail">
    <a class="custom-thumbnail custom-invisible" href="/representatives/jean-paul-chanteguet-1949-12-09/">
      <div class="row">
        <div class="col-xs-5">
          <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-paul-chanteguet);"/>
          <div class="custom-thumbnail-details">
            
            <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span> France</div>
            
            
            <div class="icon-badge-detail"><span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span> Assemblée nationale</div>
            
            
            <div class="icon-badge-detail"><span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-ser.png)" title="Socialiste, écologiste et républicain"></span> SER</div>
            
          </div>
        </div>

        <div class="col-xs-7">
          <h4 class="text-center">Jean-Paul Chanteguet</h4>
          <p class="text-center">
            <br/>
            
            <span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span>
            
            
            <span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span>
            
            
            <span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-ser.png)" title="Socialiste, écologiste et républicain"></span>
            
          </p>
          <p class="text-right"><span class="badge badge-primary">0</span></p>
        </div>

      </div>
    </a>
  </div>
</div>
---
<div class="col-xs-12 col-md-4 representative-card">
  <div class="thumbnail">
    <a class="custom-thumbnail custom-invisible" href="/representatives/jean-louis-christ-1951-01-24/">
      <div class="row">
        <div class="col-xs-5">
          <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-louis-christ);"/>
          <div class="custom-thumbnail-details">
            
            <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span> France</div>
            
            
            <div class="icon-badge-detail"><span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span> Assemblée nationale</div>
            
            
            <div class="icon-badge-detail"><span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-lr.png)" title="Les républicains"></span> LR</div>
            
          </div>
        </div>

        <div class="col-xs-7">
          <h4 class="text-center">Jean-Louis Christ</h4>
          <p class="text-center">
            <br/>
            
            <span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span>
            
            
            <span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span>
            
            
            <span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-lr.png)" title="Les républicains"></span>
            
          </p>
          <p class="text-right"><span class="badge badge-danger">-135</span></p>
        </div>

      </div>
    </a>
  </div>
</div>
---
<div class="col-xs-12 col-md-4 representative-card">
  <div class="thumbnail">
    <a class="custom-thumbnail custom-invisible" href="/representatives/jean-michel-couve-1940-01-03/">
      <div class="row">
        <div class="col-xs-5">
          <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-michel-couve);"/>
          <div class="custom-thumbnail-details">
            
            <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span> France</div>
            
            
            <div class="icon-badge-detail"><span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span> Assemblée nationale</div>
            
            
            <div class="icon-badge-detail"><span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-lr.png)" title="Les républicains"></span> LR</div>
            
          </div>
        </div>

        <div class="col-xs-7">
          <h4 class="text-center">Jean-Michel Couve</h4>
          <p class="text-center">
            <br/>
            
            <span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span>
            
            
            <span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span>
            
            
            <span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-lr.png)" title="Les républicains"></span>
            
          </p>
          <p class="text-right"><span class="badge badge-danger">-195</span></p>
        </div>

      </div>
    </a>
  </div>
</div>
---
<div class="col-xs-12 col-md-4 representative-card">
  <div class="thumbnail">
    <a class="custom-thumbnail custom-invisible" href="/representatives/esther-de-lange-1975-02-19/">
      <div class="row">
        <div class="col-xs-5">
          <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/38398.jpg);"/>
          <div class="custom-thumbnail-details">
            
            <div class="icon-badge-detail"><span class="flag-icon flag-icon-nl" data-placement="bottom" data-toggle="tooltip" title="Netherlands"></span> Netherlands</div>
            
            
            <div class="icon-badge-detail"><span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-ep.png)" title="European Parliament"></span> European Parliament</div>
            
            
            <div class="icon-badge-detail"><span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-ep-epp.png)" title="Group of the European People's Party (Christian Democrats)"></span> EPP</div>
            
          </div>
        </div>

        <div class="col-xs-7">
          <h4 class="text-center">Esther de LANGE</h4>
          <p class="text-center">
            <br/>
            
            <span class="flag-icon flag-icon-nl" data-placement="bottom" data-toggle="tooltip" title="Netherlands"></span>
            
            
            <span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-ep.png)" title="European Parliament"></span>
            
            
            <span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-ep-epp.png)" title="Group of the European People's Party (Christian Democrats)"></span>
            
          </p>
          <p class="text-right"><span class="badge badge-danger">-1216</span></p>
        </div>

      </div>
    </a>
  </div>
</div>
---
<div class="col-xs-12 col-md-4 representative-card">
  <div class="thumbnail">
    <a class="custom-thumbnail custom-invisible" href="/representatives/albert-dess-1947-04-17/">
      <div class="row">
        <div class="col-xs-5">
          <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/28228.jpg);"/>
          <div class="custom-thumbnail-details">
            
            <div class="icon-badge-detail"><span class="flag-icon flag-icon-de" data-placement="bottom" data-toggle="tooltip" title="Germany"></span> Germany</div>
            
            
            <div class="icon-badge-detail"><span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-ep.png)" title="European Parliament"></span> European Parliament</div>
            
            
            <div class="icon-badge-detail"><span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-ep-epp.png)" title="Group of the European People's Party (Christian Democrats)"></span> EPP</div>
            
          </div>
        </div>

        <div class="col-xs-7">
          <h4 class="text-center">Albert DESS</h4>
          <p class="text-center">
            <br/>
            
            <span class="flag-icon flag-icon-de" data-placement="bottom" data-toggle="tooltip" title="Germany"></span>
            
            
            <span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-ep.png)" title="European Parliament"></span>
            
            
            <span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-ep-epp.png)" title="Group of the European People's Party (Christian Democrats)"></span>
            
          </p>
          <p class="text-right"><span class="badge badge-danger">-1216</span></p>
        </div>

      </div>
    </a>
  </div>
</div>
---
<div class="col-xs-12 col-md-4 representative-card">
  <div class="thumbnail">
    <a class="custom-thumbnail custom-invisible" href="/representatives/marc-dolez-1952-10-21/">
      <div class="row">
        <div class="col-xs-5">
          <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/marc-dolez);"/>
          <div class="custom-thumbnail-details">
            
            <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span> France</div>
            
            
            <div class="icon-badge-detail"><span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span> Assemblée nationale</div>
            
            
            <div class="icon-badge-detail"><span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-gdr.png)" title="Gauche démocrate et républicaine"></span> GDR</div>
            
          </div>
        </div>

        <div class="col-xs-7">
          <h4 class="text-center">Marc Dolez</h4>
          <p class="text-center">
            <br/>
            
            <span class="flag-icon flag-icon-fr" data-placement="bottom" data-toggle="tooltip" title="France"></span>
            
            
            <span class="chamber-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/chamber-an.png)" title="Assemblée nationale"></span>
            
            
            <span class="group-icon" data-placement="bottom" data-toggle="tooltip" style="background-image: url(/static/collected/images/group-an-gdr.png)" title="Gauche démocrate et républicaine"></span>
            
          </p>
          <p class="text-right"><span class="badge badge-danger">-235</span></p>
        </div>

      </div>
    </a>
  </div>
</div>