|
|
| Line 1: |
Line 1: |
| <div style="display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; margin-top:20px;"> | | <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:auto;"> |
|
| |
|
| <a href="/wiki/Category1" style="text-decoration:none;"> | | <a href="/wiki/Stay_Safe" style="text-decoration:none;"> |
| <div style="background:#2b2b2b; color:white; padding:40px; text-align:center; border-radius:10px;"> | | <div style=" |
| <h2>Category 1</h2>
| | height:220px; |
| </div>
| | border-radius:20px; |
| </a>
| | overflow:hidden; |
| | | background:url('/wiki/Special:Redirect/file/StaySafe.jpg') center/cover; |
| <a href="/wiki/Category2" style="text-decoration:none;">
| | position:relative; |
| <div style="background:#2b2b2b; color:white; padding:40px; text-align:center; border-radius:10px;">
| | "> |
| <h2>Category 2</h2>
| |
| </div>
| |
| </a>
| |
|
| |
|
| <a href="/wiki/Category3" style="text-decoration:none;"> | | <div style=" |
| <div style="background:#2b2b2b; color:white; padding:40px; text-align:center; border-radius:10px;">
| | position:absolute; |
| <h2>Category 3</h2>
| | bottom:0; |
| </div>
| | width:100%; |
| </a>
| | padding:20px; |
| | color:white; |
| | background:linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.2)); |
| | "> |
|
| |
|
| <a href="/wiki/Category4" style="text-decoration:none;"> | | <h2 style="margin:0;">Stay Safe</h2> |
| <div style="background:#2b2b2b; color:white; padding:40px; text-align:center; border-radius:10px;"> | | <p style="margin:4px 0;">Educational content focused on consent and safety</p> |
| <h2>Category 4</h2>
| | <b>6 Topics →</b> |
| </div> | |
| </a> | |
|
| |
|
| <a href="/wiki/Category5" style="text-decoration:none;">
| |
| <div style="background:#2b2b2b; color:white; padding:40px; text-align:center; border-radius:10px;">
| |
| <h2>Category 5</h2>
| |
| </div> | | </div> |
| </a>
| |
|
| |
| <a href="/wiki/Category6" style="text-decoration:none;">
| |
| <div style="background:#2b2b2b; color:white; padding:40px; text-align:center; border-radius:10px;">
| |
| <h2>Category 6</h2>
| |
| </div> | | </div> |
| </a> | | </a> |
|
| |
|
| </div> | | </div> |