Question

Pensando no início da divulgação via página da Internet, elabore um protótipo de uma tela em HTML
do aplicativo com dados fictícios como: cidade, nome do aplicativo e sua função. Logo abaixo, insira
uma tabela preenchida com 10 linhas constando:

Nome do pet
Raça
Sexo
Latitude
Longitude

Answer 1

Para a tabela você pode usar:

<!-- Em linhas -->

<tr class="table-active">...</tr>

<tr class="table-primary">...</tr>

<tr class="table-secondary">...</tr>

<tr class="table-success">...</tr>

<tr class="table-danger">...</tr>

<tr class="table-warning">...</tr>

<tr class="table-info">...</tr>

<tr class="table-light">...</tr>

<tr class="table-dark">...</tr>

<!-- Em células (`td` ou `th`) -->

<tr>

 <td class="table-active">...</td>

 <td class="table-primary">...</td>

 <td class="table-secondary">...</td>

 <td class="table-success">...</td>

 <td class="table-danger">...</td>

 <td class="table-warning">...</td>

 <td class="table-info">...</td>

 <td class="table-light">...</td>

 <td class="table-dark">...</td>

</tr>

Para exibir as informações cidade, nome do aplicativo e sua função. Você pode usar um carousel, passando essas informações.

<div class="carousel-item">

 <img src="..." alt="...">

 <div class="carousel-caption d-none d-md-block">

   <h5>...</h5>

   <p>...</p>

 </div>

</div>