   font-family: 'Calibri', sans-serif;

}

/* באנר ראשי */ .main-page-banner {

 background-image: url('https://i.imagesup.co/images2/590771adcf5588bca7bb1c17b7ebc4238461dcec.png');
 background-size: cover;
 background-position: center;
 padding: 80px 30px;
 border-radius: 14px;
 margin-bottom: 40px;
 text-align: center;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
 font-family: "Segoe UI", sans-serif;
 color: #111;

} .main-page-banner h1 {

 font-size: 2.4em;
 color: #003366;
 text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7);
 margin-bottom: 10px;

} .main-page-banner p {

 font-size: 1.1em;
 color: #333;
 background: rgba(255,255,255,0.75);
 display: inline-block;
 padding: 4px 12px;
 border-radius: 6px;
 margin-bottom: 20px;

}

/* גריד של כפתורי קטגוריות */ .category-grid {

 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
 gap: 20px;
 margin: 40px 0;
 padding: 0 10px;

}

/* כרטיס קטגוריה */ .category-card {

 background: white;
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0,0,0,0.1);
 text-align: center;
 padding: 20px 10px;
 text-decoration: none;
 color: #003366;
 transition: transform 0.2s ease, box-shadow 0.3s ease;

} .category-card:hover {

 transform: translateY(-5px);
 box-shadow: 0 8px 20px rgba(0,0,0,0.15);

}

/* אייקון */ .category-card img {

 width: 48px;
 height: 48px;
 margin-bottom: 10px;

}

/* כותרת */ .category-card h3 {

 font-size: 1.1em;
 margin: 0;
 font-weight: bold;
 color: #0466c8;

} </style>

ספריית המידע של אפליקציית המלאכים

מדריכים, תיעוד ופיתוח מאחורי הקלעים של פרויקט הגמר

 <a href="/קטגוריה:תיעוד_טכני" class="category-card">
   <img src="https://cdn-icons-png.flaticon.com/128/875/875610.png" alt="תיעוד טכני">

תיעוד טכני

 </a>
 <a href="/קטגוריה:ממשק_משתמש" class="category-card">
   <img src="https://cdn-icons-png.flaticon.com/128/3135/3135715.png" alt="ממשק משתמש">

ממשק משתמש

 </a>
 <a href="/קטגוריה:API" class="category-card">
   <img src="https://cdn-icons-png.flaticon.com/128/10691/10691901.png" alt="API">

API

 </a>
 <a href="/קטגוריה:UML" class="category-card">
   <img src="https://cdn-icons-png.flaticon.com/128/2991/2991129.png" alt="UML">

UML

 </a>
 <a href="/קטגוריה:ארכיטקטורה" class="category-card">
   <img src="https://cdn-icons-png.flaticon.com/128/869/869636.png" alt="ארכיטקטורה">

ארכיטקטורה

 </a>
 <a href="/קטגוריה:תכנון" class="category-card">
   <img src="https://cdn-icons-png.flaticon.com/128/753/753345.png" alt="תכנון">

תכנון

 </a>
 <a href="/קטגוריה:גרסאות" class="category-card">
   <img src="https://cdn-icons-png.flaticon.com/128/3502/3502458.png" alt="גרסאות">

גרסאות

 </a>
 <a href="/קטגוריה:משימות" class="category-card">
   <img src="https://cdn-icons-png.flaticon.com/128/942/942748.png" alt="משימות">

משימות

 </a>