Noir Social Strips

HTML_STRUCTURE

<div class='bh-sect-v1-soc'><a href='#'>TW_</a><a href='#'>GH_</a><a href='#'>DS_</a></div>

CSS_STYLING

.bh-sect-v1-soc { display: flex; border: 1px solid #222; } .bh-sect-v1-soc a { flex: 1; text-align: center; padding: 20px; color: #fff; text-decoration: none; font-weight: 900; border-right: 1px solid #222; transition: 0.3s; } .bh-sect-v1-soc a:last-child { border-right: none; } .bh-sect-v1-soc a:hover { background: #fff; color: #000; }

// DESIGN_NOTES: Komponen ini menggunakan CSS variabel untuk memudahkan kustomisasi warna dan transisi.