Elep

<!DOCTYPE html>
<html lang="en">

<head>

<title>Cravvings</title>

<style>
      .custom-select {
          display: inline-block;
          width: 100%;
          height: 100%;
          padding: .375rem 1.75rem .375rem .75rem;
          line-height: 1.5;
          color: #495057;
          vertical-align: middle;
          background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
              background-size: auto;
          background-size: 8px 10px;
          border: 1px solid #ced4da;
          border-radius: .25rem;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
      }
    </style>

</head>

<div class="collapse navbar-collapse" id="mainNav">
          {{-- <form class="form-inline my-2 my-lg-0 search-form" action="#">
            <div class="form-group" style="position: relative">
              <input name="place" class="form-control mr-sm-2 main-search" type="search" placeholder="Search" aria-label="Search" id="mainSearch" autocomplete="off">
              <span class="badge badge-danger" style="top: 10%"><i class="fa fa-close"></i></span> 
            </div>
            <button class="btn btn-outline-warning my-2 my-sm-0" type="submit">Search</button>
          </form> --}}
          <ul class="navbar-nav mr-10">
            <li class="nav-item">
              <a class="nav-link" href="#">Home</a>
            </li>
            {{-- <li class="nav-item">
              <a class="nav-link" href="#about">About</a>
            </li> --}}
            <li class="nav-item">
              <a class="nav-link" href="{{ route('food.index') }}">Food</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="{{ route('places.index') }}">Places</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="{{ route('addPlace') }}">Suggest a place</a>
            </li>
          </ul>
        </div>
      </nav>
    {{-- </div> --}}

<div class="wrapper">
      @yield('content')
    </div>

<footer>
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <span class="copyright">Copyright &copy; Five Nines Technology 2019</span>
          </div>
        </div>
      </div>
    </footer>
    
    @section('javascript')
        <script src="{{ asset('js/jquery.js') }}"></script>
        <script src="{{ asset('js/popper.min.js') }}"></script>
        <script src="{{ asset('js/bootstrap.min.js') }}"></script>

</html>