Ogled vira Predloga:DIY/en

<includeonly>
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; margin: 0.5rem 0;">

<!-- Project 1 -->
<div style="background:#DBDBAB; border-radius:10px; overflow:hidden; box-shadow:0 4px 5px rgba(0,0,0,0.1); display:flex; flex-direction:column; height:280px;">
  <div style="padding:1rem; text-align:center; font-weight:bold; color:#2c3e50;">[[{{{title1|Example title 1}}}|{{{display1|{{{title1|Example title 1}}}}}}]]</div>
  <div style="flex:1; display:flex; align-items:center; justify-content:center; background:white;">
    [[File:{{{image1|Example.jpg}}}|center|frameless|300px|link={{{title1|Example title 1}}}]]
  </div>
</div>

<!-- Project 2 -->
<div style="background:#DBDBAB; border-radius:10px; overflow:hidden; box-shadow:0 4px 5px rgba(0,0,0,0.1); display:flex; flex-direction:column; height:280px;">
  <div style="padding:1rem; text-align:center; font-weight:bold; color:#2c3e50;">[[{{{title2|Example title 2}}}|{{{display2|{{{title2|Example title 2}}}}}}]]</div>
  <div style="flex:1; display:flex; align-items:center; justify-content:center; background:white;">
    [[File:{{{image2|Example.jpg}}}|center|frameless|300px|link={{{title2|Example title 2}}}]]
  </div>
</div>

<!-- Project 3 -->
<div style="background:#DBDBAB; border-radius:10px; overflow:hidden; box-shadow:0 4px 5px rgba(0,0,0,0.1); display:flex; flex-direction:column; height:280px;">
  <div style="padding:1rem; text-align:center; font-weight:bold; color:#2c3e50;">[[{{{title3|Example title 3}}}|{{{display3|{{{title3|Example title 3}}}}}}]]</div>
  <div style="flex:1; display:flex; align-items:center; justify-content:center; background:white;">
    [[File:{{{image3|Example.jpg}}}|center|frameless|300px|link={{{title3|Example title 3}}}]]
  </div>
</div>

<!-- Project 4 -->
<div style="background:#DBDBAB; border-radius:10px; overflow:hidden; box-shadow:0 4px 5px rgba(0,0,0,0.1); display:flex; flex-direction:column; height:280px;">
  <div style="padding:1rem; text-align:center; font-weight:bold; color:#2c3e50;">[[{{{title4|Example title 4}}}|{{{display4|{{{title4|Example title 4}}}}}}]]</div>
  <div style="flex:1; display:flex; align-items:center; justify-content:center; background:white;">
    [[File:{{{image4|Example.jpg}}}|center|frameless|300px|link={{{title4|Example title 4}}}]]
  </div>
</div>

</div>
</includeonly>

<noinclude>
{{DIY/en}}
</noinclude>