Drywall VS Stretch V2

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

FEATURESTRETCH CEILINGDRYWALL
💧 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

FEATURESTRETCH CEILINGDRYWALL
💧 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
Retour en haut