:: **Zploit** v1.0 | Current Path: **/home/kreativepixelz/greenboxwood.com/issue/**
:: Editing File: products2.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"> <!-- 1 --> <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"> <div class="position-relative overflow-hidden" style="height:320px;"> <img src="images/project-3.jpg" alt="Wooden Pallets" 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,.1) 0%, rgba(4,64,48,.85) 100%);"></div> <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> <div class="card-body bg-white p-4 text-center"> <h3 class="fw-bold text-uppercase mb-3" style="color:#044020;">Wooden Pallets</h3> <p class="text-muted mb-4"> Premium wooden pallets designed for safe storage, efficient material handling, logistics, and export applications with superior durability. </p> <a href="Wooden-Exporting.php" class="btn text-white fw-bold px-4 py-2 rounded-pill shadow-sm" style="background:#046330;"> View Products <i class="fa fa-long-arrow-right ms-1"></i> </a> </div> </div> </div> <!-- 2 --> <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"> <div class="position-relative overflow-hidden" style="height:320px;"> <img src="images/project-3.jpg" alt="Wooden Boxes & Crates" 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,.1) 0%, rgba(4,64,48,.85) 100%);"></div> <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> <div class="card-body bg-white p-4 text-center"> <h3 class="fw-bold text-uppercase mb-3" style="color:#044020;">Wooden Boxes & Crates</h3> <p class="text-muted mb-4"> Strong and durable wooden boxes and crates manufactured for industrial packaging, storage, heavy machinery, and export protection. </p> <a href="Wooden-Boxes.php" class="btn text-white fw-bold px-4 py-2 rounded-pill shadow-sm" style="background:#046330;"> View Products <i class="fa fa-long-arrow-right ms-1"></i> </a> </div> </div> </div> <!-- 3 --> <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"> <div class="position-relative overflow-hidden" style="height:320px;"> <img src="images/project-3.jpg" alt="Export Packaging" 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,.1) 0%, rgba(4,64,48,.85) 100%);"></div> <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> <div class="card-body bg-white p-4 text-center"> <h3 class="fw-bold text-uppercase mb-3" style="color:#044020;">Export Packaging</h3> <p class="text-muted mb-4"> Complete export packaging solutions including vacuum packing, container stuffing, industrial packing, and on-site packaging services. </p> <a href="Export-Packaging.php" class="btn text-white fw-bold px-4 py-2 rounded-pill shadow-sm" style="background:#046330;"> View Products <i class="fa fa-long-arrow-right ms-1"></i> </a> </div> </div> </div> <!-- 4 --> <!-- Wooden Doors --> <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/project-3.jpg" alt="Wooden Doors" 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,.1) 0%, rgba(4,64,48,.85) 100%);"> </div> <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 --> <div class="card-body bg-white p-4 text-center"> <h3 class="fw-bold text-uppercase mb-3" style="color:#044020;"> Wooden Doors </h3> <p class="text-muted mb-4"> Premium wooden doors crafted from high-quality timber, offering exceptional durability, elegant designs, and superior finishes for residential, commercial, and industrial applications. </p> <a href="Wooden-Doors.php" class="btn text-white fw-bold px-4 py-2 rounded-pill shadow-sm" style="background:#046330;"> View Products <i class="fa fa-long-arrow-right ms-1"></i> </a> </div> </div> </div> </div> </div> </div> <!-- Our Work Section End --> <?php include"footer.php"?>