FőoldalKarrier PortálÁllás kártyák

Állás kártyák

A Karrier Portál állás kártyái különböző formátumokban jelenítik meg a nyitott pozíciókat, támogatva a hatékony álláskeresést.

Standard állás kártya

Az alapértelmezett állás kártya formátum, amely a legfontosabb információkat jeleníti meg a pozícióról.

MérnökiGyőr, Magyarország

Szoftverfejlesztő mérnök

Fejlessz velünk járművezérlő rendszereket és innovatív megoldásokat az önvezető technológiák területén...

Közzétéve: 2025. április 10.

Komponens leírása

A standard állás kártya tartalmazza a pozíció típusát, címét, rövid leírását, helyszínét és közzétételi dátumát.

Fejléc kép:

Opcionális, osztály vagy részleg logója

Kategória:

Vizuálisan elkülöníti a különböző területeket (pl. Mérnöki, IT, HR)

Pozíció neve:

20px méretű, medium súlyú cím

Lokáció:

Az állás helyszíne, azonnal látható

Dátum:

Közzététel időpontja meta információként

Kód példa

<div class="bg-white rounded-[4px] shadow-[0_1px_4px_rgba(0,0,0,0.05)] hover:shadow-[0_2px_8px_rgba(0,0,0,0.1)] transition-shadow border border-[#E0E0E0] overflow-hidden">
  <div class="h-32 bg-[#F5F5F5] flex items-center justify-center">
    <img src="/path/to/image.svg" alt="Department Logo" class="h-12 opacity-20" />
  </div>
  <div class="p-4">
    <div class="flex justify-between mb-3">
      <span class="inline-block px-3 py-1 text-sm bg-blue-100 text-blue-800 rounded-full">Kategória</span>
      <span class="text-[#666666] text-sm">Lokáció</span>
    </div>
    <h3 class="text-[20px] font-medium mb-2">Pozíció neve</h3>
    <p class="text-[#666666] text-sm mb-4">Rövid leírás...</p>
    <div class="flex justify-between items-center">
      <div>
        <span class="text-sm text-[#666666]">Közzétéve: dátum</span>
      </div>
      <button class="bg-[#f50537] text-white px-4 py-2 rounded-lg">Jelentkezés</button>
    </div>
  </div>
</div>

Kompakt állás kártya

A kompakt állás kártya formátum hosszabb listákhoz és mobil nézethez optimalizált.

Elektronikai mérnök

Mérnöki

Győr, Magyarország

Közzétéve: 2025. április 10.

Frontend fejlesztő

Győr, Magyarország

Közzétéve: 2025. április 8.

Komponens leírása

A kompakt állás kártya formatervezése lehetővé teszi, hogy a felhasználók gyorsan áttekintsék a lehetőségeket listanézetben vagy mobilon.

Ikon:

Kategóriát jelölő, kerek ikondoboz

Elrendezés:

Horizontális tervezés, kisebb lábnyommal

Méretezés:

Kevesebb fehér tér, kisebb betűméret

Használat:

Szűrés utáni eredménylistákhoz, ajánlott pozíciókhoz

Kód példa

<div class="bg-white rounded-[4px] shadow-[0_1px_4px_rgba(0,0,0,0.05)] hover:shadow-[0_2px_8px_rgba(0,0,0,0.1)] transition-shadow border border-[#E0E0E0] p-4">
  <div class="flex items-start">
    <div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center text-blue-800 mr-3">
      <i class="fa-solid fa-microchip text-sm"></i>
    </div>
    <div class="flex-1">
      <div class="flex justify-between items-start">
        <h3 class="text-[18px] font-medium mb-1">Pozíció neve</h3>
        <span class="text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full">Kategória</span>
      </div>
      <p class="text-[#666666] text-xs mb-2">Lokáció</p>
      <div class="flex justify-between items-center">
        <span class="text-xs text-[#666666]">Közzétéve: dátum</span>
        <button class="bg-[#f50537] text-white text-xs px-3 py-1 rounded">Jelentkezés</button>
      </div>
    </div>
  </div>
</div>

Kiemelt állás kártya

A kiemelt állás kártya a kiemelten ajánlott vagy sürgősen betöltendő pozíciók megjelenítésére szolgál.

Kiemelt pozíció

GyártásGyőr, Magyarország

Gyártási folyamatmérnök

Fejleszd és optimalizáld az Audi járművek gyártási folyamatait a legmodernebb technológiák alkalmazásával...

Sürgős betöltés

Komponens leírása

A kiemelt állás kártya vizuálisan eltér a többi kártyától a zöld keret és fejléc használatával, valamint a 'sürgős' jelzővel.

Keret:

Vastag zöld keret a figyelemfelkeltés érdekében

Fejléc:

Zöld sáv "Kiemelt pozíció" felirattal

Sürgősség:

Óra ikon jelzi a sürgős betöltés igényét

CTA gomb:

Hangsúlyos, szélesebb gomb "Jelentkezz most" felirattal

Használati irányelvek

Egyszerre csak néhány kiemelt állás jelenjen meg
Stratégiai fontosságú vagy sürgősen betöltendő pozíciókhoz használható
Listák elején vagy kiemelt helyen szerepeltetendő