Semantic UI Top Nav Bar

HTML

<link rel="stylesheet" href="https://semantic-ui.com/dist/semantic.css">
<script src="https://semantic-ui.com/dist/semantic.js"></script>
<div class="ui menu">
  <a class="item" href="https://www.google.com">Google 1</a>
  <div class="ui dropdown link item">
    <a href="#">
      <span>Google 2</span>
      <i class="dropdown icon"></i>
    </a>
    <div class="menu">
      <a class="item" href="https://www.google.com">Google 2.1</a>
      <a class="item" href="https://www.google.com">Google 2.2</a>
      <a class="item" href="https://www.google.com">Google 2.3</a>
    </div>
  </div>
</div>

CSS

body {
  padding: 1em;
}

JavaScript

$(document).ready(function() {
  $('.ui.dropdown').dropdown();
});