logok-fotók

állás főoldal html kód

<section class="job-list" aria-label="Állások">

<style>

.job-list{

max-width: 920px;

margin: 24px auto;

font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

}

.job-item{

display: flex;

align-items: center;

gap: 16px;

padding: 16px 18px;

border: 1px solid #e7e7e7;

border-radius: 14px;

background: #fff;

text-decoration: none;

color: inherit;

transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;

margin-bottom: 12px;

}

/* Hover animáció */

.job-item:hover{

transform: translateY(-2px);

box-shadow: 0 10px 24px rgba(0,0,0,.08);

border-color: #dcdcdc;

}

.job-left{

display: flex;

align-items: center;

gap: 16px;

min-width: 0;

}

.logo{

width: 56px;

height: 56px;

border-radius: 10px;

border: 1px solid #e9e9e9;

background: #f5f5f5;

overflow: hidden;

flex-shrink: 0;

display: flex;

align-items: center;

justify-content: center;

}

.logo img{

width: 100%;

height: 100%;

object-fit: cover;

display: block;

}

.job-text{

line-height: 1.25;

min-width: 0;

text-align: left;

}

.job-role{

font-size: 18px;

font-weight: 600;

margin: 0;

text-align: left;

}

.company-name{

font-size: 14px;

margin-top: 4px;

letter-spacing: 0.04em;

text-transform: uppercase;

font-weight: 400;

color: #333;

text-align: left;

}

</style>

<!-- 1. állás -->

<a class="job-item" href="https://www.hajosakademia.hu/hajos-allas-teszt-kft/" target="_blank" rel="noopener">

<div class="job-left">

<div class="logo">

<img src="https://7980339957.clvaw-cdnwnd.com/06f3d2849d1ca7eb931ed94eb76006f4/200000055-c930bc930d/450/radar_orig.webp?ph=7980339957" alt="Hajós Állás Teszt Kft logó">

</div>

<div class="job-text">

<p class="job-role">Matróz</p>

<div class="company-name">HAJÓS ÁLLÁS TESZT KFT.</div>

</div>

</div>

</a>

<!-- 2. állás -->

<a class="job-item" href="https://www.hajosakademia.hu/allas-carolina-teszt-kft/" target="_blank" rel="noopener">

<div class="job-left">

<div class="logo">

<img src="https://7980339957.clvaw-cdnwnd.com/06f3d2849d1ca7eb931ed94eb76006f4/200000146-df531df533/76be7b76ff4b7cbd9f870dae94941161660fa9ebbdbb2345e5b5c2f80bcc55c9.webp?ph=7980339957" alt="Carolina Teszt Kft logó">

</div>

<div class="job-text">

<p class="job-role">Matróz</p>

<div class="company-name">CAROLINA TESZT KFT.</div>

</div>

</div>

</a>

<!-- 3. állás -->

<a class="job-item" href="https://www.hajosakademia.hu/teszt-1-kft/" target="_blank" rel="noopener">

<div class="job-left">

<div class="logo">

<img src="https://7980339957.clvaw-cdnwnd.com/06f3d2849d1ca7eb931ed94eb76006f4/200000148-7cad67cad8/450/let%C3%B6lt%C3%A9s.webp?ph=7980339957" alt="

Teszt 1 Kft. logó">

</div>

<div class="job-text">

<p class="job-role">Matróz</p>

<div class="company-name">Teszt 1 Kft.</div>

</div>

</div>

</a>

</section>