petClient.html

<div>
    <input id="searchPet" type="search" placeholder="Pesquisar por nome" style="width: 100%; color: black; border-radius: 7px"/>
    <ul>
    <li><h2>Cadastro de PET</h2></li>
        <li>
            <div class="div-signIn">
                <form data-form-name="formCreatePET" action="/insert/pet" method="POST" target="">
                    <div class="div-field">
                        Nome:
                        <input name="pet.name" type="text" placeholder="Nome completo"/>
                    </div>
                    <div class="div-field">
                        Raça:
                        <input name="pet.race" type="text" placeholder="doggo"/>
                    </div>
                    <div class="div-field">
                        Idade:
                        <input name="pet.age" type="number" placeholder="0"/>
                    </div>

                    <div class="div-field">
                        <span >Foto: </span>
                        <input name="pet.img" type="text" placeholder="Link para a imagem"/>
                    </div>
                    <input id="ownerPET" type="text" name="pet.owner" class="hidden" value=""/>
                    <button type='submit' class="btn" style="background-color: darkblue; width: 40%; margin-top: 10px; float: right"><span

                        style="font-size: large; color: white; margin-top: 5px">Cadastrar</span></button>
                </form>
            </div>
        </li>
    </ul>
</div>
<div id="contentStore" style="margin: 60px 20px 20px 0px; display: inline-flex; flex-direction: column; width: 100%">
    <div id='petList' class="row" style="margin-top: 20px">
    </div>

</div>