code PHP :
function display_stretch_vs_drywall() {
$rows = [
[‘icon’ => ‘💧’, ‘feat’ => ‘Humidity & Mold Resistance’, ‘stretch’ => ‘HIGH – Resistant’, ‘drywall’ => ‘LOW – High Risk’],
[‘icon’ => ‘⏱️’, ‘feat’ => ‘Installation Time’, ‘stretch’ => ‘Hours’, ‘drywall’ => ‘Days/Weeks’],
[‘icon’ => ‘🧹’, ‘feat’ => ‘Dust & Debris’, ‘stretch’ => ‘None’, ‘drywall’ => ‘Significant’],
[‘icon’ => ‘♻️’, ‘feat’ => ‘Recyclability’, ‘stretch’ => ‘100% Recyclable’, ‘drywall’ => ‘No’],
[‘icon’ => ‘🛡️’, ‘feat’ => ‘Durability’, ‘stretch’ => ‘High (Resistant)’, ‘drywall’ => ‘Can crack’],
[‘icon’ => ‘🔧’, ‘feat’ => ‘Maintenance’, ‘stretch’ => ‘Washable’, ‘drywall’ => ‘Painting Required’],
[‘icon’ => ‘🛋️’, ‘feat’ => ‘Moving Furniture’, ‘stretch’ => ‘Not Required’, ‘drywall’ => ‘Full Move Needed’]
];
$html = ‘<div class= »comparison-table-wrapper »>
<h2 class= »glowing-title »>STRETCH VS. DRYWALL: THE ULTIMATE COMPARISON</h2>
<table>
<thead>
<tr><th>FEATURE</th><th>STRETCH CEILING</th><th>DRYWALL</th></tr>
</thead>
<tbody>’;
foreach ($rows as $row) {
$html .= ‘<tr>
<td><span class= »icon »>’.$row[‘icon’].'</span> ‘.$row[‘feat’].'</td>
<td class= »stretch-col »>✓ ‘.$row[‘stretch’].'</td>
<td class= »drywall-col »>✕ ‘.$row[‘drywall’].'</td>
</tr>’;
}
$html .= ‘</tbody></table></div>’;
return $html;
}
add_shortcode(‘stretch_vs_drywall’, ‘display_stretch_vs_drywall’);
code CSS :
.comparison-table-wrapper { font-family: sans-serif; margin: 40px auto; max-width: 900px; }
.comparison-table-wrapper table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }
.comparison-table-wrapper th { padding: 20px; background: #f4f4f4; text-align: center; }
.comparison-table-wrapper td { padding: 18px; border-bottom: 1px solid #e0e0e0; }
/* Couleurs de fond et texte des colonnes */
.stretch-col {
background-color: #e3f2fd; /* Bleu ciel clair */
color: #000080; /* Navy Blue */
font-weight: bold;
text-align: center;
}
.drywall-col {
background-color: #fce4ec; /* Rose clair */
color: #880e4f; /* Bordeaux foncé pour la lisibilité */
font-weight: bold;
text-align: center;
}
.icon { margin-right: 10px; font-size: 1.2rem; }
/* Titre animé */
.glowing-title {
text-align: center; font-size: 2rem; font-weight: 800; text-transform: uppercase;
background: linear-gradient(90deg, #000080, #FFA500, #000080);
background-size: 200% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
animation: shine 4s linear infinite; margin-bottom: 30px;
}
@keyframes shine { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
code short :
STRETCH VS. DRYWALL: THE ULTIMATE COMPARISON
| FEATURE | STRETCH CEILING | DRYWALL |
|---|---|---|
| 💧 Humidity & Mold Resistance | ✓ HIGH – Resistant | ✕ LOW – High Risk |
| ⏱️ Installation Time | ✓ Hours | ✕ Days/Weeks |
| 🧹 Dust & Debris | ✓ None | ✕ Significant |
| ♻️ Recyclability | ✓ 100% Recyclable | ✕ No |
| 🛡️ Durability | ✓ High (Resistant) | ✕ Can crack |
| 🔧 Maintenance | ✓ Washable | ✕ Painting Required |
| 🛋️ Moving Furniture | ✓ Not Required | ✕ Full Move Needed |
STRETCH VS. DRYWALL: THE ULTIMATE COMPARISON
| FEATURE | STRETCH CEILING | DRYWALL |
|---|---|---|
| 💧 Humidity & Mold Resistance | ✓ HIGH - Resistant | ✕ LOW - High Risk |
| ⏱️ Installation Time | ✓ Hours | ✕ Days/Weeks |
| 🧹 Dust & Debris | ✓ None | ✕ Significant |
| ♻️ Recyclability | ✓ 100% Recyclable | ✕ No |
| 🛡️ Durability | ✓ High (Resistant) | ✕ Can crack |
| 🔧 Maintenance | ✓ Washable | ✕ Painting Required |
| 🛋️ Moving Furniture | ✓ Not Required | ✕ Full Move Needed |