Alex_Pedro/eCommerce
1
0
Fork 0
Code Issues 1 Pull requests Projects 1 Releases Packages Wiki Activity Actions

Cards produtos

Browse source 
Nesse caso, ajustei a parte onde irá vir os cards de produtos, são 3 cards por linha na tela de produtos, utilizei 6 cards para verificar, posicionamentos, responsividades e etc...
This commit is contained in:
Alex Pedro 2024-06-15 12:54:49 -03:00
parent e6460d89eb
commit d567d618c4
2 changed files with 103 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
index.php
View file

@ -91,4 +91,3 @@
</div> </div>
</section> </section>
<?php include "includes/footer.php"; ?> <?php include "includes/footer.php"; ?>
\

103
produtos.php
View file

@ -47,5 +47,108 @@
</span> </span>
</div> </div>
</div> </div>
<hr>
<section class="cardProd">
<div class="d-flex row">
<div class="card-group">
<div class="col-md-4">
<div class="card cardProduto">
<div class="imagem">
<img src="img/javier-oquendo-centenario-off-1.jpeg" class="card-img-top"
alt="Nome do Produto" />
</div>
<div class="card-body informacoes">
<h3 class="nome">Nome do Produto</h3>
<p class="descricao">descrição do Produto</p>
<p class="preco">R$ 100,00</p>
<button class="botaoCarrinho">
Adicionar ao carrinho
</button>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card cardProduto">
<div class="imagem">
<img src="img/javier-oquendo-centenario-off-1.jpeg" class="card-img-top"
alt="Nome do Produto" />
</div>
<div class="card-body informacoes">
<h3 class="nome">Nome do Produto</h3>
<p class="descricao">descrição do Produto</p>
<p class="preco">R$ 100,00</p>
<button class="botaoCarrinho">
Adicionar ao carrinho
</button>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card cardProduto">
<div class="imagem">
<img src="img/javier-oquendo-centenario-off-1.jpeg" class="card-img-top"
alt="Nome do Produto" />
</div>
<div class="card-body informacoes">
<h3 class="nome">Nome do Produto</h3>
<p class="descricao">descrição do Produto</p>
<p class="preco">R$ 100,00</p>
<button class="botaoCarrinho">
Adicionar ao carrinho
</button>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card cardProduto">
<div class="imagem">
<img src="img/javier-oquendo-centenario-off-1.jpeg" class="card-img-top"
alt="Nome do Produto" />
</div>
<div class="card-body informacoes">
<h3 class="nome">Nome do Produto</h3>
<p class="descricao">descrição do Produto</p>
<p class="preco">R$ 100,00</p>
<button class="botaoCarrinho">
Adicionar ao carrinho
</button>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card cardProduto">
<div class="imagem">
<img src="img/javier-oquendo-centenario-off-1.jpeg" class="card-img-top"
alt="Nome do Produto" />
</div>
<div class="card-body informacoes">
<h3 class="nome">Nome do Produto</h3>
<p class="descricao">descrição do Produto</p>
<p class="preco">R$ 100,00</p>
<button class="botaoCarrinho">
Adicionar ao carrinho
</button>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card cardProduto">
<div class="imagem">
<img src="img/javier-oquendo-centenario-off-1.jpeg" class="card-img-top"
alt="Nome do Produto" />
</div>
<div class="card-body informacoes">
<h3 class="nome">Nome do Produto</h3>
<p class="descricao">descrição do Produto</p>
<p class="preco">R$ 100,00</p>
<button class="botaoCarrinho">
Adicionar ao carrinho
</button>
</div>
</div>
</div>
</div>
</div>
</section>
</div> </div>
<?php include "includes/footer.php";?> <?php include "includes/footer.php";?>