tailles de bagues (ne pas supprimer)
<style><!--
#Galerie {
scroll-snap-type : x obligatoire ;
overflow-x : défilement ;
affichage : flexible ;
}
#galerie img {
scroll-snap-align : centre ;
largeur : 100 % ;
taille : soi ;
hauteur maximale : 500 px ;
marge : 0 10px ;
}
#gallery img:premier enfant {
marge gauche : 0 ;
}
#gallery img:dernier-enfant {
marge droite : 0 ;
}
.table-container-size-en attente {
largeur : 100 % ;
largeur maximale : 600 px ;
marge : soi ;
border-collapse : effondrement ;
famille de polices : Arial, sans empattement ;
dimensionnement de la boîte : bordure-boîte ;
}
.table-container-size-en attente th, .table-container-size-en attente td {
bordure : 1px solide #ddd ;
remplissage : 8 px ;
alignement du texte : centre ;
}
.table-container-size-en attente th {
couleur d'arrière-plan : #f2f2f2 ;
}
.table-container-size-en attente td {
couleur d'arrière-plan : #fff ;
}
.contact-conteneur {
largeur maximale : 600 px ; /* Taille maximale du conteneur */
marge : soi ;
remplissage : 20 px ;
famille de polices : Arial, sans empattement ;
couleur d'arrière-plan : #f7f6f4 ; /* Fond similaire à l'image */
bordure : 1px solide #ddd ;
dimensionnement de la boîte : bordure-boîte ;
}
.contact-conteneur h2 {
taille de police : 18 px ;
marge inférieure : 15 px ;
}
.contact-conteneur un {
couleur : #000 ;
décoration de texte : aucune ;
}
.contact-container a:hover {
décoration de texte : souligner ;
}
.article-contact {
affichage : flexible ;
align-items : centre ;
marge inférieure : 10 px ;
}
.contact-item img {
marge droite : 10 px ;
largeur : 20 px ;
hauteur : 20px ;
}
.contact-item p {
marge : 0 ;
}
.contact-note {
taille de police : 14 px ;
couleur : #555 ;
marge gauche : 30 px ; /* Alignement avec l'icône */
}
@media (largeur maximale : 600 px) {
.carrousel-intérieur {
taille : soi ;
}
.contact-conteneur {
remplissage : 15 px ;
}
.contact-conteneur h2 {
taille de police : 16 px ;
}
.contact-item img {
largeur : 18px ;
hauteur : 18px ;
}
.contact-note {
taille de police : 12 px ;
marge gauche : 25 px ; /* Alignement avec l'icône */
}
}
@media (largeur maximale : 600 px) {
.table-container-size-en attente th, .table-container-size-en attente td {
remplissage : 6 px ;
taille de police : 14 px ;
}
}
--></style>
<div style="padding: 0 20px 20px 20px;">
<h6>Tailles de bague</h6>
<div id="galerie">
<img src="https://cdn.shopify.com/s/files/1/0043/5961/8632/files/link_-irina_-alma_-hoops-drops_-ida-maxi_-balloon_-cosmic_-mel_web_a133003d-30e3 -4123-8aab-ef7d1360a03c.jpg?v=1713903182"> <img src="https://cdn.shopify.com/s/files/1/0043/5961/8632/files/elysse_-pi-nibm_-pi -laleh_-pi-ida-xl_-pi-nora_-salma_-pi-diamond_web.jpg?v=1714155578"> <img src="https://cdn.shopify.com/s/files/1/0043/5961 /8632/files/elda-purple_-ida-maxi_-cara-fuchsia_-charn-klin-purple_-bimba_-charm-hill-pinkm-cara-red_-charm-horizon_-char-hill-purpple_-cara-turkis_-virgo -pink_-virgo-purple_-bimba-mini_-horizon-t_2f70ca80-1d2b-4d87-bbaa-5f9a9a00d6aa.jpg?v=1713904261">
</div>
<table class="table-container-size-ending">
<tête>
<tr>
<th>Taille de la boucle d'oreille – pouces (po)</th>
<th>Centimètres (cm)</th>
</tr>
</tête>
<corps>
<tr>
<td>1"</td>
<td>2,54 cm</td>
</tr>
<tr>
<td>2"</td>
<td>5,08 cm</td>
</tr>
<tr>
<td>3"</td>
<td>7,62 cm</td>
</tr>
<tr>
<td>4"</td>
<td>10,16 cm</td>
</tr>
<tr>
<td>5"</td>
<td>12,70 cm</td>
</tr>
</tbody>
</table>
<div class="contact-conteneur">
<h2>Besoin d'aide pour trouver votre taille ? Laissez-nous vous aider.</h2>
<div class="contact-item">
<img alt="Icône de courrier électronique" src="https://img.icons8.com/ios-glyphs/30/000000/email.png"> <a href="mailto:contacto@adamina.es">contacto@ adamina.es</a>
</div>
<div class="contact-item">
<img alt="Icône du téléphone" src="https://img.icons8.com/ios-glyphs/30/000000/phone.png"> <a href="tel:+13105974745">Texte 0000000</a >
</div>
<p class="contact-note">Il s'agit d'un numéro américain. Des frais peuvent s'appliquer.</p>
<div class="contact-item">
<img alt="Icône du magasin" src="https://img.icons8.com/ios-glyphs/30/000000/shop.png"> <a href="#">Visitez le magasin</a>
</div>
<div class="contact-item">
<img alt="Icône de rendez-vous" src="https://img.icons8.com/ios-glyphs/30/000000/calendar.png"> <a href="#">Prendre un rendez-vous de style</a>
</div>
</div>
</div>