<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Estoque</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="reset.css">
</head>
<body>
<header>
<div class="caixa">
<h1><img class="img" src="estoque.jpg"></h1>
</div>
</header>
<main>
<h2 class="titulo">O que procura no Estoque ?</h2>
<div>
<button class="botao"><a href="estoque2.html" class="cor-botao">Calça</a></button>
<button class="botao"><a href="estoque2.html" class="cor-botao">Bermuda</a></button>
</div>
</main>
</body>Quero fazer com que se a pessoa clicar em um dos dois botôes, abra outros como se fosse um filtro, se a pessoa clica em Calça, quero que apareça uma outra sequência de botôes: Jeans, Moletom, Sarja, etc.
