Gallery.

5 Blocks

WEB VISUAL MARKETING is one of the most effective ways of advertising and promoting your business, and adding an image gallery to your web page has the potential to instantly expand your client base.


                <section class="overflow-hidden text-gray-700 ">
                    <div class="container px-5 py-2 mx-auto lg:px-32">
                        <div class="flex flex-wrap justify-center mx-auto ">
                            <div class="w-full mt-6 lg:w-2/4 lg:pl-10 lg:py-6 lg:mt-0">
                                <img alt="image"
                                    class="object-cover object-center w-full h-64 rounded-lg lg:h-auto"
                                    src="https://dummyimage.com/400x400/F3F4F7/8693ac">
                            </div>
                            <div class="w-full mt-6 lg:w-2/4 lg:pl-10 lg:py-6 lg:mt-0">
                                <img alt="image"
                                    class="object-cover object-center w-full h-64 rounded-lg lg:h-auto"
                                    src="https://dummyimage.com/400x400/F3F4F7/8693ac">
                            </div>
                        </div>
                    </div>
                </section>
                                            

wickedtemplates

Spring Offer! 30% discount on all products. Use the Code wicked30

Tired of designing?

Don't lose precious days designing the landing page and testing a site. Instead, integrate one with your favourite framework.


                <section class="overflow-hidden text-gray-700 ">
                    <div class="container px-5 py-2 mx-auto lg:px-10">
                        <div class="flex flex-wrap py-8 md:flex-no-wrap">
                            <div class="w-full ">
                                <img alt="image" style="height:400px;"
                                    class="object-cover object-center w-full h-64 rounded-lg lg:h-auto"
                                    src="https://dummyimage.com/1024x400/F3F4F7/8693ac">
                                <div class="flex flex-col items-start mx-auto mt-8 sm:flex-row sm:items-center">
                            </div>
                        </div>
                    </div>
                </section>
                                            

                <section class="overflow-hidden text-gray-700 ">
                    <div class="container px-5 py-2 mx-auto lg:pt-24 lg:px-32">
                    <div class="flex flex-wrap -m-1 md:-m-2">
                        <div class="flex flex-wrap w-1/2">
                            <div class="w-1/2 p-1 md:p-2">
                                <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                                    src="https://dummyimage.com/500x300/F3F4F7/8693ac">
                            </div>
                            <div class="w-1/2 p-1 md:p-2">
                                <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                                    src="https://dummyimage.com/501x301/F3F4F7/8693ac">
                            </div>
                            <div class="w-full p-1 md:p-2">
                                <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                                    src="https://dummyimage.com/600x360/F3F4F7/8693ac">
                            </div>
                        </div>
                        <div class="flex flex-wrap w-1/2">
                            <div class="w-full p-1 md:p-2">
                                <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                                    src="https://dummyimage.com/601x361/F3F4F7/8693ac">
                            </div>
                            <div class="w-1/2 p-1 md:p-2">
                                <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                                    src="https://dummyimage.com/502x302/F3F4F7/8693ac">
                            </div>
                            <div class="w-1/2 p-1 md:p-2">
                                <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                                    src="https://dummyimage.com/503x303/F3F4F7/8693ac">
                            </div>
                        </div>
                    </div>
                </section>
                                            

                <section class="overflow-hidden text-gray-700 ">
                    <div class="container px-5 py-2 mx-auto lg:pt-12 lg:px-32">
                        <div class="flex flex-wrap -m-1 md:-m-2">
                            <div class="flex flex-wrap w-1/3">
                                <div class="w-full p-1 md:p-2">
                                    <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                                        src="https://dummyimage.com/800x600/F3F4F7/8693ac">
                                </div>
                            </div>
                            <div class="flex flex-wrap w-1/3">
                                <div class="w-full p-1 md:p-2">
                                    <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                                        src="https://dummyimage.com/800x600/F3F4F7/8693ac">
                                </div>
                            </div>
                            <div class="flex flex-wrap w-1/3">
                                <div class="w-full p-1 md:p-2">
                                    <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                                        src="https://dummyimage.com/800x600/F3F4F7/8693ac">
                                </div>
                            </div>
                            <div class="flex flex-wrap w-1/3">
                                <div class="w-full p-1 md:p-2">
                                    <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                                        src="https://dummyimage.com/800x600/F3F4F7/8693ac">
                                </div>
                            </div>
                            <div class="flex flex-wrap w-1/3">
                                <div class="w-full p-1 md:p-2">
                                    <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                                        src="https://dummyimage.com/800x600/F3F4F7/8693ac">
                                </div>
                            </div>
                            <div class="flex flex-wrap w-1/3">
                                <div class="w-full p-1 md:p-2">
                                    <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                                        src="https://dummyimage.com/800x600/F3F4F7/8693ac">
                                </div>
                            </div>
                        </div>
                </section>
                                            

                <section class="overflow-hidden text-gray-700 ">
                <div class="container px-5 py-2 mx-auto lg:pt-12 lg:px-32">
                <div class="flex flex-wrap -m-1 md:-m-2">
                <div class="flex flex-wrap w-1/2">
                <div class="w-full p-1 md:p-2">
                <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                src="https://dummyimage.com/500x300/F3F4F7/8693ac">
                </div>
                <div class="w-full p-1 md:p-2">
                <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                src="https://dummyimage.com/500x200/F3F4F7/8693ac">
                </div>
                </div>
                <div class="flex flex-wrap w-1/2">
                <div class="w-full p-1 md:p-2">
                <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                src="https://dummyimage.com/500x200/F3F4F7/8693ac">
                </div>
                <div class="w-full p-1 md:p-2">
                <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
                src="https://dummyimage.com/500x300/F3F4F7/8693ac">
                </div>
                </div>
                </div>
                </section>