/
home
/
vianto5
/
duettowers.mx
/
sliders
/
cards
/
/home/vianto5/duettowers.mx/sliders/cards
mkdir
upload
Name
Size
Mode
Actions
index.html
15282
0644
edit
dl
rm
script.js
2513
0644
edit
dl
rm
style.css
5698
0644
edit
dl
rm
Edit:
/home/vianto5/duettowers.mx/sliders/cards/index.html
(15282B)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Slider</title> <link rel="stylesheet" href="style.css"> <script src="script.js" defer></script> </head> <body> <div class="container"> <div class="slider-wrapper"> <button id="prev-slide" class="slide-button material-symbols-rounded">←</button> <button id="next-slide" class="slide-button material-symbols-rounded">→</button> <div class="image-list"> <div class="card"> <div class="image-plant"> <img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_nav.svg" alt="icon-nav" class="icon-nav"> <button class="button-active"><svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg>Activo</button> <img src="https://duettowers.mx/wp-content/uploads/2024/06/PrototipoA.png" alt="prototipo-a" class="image-item"> </div> <div class="data"> <p class="floor-plant">A</p> <p class="data-fp">99.31 m2/ 1068.96 ft2</p> </div> <div class="info-icons"> <div class="icon icon2"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_bed.svg" alt="icon-bed"><p>2</p></div> <div class="icon icon2"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_bath.svg" alt="icon-bath"><p>2</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_living.svg" class="min" alt="icon-living"><p>Sala</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_wash.svg" alt="icon-wash"><p>Cuarto de lavado</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_kitchen.svg" alt="icon-kitchen"><p>Cocina integral</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_outside.svg" alt="icon-outside"><p>Terraza</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_dining.svg" class="min" alt="icon-dining"><p>Comedor</p></div> </div> <button onclick="window.open('https://peninsularesidences.mx/desarrollos/duet-towers')" class="button-redirect">Apártalo ahora ></button> </div> <div class="card"> <div class="image-plant"> <img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_nav.svg" alt="icon-nav" class="icon-nav"> <button class="button-active"><svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg>Activo</button> <img src="https://duettowers.mx/wp-content/uploads/2024/06/PrototipoB.png" alt="prototipo-b" class="image-item"> </div> <div class="data"> <p class="floor-plant">B</p> <p class="data-fp">94.19 m2/ 1013.85 ft2</p> </div> <div class="info-icons"> <div class="icon icon2"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_bed.svg" alt="icon-bed"><p>2</p></div> <div class="icon icon2"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_bath.svg" alt="icon-bath"><p>2</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_living.svg" class="min" alt="icon-living"><p>Sala</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_wash.svg" alt="icon-wash"><p>Cuarto de lavado</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_kitchen.svg" alt="icon-kitchen"><p>Cocina integral</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_outside.svg" alt="icon-outside"><p>Terraza</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_dining.svg" class="min" alt="icon-dining"><p>Comedor</p></div> </div> <button onclick="window.open('https://peninsularesidences.mx/desarrollos/duet-towers')" class="button-redirect">Apártalo ahora ></button> </div> <div class="card"> <div class="image-plant"> <img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_nav.svg" alt="icon-nav" class="icon-nav"> <button class="button-active"><svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg>Activo</button> <img src="https://duettowers.mx/wp-content/uploads/2024/06/PrototipoC.png" alt="prototipo-c" class="image-item image-big"> </div> <div class="data"> <p class="floor-plant">C</p> <p class="data-fp">101.31 m2/ 1090.49 ft2</p> </div> <div class="info-icons"> <div class="icon icon2"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_bed.svg" alt="icon-bed"><p>2</p></div> <div class="icon icon2"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_bath.svg" alt="icon-bath"><p>2</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_living.svg" class="min" alt="icon-living"><p>Sala</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_wash.svg" alt="icon-wash"><p>Cuarto de lavado</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_kitchen.svg" alt="icon-kitchen"><p>Cocina integral</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_outside.svg" alt="icon-outside"><p>Terraza</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_dining.svg" class="min" alt="icon-dining"><p>Comedor</p></div> </div> <button onclick="window.open('https://peninsularesidences.mx/desarrollos/duet-towers')" class="button-redirect">Apártalo ahora ></button> </div> <div class="card"> <div class="image-plant"> <img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_nav.svg" alt="icon-nav" class="icon-nav"> <button class="button-active"><svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg>Activo</button> <img src="https://duettowers.mx/wp-content/uploads/2024/06/PrototipoD.png" alt="prototipo-d" class="image-item"> </div> <div class="data"> <p class="floor-plant">D</p> <p class="data-fp">92.91 m2/ 1000.07 ft2</p> </div> <div class="info-icons"> <div class="icon icon2"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_bed.svg" alt="icon-bed"><p>2</p></div> <div class="icon icon2"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_bath.svg" alt="icon-bath"><p>2</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_living.svg" class="min" alt="icon-living"><p>Sala</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_wash.svg" alt="icon-wash"><p>Cuarto de lavado</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_kitchen.svg" alt="icon-kitchen"><p>Cocina integral</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_outside.svg" alt="icon-outside"><p>Terraza</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_dining.svg" class="min" alt="icon-dining"><p>Comedor</p></div> </div> <button onclick="window.open('https://peninsularesidences.mx/desarrollos/duet-towers')" class="button-redirect">Apártalo ahora ></button> </div> <div class="card"> <div class="image-plant"> <img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_nav.svg" alt="icon-nav" class="icon-nav"> <button class="button-active"><svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg>Activo</button> <img src="https://duettowers.mx/wp-content/uploads/2024/06/PrototipoE.png" alt="prototipo-e" class="image-item"> </div> <div class="data"> <p class="floor-plant">E</p> <p class="data-fp">97.93 m2/ 1054.11 ft2</p> </div> <div class="info-icons"> <div class="icon icon2"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_bed.svg" alt="icon-bed"><p>2</p></div> <div class="icon icon2"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_bath.svg" alt="icon-bath"><p>2</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_living.svg" class="min" alt="icon-living"><p>Sala</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_wash.svg" alt="icon-wash"><p>Cuarto de lavado</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_kitchen.svg" alt="icon-kitchen"><p>Cocina integral</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_outside.svg" alt="icon-outside"><p>Terraza</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_dining.svg" class="min" alt="icon-dining"><p>Comedor</p></div> </div> <button onclick="window.open('https://peninsularesidences.mx/desarrollos/duet-towers')" class="button-redirect">Apártalo ahora ></button> </div> <div class="card"> <div class="image-plant"> <img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_nav.svg" alt="icon-nav" class="icon-nav"> <button class="button-active"><svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg>Activo</button> <img src="https://duettowers.mx/wp-content/uploads/2024/06/PrototipoF.png" alt="prototipo-f" class="image-item image-big"> </div> <div class="data"> <p class="floor-plant">F</p> <p class="data-fp">96.07 m2/ 1034.09 ft2</p> </div> <div class="info-icons"> <div class="icon icon2"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_bed.svg" alt="icon-bed"><p>2</p></div> <div class="icon icon2"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_bath.svg" alt="icon-bath"><p>2</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_living.svg" class="min" alt="icon-living"><p>Sala</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_wash.svg" alt="icon-wash"><p>Cuarto de lavado</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_kitchen.svg" alt="icon-kitchen"><p>Cocina integral</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_outside.svg" alt="icon-outside"><p>Terraza</p></div> <div class="icon"><img src="https://duettowers.mx/wp-content/uploads/2024/06/icon_dining.svg" class="min" alt="icon-dining"><p>Comedor</p></div> </div> <button onclick="window.open('https://peninsularesidences.mx/desarrollos/duet-towers')" class="button-redirect">Apártalo ahora ></button> </div> </div> </div> <div class="slider-scrollbar"> <div class="scrollbar-track"> <div class="scrollbar-thumb"></div> </div> </div> </div> </body> </html>
Save
cmd:
run