HTML, CSS and JavaScript playground

<div class="collapse navbar-collapse" id="navbarSupportedContent">
	    <ul class="navbar-nav mr-auto">
	      <li class="nav-item dropdown active">
	        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	          Resources
	        </a>
	        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
	          <a class="dropdown-item" href="#">Extremist Files</a>
	          <a class="dropdown-item" href="#">Hatewatch</a>
	          <a class="dropdown-item" href="#">Case Docket</a>
	        </div>
	      </li>
	      <li class="nav-item dropdown">
	        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	          What We Do
	        </a>
	        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
	          <a class="dropdown-item" href="#">Fighting Hate</a>
	          <a class="dropdown-item" href="#">Teaching Tolerance</a>
	          <a class="dropdown-item" href="#">Seeking Justice</a>
	        </div>
	      </li>
	      <li class="nav-item dropdown">
	        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	          Our Issues
	        </a>
	        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
	          <a class="dropdown-item" href="#">Fighting Hate</a>
	          <a class="dropdown-item" href="#">Teaching Tolerance</a>
	          <a class="dropdown-item" href="#">Seeking Justice</a>
	        </div>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="#">Hatewatch</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="#">Hatemap</a>
	      </li>
	    </ul>

<ul class="navbar-nav ml-auto">
	    	<li class="nav-item">
	    	  <a class="nav-link" href="#"><button type="button" class="btn btn-danger">Ways To Give</button></a>
	    	</li>
	    	<li class="nav-item">
	    	  <a class="nav-link" href="#"><button type="button" class="btn btn-danger">Donate</button></a>
	    	</li>
	    </ul>
	    
	    <form class="form-inline my-2 my-lg-0">
	      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
	    </form>
	  </div>
	</nav>
</div>

</html>