Overzicht

Wat zoek je?

Op deze pagina vind je de beschikbare stijlen en elementen voor het opmaken van webpagina's, landingspagina's en blogpagina's. Klik op het element waar je naar op zoek bent.

Hoe maak ik een landingspagina

Landingspagina sjablonen

No demo item exists for the selected template.
    Klik klik klik

    Met een druk op de knop

    blijf uit mijn aura

    Padding en Marges

    Padding0

    Padding20

    Padding40

    Padding60

    PaddingBottom0

    PaddingBottom20

    PaddingBottom40

    PaddingBottom60

    PaddingBottom80

    PaddingBottom100

    PaddingBottom120

    PaddingTop0

    PaddingTop20

    PaddingTop40

    PaddingTop60

    PaddingTop80

    PaddingTop100

    PaddingTop120

    PaddingRight20

    PaddingRight40

    PaddingRight60

    PaddingLeft20

    PaddingLeft40

    PaddingLeft60


    Margin

    Margin0

    MarginAuto

    MarginTop0

    MarginTop20

    MarginTop40

    MarginTop60

    MarginBottom0

    MarginBottom20

    MarginBottom40

    MarginBottom60

    MarginRight20

    MarginRight40

    MarginRight60

    MarginLeft20

    MarginLeft40

    MarginLeft60

    Tekststijlen

    H1 - The quick brown fox jumps over the lazy dog.


    H2 - The quick brown fox jumps over the lazy dog.


    H3 - The quick brown fox jumps over the lazy dog.


    H4 - The quick brown fox jumps over the lazy dog.


    H5 - The quick brown fox jumps over the lazy dog.


    P - Dit is hoe een paragraaf er uit ziet. Dit is hoe een paragraaf er uit ziet. Dit is hoe een paragraaf er uit ziet. Dit is hoe een paragraaf er uit ziet.

    Dit is geen class maar gewoon een blockquote element. Dit element kun je gebruiken om een citaat uit te lichten.


    Overige tekstelementen

    text-large text-large text-large

    text-center text-center text-center

    • checked-list
    • checked-list
    • checked-list
    • dotted-list
    • dotted-list
    • dotted-list
    • checked-list blauw
    • checked-list blauw
    • checked-list blauw
    • checked-list geel
    • checked-list geel
    • checked-list geel
    • checked-list wit
    • checked-list blauw
    • checked-list wit

    text-white text-white text-white

    BorderRadius

    HideInMobile

    HideInDesktop

    Indeling van tekstblokken

    Voorbeeld

    Subtitel

    Six-twelfth

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consectetur arcu felis, nec rutrum mi scelerisque ac. Donec ac erat id augue aliquam elementum et sit amet nisl. Curabitur sit amet lectus at lorem tempus luctus ac eget lectus. Aliquam nec pulvinar orci, in euismod lectus.


     In nec enim ac tellus suscipit aliquam sed at ipsum. Cras accumsan malesuada vehicula. Vivamus vel velit a risus fringilla cursus. Sed bibendum massa sed pellentesque pretium. Mauris accumsan, risus vel fermentum pharetra, mauris ligula tincidunt sapien, a iaculis neque ante et eros. Cras sagittis massa orci, at ullamcorper sem euismod at.

    three-twelfth

    three-twelfth

    Morbi quis mauris et tortor hendrerit ullamcorper. Donec auctor quis erat id feugiat. Sed lobortis ullamcorper efficitur. Vestibulum augue libero, efficitur quis elit eu, aliquet mattis leo.
    Fade in

    three-twelfth fade-in

    Kijk mij! Ik fade in vanaf rechts

    Kleuren

    Primaire kleuren

    Nacht Blauw
    Zee Blauw
    Zon Geel

    Secundaire kleuren

    IIs Grijs 1
    IJs Grijs 2
    IJs Grijs 3
    IJs Grijs 4
    Gras Groen
    Voor extra accenten op modules

    Content wrappers

    Alleen geschikt voor modules

    Contentwrappers gebruik je om een module te laten opvallen of om variatie in de pagina te creeren. Je stelt een contentwrapper in door te klikken op  en dan via instellingen de juiste wrapper te kiezen. Je kiezen uit de volgende "wrappers":

    • BlueContainerInnerWrapper
      Wordt voornamelijk gebruikt voor landingspagina's en om call to actions op reguliere pagina's meer aandacht te geven. 
    • ContainerBlank
      Dit is de standaard container en geeft een blanke achtergrond en past de content verder niet aan. 
    • ContainerBlankInnerWrapper
      Vergelijkbaar met de ContainerBlank, maar een "InnerWrapper" past de content aan. Hij heeft links en rechts extra marges. 
    • GrayContainerInnerWrapper
      Geeft een grijze achtergrond
    • SmallContainerBlankInnerWrapper
      Wordt alleen gebruikt om het formulier aan de onderzijde netjes in het midden uit te lijnen in een smal kader.
    • YellowContainerInnerWrapper
      Vergelijkbaar met de BlueContainer, wordt deze wrapper voornamelijk gebruikt voor landingspagina's en om call to actions op reguliere pagina's meer aandacht te geven. 

    Container: BlueContainerInnerWrapper

    Container: ContainerBlank

    Container: ContainerBlankInnerWrapper
    Container: GrayContainerInnerWrapper
    Container: SmallContainerBlankInnerWrapper
    Container: YellowContainerInnerWrapper
    Voor het opbouwen van pagina's

    ContentModules

    Mogelijkheden en keuzes

    Nieuwe modules zijn altijd zogenoemde "ContentModules". Deze modules zijn opgebouwd in verschillende variaties. Je kunt op deze manier je webpagina opbouwen. Klik op module>nieuwe module toevoegen>content en sleep of klik de module naar de gewenste plek. Er verschijnt vervolgens onderstaand keuzemogelijkheid.

     Hieronder staat weergeven welke content mogelijkheden je kunt kiezen. 

    • Banner
      Banner over de volledige breedte. Wordt voornamelijk gebruikt bij het begin van pagina's om de titel van de pagina duidelijk te weergeven. 
    • BannerHome
      Banner zoal weergeven op homepagina. Met een berichtenslider. 
    • Content
      Dit is de meest gebruikte module. Deze module kies je voor het maken van html blokken. Geschikt voor tekst, afbeeldingen of embedden van video's. 
    • FullWidthImage
      De naam zegt het al. Het projecteert een afbeelding over de volledige breedte. Je hebt de mogelijkheid om tekst over de afbeelding te typen. 
    • ImageGallery
      Maakt een carrousel van afbeeldingen.
    • Klantcase Slider
      Maakt een visueel opgemaakte slider geschikt voor klantcases. (Opmaak van deze module vraagt om extra aandacht)
    • Klantcases
      Gebruikt om een filter te maken op de klantcasepagina
    • Markten
      Geeft in blokken weer welke markten wij opereren, met de mogelijkheid om door te klikken. 
    • Navigatieblok
      Is een standaard onderdeel van veel pagina's. Dit is het grijze blok rechtsboven waar quicklinks naar relevante pagina's zijn opgebouwd. 
    • Tabdata
      Geeft in blokken een overzicht van data weer. Kan bruikbaar zijn om bepaalde specs uit te lichten


    Banner Home
    2SX Banner home
    link tekst

    FullWidthImageBackground

    ImageGallery

    KlantcaseSlider
    Voornaam Achternaam
    Functie

    Klantcases

    Klantcases

    Alles

    Markten

    Markten

    Previder biedt oplossingen voor

    NavigatieBlok

    Handig voor blogs of webpagina's

    Overige HTML blokken

    Toelichting

    Heb je een custom HTML element nodig? Dan is dat er. We hebben enkele kant en klare html-codes die je kunt inbakken in een HTML blok, in bijvoorbeeld het vulintranet of op een pagina. Alle CTA's kun je ook hier vinden en kunnen reeds gelinkt worden in een blogartikel.

    De volgende HTML codes zijn ontwikkeld voor gebruik:


    • Afsluiters voor blogartikelen
      Niet geschikt voor andere zaken dan voor blogartikelen. De code kun je importeren in de PubMod
    • Informatietabel
      Handig wanneer een product veel specs heeft en dit overzichtelijk weergeven moet worden
    • Tabitems
      Wanneer je niet uit de voeten komt met de hoeveelheid tekst, is de mogelijkheid om een tab te gebruiken. Dit zorg ervoor dat je de pagina compact houdt en toch je tekst kwijt kunt op de website. 

    Echt veilig met SOC-as-a-Service

    SOC-as-a-service (Managed SOC) zorgt ervoor dat je organisatie 24 uur per dag 7 dagen per week gemonitord wordt om informatiebeveiligingsincidenten op te sporen.

    Infotable


    Entry Express Performance Premium
    Toepassing



    Hosting & Algemene toepassingen



    Web & Applicatiehosting



    Databasehosting



    Bedrijfskritische hosting



    Prestaties



    Max. IOPS 250 1000 6000 6000
    Beschikbaarheid (SLA) Best effort 99.8% 99.8% 99.95%
    Garantie IOPS & latency Best effort


    Replicatie



    Configuratie



    Keuze vCPU, RAM, storage Vaste configuraties Vrij Vrij Vrij
    Type storage NetApp NetApp SSD NetApp SSD NetApp SSD
    Aantal datacenters 1 1 1 2
    Keuze datacenter



    Handmatige snapshots 1 3 3 3
    Isolated- & Cloud VLAN's 1 8 8 8
    Overig



    Abonnement (extra voordeel)



    API besturing



    Toon meer

    Klik op de afbeelding om te zien wat er gebeurd

    "Dit is een voorbeeld quote dat aangeeft dat Managed Hosting the bomb is!"

    Mick Bakker - IT manager Previder

    Dit is de tittel en de trigger
    Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content.
    Dit is de tittel en de trigger
    Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de contentDi is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de contentDi is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content.
    Dit is de tittel en de trigger
    Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di t. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de contentDi is de content. Di is de content. Di is de content. Di is dis de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content.
    Dit is de tittel en de trigger
    Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Dntent. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content. Di is de content.
    © 1998 - 2019 Previder Voorwaarden Privacy | Contact Supportdesk Previder is onderdeel van de Odin Groep