User:Noeth: Difference between revisions
No edit summary Tags: Reverted Visual edit: Switched |
No edit summary Tags: Reverted Visual edit: Switched |
||
| Line 1: | Line 1: | ||
{ | |||
<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> | |||
Revision as of 16:32, 20 November 2024
<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;">
Whispers of the Forest
Discover the forest's serene whispers and ancient stories.
<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;">
Celebrating the Majesty of Nature
Embrace the breathtaking beauty of the natural world. From towering mountains to serene forests, nature's wonders inspire awe and reflection.
<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;">
Exploring Vast Landscapes
Journey through diverse landscapes that paint the Earth's canvas. Discover the rich tapestries of ecosystems that sustain life and spark imagination.
<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;">
Ocean's Melody
Experience the ocean's captivating melody and vast beauty.
