REDROOM

Edit File Size: 5.23 KB

/home/ecopackply/www/app/Views/detail.php

Text Base64

.product-wrap{
        max-width:1200px;
        margin:auto;
    }

.product-image-box{
        background:#f3f4f6;
        border-radius:18px;
        padding:20px;
        box-shadow:0 12px 30px rgba(0,0,0,0.08);
    }

.product-image-box img{
        width:100%;
        border-radius:14px;
        object-fit:cover;
    }

.product-info-box h1{
        font-size:32px;
        font-weight:700;
        color:#111827;
        margin-bottom:10px;
    }

.product-grade-badge{
        display:inline-block;
        background:#6b9f31;
        color:#fff;
        font-size:13px;
        font-weight:600;
        padding:6px 14px;
        border-radius:20px;
        margin-bottom:20px;
    }

.product-desc{
        font-size:16px;
        color:#4b5563;
        line-height:1.8;
        margin-bottom:30px;
    }

.specs-box{
        background:#f9fafb;
        border-radius:16px;
        padding:24px;
        margin-bottom:30px;
    }

.specs-box h4{
        font-size:18px;
        margin-bottom:15px;
        font-weight:600;
    }

.specs-list{
        list-style:none;
        padding:0;
        margin:0;
    }

.specs-list li{
        display:flex;
        justify-content:space-between;
        padding:10px 0;
        border-bottom:1px dashed #e5e7eb;
        font-size:15px;
        color:#374151;
    }

.specs-list li span{
        font-weight:600;
        color:#111827;
    }

.btn-enquiry{
        display:inline-block;
        background:#111827;
        color:#fff;
        padding:14px 26px;
        border-radius:10px;
        font-weight:500;
        text-decoration:none;
        transition:0.3s;
    }

.btn-enquiry:hover{
        background:#6b9f31;
        color:#fff;
    }

/* Related products */
    .related-section{
        padding:80px 8% 40px;
        background:#f9fafb;
    }

.related-section h2{
        text-align:center;
        font-size:30px;
        font-weight:700;
        margin-bottom:40px;
    }

.related-grid{
        display:grid;
        grid-template-columns:repeat(auto-fill, minmax(260px,1fr));
        gap:28px;
        justify-content:center;
    }

.related-card{
        max-width:320px;
        margin:auto;
        background:#fff;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 10px 26px rgba(0,0,0,0.08);
        transition:0.3s;
    }

.related-card:hover{
        transform:translateY(-6px);
    }

.related-card img{
        width:100%;
        height:200px;
        object-fit:cover;
    }

.related-info{
        padding:18px;
    }

.related-info h5{
        font-size:17px;
        font-weight:600;
        margin-bottom:12px;
    }

.related-info a{
        display:block;
        text-align:center;
        background:#111827;
        color:#fff;
        padding:10px;
        border-radius:8px;
        text-decoration:none;
        transition:0.3s;
    }

.related-info a:hover{
        background:#6b9f31;
    }
</style>

<div class="col-md-6">
                <div class="product-image-box">
                    <img src="<?= base_url('uploads/products/'.$product['productPhoto']) ?>"
                         alt="<?= esc($product['productName']) ?>">
                </div>
            </div>

<div class="col-md-6 product-info-box">

<div class="specs-box">
                    <h4>Technical Specifications</h4>
                    <ul class="specs-list">
                        <li><span>Size</span><?= esc($product['productSize']) ?></li>
                        <li><span>Thickness</span><?= esc($product['productThicknes']) ?></li>
                        <li><span>Face Veneer</span><?= esc($product['productFaceVeneer']) ?></li>
                        <li><span>Resin Type</span><?= esc($product['productResin']) ?></li>
                        <li><span>Grade</span><?= esc($product['productGrade']) ?></li>
                    </ul>
                </div>

<a href="<?= base_url('enquiry/'.$product['ID']) ?>" class="btn-enquiry">
                    Request Enquiry
                </a>
            </div>
        </div>
    </div>
</section>

<section class="related-section">
    <h2>Related Products</h2>

<div class="related-grid">
        <?php foreach ($relatedProducts as $rp): ?>
            <div class="related-card">
                <img src="<?= base_url('uploads/products/'.$rp['productPhoto']) ?>">
                <div class="related-info">
                    <h5><?= esc($rp['productName']) ?></h5>
                    <a href="<?= base_url('productDetail/'.$rp['ID']) ?>">
                        View Product →
                    </a>
                </div>
            </div>
        <?php endforeach; ?>
    </div>
</section>

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
admin DIR	-	drwxr-xr-x	2026-01-27 08:07:40	Edit Download recursive recursive
errors DIR	-	drwxr-xr-x	2026-01-27 08:07:40	Edit Download recursive recursive
include DIR	-	drwxr-xr-x	2026-01-27 08:07:40	Edit Download recursive recursive
aboutUs.php	6.24 KB	lrw-r--r--	2026-02-10 11:01:16	Edit Download recursive recursive
contact.php	7.04 KB	lrw-r--r--	2026-02-10 11:00:42	Edit Download recursive recursive
detail.php	5.23 KB	lrw-r--r--	2026-02-10 05:58:02	Edit Download recursive recursive
enquiry.php	4.82 KB	lrw-r--r--	2026-02-10 05:58:03	Edit Download recursive recursive
home.php	11.31 KB	lrw-r--r--	2026-02-11 05:13:31	Edit Download recursive recursive
infrastructure.php	5.17 KB	lrw-r--r--	2026-02-10 05:58:04	Edit Download recursive recursive
privacy.php	19.99 KB	lrw-r--r--	2026-02-10 05:58:06	Edit Download recursive recursive
shop.php	5.42 KB	lrw-r--r--	2026-02-10 05:58:06	Edit Download recursive recursive

Directory Contents