Descripcion Pasteles

This commit is contained in:
Cesar.Gomez 2024-05-10 14:40:10 -06:00
parent 102b6ef513
commit d708a57d99
8 changed files with 40 additions and 71 deletions

View File

@ -157,6 +157,7 @@
background-color: #fff;
height: 4.4rem;
overflow: hidden;
}
.search-form input {
@ -168,10 +169,12 @@
padding: 0 2rem;
color: #777;
cursor: pointer;
display: none;
}
.search-form input::-webkit-search-cancel-button {
appearance: none;
}
.search-form .btn-search {
@ -182,6 +185,7 @@
justify-content: center;
height: 100%;
padding: 1rem;
display: none;
}
.btn-search i {

View File

@ -105,9 +105,9 @@ function ChocolateBlanco() {
<div className="container-details-product">
<div className="form-group">
<div className="OpcionesPers">
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1">$400</p>
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1">Grande</p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
<div className="mb-4">
</div>
@ -121,7 +121,7 @@ function ChocolateBlanco() {
<div className="container-add-cart">
<button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i>
Añadir al carrito
Comprar
</button>
</div>
@ -132,14 +132,7 @@ function ChocolateBlanco() {
</div>
<div className="text-description">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Laboriosam iure provident atque voluptatibus reiciendis quae
rerum, maxime placeat enim cupiditate voluptatum, temporibus
quis iusto. Enim eum qui delectus deleniti similique? Lorem,
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
officiis quod blanditiis iste?
Este es un delicioso pastel de globo terráqueo de chocolate con glaseado de vainilla. El pastel es de un color marrón intenso y tiene una textura húmeda y densa. El glaseado de vainilla es cremoso y dulce, y la decoración del globo terráqueo con glaseado azul y verde añade un toque de creatividad y diversión.
</p>
</div>
</div>

View File

@ -99,16 +99,16 @@ function PastelCajeta() {
<div className="container-info-product">
<div className="container-price">
<h1 className="titulo-Pastel">Pastel De Chocolate</h1>
<h1 className="titulo-Pastel">Pastel De Cajeta</h1>
<i className="fa-solid fa-angle-right"></i>
</div>
<div className="container-details-product">
<div className="form-group">
<div className="OpcionesPers">
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1">$400</p>
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1">Grande</p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
<div className="mb-4">
</div>
@ -122,7 +122,7 @@ function PastelCajeta() {
<div className="container-add-cart">
<button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i>
Añadir al carrito
Comprar
</button>
</div>
@ -133,14 +133,7 @@ function PastelCajeta() {
</div>
<div className="text-description">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Laboriosam iure provident atque voluptatibus reiciendis quae
rerum, maxime placeat enim cupiditate voluptatum, temporibus
quis iusto. Enim eum qui delectus deleniti similique? Lorem,
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
officiis quod blanditiis iste?
Este es un delicioso pastel de chocolate con ganache de chocolate y frambuesas. El pastel es de un color marrón intenso y tiene una textura húmeda y densa. El ganache de chocolate es cremoso y dulce, y las frambuesas frescas añaden un toque de acidez y color.
</p>
</div>
</div>

View File

@ -107,9 +107,11 @@ function PastelChocolate() {
<div className="container-details-product">
<div className="form-group">
<div className="OpcionesPers">
<h2 className="textPersPastel">Personaliza tu pastel</h2>
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
<div className="mb-4">
<p className="pastel-Type">Tipo de Pastel</p>
</div>
<div className="mb-6">
@ -122,7 +124,7 @@ function PastelChocolate() {
<div className="container-add-cart">
<button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i>
Añadir al carrito
Comprar
</button>
</div>
@ -133,14 +135,7 @@ function PastelChocolate() {
</div>
<div className="text-description">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Laboriosam iure provident atque voluptatibus reiciendis quae
rerum, maxime placeat enim cupiditate voluptatum, temporibus
quis iusto. Enim eum qui delectus deleniti similique? Lorem,
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
officiis quod blanditiis iste?
Este es un delicioso pastel de chocolate con frosting de chocolate y bolitas de chocolate. El pastel es de un color marrón intenso y tiene una textura húmeda y densa. El frosting de chocolate es cremoso y dulce, y las bolitas de chocolate añaden un toque de textura y sabor.
</p>
</div>
</div>

View File

@ -98,16 +98,16 @@ function PastelFrambuesa() {
<div className="container-info-product">
<div className="container-price">
<h1 className="titulo-Pastel">Pastel De Chocolate</h1>
<h1 className="titulo-Pastel">Pastel De Frambuesa</h1>
<i className="fa-solid fa-angle-right"></i>
</div>
<div className="container-details-product">
<div className="form-group">
<div className="OpcionesPers">
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1">$400</p>
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1">Grande</p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
<div className="mb-4">
</div>
@ -121,7 +121,7 @@ function PastelFrambuesa() {
<div className="container-add-cart">
<button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i>
Añadir al carrito
Comprar
</button>
</div>
@ -132,14 +132,7 @@ function PastelFrambuesa() {
</div>
<div className="text-description">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Laboriosam iure provident atque voluptatibus reiciendis quae
rerum, maxime placeat enim cupiditate voluptatum, temporibus
quis iusto. Enim eum qui delectus deleniti similique? Lorem,
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
officiis quod blanditiis iste?
Este es un delicioso pastel de terciopelo rojo con glaseado blanco y chispas. El pastel es de un color rojo intenso y tiene una textura suave y húmeda. El glaseado blanco es cremoso y dulce, y las chispas añaden un toque de color y diversión.
</p>
</div>
</div>

View File

@ -107,9 +107,12 @@ function PastelMoka() {
<div className="container-details-product">
<div className="form-group">
<div className="OpcionesPers">
<h2 className="textPersPastel">Personaliza tu pastel</h2>
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
<div className="mb-4">
<p className="pastel-Type">Tipo de Pastel</p>
</div>
<div className="mb-6">
@ -122,7 +125,7 @@ function PastelMoka() {
<div className="container-add-cart">
<button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i>
Añadir al carrito
Comprar
</button>
</div>
@ -133,14 +136,7 @@ function PastelMoka() {
</div>
<div className="text-description">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Laboriosam iure provident atque voluptatibus reiciendis quae
rerum, maxime placeat enim cupiditate voluptatum, temporibus
quis iusto. Enim eum qui delectus deleniti similique? Lorem,
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
officiis quod blanditiis iste?
Este es un delicioso pastel de chocolate con ganache de chocolate. El pastel es de un color marrón intenso y tiene una textura húmeda y densa. El ganache de chocolate es cremoso y dulce, y la decoración con frutas frescas añade un toque de frescura y color.
</p>
</div>
</div>

View File

@ -98,16 +98,16 @@ function PastelZanahoria() {
<div className="container-info-product">
<div className="container-price">
<h1 className="titulo-Pastel">Pastel De Chocolate</h1>
<h1 className="titulo-Pastel">Pastel De Zanahoria</h1>
<i className="fa-solid fa-angle-right"></i>
</div>
<div className="container-details-product">
<div className="form-group">
<div className="OpcionesPers">
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1">$400</p>
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1">Grande</p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
<div className="mb-4">
</div>
@ -121,7 +121,7 @@ function PastelZanahoria() {
<div className="container-add-cart">
<button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i>
Añadir al carrito
Comprar
</button>
</div>
@ -132,14 +132,7 @@ function PastelZanahoria() {
</div>
<div className="text-description">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Laboriosam iure provident atque voluptatibus reiciendis quae
rerum, maxime placeat enim cupiditate voluptatum, temporibus
quis iusto. Enim eum qui delectus deleniti similique? Lorem,
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
officiis quod blanditiis iste?
Este es un delicioso pastel de zanahoria con queso crema y nueces picadas. El pastel es de un color naranja intenso y tiene una textura húmeda y densa. El queso crema es cremoso y dulce, y las nueces picadas añaden un toque de textura y sabor.
</p>
</div>
</div>

View File

@ -145,7 +145,6 @@
.menu a:hover {
color: #fff;
}
.search-form {
position: relative;
display: flex;
@ -155,6 +154,7 @@
background-color: #fff;
height: 4.4rem;
overflow: hidden;
}
.search-form input {
@ -166,10 +166,12 @@
padding: 0 2rem;
color: #777;
cursor: pointer;
display: none;
}
.search-form input::-webkit-search-cancel-button {
appearance: none;
}
.search-form .btn-search {
@ -180,8 +182,8 @@
justify-content: center;
height: 100%;
padding: 1rem;
display: none;
}
.btn-search i {
font-size: 2rem;
color: #fff;