User:Cameron446:/sandbox test: Difference between revisions
Jump to navigation
Jump to search
Cameron446: (talk | contribs) No edit summary |
Cameron446: (talk | contribs) No edit summary |
||
Line 3: | Line 3: | ||
<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;"> | <div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;"> | ||
<div> <img src="File:{{{Image1}}}" style="width: 100%; height: 100%; object-fit: cover;" alt="Image1"> | |||
<div style="position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; padding: 10px; box-sizing: border-box;"> | <div style="position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; padding: 10px; box-sizing: border-box;"> | ||
<div style="font-size: 18px; font-weight: bold;">{{{Title1}}}</div> | <div style="font-size: 18px; font-weight: bold; color: white;"> | ||
<div style="font-size: 14px;">{{{Description1}}}</div> | {{{Title1}}} | ||
</div> | |||
<div style="font-size: 14px; color: white;"> | |||
{{{Description1}}} | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
Line 12: | Line 16: | ||
<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;"> | <div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;"> | ||
<div> | <div> <img src="File:{{{Image2}}}" style="width: 100%; height: 100%; object-fit: cover;" alt="Image2"> | ||
<div style="position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; padding: 10px; box-sizing: border-box;"> | <div style="position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; padding: 10px; box-sizing: border-box;"> | ||
<div style="font-size: 18px; font-weight: bold;">{{{Title2}}}</div> | <div style="font-size: 18px; font-weight: bold; color: white;"> | ||
<div style="font-size: 14px;">{{{Description2}}}</div> | {{{Title2}}} | ||
</div> | |||
<div style="font-size: 14px; color: white;"> | |||
{{{Description2}}} | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
Line 21: | Line 29: | ||
<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;"> | <div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;"> | ||
<div> | <div> <img src="File:{{{Image3}}}" style="width: 100%; height: 100%; object-fit: cover;" alt="Image3"> | ||
<div style="position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; padding: 10px; box-sizing: border-box;"> | <div style="position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; padding: 10px; box-sizing: border-box;"> | ||
<div style="font-size: 18px; font-weight: bold;">{{{Title3}}}</div> | <div style="font-size: 18px; font-weight: bold; color: white;"> | ||
<div style="font-size: 14px;">{{{Description3}}}</div> | {{{Title3}}} | ||
</div> | |||
<div style="font-size: 14px; color: white;"> | |||
{{{Description3}}} | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
Line 32: | Line 44: | ||
[[Category:Sandbox Templates]] | [[Category:Sandbox Templates]] | ||