Ugrás a tartalomhoz

„Szerkesztő:BarathéGábor/ÚjKezdőlapTeszt” változatai közötti eltérés

Innen: TrashWiki
aNincs szerkesztési összefoglaló
Nincs szerkesztési összefoglaló
2. sor: 2. sor:
     <div class="card">
     <div class="card">
         <div class="card-title">📖 About This Wiki</div>
         <div class="card-title">📖 About This Wiki</div>
<img src="https://via.placeholder.com/300x150" alt="About">
[[File:Example.jpg|300px|alt=About|center]]
         <div class="card-description">
         <div class="card-description">
             <p>Learn about the purpose and goals of this wiki.</p>
             <p>Learn about the purpose and goals of this wiki.</p>
11. sor: 11. sor:
     <div class="card">
     <div class="card">
         <div class="card-title">📂 Categories</div>
         <div class="card-title">📂 Categories</div>
<img src="https://via.placeholder.com/300x150" alt="Categories">
[[File:Example.jpg|300px|alt=About|center]]
         <div class="card-description">
         <div class="card-description">
             <p>Explore different topics organized by category.</p>
             <p>Explore different topics organized by category.</p>
20. sor: 20. sor:
     <div class="card">
     <div class="card">
         <div class="card-title">🔍 Search</div>
         <div class="card-title">🔍 Search</div>
        <img src="https://via.placeholder.com/300x150" alt="Search">
[[File:Example.jpg|300px|alt=About|center]]
         <div class="card-description">
         <div class="card-description">
             <p>Looking for something specific? Use the search function!</p>
             <p>Looking for something specific? Use the search function!</p>

A lap 2025. február 19., 02:45-kori változata

📖 About This Wiki
About

Learn about the purpose and goals of this wiki.

➡️ Read more

📂 Categories
About

Explore different topics organized by category.

➡️ Browse Categories

🔍 Search
About

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>