User:Cameron446:/sandbox test: Difference between revisions
Jump to navigation
Jump to search
Cameron446: (talk | contribs) No edit summary Tag: Manual revert |
Cameron446: (talk | contribs) No edit summary |
||
Line 2: | Line 2: | ||
<tr> | <tr> | ||
<td style="width: 33%; padding: 5px; text-align: center;"> | <td style="width: 33%; padding: 5px; text-align: center;"> | ||
<div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;"> | <a href="{{{URL1}}}" style="display: block; text-decoration: none; color: inherit;"> | ||
<div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;"> | |||
<div style="width: 100%; height: 100%;"> | |||
<div> [[File:{{{Image1}}}|style=width:100%; height:100%; object-fit: cover;]] | |||
</div> | |||
<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box;"> | |||
<div style="font-size: 18px; font-weight: bold;">{{{Title1}}}</div> | |||
<div style="font-size: 14px;">{{{Description1}}}</div> | |||
</div> | |||
</div> | </div> | ||
</ | </a> | ||
</td> | </td> | ||
<td style="width: 33%; padding: 5px; text-align: center;"> | <td style="width: 33%; padding: 5px; text-align: center;"> | ||
<div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;"> | <a href="{{{URL2}}}" style="display: block; text-decoration: none; color: inherit;"> | ||
<div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;"> | |||
<div style="width: 100%; height: 100%;"> | |||
<div> [[File:{{{Image2}}}|style=width:100%; height:100%; object-fit: cover;]] | |||
</div> | |||
<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box;"> | |||
<div style="font-size: 18px; font-weight: bold;">{{{Title2}}}</div> | |||
<div style="font-size: 14px;">{{{Description2}}}</div> | |||
</div> | |||
</div> | </div> | ||
</ | </a> | ||
</td> | </td> | ||
<td style="width: 33%; padding: 5px; text-align: center;"> | <td style="width: 33%; padding: 5px; text-align: center;"> | ||
<div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;"> | <a href="{{{URL3}}}" style="display: block; text-decoration: none; color: inherit;"> | ||
<div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;"> | |||
<div style="width: 100%; height: 100%;"> | |||
<div> [[File:{{{Image3}}}|style=width:100%; height:100%; object-fit: cover;]] | |||
</div> | |||
<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box;"> | |||
<div style="font-size: 18px; font-weight: bold;">{{{Title3}}}</div> | |||
<div style="font-size: 14px;">{{{Description3}}}</div> | |||
</div> | |||
</div> | </div> | ||
</ | </a> | ||
</td> | </td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
Revision as of 18:11, 23 August 2024
<a href="{{{URL1}}}" style="display: block; text-decoration: none; color: inherit;"> |
<a href="{{{URL2}}}" style="display: block; text-decoration: none; color: inherit;"> |
<a href="{{{URL3}}}" style="display: block; text-decoration: none; color: inherit;"> |