User:Cameron446:/sandbox test: Difference between revisions

From Habbox Wiki
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>  [[File:{{{Image1}}}|style=width:200%; height:600%; object-fit: cover;]]
      <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>  [[File:{{{Image2}}}|style=width:200%; height:600%; object-fit: cover;]]
       <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> [[File:{{{Image3}}}|style=width:200%; height:600%; object-fit: cover;]]
     <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]]





Revision as of 18:01, 23 August 2024

<img src="File:{{{Image1}}}" style="width: 100%; height: 100%; object-fit: cover;" alt="Image1">
           {{{Title1}}}
           {{{Description1}}}
<img src="File:{{{Image2}}}" style="width: 100%; height: 100%; object-fit: cover;" alt="Image2">
           {{{Title2}}}
           {{{Description2}}}
<img src="File:{{{Image3}}}" style="width: 100%; height: 100%; object-fit: cover;" alt="Image3">
           {{{Title3}}}
           {{{Description3}}}