            <div class="container pro-container m-auto">
                
                <div class="flex items-center justify-between space-x-3">
                    <h1 class="flex-1 font-extrabold leading-none lg:text-2xl text-lg text-gray-900 tracking-tight uk-heading-line"><span>Photos</span></h1>
                    <div class="bg-white border border-2 border-gray-300 divide-gray-300 divide-x flex rounded-md shadow-sm dark:bg-gray-100">
                        <a href="#" class="bg-gray300 flex h-10 items-center justify-center  w-10" data-tippy-placement="top" title="Grid view"> <i class="uil-apps"></i></a>
                        <a href="#" class="flex h-10 items-center justify-center w-10" data-tippy-placement="top" title="List view"> <i class="uil-list-ul"></i></a>                        
                    </div>
                </div>



                



                <div class="my-6 grid lg:grid-cols-4 grid-cols-2 gap-1.5 hover:text-yellow-700 uk-link-reset">


                    <?php for($i=1;$i<=10;$i++){ ?>
                        <div fotka="<?php echo $i; ?>">
                            <div class="bg-red-500 max-w-full lg:h-64 h-40 rounded-md relative overflow-hidden uk-transition-toggleeee fotky__fotka klik__fotky__fotka" tabindex="0"> 
                                <img src="assets/images/photos/alex<?php echo $i; ?>.jpg" class="w-full h-full absolute object-cover inset-0">

                                <div class="absolute bg-black bg-opacity-40 bottom-0 flex h-full items-center justify-center space-x-5 text-lg text-white uk-transition-scale-up w-full fotky__fotka__tlacs">   

                                    <div class="tlac tlac1">Edit</div>
                                    <div class="tlac tlac2 klik__tlac_photos" cislo="<?php echo $i; ?>">Delete</div>
                                    <!-- <a href="#story-modal" uk-toggle class="flex items-center"> <ion-icon name="heart" class="mr-1"></ion-icon> 150 </a>
                                    <a href="#story-modal" uk-toggle class="flex items-center"> <ion-icon name="chatbubble-ellipses" class="mr-1"></ion-icon> 30 </a>
                                    <a href="#story-modal" uk-toggle class="flex items-center"> <ion-icon name="pricetags" class="mr-1"></ion-icon> 12  </a> -->
                                </div>

                            </div>
                        </div>
                    <?php  } ?>


                </div>

            </div>