„Szerkesztő:BarathéGábor/ÚjKezdőlapTeszt” változatai közötti eltérés
Új oldal, tartalma: „Hahó” |
aNincs szerkesztési összefoglaló |
||
| 1. sor: | 1. sor: | ||
<div class="main-container"> | |||
<div class="card"> | |||
<div class="card-title">📖 About This Wiki</div> | |||
<img src="https://via.placeholder.com/300x150" alt="About"> | |||
<div class="card-description"> | |||
<p>Learn about the purpose and goals of this wiki.</p> | |||
<p>➡️ [[About|Read more]]</p> | |||
</div> | |||
</div> | |||
<div class="card"> | |||
<div class="card-title">📂 Categories</div> | |||
<img src="https://via.placeholder.com/300x150" alt="Categories"> | |||
<div class="card-description"> | |||
<p>Explore different topics organized by category.</p> | |||
<p>➡️ [[:Category:All Pages|Browse Categories]]</p> | |||
</div> | |||
</div> | |||
<div class="card"> | |||
<div class="card-title">🔍 Search</div> | |||
<img src="https://via.placeholder.com/300x150" alt="Search"> | |||
<div class="card-description"> | |||
<p>Looking for something specific? Use the search function!</p> | |||
<p>➡️ [[Special:Search|Search Now]]</p> | |||
</div> | |||
</div> | |||
</div> | |||
<style> | |||
.main-container { | |||
display: flex; | |||
justify-content: center; | |||
flex-wrap: wrap; | |||
gap: 20px; | |||
padding: 20px; | |||
} | |||
.card { | |||
width: 300px; | |||
background: white; | |||
border-radius: 10px; | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | |||
overflow: hidden; | |||
text-align: center; | |||
} | |||
.card img { | |||
width: 100%; | |||
height: 150px; | |||
object-fit: cover; | |||
} | |||
.card-title { | |||
font-size: 18px; | |||
font-weight: bold; | |||
padding: 10px; | |||
background: #0078D7; | |||
color: white; | |||
} | |||
.card-description { | |||
padding: 10px; | |||
font-size: 14px; | |||
color: #333; | |||
} | |||
</style> | |||
A lap 2025. február 19., 02:44-kori változata
📖 About This Wiki
<img src="https://via.placeholder.com/300x150" alt="About">
Learn about the purpose and goals of this wiki.
➡️ Read more
📂 Categories
<img src="https://via.placeholder.com/300x150" alt="Categories">
Explore different topics organized by category.
🔍 Search
<img src="https://via.placeholder.com/300x150" alt="Search">
Looking for something specific? Use the search function!
➡️ Search Now
<style> .main-container {
display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; padding: 20px;
} .card {
width: 300px; background: white; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); overflow: hidden; text-align: center;
} .card img {
width: 100%; height: 150px; object-fit: cover;
} .card-title {
font-size: 18px; font-weight: bold; padding: 10px; background: #0078D7; color: white;
} .card-description {
padding: 10px; font-size: 14px; color: #333;
} </style>