Áo Dài My Color – Nơi lưu giữ nét đẹp Việt trong tà áo dài truyền thống, dành cho du khách muốn khám phá văn hóa
Áo Dài My Color – Nơi lưu giữ nét đẹp Việt trong tà áo dài truyền thống, dành cho du khách muốn khám phá văn hóa
Khoác Lên Mình Vẻ Đẹp Việt Nam
Từ bao đời nay, áo dài vẫn luôn là biểu tượng duyên dáng và thanh lịch của người phụ nữ Việt – không chỉ đơn thuần là trang phục, mà còn là nét văn hóa truyền thống gắn liền với hình ảnh người Việt Nam trong mắt bạn bè quốc tế.
ÁO DÀI MY COLOR – nằm ngay trung tâm thành phố Đà Nẵng, là điểm đến lý tưởng cho bất cứ ai muốn một lần khoác lên mình chiếc áo dài Việt Nam đầy tinh tế và nhẹ nhàng.
Tại đây, bạn có thể:
• Thuê, mua, hoặc đặt thiết kế áo dài theo yêu cầu
• Khám phá các mẫu áo dài đa dạng: áo dài cưới, áo dài bưng quả, áo dài cách tân, phù hợp cho chụp ảnh kỷ niệm, lễ cưới, hay trải nghiệm văn hóa Việt Nam.
• Đắm chìm trong không gian áo dài đầy màu sắc và chất liệu, nơi từng thiết kế đều toát lên vẻ đẹp truyền thống pha nét hiện đại.
Dù bạn là khách du lịch nước ngoài, Việt kiều hay người yêu áo dài, MY COLOR luôn sẵn sàng giúp bạn tìm được bộ trang phục ưng ý nhất – tôn vinh vẻ đẹp và cảm xúc riêng của mỗi người.
Liên hệ thuê áo dài quaqua hotline hoặc trang Facebook: ÁO DÀI MY COLOR
HÌNH ẢNH
.slider-container {
width: 100%;
max-width: 1000px;
margin: 40px auto;
overflow: hidden;
position: relative;
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
padding: 16px 8px;
}
.slider-track {
display: flex;
transition: transform 0.5s ease;
will-change: transform;
}
.slider-item {
width: calc(100% / 3);
flex-shrink: 0;
padding: 0 4px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
max-height: 340px;
}
.slider-item img {
width: 100%;
height: auto;
border-radius: 10px;
object-fit: contain;
transition: transform 0.3s ease;
cursor: pointer;
}
.slider-item img:hover {
transform: scale(1.05);
}
.arrow-btn {
position: absolute;
top: 45%;
transform: translateY(-50%);
background: rgba(0,0,0,0.5);
color: #fff;
border: none;
font-size: 20px;
padding: 6px 12px;
cursor: pointer;
z-index: 2;
border-radius: 6px;
}
.arrow-left { left: 8px; }
.arrow-right { right: 8px; }
#lightbox {
display: none;
position: fixed;
top: 0; left: 0;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.8);
justify-content: center;
align-items: center;
z-index: 9999;
}
#lightbox img {
max-width: 90%;
max-height: 90%;
border-radius: 10px;
}
@media (max-width: 768px) {
.slider-item {
width: 100%;
max-height: none;
}
}
←
→
const track = document.getElementById("slider-track");
const slides = document.querySelectorAll(".slider-item");
const lightbox = document.getElementById("lightbox");
const lightboxImg = document.getElementById("lightbox-img");
let currentIndex = 0;
let slidesPerView = window.innerWidth = maxIndex ? 0 : currentIndex + 1;
updateSliderPosition();
}
function prevSlide() {
const maxIndex = totalSlides - slidesPerView;
currentIndex = currentIndex {
img.addEventListener("click", () => {
lightboxImg.src = img.src;
lightbox.style.display = "flex";
});
});
lightbox.addEventListener("click", () => {
lightbox.style.display = "none";
});
// Vuốt tay
let startX = 0;
track.addEventListener("touchstart", (e) => {
startX = e.touches[0].clientX;
});
track.addEventListener("touchend", (e) => {
const endX = e.changedTouches[0].clientX;
const diff = endX - startX;
if (diff > 50) prevSlide();
else if (diff {
nextSlide();
}, 5000);
// Resize
window.addEventListener("resize", () => {
updateSliderPosition();
});
updateSliderPosition();
