<?php
/**
* @file openPositions.php
* @brief Zobrazení aktuálních pracovních nabídek v Oáze Brádlo.
*
* Tento skript:
* - Zahrnuje navigační menu s odkazy na další sekce webu (Domů, Akce, Fotogalerie, Ceník, Kontakt) a podmenu.
* - Prezentuje pracovní pozice s názvem, typem úvazku a stručným popisem, propojené odkazy na detailní stránky (cook.php, bartender.php, maid.php).
* - Odděluje zobrazení pro desktop (pcOnly) a mobilní zařízení (mobileOnly) s přizpůsobeným rozložením.
*/
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Prozkoumejte aktuální pracovní příležitosti v Oáze Brádlo. Přidejte se k našemu týmu a zažijte práci v krásném prostředí s výbornými benefity.">
<title>Práce v Bradle</title>
<link
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
rel="stylesheet" />
<link rel="icon" href="media/logo-oaza2.png" type="image/x-icon" />
</head>
<style>
@font-face {
font-family: "Faculty";
src: url("css/font/FacultyGlyphic-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.spacer {
height: 100px;
}
/*
NAVBAR SECTION
*/
nav {
background: linear-gradient(180deg, #a5d2fc, #ffff, #a5d2fc);
}
.navLinks {
font-weight: 400;
font-size: 20px;
font-family: "Faculty", sans-serif;
display: flex;
justify-content: center;
align-items: center;
}
.navLinks .link {
width: 60px;
position: relative;
padding-bottom: 10px;
text-decoration: none;
}
.navLinks .link a {
color: #0071bc;
}
.navLinks .link a:hover {
color: #0c8ce1;
text-decoration: none;
}
.navLinks .expandable .submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: linear-gradient(180deg, #a5d2fc, #ffff, #ffff, #a5d2fc);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
z-index: 3;
}
.navLinks .expandable:hover .submenu {
display: block;
}
.submenu a {
display: block;
padding: 8px 16px;
color: black;
}
.submenu a:hover {
text-decoration: none;
}
/*
NAVBAR SECTION END
-----
*/
body {
background: linear-gradient(180deg,
#a5d2fc,
#a5d2fc,
#d0e7fb,
#a5d2fc,
#d0e7fb,
#a5d2fc);
}
.job-position {
width: 85%;
border: 2px solid rgb(255, 255, 255, 0.5);
background: linear-gradient(90deg,
rgba(165, 210, 252, 0.4),
rgba(208, 231, 251, 0.4),
rgba(165, 210, 252, 0.4));
border-radius: 12px;
margin: 10px auto;
padding: 20px;
box-shadow: 0 2px 8px #0001;
opacity: 0.8;
}
.job-position .row {
align-items: center;
/* vertically center */
}
.introduction h1 {
font-family: "Faculty", sans-serif;
font-size: 45px;
font-weight: 500;
text-align: center;
margin-top: 70px;
margin-bottom: 20px;
color: #0071bc;
}
.job-position h2 {
color: #333;
font-family: "Faculty", sans-serif;
font-size: 24px;
}
.job-position span {
color: #0071bc;
font-weight: 600;
}
.job-position p {
margin-left: 30px;
text-align: start;
color: #333;
font-size: 16px;
font-weight: 600;
}
a {
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
text-decoration: none;
color: inherit;
}
a:hover {
text-decoration: none;
transform: scale(1.03);
box-shadow: 0 4px 24px 0 rgba(0, 113, 188, 0.10);
}
.pcOnly {
display: block;
}
.mobileOnly {
display: none;
}
@media (max-width: 767.98px) {
.pcOnly {
display: none !important;
}
.mobileOnly {
display: block !important;
}
.mobileOnly .job-position p {
margin-left: 0px;
}
}
</style>
<body>
<nav>
<div class="container" id="home">
<div class="row"></div>
<div class="row navLinks text-center">
<div class="col-md-2 col-lg-2 col-12 link mt-3">
<a href="domů"> Domů </a>
</div>
<div class="col-md-2 col-lg-2 col-12 link expandable mt-3">
<a href="domů#akce">Akce</a>
<div class="submenu">
<a href="semináře">Semináře</a>
<a href="rekreace">Ozdravné pobyty</a>
<a href="dětské-pobyty">Dětské pobyty</a>
<a href="firemní">Firemní</a>
<a href="ostatní">Ostatní</a>
</div>
</div>
<div class="col-md-2 col-lg-2 col-12 text-center">
<a href="domů"><img src="media/logo-oaza2.png" alt="" width="80px" height="80px" /></a>
</div>
<div class="col-md-2 col-lg-2 col-12 link expandable mt-3">
<a href="fotogalerie">Fotogalerie</a>
<div class="submenu">
<a href="blog#tipy-na-výlety">Tipy na výlety</a>
<a href="blog">Aktuality</a>
</div>
</div>
<div class="col-md-1 col-lg-1 col-12 link expandable mt-3">
<a href="ceník">Ceník</a>
<div class="submenu">
<a href="platební-podmínky">Platební podmínky</a>
</div>
</div>
<div class="col-md-2 col-lg-2 col-12 link expandable mt-3">
<a href="domů#kontakt">Kontakt</a>
<div class="submenu">
<a href="gdpr">Zpracování údajů</a>
<a href="openPositions.php">Kariéra</a>
</div>
</div>
</div>
</div>
</nav>
<div class="container pcOnly">
<div class="row">
<div class="col-12 introduction">
<h1>Aktuálně přijímáme na pozici:</h1>
<p></p>
</div>¨
<a href="cook.php" class="job-position">
<div class="col-12">
<div class="row">
<div class="col-4">
<h2>Kuchař/ka</h2>
</div>
<div class="col-2"><span>poloviční, plný úvazek</span></div>
<div class="col-6">
<p>Příprava snídaní, obědů a večeří pro hotelové hosty</p>
</div>
</div>
</div>
</a>
<a href="bartender.php" class="job-position">
<div class="col-12">
<div class="row">
<div class="col-4">
<h2>Barman/ka - Recepční</h2>
</div>
<div class="col-2">
<span>poloviční, plný úvazek</span>
</div>
<div class="col-6">
<p>Příjemné vystupovaní, obsluha hostů, práce za barem.</p>
</div>
</div>
</div>
</a>
<a href="maid.php" class="job-position">
<div class="col-12">
<div class="row">
<div class="col-4">
<h2>Pokojská - Výpomoc v kuchyni</h2>
</div>
<div class="col-2"><span>poloviční, plný úvazek</span></div>
<div class="col-6">
<p>Úklid a příprava pokojů, </p>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="container mobileOnly">
<div class="row">
<div class="col-12 introduction">
<h1>Aktuálně nabíráme na pozici:</h1>
<p></p>
</div>
<!--<a href="openjobs/cook.php" class="job-position">
<div class="col-12">
<div class="row">
<div class="col-3">
<h2>Kuchař/ka</h2>
</div>
<div class="col-2"><span>poloviční, plný úvazek</span></div>
<div class="col-7">
<p>Práce související s chodem teplé kuchyně.</p>
</div>
</div>
</div>
</a>-->
<a href="cook.php" class="job-position">
<div class="col-12">
<div class="row">
<div class="col-12">
<h2>Kuchař/ka</h2>
</div>
<div class="col-12"><span>poloviční, plný úvazek</span></div>
<div class="col-12">
<p>Příprava snídaní, obědů a večeří pro hotelové hosty</p>
</div>
</div>
</div>
</a>
<a href="bartender.php" class="job-position">
<div class="col-12">
<div class="row">
<div class="col-12">
<h2>Barman/ka - Recepční</h2>
</div>
<div class="col-12">
<span>poloviční, plný úvazek</span>
</div>
<div class="col-12">
<p>Příjemné vystupovaní, obsluha hostů, práce za barem.</p>
</div>
</div>
</div>
</a>
<a href="maid.php" class="job-position">
<div class="col-12">
<div class="row">
<div class="col-12">
<h2>Pokojská - Výpomoc v kuchyni</h2>
</div>
<div class="col-12"><span>poloviční, plný úvazek</span></div>
<div class="col-12">
<p>Úklid a příprava pokojů, </p>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="spacer"></div>
</body>
</html>