/
home
/
vianto5
/
heredit.mx
/
sliders
/
cards
/
/home/vianto5/heredit.mx/sliders/cards
mkdir
upload
Name
Size
Mode
Actions
index.html
9233
0644
edit
dl
rm
script.js
2513
0644
edit
dl
rm
style.css
5055
0644
edit
dl
rm
Edit:
/home/vianto5/heredit.mx/sliders/cards/index.html
(9233B)
<!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"> <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://heredit.mx/wp-content/uploads/2024/11/Prototipo809.webp" alt="cercania-galerias" class="image-item"> </div> <div class="data"> <p class="floor-plant">TIPO 809</p> <p class="data-fp">148.85 m2</p> </div> <div class="info-icons"> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-room.svg" alt="icon-bed"><p>3 Recámaras</p></div> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-washed.svg" alt="icon-shower"><p>Cuarto de lavado</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-bath.svg" alt="icon-size"><p>3 Baños + 1 Baño CS </p></div> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/cuarto-de-servicio.svg" alt="icon-car"><p>Cuarto de servicio</p></div> </div> <!-- <button onclick="window.open('https://peninsularesidences.mx/')" class="button-redirect">Apártalo ahora ></button> --> </div> <div class="card"> <div class="image-plant"> <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://heredit.mx/wp-content/uploads/2024/11/Prototipo1201.webp" alt="cercania-galerias" class="image-item"> </div> <div class="data"> <p class="floor-plant">TIPO 1201</p> <p class="data-fp">146.84 m2</p> </div> <div class="info-icons"> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-room.svg" alt="icon-bed"><p>3 Recámaras</p></div> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-washed.svg" alt="icon-shower"><p>Cuarto de lavado</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-bath.svg" alt="icon-size"><p>3 Baños + 1 Baño CS </p></div> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/cuarto-de-servicio.svg" alt="icon-car"><p>Cuarto de servicio</p></div> </div> <!-- <button onclick="window.open('https://peninsularesidences.mx/')" class="button-redirect">Apártalo ahora ></button> --> </div> <div class="card"> <div class="image-plant"> <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://heredit.mx/wp-content/uploads/2024/11/Prototipo1207.webp" alt="cercania-galerias" class="image-item"> </div> <div class="data"> <p class="floor-plant">TIPO 1207</p> <p class="data-fp">124.51 m2</p> </div> <div class="info-icons"> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-room.svg" alt="icon-bed"><p>2 Recámaras</p></div> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-washed.svg" alt="icon-shower"><p>Cuarto de lavado</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-bath.svg" alt="icon-size"><p>2 Baños + 1 Baño CS </p></div> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/cuarto-de-servicio.svg" alt="icon-car"><p>Cuarto de servicio</p></div> </div> <!-- <button onclick="window.open('https://peninsularesidences.mx/')" class="button-redirect">Apártalo ahora ></button> --> </div> <div class="card"> <div class="image-plant"> <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://heredit.mx/wp-content/uploads/2024/11/Prototipo1306.webp" alt="cercania-galerias" class="image-item"> </div> <div class="data"> <p class="floor-plant">TIPO 1306</p> <p class="data-fp">123.89 m2</p> </div> <div class="info-icons"> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-room.svg" alt="icon-bed"><p>2 Recámaras</p></div> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-washed.svg" alt="icon-shower"><p>Cuarto de lavado</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-bath.svg" alt="icon-size"><p>2 Baños</p></div> </div> <!-- <button onclick="window.open('https://peninsularesidences.mx/')" class="button-redirect">Apártalo ahora ></button> --> </div> <div class="card"> <div class="image-plant"> <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://heredit.mx/wp-content/uploads/2024/11/Prototipo1705.webp" alt="cercania-galerias" class="image-item"> </div> <div class="data"> <p class="floor-plant">TIPO 1705</p> <p class="data-fp">255.10 m2</p> </div> <div class="info-icons"> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-room.svg" alt="icon-bed"><p>3 Recámaras</p></div> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-washed.svg" alt="icon-shower"><p>Cuarto de lavado</p></div> </div> <div class="info-icons"> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/icon-bath.svg" alt="icon-size"><p>3 Baños + 1 Baño CS </p></div> <div class="icon"><img src="https://heredit.mx/wp-content/uploads/2024/06/cuarto-de-servicio.svg" alt="icon-car"><p>Cuarto de servicio</p></div> </div> <!-- <button onclick="window.open('https://peninsularesidences.mx/')" 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