File Manager

✏️ Edit File: /home/rla105zs937x/public_html/mayonartandstudio.com/collection.php

<?php
 include('config.php');

$sql = "SELECT collect.id, collect.photo, collect.title, collect.description, groupname.group_name 
        FROM collect 
        JOIN groupname ON collect.group_name = groupname.id";
$result = $conn->query($sql);

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Mayon Art and Studio || Tanjore Art, Hand craft, Tanjore Art in Trichy, Traditional Art and Craft in Trichy</title>

<div class="margin-collection wow fadeIn" data-wow-delay="0.1s">
             <div class="col-md-10 col-xs-offset-1">
               <h3 class="heading-inner">Collection <?=$n;?></h3>
                  <div class="hr"></div>
                   <div class="heading-c">
                    Drawing Classes, Arts & Crafts Classes, Bombay Art Painting Classes, Tanjore Painting Classes, Glass Painting Classes, 3D Tanjore Painting Classes, Online 3D Tanjore Painting Classes, Painting Classes and much more        </div>
             </div>
             
             
             
             <div class="container">

<ul class="portfolio-filter text-center">
                <li><a class="btn btn-default active" href="#" data-filter="*">All Collection</a></li>
                <?php
                $result1 = $conn->query(" Select * from groupname");
                while ($row1 = $result1->fetch_assoc()) { ?>
                <li><a class="btn btn-default" href="#" data-filter=".<?=$row1['group_name'];?>"><?=strtoupper($row1['group_name']);?></a></li>
                <?php } ?>
               </ul>

<div class="container">
                    
                     <div class="row">
                 <div class="portfolio-items grid">
                            <?php if ($result->num_rows > 0) {  
    $n=0;
    while ($row = $result->fetch_assoc()) {  
      
        $n++;?>
   
                                <div class="portfolio-item <?=$row['group_name']; ?> col-xs-12 col-sm-12 col-md-4 thumbs  ">
                                    <figure class="effect-moses wow fadeIn" data-wow-delay="0.1s">
                                        <a href="admin/<?php echo htmlspecialchars($row['photo']); ?>">
                                            <img src="admin/<?php echo htmlspecialchars($row['photo']); ?>" alt="123"/>
                                            <figcaption>
                                                <h2><?php echo htmlspecialchars($row['title']); ?></h2>
                                                <p><?php echo htmlspecialchars($row['description']); ?></p>
                                            </figcaption>
                                        </a>
                                    </figure>
                                </div>
                            <?php } } ?>
                        </div>
                    </div>
                    
                </div>

</div>
       
          </div>

<?php include('footer.php'); ?>

</div>

</div>
   
   
      
   
   <script src="js/jquery-1.11.0.js"></script>
   
   <script src="js/bootstrap.min.js"></script>
   
   <script src="js/jquery.isotope.min.js"></script>
    
   <script src="js/main.js"></script>
   
   <script src="js/wow.min.js"></script>
   
    <script src="js/touchTouch.jquery.js"></script>
	<script src="js/script.js"></script>
   
    
    <script src="js/smoothscroll.js"></script>
    
    
    <script  //src="js/wow.js"></script>
    
    <script>
  //  new WOW().init();
    </script>
<script src="js/jquery-1.11.0.js"></script>
<script //src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

function dis_summer() {   console.log("entering");
        $('.image-container').removeClass('active');
      //  $('.image-container.Summer').addClass('active');
        $('.image-container.Summer').addClass('active').css('display', 'block');
        $('.image-container.Autumn').addClass('active').css('display', 'none');
        $('.image-container.Spring').addClass('active').css('display', 'none');
        
        
    }

function dis_autumn() {
       // $('.image-container').removeClass('active');
       // $('.image-container.').addClass('active');
        $('.image-container.Autumn').addClass('active').css('display', 'block');
        $('.image-container.Summer').addClass('active').css('display', 'none');
        $('.image-container.Spring').addClass('active').css('display', 'none');
    }

function dis_spring() {
    //    $('.image-container').removeClass('active');
     //   $('.image-container.Spring').addClass('active');
        $('.image-container.Autumn').addClass('active').css('display', 'none');
        $('.image-container.Summer').addClass('active').css('display', 'none');
        $('.image-container.Spring').addClass('active').css('display', 'block');
    }

$(document).ready(function() {
        $('#all').trigger('click');
    });*/
    
  
    function showItems(category) {
        $('.image-container').removeClass('active').hide(); // Hide all items
        if (category === 'all') {
            $('.image-container').addClass('active').show(); // Show all items
        } else {
            $('.image-container.' + category).addClass('active').show(); // Show selected category
        }
    }

$(document).ready(function() {
        $('#all').on('click', function() {
            showItems('all');
        });

$('#Summer').on('click', function() {
            showItems('Summer');
        });

$('#Autumn').on('click', function() {
            showItems('Autumn');
        });

$('#Spring').on('click', function() {
            showItems('Spring');
        });

$('#all').trigger('click');
    });

</script>

</body>
</html>

Batal

⬅ Naik ke public_html 23 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁.well-known	dir	—	2024-03-23 17:53	📂 Buka
📁admin	dir	—	2025-01-03 05:30	📂 Buka
📁cgi-bin	dir	—	2024-03-23 17:52	📂 Buka
📁contact-php	dir	—	2023-11-10 10:58	📂 Buka
📁css	dir	—	2024-12-26 12:35	📂 Buka
📁db	dir	—	2024-12-25 19:25	📂 Buka
📁font-awesome-4.1.0	dir	—	2023-11-10 10:58	📂 Buka
📁image	dir	—	2024-03-24 06:08	📂 Buka
📁img	dir	—	2023-11-12 00:56	📂 Buka
📁js	dir	—	2023-11-10 10:58	📂 Buka
📁shop	dir	—	2026-07-16 18:54	📂 Buka
📁uploads	dir	—	2025-01-02 12:30	📂 Buka
🐘about.php	php	6.4 KB	2024-12-31 23:29	✏️ Edit 👁️ View
🐘collection.php	php	7.7 KB	2025-01-06 13:02	✏️ Edit 👁️ View
🐘config.php	php	86 B	2025-01-02 12:38	✏️ Edit 👁️ View
🐘contact.php	php	4.1 KB	2024-12-31 23:29	✏️ Edit 👁️ View
📄error_log	file	247.8 KB	2026-03-28 06:18	✏️ Edit 👁️ View
🐘footer.php	php	507 B	2024-12-31 23:19	✏️ Edit 👁️ View
🐘header.php	php	2.4 KB	2024-12-31 11:25	✏️ Edit 👁️ View
🌐index.html	html	120 B	2025-01-02 12:52	✏️ Edit 👁️ View
🐘index.php	php	3.7 KB	2024-12-31 23:28	✏️ Edit 👁️ View
🐘news.php	php	5.2 KB	2024-12-31 23:37	✏️ Edit 👁️ View
🐘services.php	php	3.9 KB	2024-12-31 23:39	✏️ Edit 👁️ View