formatting
This commit is contained in:
nub31
@@ -4,34 +4,21 @@
|
||||
import threeRampsOpen from "../assets/images/three_ramps_open.jpg";
|
||||
import Carousel from "../lib/components/carousel/Carousel.svelte";
|
||||
|
||||
let rampCarouselItems: string[] = [
|
||||
singleRampLeftClosed,
|
||||
singleRampRightClosed,
|
||||
threeRampsOpen,
|
||||
];
|
||||
let rampCarouselItems: string[] = [singleRampLeftClosed, singleRampRightClosed, threeRampsOpen];
|
||||
</script>
|
||||
|
||||
<h1 class="text-xl font-semibold md:text-2xl">Tilgjengelighetsfunksjoner</h1>
|
||||
|
||||
<section
|
||||
class="mt-4 justify-between gap-5 rounded-md bg-primary-300 p-4 shadow-inner md:flex"
|
||||
>
|
||||
<section class="mt-4 justify-between gap-5 rounded-md bg-primary-300 p-4 shadow-inner md:flex">
|
||||
<div>
|
||||
<h2 class="grow text-lg font-semibold md:text-xl">
|
||||
Sitter du i rullestol?
|
||||
</h2>
|
||||
<h2 class="grow text-lg font-semibold md:text-xl">Sitter du i rullestol?</h2>
|
||||
<p class="md:text-lg">
|
||||
Vi har flere busser med rullestolstøtte, med kapasitet opp til 2
|
||||
rullestoler per buss.
|
||||
Vi har flere busser med rullestolstøtte, med kapasitet opp til 2 rullestoler per buss.
|
||||
<br />Total kapasitet er 5 rullestilbrukere fordelt på 3 busser
|
||||
</p>
|
||||
</div>
|
||||
<div class="md:w-96">
|
||||
<Carousel
|
||||
items={rampCarouselItems}
|
||||
buttonClass="bg-primary-200"
|
||||
let:item
|
||||
>
|
||||
<Carousel items={rampCarouselItems} buttonClass="bg-primary-200" let:item>
|
||||
<div class="h-full w-96 overflow-hidden shadow-sm">
|
||||
<img class="card w-full object-cover" src={item} alt="" />
|
||||
</div>
|
||||
|
||||
@@ -9,43 +9,23 @@
|
||||
import tourBusSideLogo from "../assets/images/tour_bus_side_logo.jpg";
|
||||
import Carousel from "../lib/components/carousel/Carousel.svelte";
|
||||
|
||||
let minibusCarouselItems: string[] = [
|
||||
threeBusses,
|
||||
twoBusses,
|
||||
fiveBusses,
|
||||
singleRampLeftClosed,
|
||||
threeRampsOpen,
|
||||
];
|
||||
let minibusCarouselItems: string[] = [threeBusses, twoBusses, fiveBusses, singleRampLeftClosed, threeRampsOpen];
|
||||
|
||||
let tourBusCarouselItems: string[] = [
|
||||
twoTourBuses,
|
||||
tourBusSide,
|
||||
tourBusSideLogo,
|
||||
];
|
||||
let tourBusCarouselItems: string[] = [twoTourBuses, tourBusSide, tourBusSideLogo];
|
||||
</script>
|
||||
|
||||
<h1 class="text-xl font-semibold md:text-2xl">Buss</h1>
|
||||
|
||||
<section
|
||||
id="minibus"
|
||||
class="mt-4 justify-between gap-5 rounded-md bg-primary-300 p-4 shadow-inner md:flex"
|
||||
>
|
||||
<section id="minibus" class="mt-4 justify-between gap-5 rounded-md bg-primary-300 p-4 shadow-inner md:flex">
|
||||
<div>
|
||||
<h2 class="grow text-lg font-semibold md:text-xl">Minibusser</h2>
|
||||
<p class="md:text-lg">
|
||||
Vi har idag fire minibusser, to Mercedes Sprinter og to Ford
|
||||
Transit. Vi har også en fullelektrisk Mercedes EQV og en Mitsubishi
|
||||
Outlander.
|
||||
<br />Vi finner løsninger for grupper fra 5 - 32 passasjerer med
|
||||
støtte for inntil 3 rullestolbrukere samtidig
|
||||
Vi har idag fire minibusser, to Mercedes Sprinter og to Ford Transit. Vi har også en fullelektrisk Mercedes EQV og en Mitsubishi Outlander.
|
||||
<br />Vi finner løsninger for grupper fra 5 - 32 passasjerer med støtte for inntil 3 rullestolbrukere samtidig
|
||||
</p>
|
||||
</div>
|
||||
<div class="md:w-96">
|
||||
<Carousel
|
||||
items={minibusCarouselItems}
|
||||
buttonClass="bg-primary-200"
|
||||
let:item
|
||||
>
|
||||
<Carousel items={minibusCarouselItems} buttonClass="bg-primary-200" let:item>
|
||||
<div class="w-96 overflow-hidden shadow-sm">
|
||||
<img class="card w-full object-cover" src={item} alt="" />
|
||||
</div>
|
||||
@@ -53,26 +33,17 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section
|
||||
id="tour"
|
||||
class="mt-12 justify-between gap-5 rounded-md bg-primary-300 p-4 shadow-inner md:flex"
|
||||
>
|
||||
<section id="tour" class="mt-12 justify-between gap-5 rounded-md bg-primary-300 p-4 shadow-inner md:flex">
|
||||
<div>
|
||||
<h2 class="grow text-lg font-semibold md:text-xl">Turbusser</h2>
|
||||
<p class="md:text-lg">
|
||||
Vi er medeier i Storfjord Turbuss AS som har tre turbusser.
|
||||
<br />Storfjord Turbuss AS ble etablert i 2018, og vi utfører
|
||||
turkjøring og lager pakkeløsninger etter dine ønsker og behov.
|
||||
<br />Vår målsetning er å alltid være det naturlige førstevalget av
|
||||
transportør
|
||||
<br />Storfjord Turbuss AS ble etablert i 2018, og vi utfører turkjøring og lager pakkeløsninger etter dine ønsker og behov.
|
||||
<br />Vår målsetning er å alltid være det naturlige førstevalget av transportør
|
||||
</p>
|
||||
</div>
|
||||
<div class="md:w-96">
|
||||
<Carousel
|
||||
items={tourBusCarouselItems}
|
||||
buttonClass="bg-primary-200"
|
||||
let:item
|
||||
>
|
||||
<Carousel items={tourBusCarouselItems} buttonClass="bg-primary-200" let:item>
|
||||
<div class="w-96 overflow-hidden shadow-sm">
|
||||
<img class="card w-full object-cover" src={item} alt="" />
|
||||
</div>
|
||||
|
||||
@@ -22,79 +22,59 @@
|
||||
image: threeBusses,
|
||||
header: "Minibusstransport",
|
||||
text: "Vi har 4 minibusser i ulike størrelser",
|
||||
url: `${Routes.bus.url}#minibus`,
|
||||
url: `${Routes.bus.url}#minibus`
|
||||
},
|
||||
{
|
||||
image: taxis,
|
||||
header: "Taxikjøring",
|
||||
text: "Vi kjører taxi med kapasitet opptil 8 personer",
|
||||
url: `${Routes.taxi.url}#person`,
|
||||
url: `${Routes.taxi.url}#person`
|
||||
},
|
||||
{
|
||||
image: wheelchairRamps,
|
||||
header: "Rullestoltransport",
|
||||
text: "Fire av våre biler er rullestoltilpasset med plass til inntil 3 rullestoler",
|
||||
url: `${Routes.accessibility.url}`,
|
||||
url: `${Routes.accessibility.url}`
|
||||
},
|
||||
{
|
||||
image: twoTourBusses,
|
||||
header: "Turbuss",
|
||||
text: "Vi er medeier i Storfjord Turbuss AS, som har tre moderne turbusser for inntil 50 personer",
|
||||
url: `${Routes.bus.url}#tour`,
|
||||
url: `${Routes.bus.url}#tour`
|
||||
},
|
||||
{
|
||||
image: van,
|
||||
header: "Pakketaxi",
|
||||
text: "Vi har tilbud om pakketaxi. Både småpakker og volumkrevende gods kan transporteres",
|
||||
url: `${Routes.taxi.url}#package`,
|
||||
},
|
||||
url: `${Routes.taxi.url}#package`
|
||||
}
|
||||
];
|
||||
</script>
|
||||
|
||||
<div class="flex gap-8">
|
||||
<div class="overflow-hidden">
|
||||
<div>
|
||||
<img
|
||||
src={header_image}
|
||||
class="rounded-md border-2 border-contrast-100"
|
||||
alt="Minibusses lined up in a row"
|
||||
/>
|
||||
<img src={header_image} class="rounded-md border-2 border-contrast-100" alt="Minibusses lined up in a row" />
|
||||
|
||||
<h1 class="mt-4 text-xl font-semibold md:text-2xl">
|
||||
Med komfort og sikkerhet i førersetet<br />Bli med på en trygg
|
||||
og behagelig tur
|
||||
Med komfort og sikkerhet i førersetet<br />Bli med på en trygg og behagelig tur
|
||||
</h1>
|
||||
<p class="mt-2 font-medium opacity-70 md:text-lg">
|
||||
Minibusservice Stene AS driver personbefordring med taxi,
|
||||
minibuss og busser.
|
||||
<br />Vi har lang erfaring og finner gode løsninger for kundene
|
||||
våre.
|
||||
<br />Kontraktskjøring for helseforetak, busselskap og kommune
|
||||
utgjør størsteparten av oppdragene våre, men vi tilbyr også
|
||||
turer for privatpersoner, bedrifter og turister.
|
||||
<br />Vi er godkjent lærebedrift og setter kunden og miljøet i
|
||||
fokus. Vi har både elektriske, hybride og dieselkjøretøy i
|
||||
flåten
|
||||
Minibusservice Stene AS driver personbefordring med taxi, minibuss og busser.
|
||||
<br />Vi har lang erfaring og finner gode løsninger for kundene våre.
|
||||
<br />Kontraktskjøring for helseforetak, busselskap og kommune utgjør størsteparten av oppdragene våre, men vi tilbyr også turer for privatpersoner, bedrifter og
|
||||
turister.
|
||||
<br />Vi er godkjent lærebedrift og setter kunden og miljøet i fokus. Vi har både elektriske, hybride og dieselkjøretøy i flåten
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-12">
|
||||
<h1 class="text-xl font-semibold md:text-2xl">Våre tjenester</h1>
|
||||
|
||||
<Carousel
|
||||
class="mt-2 rounded-md border-2 border-contrast-100 bg-primary-300 p-4 shadow-inner"
|
||||
items={carouselItems}
|
||||
let:item
|
||||
>
|
||||
<div
|
||||
class="card flex h-full w-64 flex-col overflow-hidden border-contrast-100 shadow-sm transition-transform"
|
||||
>
|
||||
<Carousel class="mt-2 rounded-md border-2 border-contrast-100 bg-primary-300 p-4 shadow-inner" items={carouselItems} let:item>
|
||||
<div class="card flex h-full w-64 flex-col overflow-hidden border-contrast-100 shadow-sm transition-transform">
|
||||
{#if item.image}
|
||||
<img
|
||||
class="h-44 w-full border-b-2 border-contrast-100 object-cover"
|
||||
src={item.image}
|
||||
alt=""
|
||||
/>
|
||||
<img class="h-44 w-full border-b-2 border-contrast-100 object-cover" src={item.image} alt="" />
|
||||
{/if}
|
||||
<div class="flex grow flex-col p-4">
|
||||
<h3 class="font-semibold">
|
||||
@@ -103,10 +83,7 @@
|
||||
<p class="grow whitespace-normal">
|
||||
{item.text}
|
||||
</p>
|
||||
<Link
|
||||
class="hi mt-2 w-fit font-semibold"
|
||||
href={item.url}>Les mer...</Link
|
||||
>
|
||||
<Link class="hi mt-2 w-fit font-semibold" href={item.url}>Les mer...</Link>
|
||||
</div>
|
||||
</div>
|
||||
</Carousel>
|
||||
|
||||
@@ -9,25 +9,17 @@
|
||||
|
||||
<h1 class="text-xl font-semibold md:text-2xl">Taxi</h1>
|
||||
|
||||
<section
|
||||
id="person"
|
||||
class="mt-4 justify-between gap-5 rounded-md bg-primary-300 p-4 shadow-inner md:flex"
|
||||
>
|
||||
<section id="person" class="mt-4 justify-between gap-5 rounded-md bg-primary-300 p-4 shadow-inner md:flex">
|
||||
<div>
|
||||
<h2 class="grow text-lg font-semibold md:text-xl">Persontaxi</h2>
|
||||
<p class="md:text-lg">
|
||||
Vi har taxier som dekker de fleste behov.
|
||||
<br />Rullestoltransport, firehjulstrekk og helelektrisk bil er noen
|
||||
av tilbudene våre.
|
||||
<br />Rullestoltransport, firehjulstrekk og helelektrisk bil er noen av tilbudene våre.
|
||||
<br />Taxiene våre kan ta opp til 8 passasjerer
|
||||
</p>
|
||||
</div>
|
||||
<div class="md:w-96">
|
||||
<Carousel
|
||||
items={taxiCarouselItems}
|
||||
buttonClass="bg-primary-200"
|
||||
let:item
|
||||
>
|
||||
<Carousel items={taxiCarouselItems} buttonClass="bg-primary-200" let:item>
|
||||
<div class="card w-96 overflow-hidden shadow-sm">
|
||||
<img class="w-full object-cover" src={item} alt="" />
|
||||
</div>
|
||||
@@ -35,23 +27,13 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section
|
||||
id="package"
|
||||
class="mt-4 justify-between gap-5 rounded-md bg-primary-300 p-4 shadow-inner md:flex"
|
||||
>
|
||||
<section id="package" class="mt-4 justify-between gap-5 rounded-md bg-primary-300 p-4 shadow-inner md:flex">
|
||||
<div>
|
||||
<h2 class="grow text-lg font-semibold md:text-xl">Pakketaxi</h2>
|
||||
<p class="md:text-lg">
|
||||
Vi har tilbud om pakketaxi. Både småpakker og volumkrevende gods kan
|
||||
transporteres
|
||||
</p>
|
||||
<p class="md:text-lg">Vi har tilbud om pakketaxi. Både småpakker og volumkrevende gods kan transporteres</p>
|
||||
</div>
|
||||
<div class="md:w-96">
|
||||
<Carousel
|
||||
items={packageTaxiCarouselItems}
|
||||
buttonClass="bg-primary-200"
|
||||
let:item
|
||||
>
|
||||
<Carousel items={packageTaxiCarouselItems} buttonClass="bg-primary-200" let:item>
|
||||
<div class="card w-96 overflow-hidden">
|
||||
<img class="w-full object-cover" src={item} alt="" />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user