MZ 2.0

by halirgb

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<div class="container">
    <div class="row">
            <nav class="navbar navbar-default" role="navigation">
    <ul class="nav navbar-nav">
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Categorii <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Meniul Zilei</a></li>
          <li><a href="#">Pizzerii</a></li>
          <li><a href="#">Restaurante</a></li>
          <li><a href="#">Fast food</a></li>
          <li class="divider"></li>
            <li><a href="#">Cele mai preferate</a>
          <li><a href="#">La reducere</a></li>
        </ul>
      </li>
    </ul>
    <form class="navbar-form navbar-left" role="search">
      <div class="form-group">
        <input type="text" class="form-control" placeholder="Search">
      </div>
      <button type="submit" class="btn btn-default">Submit</button>
    </form>
    <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Sign in / Create account</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Username <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </li>
    </ul>
  </div><!-- /.navbar-collapse -->
</nav>
    </div>
    <div class="row">
        <div class="col-sm-6">
            <h1>Cele mai preferate</h1>
        </div>
        <div class="col-sm-6">
            <h1>La reducere <a href="">Azi</a></h1>
        </div>   
    </div>
</div>