<!--<div class="row" id="botoes">
	<div class="col-lg-4 bt-1 p-2">
		<a href="">
		<i class="fa fa-whatsapp"></i></a>
	</div>
	<div class="col-lg-4 bt-2 p-2">
		<a href="">
		<i class="fa-solid fa-phone"></i> </a>
	</div>
	<div class="col-lg-4 bt-3 p-2">
		<a href="">
		<i class="fa-solid fa-envelope"></i></a>
	</div>	
</div>
-->

<div class="row" id="botoes">

	<div class="bt-2 p-3 float-start bts" id="telefone">
		<a href="<?=$url_fone?>">
		<i class="fa fa-solid fa-phone"></i> </a>
	</div>
	<div class="bt-3 p-3 float-start bts" id="email">
		<a href="<?=$url;?>contato.php">
		<i class="fa fa-solid fa-envelope"></i></a>
	</div>	
	<div class="bt-1 p-3 float-start bts" id="whatsapp">
		<a href="<?=$url_whats?>">
		<i class="fa-brands fa-whatsapp"></i></a>
	</div>
</div>



<!-- Bootstrap core JavaScript -->


<script src="<?=$url;?>vendor/jquery/jquery.min.js"></script>
<script src="<?=$url;?>vendor/cookie/load.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>


<!-- Vendor JS Files -->
<script src="<?=$url;?>vendor/glightbox/js/glightbox.min.js"></script>
<script src="<?=$url;?>vendor/swiper/swiper-bundle.min.js"></script>
<script src="<?=$url;?>js/main.js"></script>


<script>
	const handlePhone = (event) => {
	  let input = event.target
	  input.value = phoneMask(input.value)
	}

	const phoneMask = (value) => {
	  if (!value) return ""
	  value = value.replace(/\D/g,'')
	  value = value.replace(/(\d{2})(\d)/,"($1) $2")
	  value = value.replace(/(\d)(\d{4})$/,"$1-$2")
	  return value
	}
</script>

</body>

</html>