/* fashion-forward grid: masonry-like but using CSS Grid */ .gallery-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.8rem; margin-top: 1rem;
);
/* caption / style notes */ .item-caption padding: 1.2rem 1rem 1.3rem; background: white; border-top: 1px solid #f0ede8; Fotos De Nashla Bogaert Desnuda
/* image container with fixed aspect ratio for consistency */ .image-container position: relative; width: 100%; padding-bottom: 125%; /* 4:5 ratio (portrait fashion) */ overflow: hidden; background: #f0ede8;
, 200);
];
.lightbox-content max-width: 85vw; max-height: 85vh; background: transparent; border-radius: 28px; overflow: hidden; position: relative; box-shadow: 0 30px 45px rgba(0,0,0,0.3); /* fashion-forward grid: masonry-like but using CSS Grid */
.hero .sub font-size: 1rem; font-weight: 400; color: #6c635b; text-transform: uppercase; letter-spacing: 2px; word-spacing: 4px;
// build gallery dynamically function buildGallery() gridContainer.innerHTML = ''; galleryItems.forEach((item, idx) => const card = document.createElement('div'); card.className = 'gallery-item'; card.setAttribute('data-index', idx); border-top: 1px solid #f0ede8
<div class="gallery-wrapper"> <div class="hero"> <h1>NASHLA BOGAERT</h1> <div class="sub">FASHION & STYLE ARCHIVE</div> <div class="tagline">effortless elegance · modern caribbean allure · editorial moments</div> </div>
<!-- Lightbox modal --> <div id="lightboxModal" class="lightbox"> <div class="lightbox-content"> <button class="close-lightbox" id="closeLightboxBtn">×</button> <img id="lightboxImg" src="" alt="Nashla Bogaert style"> </div> </div>
/* fashion-forward grid: masonry-like but using CSS Grid */ .gallery-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.8rem; margin-top: 1rem;
);
/* caption / style notes */ .item-caption padding: 1.2rem 1rem 1.3rem; background: white; border-top: 1px solid #f0ede8;
/* image container with fixed aspect ratio for consistency */ .image-container position: relative; width: 100%; padding-bottom: 125%; /* 4:5 ratio (portrait fashion) */ overflow: hidden; background: #f0ede8;
, 200);
];
.lightbox-content max-width: 85vw; max-height: 85vh; background: transparent; border-radius: 28px; overflow: hidden; position: relative; box-shadow: 0 30px 45px rgba(0,0,0,0.3);
.hero .sub font-size: 1rem; font-weight: 400; color: #6c635b; text-transform: uppercase; letter-spacing: 2px; word-spacing: 4px;
// build gallery dynamically function buildGallery() gridContainer.innerHTML = ''; galleryItems.forEach((item, idx) => const card = document.createElement('div'); card.className = 'gallery-item'; card.setAttribute('data-index', idx);
<div class="gallery-wrapper"> <div class="hero"> <h1>NASHLA BOGAERT</h1> <div class="sub">FASHION & STYLE ARCHIVE</div> <div class="tagline">effortless elegance · modern caribbean allure · editorial moments</div> </div>
<!-- Lightbox modal --> <div id="lightboxModal" class="lightbox"> <div class="lightbox-content"> <button class="close-lightbox" id="closeLightboxBtn">×</button> <img id="lightboxImg" src="" alt="Nashla Bogaert style"> </div> </div>
|
Das Splash-Netzwerk: Splashp@ges
- Splashbooks
- Splashcomics
- Splashgames
Unsere Kooperationspartner: Sammlerecke - Chinabooks - Salleck Publications - Splitter - Cross Cult - Paninicomics - Die Neunte Comicsalon Erlangen Lustige Taschenbücher |