WTS - Search v2 (list)

by Paulo Ávila

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/foundation/3.2.2/stylesheets/foundation.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/3.2.2/javascripts/foundation.min.js "></script>
<nav class="top-bar">
  <ul>
    <li class="name"><h1><a href="#">My Waytostay</a></h1></li>
    <li class="divider"></li>
    <li class="toggle-topbar"><a href="#"></a></li>
  </ul>
  <section>
    <ul class="left">
      <li class="has-dropdown">
        <a href="#">English</a>
        <ul class="dropdown">
          <li><a href="#">Deutsch</a></li>
          <li><a href="#">English</a></li>
          <li><a href="#">Español</a></li>
          <li><a href="#">Français</a></li>
          <li><a href="#">Italiano</a></li>
          <li><a href="#">Nederlands</a></li>
          <li><a href="#">РУССКИЙ</a></li>
          <li><a href="#">한국어</a></li>
        </ul>
      </li>
      <li class="has-dropdown">
        <a href="#">EUR</a>
        <ul class="dropdown">
          <li><a href="#">BGN</a></li>
          <li><a href="#">USD</a></li>
          <li><a href="#">GBP</a></li>
        </ul>
      </li>
    </ul>
    <ul class="right">
      <li class="has-dropdown">
        <a href="#">Live Chat / Email</a>
      </li>
    </ul>
    <ul class="right">
      <li class="has-dropdown">
        <a href="#">+34 931 846 865</a>
      </li>
    </ul>
  </section>
</nav>

<ul class="breadcrumbs">
  <li><span>Home</span></li>
  <li><span>Berlin apartments</span></li>
  <li class="current"><span>Search results</span></li>
</ul>

<div class="row">

    <div class="four columns">
      <img src="http://placehold.it/400x300&text=[img]" />
      <h4>This is a content section.</h4>
      <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa. Boudin aliqua adipisicing rump corned beef.</p>
   ...