|
Tags: Blanking Manual revert |
(13 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| <html>
| |
| <section class="position-relative overflow-hidden py-6 py-lg-8"><!-- You can change the max height of all cards -->
| |
| <style> .bento_simple > [class^='col-'] { max-height: 24rem;} </style>
| |
|
| |
|
| <div class="container position-relative">
| |
| <div class="row bg-body bg-opacity-75 position-relative bento_simple g-4 mw-lg-8 mx-auto">
| |
| <div class="col-md-4">
| |
| <div class="lc-block h-100 mx-auto col-md-auto mw-md-2 border bg-white p-3 rounded-3 shadow-sm justify-content-between d-flex flex-column">
| |
| <div class="d-flex flex-fill w-100 h-100 rounded-2 mb-3" style="min-height:6rem;isolation: isolate;">
| |
| <img class="img-fluid rounded-2 object-fit-cover" src="https://images.unsplash.com/photo-1596328546171-77e37b5e8b3d?crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8Mnx8Zm9yZXN0fGVufDB8Mnx8fDE3MTA0MjAyNDR8MA&ixlib=rb-4.0.3&q=80&w=1080&h=1080" srcset="https://images.unsplash.com/photo-1596328546171-77e37b5e8b3d?crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8Mnx8Zm9yZXN0fGVufDB8Mnx8fDE3MTA0MjAyNDR8MA&ixlib=rb-4.0.3&q=80&w=1080&h=1080 1080w, https://images.unsplash.com/photo-1596328546171-77e37b5e8b3d??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8Mnx8Zm9yZXN0fGVufDB8Mnx8fDE3MTA0MjAyNDR8MA&ixlib=rb-4.0.3&q=80&w=150 150w, https://images.unsplash.com/photo-1596328546171-77e37b5e8b3d??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8Mnx8Zm9yZXN0fGVufDB8Mnx8fDE3MTA0MjAyNDR8MA&ixlib=rb-4.0.3&q=80&w=300 300w, https://images.unsplash.com/photo-1596328546171-77e37b5e8b3d??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8Mnx8Zm9yZXN0fGVufDB8Mnx8fDE3MTA0MjAyNDR8MA&ixlib=rb-4.0.3&q=80&w=768 768w, https://images.unsplash.com/photo-1596328546171-77e37b5e8b3d??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8Mnx8Zm9yZXN0fGVufDB8Mnx8fDE3MTA0MjAyNDR8MA&ixlib=rb-4.0.3&q=80&w=1024 1024w" sizes="(max-width: 1080px) 100vw, 1080px" width="1080" height="1080" alt="Photo by Nathan Truong" style="mix-blend-mode:screen;">
| |
| </div>
| |
| <div>
| |
|
| |
| <div class="lc-block pt-2">
| |
| <div>
| |
| <h3 class="small fw-semibold mb-3">Whispers of the Forest</h3>
| |
| <p class="small">Discover the forest's serene whispers and ancient stories.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-md-8">
| |
| <div class="lc-block h-100 mx-auto col-md-auto border bg-white p-3 rounded-3 shadow-sm justify-content-between d-flex flex-column">
| |
| <div class="d-flex flex-fill w-100 h-100 rounded-2 mb-3" style="min-height:6rem;isolation:isolate;">
| |
| <img class="img-fluid rounded-2 object-fit-cover " src="https://images.unsplash.com/photo-1501854140801-50d01698950b?crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8Mnx8bmF0dXJlfGVufDB8MHx8fDE3MTA0MjA4OTl8MA&ixlib=rb-4.0.3&q=80&w=1080&h=768" srcset="https://images.unsplash.com/photo-1501854140801-50d01698950b?crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8Mnx8bmF0dXJlfGVufDB8MHx8fDE3MTA0MjA4OTl8MA&ixlib=rb-4.0.3&q=80&w=1080&h=768 1080w, https://images.unsplash.com/photo-1501854140801-50d01698950b??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8Mnx8bmF0dXJlfGVufDB8MHx8fDE3MTA0MjA4OTl8MA&ixlib=rb-4.0.3&q=80&w=150 150w, https://images.unsplash.com/photo-1501854140801-50d01698950b??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8Mnx8bmF0dXJlfGVufDB8MHx8fDE3MTA0MjA4OTl8MA&ixlib=rb-4.0.3&q=80&w=300 300w, https://images.unsplash.com/photo-1501854140801-50d01698950b??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8Mnx8bmF0dXJlfGVufDB8MHx8fDE3MTA0MjA4OTl8MA&ixlib=rb-4.0.3&q=80&w=768 768w, https://images.unsplash.com/photo-1501854140801-50d01698950b??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8Mnx8bmF0dXJlfGVufDB8MHx8fDE3MTA0MjA4OTl8MA&ixlib=rb-4.0.3&q=80&w=1024 1024w" sizes="(max-width: 1080px) 100vw, 1080px" width="1080" height="768" alt="Photo by Qingbao Meng" style="mix-blend-mode:screen;">
| |
| </div>
| |
| <div>
| |
|
| |
| <div class="lc-block pt-2">
| |
| <div>
| |
| <h3 class="small fw-semibold mb-3">Celebrating the Majesty of Nature</h3>
| |
| <p class="small">Embrace the breathtaking beauty of the natural world. From towering mountains to serene forests, nature's wonders inspire awe and reflection.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-md-8">
| |
| <div class="lc-block h-100 mx-auto col-md-auto border bg-white p-3 rounded-3 shadow-sm justify-content-between d-flex flex-column">
| |
| <div class="d-flex flex-fill w-100 h-100 rounded-2 mb-3" style="min-height:6rem;isolation: isolate;">
| |
| <img class="img-fluid rounded-2 object-fit-cover" src="https://images.unsplash.com/photo-1707345512638-997d31a10eaa?crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDF8MXxzZWFyY2h8MXx8bmF0dXJlfGVufDB8MHx8fDE3MTA0MjA4OTl8MA&ixlib=rb-4.0.3&q=80&w=1080&h=768" srcset="https://images.unsplash.com/photo-1707345512638-997d31a10eaa?crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDF8MXxzZWFyY2h8MXx8bmF0dXJlfGVufDB8MHx8fDE3MTA0MjA4OTl8MA&ixlib=rb-4.0.3&q=80&w=1080&h=768 1080w, https://images.unsplash.com/photo-1707345512638-997d31a10eaa??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDF8MXxzZWFyY2h8MXx8bmF0dXJlfGVufDB8MHx8fDE3MTA0MjA4OTl8MA&ixlib=rb-4.0.3&q=80&w=150 150w, https://images.unsplash.com/photo-1707345512638-997d31a10eaa??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDF8MXxzZWFyY2h8MXx8bmF0dXJlfGVufDB8MHx8fDE3MTA0MjA4OTl8MA&ixlib=rb-4.0.3&q=80&w=300 300w, https://images.unsplash.com/photo-1707345512638-997d31a10eaa??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDF8MXxzZWFyY2h8MXx8bmF0dXJlfGVufDB8MHx8fDE3MTA0MjA4OTl8MA&ixlib=rb-4.0.3&q=80&w=768 768w, https://images.unsplash.com/photo-1707345512638-997d31a10eaa??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDF8MXxzZWFyY2h8MXx8bmF0dXJlfGVufDB8MHx8fDE3MTA0MjA4OTl8MA&ixlib=rb-4.0.3&q=80&w=1024 1024w" sizes="(max-width: 1080px) 100vw, 1080px" width="1080" height="768" alt="Photo by NEOM" style="mix-blend-mode:screen;">
| |
| </div>
| |
| <div>
| |
|
| |
| <div class="lc-block pt-2">
| |
| <div>
| |
| <h3 class="small fw-semibold mb-3">Exploring Vast Landscapes</h3>
| |
| <p class="small">Journey through diverse landscapes that paint the Earth's canvas. Discover the rich tapestries of ecosystems that sustain life and spark imagination.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-md-4">
| |
| <div class="lc-block h-100 mx-auto col-md-auto mw-md-1 border bg-white p-3 rounded-3 shadow-sm justify-content-between d-flex flex-column">
| |
| <div class="d-flex flex-fill w-100 h-100 rounded-2 mb-3" style="min-height:6rem;isolation: isolate;">
| |
| <img class="img-fluid rounded-2 object-fit-cover" src="https://images.unsplash.com/photo-1574169207372-88518bd26f2d?crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8OXx8b2NlYW58ZW58MHwyfHx8MTcxMDQyMDI1NXww&ixlib=rb-4.0.3&q=80&w=1080&h=1080" srcset="https://images.unsplash.com/photo-1574169207372-88518bd26f2d?crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8OXx8b2NlYW58ZW58MHwyfHx8MTcxMDQyMDI1NXww&ixlib=rb-4.0.3&q=80&w=1080&h=1080 1080w, https://images.unsplash.com/photo-1574169207372-88518bd26f2d??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8OXx8b2NlYW58ZW58MHwyfHx8MTcxMDQyMDI1NXww&ixlib=rb-4.0.3&q=80&w=150 150w, https://images.unsplash.com/photo-1574169207372-88518bd26f2d??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8OXx8b2NlYW58ZW58MHwyfHx8MTcxMDQyMDI1NXww&ixlib=rb-4.0.3&q=80&w=300 300w, https://images.unsplash.com/photo-1574169207372-88518bd26f2d??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8OXx8b2NlYW58ZW58MHwyfHx8MTcxMDQyMDI1NXww&ixlib=rb-4.0.3&q=80&w=768 768w, https://images.unsplash.com/photo-1574169207372-88518bd26f2d??crop=entropy&cs=tinysrgb&fit=crop&fm=webp&ixid=M3wzNzg0fDB8MXxzZWFyY2h8OXx8b2NlYW58ZW58MHwyfHx8MTcxMDQyMDI1NXww&ixlib=rb-4.0.3&q=80&w=1024 1024w" sizes="(max-width: 1080px) 100vw, 1080px" width="1080" height="1080" alt="Photo by USGS" style="mix-blend-mode:screen;">
| |
| </div>
| |
| <div>
| |
|
| |
| <div class="lc-block pt-2">
| |
| <div>
| |
| <h3 class="small fw-semibold mb-3">Ocean's Melody</h3>
| |
| <p class="small">Experience the ocean's captivating melody and vast beauty.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| </html>
| |