UbuntuandClaude Fable 5
06966a898a
- New /ledigestilling/ index listing all open positions (split barber/beauty card styling) - Three ads: negletekniker + massør (beauty design), barber (gold barber design with recolored CSS + assets) - Rename ledigestilling.html -> negletekniker.html with 301 redirect - "Ledige stillinger" footer link on barber/beauty pages (NO/EN/HU) - Back-to-list link on each ad page Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
188 lines
7.3 KiB
HTML
188 lines
7.3 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="no">
|
|
|
|
<head>
|
|
|
|
<title>Studio Beve - Ledige stillinger</title>
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
<link rel="icon" type="image/x-icon" href="images/favicon/favicon.ico" />
|
|
<link rel="icon" type="image/png" href="images/favicon/favicon.png" />
|
|
<link rel="icon" type="image/gif" href="images/favicon/favicon.gif" />
|
|
<!-- Opera Speed Dial Favicon -->
|
|
<link rel="icon" type="image/png" href="images/favicon/speeddial-160px.png" />
|
|
<!-- For iPhone 4 Retina display: -->
|
|
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/favicon/apple-touch-icon-114x114-precomposed.png">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
|
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Open+Sans:ital,wght@0,700;0,800;1,700;1,800&display=swap" rel="stylesheet">
|
|
|
|
<style>
|
|
#header h1 { color: #4a4a4a; }
|
|
.positions { display: flex; flex-wrap: wrap; gap: 2em; justify-content: center; margin-top: 2em; }
|
|
.position-card { flex: 1 1 260px; max-width: 340px; border: 1px solid; padding: 2em 1.5em 2.5em 1.5em; text-align: center; }
|
|
.position-card .badge { display: inline-block; font-size: 0.75em; letter-spacing: 0.15em; font-weight: bold; padding: 0.3em 1.2em; margin-bottom: 1.2em; color: #fff; }
|
|
.position-card h3 { margin: 0 0 0.75em 0; }
|
|
.position-card p { margin-bottom: 1.5em; }
|
|
.position-card .lesmer { display: inline-block; padding: 0.6em 1.8em; color: #fff !important; font-weight: bold; text-transform: uppercase; text-decoration: none; letter-spacing: 0.08em; border-bottom: none; }
|
|
.position-card .lesmer:hover { opacity: 0.85; }
|
|
.card-beauty { border-color: #a5705b; background-color: #fff7f5; }
|
|
.card-beauty .badge, .card-beauty .lesmer { background-color: #a5705b; }
|
|
.card-barber { border-color: #9e8462; background-color: #fff9f0; }
|
|
.card-barber .badge, .card-barber .lesmer { background-color: #9e8462; }
|
|
.ollo-pair img { margin: 0 0.5em; }
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body class="is-preload">
|
|
|
|
<div id="page-wrapper">
|
|
|
|
<!-- Header -->
|
|
|
|
<header id="header">
|
|
|
|
<a href="https://studiobeve.no/"><img src="images/logo.png" class="logo-kep"></a> <h1>- LEDIGE STILLINGER</h1>
|
|
|
|
<nav id="nav">
|
|
|
|
<ul>
|
|
|
|
<li><a href="https://studiobeve.no/">Forside</a></li>
|
|
|
|
<li><a href="https://studiobeve.no/no/barber">Barber</a></li>
|
|
|
|
<li><a href="https://studiobeve.no/no/beauty">Beauty</a></li>
|
|
|
|
<li><a href="#footer">Kontakt</a></li>
|
|
|
|
<li class="socialmedia-menu"><a href="https://www.facebook.com/bevelash/" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
|
|
|
<li class="socialmedia-menu"><a href="https://www.instagram.com/beve_barber" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
<!-- Open positions -->
|
|
|
|
<section id="aboutus" class="wrapper style1">
|
|
|
|
<div class="container">
|
|
|
|
<div class="inner">
|
|
|
|
<header class="major">
|
|
|
|
<div class="ollo-pair">
|
|
<img src="images/ollo.png"><img src="images/ollo_rose.png">
|
|
</div>
|
|
|
|
<h2>Ledige stillinger</h2>
|
|
|
|
</header>
|
|
|
|
<p style="text-align: center;">
|
|
Bli en del av teamet hos Studio Beve! Vi søker nå nye kollegaer til salongen vår i Innherredsveien 92 i Trondheim.
|
|
</p>
|
|
|
|
<div class="positions">
|
|
|
|
<div class="position-card card-barber">
|
|
<span class="badge">BARBER</span>
|
|
<h3>Barber</h3>
|
|
<p>Er du en dyktig barber? Ansettelse, stolleie eller provisjonsbasert samarbeid.</p>
|
|
<a href="barber.html" class="lesmer">Les mer</a>
|
|
</div>
|
|
|
|
<div class="position-card card-beauty">
|
|
<span class="badge">BEAUTY</span>
|
|
<h3>Negletekniker</h3>
|
|
<p>Er du en dyktig negletekniker? Ansettelse, stolleie eller provisjonsbasert samarbeid.</p>
|
|
<a href="negletekniker.html" class="lesmer">Les mer</a>
|
|
</div>
|
|
|
|
<div class="position-card card-beauty">
|
|
<span class="badge">BEAUTY</span>
|
|
<h3>Massør</h3>
|
|
<p>Er du en erfaren massør? Ansettelse, leie av behandlingsrom eller provisjonsbasert samarbeid.</p>
|
|
<a href="massor.html" class="lesmer">Les mer</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
|
|
<footer id="footer">
|
|
|
|
<div class="container footer-div">
|
|
|
|
<div class="footer-bal">
|
|
|
|
<div class="contact-block">
|
|
|
|
<ul>
|
|
|
|
<li class="companyname"><span>Studio Beve</span></li>
|
|
|
|
<li><span>Innherredsveien 92.<br> 7043 Trondheim, Norge</span></li>
|
|
|
|
<li><span>Organisasjonsnummer: 931 872 338</span></li>
|
|
|
|
<li><span><a href="mailto:info@studiobeve.no">info@studiobeve.no</a></span></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<ul class="icons">
|
|
|
|
<li><a href="https://www.facebook.com/bevelash/" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
|
|
|
<li><a href="https://www.instagram.com/beve_barber" class="icon brands fa-instagram"><span class="label">LinkedIn</span></a></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="footer-jobb">
|
|
|
|
<a href="https://www.google.com/maps/place/Innherredsveien+92,+7043+Trondheim,+Norway/@63.4369352,10.4350889,17z/data=!4m6!3m5!1s0x466d3199df480755:0xc8a07a1d27083152!8m2!3d63.4373339!4d10.4353781!16s%2Fg%2F11h26_1cnn?entry=ttu" target="_blank"><img src="images/map.jpg"> </a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="copyright">
|
|
|
|
© Studio Beve - Alle Rettigheter Forbeholdt
|
|
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/jquery.dropotron.min.js"></script>
|
|
<script src="assets/js/browser.min.js"></script>
|
|
<script src="assets/js/breakpoints.min.js"></script>
|
|
<script src="assets/js/util.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
</html>
|