style venue and booking pages
This commit is contained in:
1 parent
9c1a4ff08f
commit
6ded5e4ebd
4 files changed
+31
-16
No files matched your search
+2
-2
@@ -111,8 +111,8 @@ button, .button {
|
||||
line-height: 1.3;
|
||||
}
|
||||
table {
|
||||
background: $color-black;
|
||||
margin: 0 auto 2rem;
|
||||
background: $color-yellow;
|
||||
margin: 1rem auto 2rem;
|
||||
}
|
||||
td, th {
|
||||
padding: 0.6rem 0.8rem;
|
||||
|
||||
+2
-1
@@ -62,8 +62,9 @@ h1.section-title {
|
||||
margin: 2.2rem auto 1rem;
|
||||
}
|
||||
|
||||
table {
|
||||
table, .table-wrap {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.instagram-media {
|
||||
|
||||
@@ -1,4 +1,16 @@
|
||||
.venue-hero {
|
||||
max-width: $width-l;
|
||||
margin: 0 auto 2rem;
|
||||
}
|
||||
|
||||
h2.venue-title {
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
margin: 1rem auto;
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
.venue-featured-image {
|
||||
width: 36rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
+15
-13
@@ -62,19 +62,21 @@ export const BookingPage = () => {
|
||||
dangerouslySetInnerHTML={{ __html: content }}
|
||||
/>
|
||||
<VenueList venues={venues} />
|
||||
<h2>Se utvalgte lokaler i vår 3D-løsning</h2>
|
||||
<p>
|
||||
Med vår 3D-løsning har du muligheten til å navigere deg rundt på
|
||||
huset! Du kan bevege deg mellom etasjer ved å trykke på tallene i den
|
||||
lille kolonnen nederst til høyre. Dra deg rundt fra rom til rom ved å
|
||||
klikke dit du vil, og bruk den røde og hvite krystallen i høyre hjørne
|
||||
til å få opptil en 360 graders rotasjon i alle rom. Pluss- og minus-
|
||||
knappene i høyre hjørne kan brukes for å zoome inn eller ut. På denne
|
||||
måten får du en rask og god oversikt over lokalene, og får et solid
|
||||
innblikk i hvordan rommene ser ut. Vi har valgt at løsningen starter i
|
||||
øverste etasje i Storsalen - men ta gjerne en titt på lokalene i alle
|
||||
etasjer!
|
||||
</p>
|
||||
<div class="wp-content">
|
||||
<h2>Se utvalgte lokaler i vår 3D-løsning</h2>
|
||||
<p>
|
||||
Med vår 3D-løsning har du muligheten til å navigere deg rundt på
|
||||
huset! Du kan bevege deg mellom etasjer ved å trykke på tallene i den
|
||||
lille kolonnen nederst til høyre. Dra deg rundt fra rom til rom ved å
|
||||
klikke dit du vil, og bruk den røde og hvite krystallen i høyre hjørne
|
||||
til å få opptil en 360 graders rotasjon i alle rom. Pluss- og minus-
|
||||
knappene i høyre hjørne kan brukes for å zoome inn eller ut. På denne
|
||||
måten får du en rask og god oversikt over lokalene, og får et solid
|
||||
innblikk i hvordan rommene ser ut. Vi har valgt at løsningen starter i
|
||||
øverste etasje i Storsalen - men ta gjerne en titt på lokalene i alle
|
||||
etasjer!
|
||||
</p>
|
||||
</div>
|
||||
<iframe
|
||||
title="Chateau Neuf i Google Maps"
|
||||
style={{ border: 0, height: '600px', width: '100%' }}
|
||||
|
||||
Reference in new issue
Block a user