bus auto fiets
Menu

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

  • Van alles mogelijk

    Van alles mogelijk

  • Geen linkjes (nog)

    Geen linkjes (nog)

  • Plaatje of iconen

    Plaatje of iconen

Text & Photo/Video

cam-5--web.jpg

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 knop

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
1

Arnhem

Plek met een slechte voetbalclub

Voor de rest een prima stad, leuk centrum en flink aan het groeien. Het beste aan Arnhem is natuurlijk wel de nabijheid van Nijmegen.

Naar Arnhem
Iets anders
2

Iets anders

omdat het kan

Als 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
3

Gezelligheid

Kan niet zonder

Als het werk klaar is en er een mooie site staat dan is het tijd voor een schaal bitterballen & bier

Pannenkoekenhuis bergzicht

Alleen de highlights - zonder nummers

Los blok

Los blok

Los blok die je kan gebruiken

Los blok

Los blok

Los blok die je kan gebruiken

Los blok

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

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 meer

Inspiratie blok

Blok om sfeer of woningbeelden te tonen. Afmetingen afbeeldingen in umbraco af te lezen.

Zomergezin.jpg
Geschikt voor gezinnen.jpg
bouwen-van-nieuwbouwproject - 800x460.jpg

Mogelijk met

of zonder knop

voorbeeld

Vragen?

Voor vragen kan je contact opnemen via marketing@klokholding.nl