:: **Zploit** v1.0 | Current Path: **/home/kreativepixelz/greenboxwood.com/issue/**
:: Editing File: products_1.php
<?php include"header.php"?> <!-- Page Header Start --> <div class="page-header parallaxie"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-12"> <!-- Page Header Box Start --> <div class="page-header-box"> <h1 class="text-anime-style-2" data-cursor="-opaque">Our <span>Products</span></h1> <nav class="wow fadeInUp"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="index.php">home</a></li> <li class="breadcrumb-item active" aria-current="page">Our Products</li> </ol> </nav> </div> <!-- Page Header Box End --> </div> </div> </div> </div> <!-- Page Header End --> <!-- Custom CSS Styling Additions --> <style> .product-card { transition: transform 0.3s ease, box-shadow 0.3s ease; } .product-card:hover { transform: translateY(-8px); box-shadow: 0 1rem 3rem rgba(0,0,0,0.1) !important; } .product-card:hover img { transform: scale(1.05); } .transition-scale { transition: transform 0.5s ease; } .top-end { top: 15px; right: 15px; } </style> <!-- Our Work Section Start --> <div class="our-work" style="background-color:#f5f5f5"> <div class="container"> <div class="row section-row align-items-center"> <div class="col-lg-6"> <!-- Section Title Start --> <div class="section-title"> <h3 class="wow fadeInUp" style="text-transform: uppercase;">OUR PRODUCTS </h3> <h2 class="text-anime-style-2" data-cursor="-opaque">Sustainable Wooden <span> Export & Industrial</span></h2> </div> <!-- Section Title End --> </div> <div class="col-lg-6"> <!-- Section Title Content Start --> <div class="section-title-content wow fadeInUp" data-wow-delay="0.25s"> <p>Our premium wood product initiatives showcase our commitment to global export standards, ISPM-15 compliance, and durable industrial packaging excellence.</p> </div> <!-- Section Title Content End --> </div> </div> <div class="row g-4 justify-content-center"> <!-- Category Item 1: Wooden Exporting --> <div class="col-lg-6 col-md-6"> <div class="card h-100 border-0 shadow-sm rounded-4 overflow-hidden position-relative product-card"> <!-- Image Wrapper --> <div class="position-relative overflow-hidden" style="height: 320px;"> <img src="images/about-img-1.jpg" alt="Wooden Exporting" class="w-100 h-100 object-fit-cover transition-scale"> <div class="position-absolute top-0 start-0 w-100 h-100" style="background: linear-gradient(to bottom, rgba(4,64,48,0.1) 0%, rgba(4,64,48,0.85) 100%);"></div> <!-- Floating Badge/Icon --> <div class="position-absolute top-end m-3 bg-white rounded-circle d-flex align-items-center justify-content-center shadow" style="width: 50px; height: 50px;"> <i class="fa fa-plus text-success fs-5"></i> </div> </div> <!-- Card Body Content Overlay / Bottom Section --> <div class="card-body bg-white p-4 d-flex flex-column justify-content-between text-center"> <div> <h3 class="fw-bold text-uppercase mb-3" style="color: #044020; font-size: 1.4rem;">Wooden Exporting</h3> <p class="text-muted mb-4" style="font-size: 0.95rem;">ISPM-15 heat-treated pallets, crates, and heavy-duty industrial packaging built securely for international freight and global compliance.</p> </div> <div> <a href="wooden-exporting.html" class="btn text-white fw-bold px-4 py-2 rounded-pill text-uppercase shadow-sm" style="background-color: #046330; font-size: 0.9rem; transition: background 0.3s ease;"> View Products <i class="fa fa-long-arrow-right ms-1"></i> </a> </div> </div> </div> </div> <!-- Category Item 2: Other Wooden Products --> <div class="col-lg-6 col-md-6"> <div class="card h-100 border-0 shadow-sm rounded-4 overflow-hidden position-relative product-card"> <!-- Image Wrapper --> <div class="position-relative overflow-hidden" style="height: 320px;"> <img src="images/about-img-1.jpg" alt="Other Wooden Products" class="w-100 h-100 object-fit-cover transition-scale"> <div class="position-absolute top-0 start-0 w-100 h-100" style="background: linear-gradient(to bottom, rgba(4,64,48,0.1) 0%, rgba(4,64,48,0.85) 100%);"></div> <!-- Floating Badge/Icon --> <div class="position-absolute top-end m-3 bg-white rounded-circle d-flex align-items-center justify-content-center shadow" style="width: 50px; height: 50px;"> <i class="fa fa-plus text-success fs-5"></i> </div> </div> <!-- Card Body Content Overlay / Bottom Section --> <div class="card-body bg-white p-4 d-flex flex-column justify-content-between text-center"> <div> <h3 class="fw-bold text-uppercase mb-3" style="color: #044020; font-size: 1.4rem;">Other Wooden Products</h3> <p class="text-muted mb-4" style="font-size: 0.95rem;">Custom timber dimensions, utility boards, specialized industrial items, and fine raw processed wood tailored to precise commercial needs.</p> </div> <div> <a href="other-wooden-products.html" class="btn text-white fw-bold px-4 py-2 rounded-pill text-uppercase shadow-sm" style="background-color: #046330; font-size: 0.9rem; transition: background 0.3s ease;"> View Products <i class="fa fa-long-arrow-right ms-1"></i> </a> </div> </div> </div> </div> </div> </div> </div> <!-- Our Work Section End --> <?php include"footer.php"?>