EcoNest Gallery Gallery Block - Let's templates
Unlock every premium block and template with All-Access from €20 / 3 months, cancel anytime. Get All-Access
All blocks
Free Gallery

EcoNest Gallery

A gallery block extracted from the EcoNest template, available in Tailwind CSS, Bootstrap, DaisyUI, and Material Design.

0 24
Demo Download
EcoNest Gallery preview
econest.html 
<!DOCTYPE html>
<html lang="en">
<head>
    <script>
        window.FontAwesomeConfig = {
          autoReplaceSvg: 'nest'
        };
      </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EcoNest Gallery | Tailwind CSS UI Block</title>
    <meta name="description" content="A gallery block extracted from the EcoNest template, available in Tailwind CSS, Bootstrap, DaisyUI, and Material Design.">
    <meta name="keywords" content="EcoNest, Tailwind CSS template, HTML website template, sustainable ecommerce template, eco-friendly kitchenware, conscious living brand, ethical home goods, responsive online store">
    <meta name="author" content="Let's templates">
    <link rel="canonical" href="">

    <meta property="og:type" content="product">
    <meta property="og:site_name" content="Let's templates">
    <meta property="og:locale" content="en_US">
    <meta property="og:url" content="">
    <meta property="og:title" content="EcoNest | Tailwind CSS Sustainable Ecommerce Template">
    <meta property="og:description" content="A modern Tailwind CSS ecommerce template for sustainable kitchenware, eco-friendly home essentials, ethical products, and conscious living brands.">
    <meta property="og:image" content="">
    <meta property="og:image:alt" content="EcoNest template preview">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="">
    <meta name="twitter:title" content="EcoNest | Tailwind CSS Sustainable Ecommerce Template">
    <meta name="twitter:description" content="A modern Tailwind CSS ecommerce template for sustainable kitchenware, eco-friendly home essentials, ethical products, and conscious living brands.">
    <meta name="twitter:image" content="">
    <meta name="twitter:image:alt" content="EcoNest template preview">
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        serif: ['Fraunces', 'serif'],
                        sans: ['Inter', 'sans-serif'],
                    },
                    colors: {
                        sage: '#6d7f6d',
                        cream: '#f5f3ef',
                        earth: '#3d3d3d',
                        leaf: '#a5b095',
                    }
                }
            }
        }
    </script>
    <style>
        .font-title { font-family: 'Fraunces', serif; }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
    </style>
</head>
<body class="bg-white text-earth font-sans antialiased">
<!-- block:start gallery -->
        <section id="craftsmanship" class="px-6 mb-32">
            <div class="max-w-[1600px] mx-auto relative rounded-[3rem] overflow-hidden h-[600px] flex items-center">
                <img class="absolute inset-0 w-full h-full object-cover" src="https://storage.googleapis.com/uxpilot-auth.appspot.com/gen_1afe61bae6_da1cbbf6c74f8056.png" alt="Modern minimal kitchen island with sustainable wood finishes and marble top, large windows with natu" />
                <div class="absolute inset-0 bg-gradient-to-r from-black/40 to-transparent"></div>
                
                <div class="relative z-10 px-12 md:px-24 max-w-2xl text-white">
                    <h2 class="font-title text-4xl md:text-6xl font-bold leading-tight mb-8">
                        Vessels for your <span class="italic font-normal">Morning Rituals</span> & Evening Gatherings
                    </h2>
                    <p class="text-lg opacity-90 mb-10 leading-relaxed">
                        Every piece in our collection is thoughtfully sourced from renewable materials and designed to last for generations. We believe in quality over quantity, and slow craftsmanship over mass production.
                    </p>
                    <a href="#" class="inline-flex items-center gap-3 font-bold border-b-2 border-white/40 hover:border-white transition-all pb-1 group">
                        Read Our Material Story
                        <i class="fa-solid fa-chevron-right text-xs group-hover:translate-x-1 transition-transform"></i>
                    </a>
                </div>
            </div>
        </section>
        <!-- block:end gallery -->
</body>
</html>

From this template

EcoNest screenshot Free

E-commerce

EcoNest

Unlimited access to all products

Unlock the entire library of premium templates and blocks. Renews automatically, cancel anytime.

€20 / 3 months or €60 / year
Get Unlimited Access