JSFiddle - React, Tailwind, and code Playground

by Alex José Silva

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="topo" class="linha">
  
	<span>Tipo<span>
	<select name="tipo"> 
		<option value="" >-------- </option>
	</select>

	<span>Agendamento</span>
	<select name="agendamento"> 
		<option value="" >-------- </option>
	</select>

	<span>Online</span>
	<select name="online"> 
		<option value="" > Todos </option>
	</select>

	<span>Vinculados</span>
	<select name="vinculados"> 
		<option value="" > Todos </option>
	</select>
   
	<form action="busca.php" method="post">
		<input type="text" class="search-query" placeholder="Busca">
	</form>

	<button class="btn">
		<img src="./img/search.png" width="25" />
	</button>
	
	<button class="btn">
		<img src="./img/edit.png" width="25" />
	</button>
	
	<button class="btn">
		<img src="./img/deletar.png" width="25" />
	</button>
	
	<button class="btn">
		<img src="./img/add.jpg" width="25" />
	</button>
</div>
  

<div id="detalheMapa">
	<?php //include "mapas/detalheMapa.php"; ?>
</div>

<div id="painelPonto">
	<?php //include "mapas/painelPonto.php"; ?>
</div>

<div id="detalhePonto">
	<?php //include "mapas/detalhePonto.php"; ?>
</div>

<div id="rodape">
	<?php //include "mapas/rodape.php"; ?>
</div>