diff --git a/web/index.html b/web/index.html index 11b7406..21c7c67 100644 --- a/web/index.html +++ b/web/index.html @@ -15,7 +15,7 @@

Sutainability

-
Beautiful Breda | photo Victor Utne Stiebrg
+
Beautiful Breda | photo Person With a Smartphone

Counter Tourist Information

@@ -29,19 +29,50 @@ Opening Thursday 27th at 19.00h
27th–30th June
@ Worm Slash Gallery,
Boomgaardsstraat 69, 3012 XA Rotterdam +

-
-

Experience somethign

- +
+ +
+ Experience somethign +

Visit beautiful Breda, a place like nowhere else, do things, eat food, se stuff. everyhting you expect and more or less…

+
+
+
+ +
+ Project title +

A lovely project description, that describes the project in question in a proper manner…

+
+
+
+ +
+ Experience somethign +

Visit beautiful Breda, a place like nowhere else, do things, eat food, se stuff. everyhting you expect and more or less.

+
+
+
+ +
+ Experience somethign +

Visit beautiful Breda, a place like nowhere else, do things, eat food, se stuff. everyhting you expect and more or less.

+
-
-

Experience somethign else

- +
+ +
+ Experience somethign +

Visit beautiful Breda, a place like nowhere else, do things, eat food, se stuff. everyhting you expect and more or less.

+
-
-

Experience somethign more

- +
+ +
+ Experience somethign +

Visit beautiful Breda, a place like nowhere else, do things, eat food, se stuff. everyhting you expect and more or less.

+
diff --git a/web/style.css b/web/style.css index 8f50106..a83f141 100644 --- a/web/style.css +++ b/web/style.css @@ -23,6 +23,7 @@ body{ .nav{ width: 80vw; + z-index: 9001; display: flex; background-color: #212529; justify-content: space-around; @@ -45,7 +46,8 @@ body{ .landingimage{ background: url("images/breda.JPG"); - background-size: contain; + background-size: 100vw 600px; + background-repeat: no-repeat; width: 100vw; height: 600px; } @@ -61,21 +63,53 @@ body{ } h1{ font-family: VG5000; + font-size: 4em; } + +p{ + font-size: larger; +} + .index{ background: #81d742; } .index>*{ - -padding: 10px; + padding: 10px; max-width: 50ch; text-align: center; margin: auto; } + .tours{ display: flex; + flex-wrap: wrap; justify-content: space-around; + margin-top: 50px; } + +.tourcard{ + position: relative; + width: 33%; + min-width: 350px; + max-width: 500px; + margin-bottom: 50px; +} + +.tourcard >img{ + width: 90%; +} + +.tour-text{ + position: absolute; + bottom:5%; + left: 5%; + padding: 5%; + font-family:Montserrat; + font-size: .7em; + background: white; + width: 70%; +} +