formatting
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user