foundation 6 top-bar w/ logo

using foundation 6.0.1 via cdn

by María Fernández

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.1/js/vendor/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.1/js/foundation.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.1/css/foundation.min.css">
<div class="top-bar">
  <div class="top-bar-left">
    <ul class="menu">
      <li class="logo"><img src="http://loopup.com/wp-content/uploads/2016/02/loopup-logo.png"></li>
      <li class="title">Site Title</li>
    </ul>
  </div>
  <div class="top-bar-right">
    <ul class="menu">
      <li><a href="#">one</a></li>
      <li><a href="#">two</a></li>
      <li><a href="#">three</a></li>
    </ul>
  </div>
</div>

CSS

.top-bar-right {
  margin: 20px;
}