Afeitadora Wet & Dry G-Blade
Detalles
<style>
@font-face {
font-family: 'Texta';
src: url('path/to/texta-regular.woff2') format('woff2'),
url('path/to/texta-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'Texta', Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #ffffff; /* Fondo blanco */
}
h1 {
font-size: 30px;
font-weight: bold;
color: #333;
text-align: center;
margin: 20px 0;
line-height: 1.3;
}
.container-a1 {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.header-a2, .banner-a3, .tech-specs-container-a4 {
text-align: center;
margin-bottom: 20px;
}
.header-a2 img, .banner-a3 img {
max-width: 100%;
height: auto;
}
.header-a2 .banner-desktop-a5, .banner-a3 .banner-desktop-a5 {
display: block;
}
.header-a2 .banner-mobile-a6, .banner-a3 .banner-mobile-a6 {
display: none;
}
.features-a7 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}
.feature-a8 {
flex: 1;
margin: 10px;
text-align: center;
overflow: hidden;
min-width: 280px;
}
.feature-a8 img {
max-width: 100%;
height: auto;
transition: transform 0.3s ease;
}
.feature-a8:hover img {
transform: scale(1.1);
}
.feature-a8 h3 {
margin-top: 10px;
}
.feature-a8 p {
margin-top: 5px;
color: #666;
}
.additional-section-a9 {
display: flex;
align-items: center;
margin-top: 40px;
}
.additional-section-a9 img {
max-width: 50%;
height: auto;
}
.additional-section-a9 .text-a10 {
flex: 1;
padding: 20px;
}
.additional-section-a9 h2 {
margin-bottom: 20px;
}
.additional-section-a9 p {
color: #666;
}
.additional-section-reverse-a11 {
flex-direction: row-reverse;
}
.tech-specs-wrapper-a12 {
background: linear-gradient(to right, #ffff, #ffffff) !important;
padding: 40px 0;
width: 100%;
margin: 0 auto;
border-radius: 0px;
}
.tech-specs-container-a4 {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.tech-specs-a13 h2 {
margin-bottom: 20px;
font-size: 24px;
}
.specs-grid-a14 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
justify-items: center;
}
.spec-a15 {
text-align: center;
transition: transform 0.3s ease;
}
.spec-a15 img {
width: 100px;
height: 100px;
margin-bottom: 10px;
transition: transform 0.3s ease;
}
.spec-a15:hover {
transform: scale(1.1);
}
.spec-a15:hover img {
transform: scale(1.1);
}
.spec-a15 h3 {
font-size: 16px;
margin: 10px 0;
}
.banner-a3 {
text-align: center;
margin-top: 10px;
}
.banner-a3 img {
width: 100%;
height: auto;
}
.banner-a3 .banner-desktop-a5 {
display: block;
}
.banner-a3 .banner-mobile-a6 {
display: none;
}
@media (max-width: 768px) {
.features-a7 {
flex-direction: column;
align-items: center;
}
.feature-a8 {
margin: 10px 0;
}
.feature-a8 img {
transition: none;
}
.header-a2 .banner-desktop-a5 {
display: none;
}
.header-a2 .banner-mobile-a6 {
display: block;
}
.additional-section-a9,
.additional-section-reverse-a11 {
flex-direction: column;
text-align: center;
}
.additional-section-a9 img,
.additional-section-reverse-a11 img {
max-width: 100%;
margin-bottom: 20px;
}
.banner-a3 .banner-desktop-a5 {
display: none;
}
.banner-a3 .banner-mobile-a6 {
display: block;
}
.specs-grid-a14 {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
</style>
</head>
<body>
<div class="container-a1">
<div class="header-a2">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/ef329930-f43f-46ad-ba65-3380e017a203___98aa7adc5fee720a35df9452d6d203b7.jpg" alt="Banner desktop" class="banner-desktop-a5">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/1d67bf48-90d1-458c-a40f-b797baff333b___2986b5503c8f6154d90ef8e56f11ee5d.jpg" alt="Banner mobile" class="banner-mobile-a6">
<h1>Rasuradora GAMA G-Blade<br>Trimmer facial y corporal</h1>
<h2>Rasurado en minutos y sin esfuerzo con<strong> G-Blade!</strong></h2>
</div>
<div class="features-a7">
<div class="feature-a8">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/f429c03a-9edb-4f54-9b2f-d60ac0082074___aea8ca9e32c89d664c0b8a77a43a5420.jpg" alt="Height Adjustment">
<h3>Cuchillas de Acero Inoxidable</h3>
<p>Equipado con cuchillas de acero inoxidable, este trimmer garantiza un corte preciso y uniforme en cada pasada.</p>
</div>
<div class="feature-a8">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/0be99e97-b3e4-4ec9-913c-4e825056f45e___d2c25aec74168795b61a464be2b54ef2.jpg" alt="Powerful Suction">
<h3>La precisión que necesitas</h3>
<p>Adapta tu look con facilidad eligiendo entre 5 medidas de corte diferentes: 1/2/3/5/6 mm, para lograr el estilo perfecto en cualquier ocasión. </p>
</div>
<div class="feature-a8">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/6ea62db5-3f92-4fb7-b1fd-7a081ba75b9b___f6bd095cdecb8ecd8fe68d7a0cc6b5e5.jpg" alt="Lightweight As Always">
<h3>Batería de Alta Duración</h3>
<p>Disfruta de hasta 60 minutos de autonomía inalámbrica gracias a su potente batería de LITIO ION. Además, cuenta con un cable USB para cargarla donde quieras.</p>
</div>
</div>
</div>
<div class="container-a1">
<h2 style="text-align: center;">Face & Body Shaver</h2>
<div class="additional-section-a9">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/d52b5952-88f5-4801-b83b-ca25783b6d4e___c5ef411e908a3fc29d9ca02e0239f125.png" alt="Presentación de diseño Dyson">
<div class="text-a10">
<h2>Tecnología Wet & Dry</h2>
<h3>Usa tu G-Blade en la ducha o en seco</h3>
<p>Recorta tu vello corporal desde la comodidad de la ducha y en minutos. Con el protector de 1mm, recorta tus zonas más sensibles sin riesgo de corte o irritación. Tu rutina de cuidado personal más simple y fácil con G-Blade.</p>
</div>
</div>
<div class="additional-section-a9 additional-section-reverse-a11">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/4d8aea59-93cd-471d-9f2e-7a3448da43b7___5426c8c9de9b2e3d8f53128e1d788095.png" alt="Descripción adicional">
<div class="text-a10">
<h2>Experiencia Cordless</h2>
<h3>Olvidate de los cables y enchufes</h3>
<p>Olvídate de los cables y enchufes. Lleva tu G-Blade a todos lados contigo, sin necesidad de cargar con cables extras. Esta afeitadora es inalámbrica y super liviana, lo que la hace perfecta para recortar tu barba en cualquier momento y lugar.</p>
</div>
</div>
</div>
<div class="tech-specs-container-a4">
<div class="tech-specs-wrapper-a12">
<div class="tech-specs-a13">
<h2>Trimmer Blade Usos</h2>
<div class="specs-grid-a14">
<div class="spec-a15">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/d1284b1e-079b-4f31-93c4-ecb1acd7810b___8ccff6ab9e7670b32f9b9c4a6db597c9.png" alt="Icon">
<h3>Rostro</h3>
</div>
<div class="spec-a15">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/0fb3c08b-223c-498d-84cc-f44c86cbabc3___6ddfbcde4eeb6d1cb3b1eff54d0c80b2.png" alt="Icon">
<h3>Axila</h3>
</div>
<div class="spec-a15">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/4d186596-7510-48b7-b112-ea3be413bba7___ef84c02afee5502516d1bfc3c5464f82.png" alt="Icon">
<h3>Pecho</h3>
</div>
<div class="spec-a15">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/bcc26865-6714-4ca4-a847-5fdf3fad62ff___7597434f33c4ac693af136c1eefcc83e.png" alt="Icon">
<h3>Partes íntimas</h3>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="container-a1 banner-a3">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/45ce61ae-5e49-45e4-b708-b1ab6b798227___e743ea9a814e85a26cd0e98dcebe3f20.png" alt="Final Banner" class="banner-desktop-a5">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/e78c203d-8e2d-4a4a-a0fc-e4e5b000d1d9___f947d471fcc4379d01dda6b39f302869.jpg" alt="Final Banner Mobile" class="banner-mobile-a6">
</div> -->
</div>