Standaard header
Standaard bestaat de header uit een kleur & een achtergrond afbeelding (door middel van wat transparantie).
De tekst is gewoon zichtbaar op het blok. De overige header opties kan je bekijken via het eerste contentblok voorbeeld hieronder.
Hieronder de mogelijkheden voor het multiwidget blok
Hieronder een aantal voorbeelden van het multi widget blok. In het eerste blok worden de verschillende header opties voor een contentpagina toegelicht. Let op dit is alleen bij de losse content pagina. Voor de standaard pagina's (zoals contact) kan dit niet aangepast worden.
Mogelijke headers voor contentpagina
Hieronder de opties van het Multi widget blok bij elkaar. De kleurstelling is aan te passen aan de huisstijlkleuren (achtergrond is altijd gelijk aan de layer die er overheen ligt.
Zoals je ziet heeft het blok hierboven een titel en hieronder niet.
Text & USP
TEXT & USP's
Je kan bij het tekst gedeelte van dit blok een intro gebruiken (iets afwijkende opmaakt van de tekst zoals je hier ziet) maar het hoeft niet.Voor alle blokken geld uiteraard dat je de kleurstelling kan aanpassen. Bij dit blok staat de tekst altijd links en de usp's altijd rechts.
In het tekstblok kan je de kleur van de tekst etc wel aanpassen door middel van HTML invoer.
De USP's kan je de iconen zelf toevoegen en de tekst bepalen. Je kan de tekstkleur niet aanpassen.
USP kant
Text & Photo/Video
Voorbeeld Text & Photo 1
Bij dit blok kan je tekst met foto of video (de link moet een youtube link zijn) combineren. Waar de meeste foto's altijd liggend zijn is bij dit blok een staande foto ook prima bruikbaar de foto wordt geschaald waarbij de breedte van de afbeelding leidend.
Belangrijk is bij dit blok dat de foto of video qua formaat mooi aansluit met de tekst.
Je kan hiervoor de witruimte (padding) aanpassen voor zowel het blok links als rechts. Je kan padding toevoegen aan de linkerkant, rechterkant, bovenkant en onderkant. Zoals je in het onderstaande blok kan zien.
Voorbeeld met video - padding en omgedraaid
Bij dit blok kan je tekst met foto of video combineren. Zoals je ziet is de afbeelding nu aan de andere kant. Ook is er nu dus een video in plaats van een afbeelding alleen.
Ook is er een padding links van het tekst blok toegepast & op meerdere plekken rond de afbeelding waardoor beide nu anders toont
Het highlights blok
De mogelijkheden
Je kan hier heel veel mee, zoals:
- Alleen de kaart tonen
- Projectlocatie wordt standaard getoond kan uitgezet worden
- Je kan de kaart aanpassen naar andere stijlen
- Er zijn 4 standaard stijlen, ook kan je alle stijlen van snazzymaps kiezen
- De kaart met links een tekstblok en /of reisafstanden per vervoersmiddel
- Highlights blokken
- Mogelijk met en zonder nummers
- Highlights blokken met de kaart (met of zonder tekstblok)
- Locatie highlights zijn mogelijk op de kaart
Kaart met projectlocatie, tekstblok & highlights
Voorbeeld van highlights blok
Hier kan je dus tekst schrijven met alle html functies etc. Onderstaande blokken kan je met foto, titel, tekst en knop doen + je kan dus de coordinaten invullen en dan wordt die ook getoond op de kaart. Alleen de titel en tekst zijn verplicht.
Arnhem
Plek met een slechte voetbalclubVoor de rest een prima stad, leuk centrum en flink aan het groeien. Het beste aan Arnhem is natuurlijk wel de nabijheid van Nijmegen.
Naar ArnhemIets anders
omdat het kanAls je deze blokken gebruik moet je wel letten op dat de titel en teksten enigszins met elkaar matchen qua lengte anders ziet de opmaak niet zo goed uit.
Gezelligheid
Kan niet zonderAls het werk klaar is en er een mooie site staat dan is het tijd voor een schaal bitterballen & bier
Pannenkoekenhuis bergzichtAlleen de highlights - zonder nummers
Los blok
Los blok die je kan gebruiken
Los blok
Los blok die je kan gebruiken
Los blok
Los blok die je kan gebruiken
Voorbeeld blok: housing types
Het blok 'housing types' is ideaal om te gebruiken in het vroege stadium van de klantreis. Je kan met behulp van icoontjes de woningtypes weergeven.
Daarnaast kan je een naam, algemene tekst, het aantal woningen per type, m² en prijs aangeven.
Let op: prijs mag je alleen getallen gebruiken. formatering gaat automatisch. Als je prijs nog niet bekend wilt dan vul je een '1' in.
De overige mag je alleen getal invullen (Let op bij 'surface'/oppervlakte komt er altijd m² achter te staan, dus eindig met een getal). Als je iets leeg laat dan wordt deze niet getoond.
Toekomstig wooningaanbod.
Dit project staat er bekend om hoe geweldige woningen er komen enzo ;)
tussenwoning
Er komen hele mooie tussenwoningen
Prijs vanaf | Nog niet bekend |
---|---|
Oppervlakte | 20 m2 |
Aantal | 20 |
Hoekwoning
Hele mooie woning die zich op de hoek bevind. Bijkomend voordeel is dat je minder buren hebt dan bij een tussenwoning.
Prijs vanaf | ca. €3.500.000,- |
---|---|
Oppervlakte | ongeveer 100 m2 |
Aantal | Best veel |
En zo verder
Het idee is wel duidelijk denk ik..
Prijs vanaf | ca. €600.000,- |
---|---|
Oppervlakte | 200 m2 |
Aantal | 2 |
Voorbeeld collaboration blok
Dit blok gebruiken we met name voor samenwerkingen
De link achter de projecteigenaar linkt naar een contentpagina die gericht is op de samenwerking.
Dit blok kan je gebruiken op deze pagina. Het kan uiteraard ook voor andere doeleinde gebruikt worden, maar bevat altijd deze opbouw.
Let op: website moet altijd volledig, dus met https://
Formaat afbeelding is 208 x 90
-
Novaform
Luchtruim 040 (gebouwnr. 5531)
Flight Forum 146
Standaard tekst blok (text + padding)
Standaard tekst blok
Dit is intro tekst en heeft dus iets afwijkende opmaak
Dit is de standaard body tekst. Titel en intro zijn niet verplicht de body tekst wel.
Dit blok lijkt mega saai, maar is heel divers, je kan er veel kanten mee op. De mogelijk zijn als volgt:
- Je kan standaard breedte (zie dit blok) of volledige breedte (zie hieronder)
- Je kan de padding (witruimte) links, rechts, onder en oven aanpassen.
- Je kan in HTML schrijven (let wel binnen dit blok dus rekening houdende met overkoepelende HTML/CSS) waardoor je bijvoorbeeld video's kan embedden, kleur van tekst aan kan passen, iframes etc.
- Je kan een 360 foto plaatsen en countdown timer plaatsen
- Je kan een afbeelding plaatsen. Dit is bijvoorbeeld handig als je groot een hele hoge afbeelding wilt tonen (appartement gebouw)
Voorbeeld met padding 1
Hier is links veel padding toegevoegd en is er gekozen voor volledige breedte. Je krijgt dus het gevoel van inspringen.
Ook kan ik uiteraard de andere functies gebruiken zoals het toevoegen van een foto
Voorveeld met padding 2
Je kan uiteraard ook padding links en rechts toevoegen (volledige breedte en padding links en rechts gekozen).
Ook kan je boven en onder invullen. Dat laat ik in dit geval niet zien. Het is wel duidelijk gok ik. Ook kleuren kan je gebruik maken van wit en grijs maar ook de huisstijl kleuren.
Voorbeeld phases
Hieronder een afbeelding van het fase blok. Dit blokt toont de fases/deelplannen van jouw project.
Je kan zelf kiezen welke getoond worden. De status wordt automatisch bijgehouden.
De afbeelding en tekst komen automatisch uit NBO. Als je een uitgebreide tekst voor de regiosites wilt en een korte voor deze blokjes dan vul je de tekst bij de omschrijving voor de regiosites in in het standaard omschrijving blok in & de korte omschrijving in het html blok (kan gewoon normaal zonder html geschreven worden).
Voorbeeld van photo video slider
De photo/video slider kan zoals de naam zegt met foto's en video's. Je kan er ook voor kiezen om maar 1 afbeelding of video te gebruiken.
Dan krijg je dus geen slider..
Daarnaast kan je ook schermvullend kiezen (volledige breedte).
Hieronder zie je eerste de regulier slider (normale breedte) met 1 video erbij & daaronder zie je een slider met maar 1 afbeeling op volledige grootte.
Voorbeeld CTA blok
je ziet eigenlijk door de hele pagina de CTA al terugkomen. Deze kan je op meerdere manier aanpassen.
Je kan ervoor kiezen om volledige breedte te gebruiken of de breedte te beperken ('contain CTA').
Daarnaast kan je ervoor kiezen om de knop op de standaard wijze te tonen of als tekst link. Ook kan je de CTA zonder knop gebruiken zoals op deze pagina gebeurd als soort titel blokje.
Tip: tussen de CTA's door heb ik een tekstblok toegevoegd voor witruime. Wel is hier tekst verplicht, door HTML te gebruiken is de tekst wit en dus niet zichtbaar.
Standaard knop en weergave variant
Schrijf je in!Vulling
Standaard weergave met tekst knop
Schrijf je in!Vulling
Beperkte breedte en standaard knop
Schrijf je in!Vulling
beperkte breedte en tekst knop
Schrijf je in!De kleur van de CTA blokken is (vooralsnog) altijd primary
Voorbeeld tekst 3 colums
Voorbeeld invulling text columns
Dit blok wordt veelal gebruik bij de locatie pagina. De formatering staat vast dus je hebt eerst een tekst blok bovenaan en daaronder 3 kolommen.
De iconen bij onderstaande kolommen worden automatisch aangemaakt, maar je kan zelf ook iconen selecteren en dan worden die gebruikt.
-
Omgeving
De Groote Wielen is onderverdeeld in zes woonbuurten. De drie woonbuurten De Lanen, Broekland en De Hoven hebben een tuinstedelijk karakter, wat betekent dat ze ruim zijn opgezet en veel groen bieden. De woonbuurt De Lanen onderscheidt zich door de bijzondere ligging van de woningen aan parken en lanen. Door de grote verscheidenheid heeft de Lanen een eigen karakter binnen De Groote Wielen. De Lanen is een ideale wijk voor zowel jonge (door)starters als doorstromers uit de regio.
-
Wat zit er in de buurt
Je vindt in de buurt alles wat je nodig hebt. Vlak naast Parklanen wordt het toekomstige centrum van De Groote Wielen gerealiseerd, maar ook de tijdelijke winkels in De Hoven zijn goed bereikbaar. Over de gezellige binnenstad van 's-Hertogenbosch kunnen we kort zijn: dit biedt voor ieder wat wils, of je nu houdt van uitgebreid winkelen, een drankje op een van de vele terrasjes, een theater- of museumbezoek of een nieuw restaurant ontdekken. De Bossche binnenstad ligt op slechts 10 autominuten van je nieuwe woning!
-
Wie worden je buren
Rust en ruimte, dat is het eerste wat je opvalt als je Parklanen bezoekt. Spelende kinderen, mooie grote (speel)velden tussen de huizen en de auto's zijn 'verstopt' op achterterreinen. Door de ruime opzet en speelgelegenheden kunnen kinderen veilig en in alle vrijheid opgroeien. Ook is er een gedegen netwerk van fiets- en wandelpaden en is het volop genieten van de natuur in de parken en het buitengebied. Kortom: een prachtige locatie binnen De Groote Wielen.
Voorbeeld object types blok
Hieronder een afbeelding hoe dit blok eruit zal zien. Het blok zal altijd de actieve woningen per fase (je kiest zelf van welke fases je de woningen wilt tonen). De opmaak van de blokken is niet aanpasbaar
Voorbeeld planning
Het planningsblok kan per deelplan gevuld worden. Per deelplan krijgen de items een andere kleur.
Mensen kunnen naar links en rechts swipen om door de tijdlijn heen te gaan. Per blokje kan je het volgende invullen:
- Exacte datum
- Deze kan overschreven worden door een tekst bv medio 2022
- Titel
- Icoontje/afbeelding (klein)
- Tekst
- Knop
Voorbeeld: text 2 columns
Ondertitel
Hoofdtitel
Dit blok bestaat uit twee kolommen, je kan in deze blokken tekst, html afbeeldingen etc allemaal kwijt. Belangrijk is om de blokken redelijk gelijk te houden qua lengte.
Ook wordt dit blok vaak gebruikt op een aangepaste woningaanbod met combinatie tussen tekst links en linkjes naar de verschillende woningtypes.
Knoppen zijn niet mogelijk.
Andere tekst, plaatjes of linkjes. Andere tekst, plaatjes of linkjes. Andere tekst, plaatjes of linkjes. Andere tekst, plaatjes of linkjes
Andere tekst, plaatjes of linkjes. Andere tekst, plaatjes of linkjes
Andere tekst, plaatjes of linkjes. Andere tekst, plaatjes of linkjes. Andere tekst, plaatjes of linkjes. Andere tekst, plaatjes of linkjes
Andere tekst, plaatjes of linkjes. Andere tekst, plaatjes of linkjes
Voorbeeld Text & statement blok
Text & statement blok
Je kan hier alle opties van de text editor gebruiken. Idee van het blok is tekst links & rechts een statement / quote.
Ook het statement blok heeft alle opties van de text editor. Het is ook mogelijk om een knop toe te voegen bij het statement blok.
Geweldig blok, super blij mee!
Lees meerInspiratie blok
Blok om sfeer of woningbeelden te tonen. Afmetingen afbeeldingen in umbraco af te lezen.Vragen?
Voor vragen kan je contact opnemen via marketing@klokholding.nl