Quick Quotes

mockProfessions = true; mockRiskFactor = true; mockSpecification = true; summaryPath = /template-qq-summary.html;
<aa-template>
    <aa-data [data]="data" type="keyvalue" path="options">
        mockProfessions = true; mockRiskFactor = true; mockSpecification = true; summaryPath = /template-qq-summary.html;
    </aa-data>
    <aa-qq-aov [options]="data.options"></aa-qq-aov>
</aa-template>
block1.title = Uw pensioenkapitaal; block1.subTitle = Uw pensioenkapitaal heeft u opgebouwd bij al uw werkgevers; block1.box.title = Hoogte van uw pensoenkapitaal; block1.box.text = Heeft u bij meer pensioenverzekeraars een pensioenkapitaal? Tel dan alle bedragen bij elkaar op en vul het totaalbedrag hier in; block1.box.btn = Volgende vraag; block1.socialProofing.title = € 95.0000; block1.socialProofing.text = is het kapitaal dat werknemers gemiddeld opbouwen bij 4 werkgevers; block1.socialProofing.source = Bron:Aegon; block2.title = Waar is uw pensioenkapitaal opgebouwd; block2.subTitle = Om het juiste rendement te kunnen tonen dient u hier in te vullen bij welke verzekeraars of pensioenfondsen uw pensioen is opgebouwd; block2.box.title = Uw pensioenkapitaal is opgebouwd bij; block2.box.label1 = Aegon; block2.box.label2 = Andere verzekeraar(s) of pensioenfonds(en); block2.box.label3 = Zowel bij Aegon als bij andere verzekeraar(s) of pensioenfonds(en); block2.box.btn = Volgende vraag; block3.title = Partnerpensioen meeverzekeren; block3.subTitle: = Heeft u een partner? En wilt u dat uw partner een pensioenuitkering krijgt na uw overlijden? Dan kunt u een partnerpensioen verzekeren. De uitkering is 70% van het pensioen dat u ontvangt.; block3.box.title1 = Heeft u een partner?; block3.box.label1 = Ja, ik heb een partner; block3.box.label2 = Nee, ik heb geen partner; block3.box.title2 = Wilt u een partnerpensioen voor uw partner verzekeren?; block3.box.title3 = Uw partners geboortedatum; block3.box.yesPartnerPension.label = Ja, ik wil een partnerpensioen verzekeren; block3.box.yesPartnerPension.text = bij mijn overlijden ontvangt mijn partner 70% van het pensioen dat ik zelf ontvang; block3.box.noPartnerPension.label = Nee, ik wil geen partnerpensioen verzekeren; block3.box.noPartnerPension.text = bij mijn overlijden ontvangt mijn partner geen partnerpensioen. Hier moet uw partner schriftelijk mee instemmen; block3.box.btn = Volgende vraag; block3.socialProofing.title = 66 jaar; block3.socialProofing.text = is de gemiddelde pensioenieeftijd; block3.socialProofing.source = Bron:CBS; block4.title = Persoonlijke gegevens; block4.subTitle = Om uw pensioenuitkering exact uit te rekenen hebben we uw geboortedatum nodig; block4.box.title = Uw geboortedatum; block4.box.btn = Volgende vraag; block4.socialProofing.title = 80%; block4.socialProofing.text = van pensioenaanvragers met een partner verzekert een partnerpensioen; block4.socialProofing.source = Bron:Aegon; block5.title = Wanneer wilt u de pensioenverzekering laten ingaan?; block5.subTitle = Hier uitleggen waarom je een bepaalde datum zou kiezen en wat het voordeel is om bijvoorbeeld later te beginnen met uitkeren dan direct op je pensioenleeftijd; block5.box.title = Ingangsdatum van uw pensioenverzekering; block5.box.text = De ingangsdatum van uw pensioen is altijd per de 1ste van de maand. De pensioenuitkering ontvangt u dan niet direct. die ontvangt u altijd aan het einde van de maand (rond de 25ste); block5.box.btn = Bereken pensioenuitkering; block5.socialProofing.title = ; block5.socialProofing.text = Meest gekozen ingangsdatum is 7 maanden na de pensioengerechtigde leeftijd; block5.socialProofing.source = Bron:Aegon; initializeBlueBlocks = true; pensionAmountMin = 40000; startingMonthIndex = -1; page = pensionForm; start.url = /page-to-redirect-when-no-session-storage; start.redirect = false; top.title = Uw pensioensmogelijkheden; top.text = Een introductietekst; left.title = Direct Ingaand Pensioen; left.text = Een pensioensuitkering met de zekerheid van een vaste uitkering per maand; right.title = Uitkerend Beleggingspensioen; right.text = Uw pensioenkapitaal wordt belegd waarbij u kans heeft op een hogere pensioensuitkering; linkList.0.text = Bekijk uw pensioenuitkering met een Variabele Pensioenuitkering; linkList.0.url = /de-variabele-pensioenuitkering; linkList.1.text = Bekijk uw pensioenuitkering met een Variabele Pensioenuitkering; linkList.1.url = /bereken-zelf-uw-maandelijks-pensioen; template = dipFixed; serviceUrl = /services/US_RestGatewayWeb/rest/requestResponse/BS_PENSIOENOVEREENKOMST_ROA/calculate; button.forceShow = true; dipFixed.0.fixedRowsHeight = 9; dipFixed.1.fixedRowsHeight = 6; template = vpuVariable; serviceUrl = /api/vpuVariable; button.forceShow = true; vpuVariable.0.fixedRowsHeight = 9; vpuVariable.1.fixedRowsHeight = 6; standardModelUrl="template-standard-model-form.html"; calcDIPUrl= "/services/US_RestGatewayWeb/rest/requestResponse/BS_PENSIOENOVEREENKOMST_ROA_02/calculateDIP"; calcVPUUrl= "/services/US_RestGatewayWeb/rest/requestResponse/BS_PENSIOENOVEREENKOMST_ROA_02/calculateVPU"; credentials= "Maraig"; showStandardModelIntro = true;
<aa-template>
    <aa-data [data]="data" type="keyvalue" path="pensionForm">
        block1.title = Uw pensioenkapitaal; block1.subTitle = Uw pensioenkapitaal heeft u opgebouwd bij al uw werkgevers; block1.box.title = Hoogte van uw pensoenkapitaal; block1.box.text = Heeft u bij meer pensioenverzekeraars een pensioenkapitaal? Tel dan alle
        bedragen bij elkaar op en vul het totaalbedrag hier in; block1.box.btn = Volgende vraag; block1.socialProofing.title = € 95.0000; block1.socialProofing.text = is het kapitaal dat werknemers gemiddeld opbouwen bij 4 werkgevers; block1.socialProofing.source
        = Bron:Aegon; block2.title = Waar is uw pensioenkapitaal opgebouwd; block2.subTitle = Om het juiste rendement te kunnen tonen dient u hier in te vullen bij welke verzekeraars of pensioenfondsen uw pensioen is opgebouwd; block2.box.title = Uw pensioenkapitaal
        is opgebouwd bij; block2.box.label1 = Aegon; block2.box.label2 = Andere verzekeraar(s) of pensioenfonds(en); block2.box.label3 = Zowel bij Aegon als bij andere verzekeraar(s) of pensioenfonds(en); block2.box.btn = Volgende vraag; block3.title
        = Partnerpensioen meeverzekeren; block3.subTitle: = Heeft u een partner? En wilt u dat uw partner een pensioenuitkering krijgt na uw overlijden? Dan kunt u een partnerpensioen verzekeren. De uitkering is 70% van het pensioen dat u ontvangt.; block3.box.title1
        = Heeft u een partner?; block3.box.label1 = Ja, ik heb een partner; block3.box.label2 = Nee, ik heb geen partner; block3.box.title2 = Wilt u een partnerpensioen voor uw partner verzekeren?; block3.box.title3 = Uw partners geboortedatum; block3.box.yesPartnerPension.label
        = Ja, ik wil een partnerpensioen verzekeren; block3.box.yesPartnerPension.text = bij mijn overlijden ontvangt mijn partner 70% van het pensioen dat ik zelf ontvang; block3.box.noPartnerPension.label = Nee, ik wil geen partnerpensioen verzekeren;
        block3.box.noPartnerPension.text = bij mijn overlijden ontvangt mijn partner geen partnerpensioen. Hier moet uw partner schriftelijk mee instemmen; block3.box.btn = Volgende vraag; block3.socialProofing.title = 66 jaar; block3.socialProofing.text
        = is de gemiddelde pensioenieeftijd; block3.socialProofing.source = Bron:CBS; block4.title = Persoonlijke gegevens; block4.subTitle = Om uw pensioenuitkering exact uit te rekenen hebben we uw geboortedatum nodig; block4.box.title = Uw geboortedatum;
        block4.box.btn = Volgende vraag; block4.socialProofing.title = 80%; block4.socialProofing.text = van pensioenaanvragers met een partner verzekert een partnerpensioen; block4.socialProofing.source = Bron:Aegon; block5.title = Wanneer wilt u de
        pensioenverzekering laten ingaan?; block5.subTitle = Hier uitleggen waarom je een bepaalde datum zou kiezen en wat het voordeel is om bijvoorbeeld later te beginnen met uitkeren dan direct op je pensioenleeftijd; block5.box.title = Ingangsdatum
        van uw pensioenverzekering; block5.box.text = De ingangsdatum van uw pensioen is altijd per de 1ste van de maand. De pensioenuitkering ontvangt u dan niet direct. die ontvangt u altijd aan het einde van de maand (rond de 25ste); block5.box.btn
        = Bereken pensioenuitkering; block5.socialProofing.title = ; block5.socialProofing.text = Meest gekozen ingangsdatum is 7 maanden na de pensioengerechtigde leeftijd; block5.socialProofing.source = Bron:Aegon; initializeBlueBlocks = true; pensionAmountMin
        = 40000; startingMonthIndex = -1;
    </aa-data>

    <aa-data [data]="data" type="keyvalue" path="page">
        page = pensionForm; start.url = /page-to-redirect-when-no-session-storage; start.redirect = false; top.title = Uw pensioensmogelijkheden; top.text = Een introductietekst; left.title = Direct Ingaand Pensioen; left.text = Een pensioensuitkering met de
        zekerheid van een vaste uitkering per maand; right.title = Uitkerend Beleggingspensioen; right.text = Uw pensioenkapitaal wordt belegd waarbij u kans heeft op een hogere pensioensuitkering; linkList.0.text = Bekijk uw pensioenuitkering met een
        Variabele Pensioenuitkering; linkList.0.url = /de-variabele-pensioenuitkering; linkList.1.text = Bekijk uw pensioenuitkering met een Variabele Pensioenuitkering; linkList.1.url = /bereken-zelf-uw-maandelijks-pensioen;
    </aa-data>

    <aa-data [data]="data" type="keyvalue" path="blueBlockLeft">
        template = dipFixed; serviceUrl = /services/US_RestGatewayWeb/rest/requestResponse/BS_PENSIOENOVEREENKOMST_ROA/calculate; button.forceShow = true; dipFixed.0.fixedRowsHeight = 9; dipFixed.1.fixedRowsHeight = 6;
    </aa-data>

    <aa-data [data]="data" type="keyvalue" path="blueBlockRight">
        template = vpuVariable; serviceUrl = /api/vpuVariable; button.forceShow = true; vpuVariable.0.fixedRowsHeight = 9; vpuVariable.1.fixedRowsHeight = 6;
    </aa-data>
    <aa-data [data]="data" type="keyvalue" path="standardmodelintro">
        standardModelUrl="template-standard-model-form.html"; calcDIPUrl= "/services/US_RestGatewayWeb/rest/requestResponse/BS_PENSIOENOVEREENKOMST_ROA_02/calculateDIP"; calcVPUUrl= "/services/US_RestGatewayWeb/rest/requestResponse/BS_PENSIOENOVEREENKOMST_ROA_02/calculateVPU";
        credentials= "Maraig"; showStandardModelIntro = true;
    </aa-data>
    <aa-pension-form [options]="data.pensionForm" [bbpage]="bbpage" [bbleft]="bbleft" [bbright]="bbright" [smintro]="smbutton">
    </aa-pension-form>

    <aa-blue-block-page #bbpage [options]="data.page">
        <div blue-block-left>
            <aa-blue-block #bbleft [options]="data.blueBlockLeft"></aa-blue-block>
        </div>

        <div blue-block-right>
            <aa-blue-block #bbright [options]="data.blueBlockRight"></aa-blue-block>
        </div>

        <div smintro>
            <aa-standard-model-intro #smbutton [options]="data.standardmodelintro"></aa-standard-model-intro>
        </div>
    </aa-blue-block-page>
</aa-template>
<aa-template>
    <aa-blue-block>
    </aa-blue-block>
</aa-template>
mockData = true; personalDataHeading = Bereken indicatie omzettingskosten 2;
<aa-template>
    <aa-data [data]="data" type="keyvalue" path="options">

        mockData = true; personalDataHeading = Bereken indicatie omzettingskosten 2;

    </aa-data>
    <aa-qq-boeterente [options]="data.options"></aa-qq-boeterente>
</aa-template>
contactOptions.0.class = icon-call; contactOptions.0.text = 088 344 12 34; contactOptions.0.href = tel:+31883441234; contactOptions.1.class = icon-chat; contactOptions.1.text = Start chat; contactOptions.1.href = /contact; }
<aa-template>
    <aa-data [data]="data" type="keyvalue" path="contactSticky">
        contactOptions.0.class = icon-call; contactOptions.0.text = 088 344 12 34; contactOptions.0.href = tel:+31883441234; contactOptions.1.class = icon-chat; contactOptions.1.text = Start chat; contactOptions.1.href = /contact; }
    </aa-data>

    <aa-contact-sticky [options]="data.contactSticky">
    </aa-contact-sticky>
</aa-template>
<aa-template>
    <!-- <h5>AA FAQ COMPONENT - start</h5> -->
    <aa-faq title="Veelgestelde vragen autoschade" [data]="[{
    question: 'Wat is er gedekt onder de autoverzekering?',
    answer: 'Rhabarber rhabarber rhabarber answer text. Example link Rhabarber rhabarber rhabarber answer text. Rhabarber rhabarber rhabarber answer text. Rhabarber',
    feedbackTitle:'Feedback Title',
    feedbackContent:'Feedback ContentA'
  }, {
    question: 'Heeft mijn schade effect op mijn schade vrije jaren?',
    answer: 'Rhabarber rhabarber rhabarber answer text. Example link Rhabarber rhabarber rhabarber answer text. Rhabarber rhabarber rhabarber answer text. Rhabarber Rhabarber rhabarber rhabarber answer text. Example link Rhabarber rhabarber rhabarber answer text. Rhabarber rhabarber rhabarber answer text. Rhabarber',
    feedbackTitle:'Feedback Title',
    feedbackContent:'Feedback ContentB'
  },{
    question:'Hoeveel schade vrije jaren heb ik?',
    answer:'Rhabarber rhabarber rhabarber answer text. Example link Rhabarber rhabarber rhabarber answer text. Rhabarber rhabarber rhabarber answer text. Rhabarber',
    feedbackTitle:'Feedback Title',
    feedbackContent:'Feedback ContentC'
  }]"></aa-faq>
    <!-- <h5>AA FAQ COMPONENT - end</h5> -->
</aa-template>
<aa-template>
    <aa-leadform>
    </aa-leadform>
</aa-template>
<aa-template>
    <aa-pension-form></aa-pension-form>
</aa-template>
<aa-template>

    <aa-data [data]="data" type="keyvalue" path="options">
    </aa-data>

    <aa-pension-offer-confirmation [options]="data.options">
    </aa-pension-offer-confirmation>

</aa-template>
<aa-template>

    <aa-data [data]="data" type="json" path="options" value='
    {
  "start": {
    "url": "/bereken-zelf-uw-maandelijks-pensioen",
    "redirect": false
  },
  "subtitle": "",
  "termsTitle": "Voorwaarden offerte aanvraag",
  "termsList": false,
  "yourDataTitle": "Uw gegevens",
  "yourDataText": "Vul hieronder uw gegevens in. Na het versturen van uw aanvraag ontvangt u de offerte binnen 3 werkdagen.",
  "sticky": {
    "title": "Samenvatting",
    "helpers": {
      "grossPerMonth": "Bedragen bruto per maand"
    },
    "labels": {
      "pension": [
        "Pensioenuitkering",
        "Partnerpensioenuitkering"
      ],
      "pensionProduct": "Uitkerend pensioenproduct",
      "pensionAmount": "Opgebouwd pensioenkapitaal",
      "pensionLocation": "Pensioen opgebouwd",
      "pensionPartner": "Pensioen partner",
      "startingDate": "Startdatum uitkering",
      "birthDate": "Geboortedatum",
      "birthDateOfPartner": "Geboortedatum partner"
    },
    "values": {
      "pensionLocation": [
        "Bij Aegon",
        "Niet bij Aegon",
        "Aegon en elders"
      ]
    },
    "link": {
      "text": "Uw gegevens aanpassen",
      "url": "/bereken-zelf-uw-maandelijks-pensioen"
    }
  },
  "form": {
    "serviceErrorMessage" : "service momenteel niet beschikbaar",
    "serviceOkPath" : "status",
    "serviceOkValue" : "Sent",
    "tealiumTagging": {
      "formInit": {},
      "formStarted": {},
      "formSubmitted": false
    },
    "name": "form_name",
    "redirectUrl": "/dank-voor-het-aanvragen-van-een-offerte",
    "serviceRequest" : {
      "to": "",
      "telnum": "",
      "gebdat": "",
      "gebat": "",
      "titel": "",
      "voorl": "",
      "voorv": "",
      "bedrag": "",
      "maatschappij": "",
      "startdatum": "",
      "frequentie": "",
      "polisnummer": "",
      "partner": [
        {
          "aanhef_partner":"",
          "voorletter_partner":"",
          "tussenvoegsel_partner":"",
          "achternaam_partner":"",
          "geboortedatum_partner":""
        }
      ],
       "summary": [{
      }]
    },
    "inputList": [
      {
        "mainLabel" : "Persoonlijke gegevens"
      },
      {
        "label": "Aanhef",
        "inputs": [
          {
            "width": 4,
            "type": "radio",
            "name": "titel",
            "required": true,
            "value": "Heer",
            "label": "Heer"
          },
          {
            "width": 4,
            "type": "radio",
            "name": "titel",
            "required": true,
            "value": "Mevrouw",
            "label": "Mevrouw"
          }
        ]
      },
      {
        "label": "Voorletters",
        "inputs": [
          {
            "width": 3,
            "type": "text",
            "placeholder": "",
            "name": "voorl",
            "required": true,
            "value": "",
            "error": "Error message",
            "storage": false
          }
        ]
      },
      {
        "label": "Tussenvoegsel",
        "inputs": [
          {
            "width": 3,
            "type": "text",
            "placeholder": "",
            "name": "voorv",
            "value": "",
            "error": "Error message",
            "storage": false
          }
        ]
      },
      {
        "label": "Achternaam",
        "inputs": [
          {
            "width": 7,
            "type": "text",
            "placeholder": "",
            "name": "anaam",
            "required": true,
            "value": "",
            "error": "Error message",
            "storage": false
          }
        ]
      },
      {
        "label": "Postcode",
        "inputs": [
          {
            "width": 3,
            "type": "text",
            "placeholder": "",
            "name": "pcode",
            "required": true,
            "pattern": "^[1-9][0-9]{3} ?(?!sa|sd|ss)[A-Za-z]{2}$",
            "value": "",
            "error": "Postcode onjuist",
            "storage": false
          }
        ]
      },
      {
        "label": "Huisnummer en toevoeging",
        "inputs": [
          {
            "width": 3,
            "type": "text",
            "placeholder": "",
            "name": "huisnr",
            "required": true,
            "value": "",
            "error": "Error message",
            "storage": false
          },
          {
            "width": 3,
            "type": "text",
            "placeholder": "",
            "name": "toevoeg",
            "required": false,
            "value": "",
            "error": "Error message",
            "storage": false
          }
        ]
      },
      {
        "label": "Straat",
        "inputs": [
          {
            "width": 7,
            "type": "text",
            "placeholder": "",
            "name": "straat",
            "required": true,
            "value": "",
            "error": "Error message",
            "storage": false
          }
        ]
      },
      {
        "label": "Plaats",
        "inputs": [
          {
            "width": 7,
            "type": "text",
            "placeholder": "",
            "name": "plaats",
            "required": true,
            "value": "",
            "error": "Error message",
            "storage": false
          }
        ]
      },
      {
        "label": "Telefoonnummer",
        "inputs": [
          {
            "width": 7,
            "type": "text",
            "placeholder": "",
            "name": "telnum",
            "required": true,
            "pattern": "^[+0-9]{10,14}$",
            "value": "",
            "error": "Telefoonnummer onjuist",
            "storage": false
          }
        ]
      },
      {
        "label": "E-mailadres",
        "inputs": [
          {
            "width": 7,
            "type": "text",
            "placeholder": "",
            "name": "to",
            "required": true,
            "value": "",
            "error": "Dit lijkt niet op een correct e-mailadres",
            "storage": false,
            "pattern": "^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+.[A-Za-z]{2,4}$"
          }
        ]
      },
      {
        "label": "Polisnummer",
        "inputs": [
          {
            "width": 7,
            "type": "text",
            "placeholder": "",
            "name": "polisnummer",
            "required": true,
            "value": "",
            "error": "Error message",
            "storage": false,
            "storageValueToCheck": {
              "type": "session",
              "object": "pensionInfo",
              "key": "partOfMoneyFromAegon",
              "valueToCheck": true
            }
          }
        ]
      },
      {
        "mainLabel" : "Gegevens partner (indien van toepassing)",
        "storageValueToCheck": {
          "type": "session",
          "object": "pensionInfo",
          "key": "havePartner",
          "valueToCheck": true
        }
      },
      {
        "label": "Aanhef",
        "inputs": [
          {
            "width": 4,
            "type": "radio",
            "name": "partner.0.aanhef_partner",
            "required": true,
            "value": "Heer",
            "label": "Heer",
            "storageValueToCheck": {
              "type": "session",
              "object": "pensionInfo",
              "key": "havePartner",
              "valueToCheck": true
            }
          },
          {
            "width": 4,
            "type": "radio",
            "name": "partner.0.aanhef_partner",
            "required": true,
            "value": "Mevrouw",
            "label": "Mevrouw"
          }
        ]
      },
      {
        "label": "Voorletters",
        "inputs": [
          {
            "width": 3,
            "type": "text",
            "placeholder": "",
            "name": "partner.0.voorletter_partner",
            "required": true,
            "value": "",
            "error": "Error message",
            "storage": false,
        "storageValueToCheck": {
          "type": "session",
          "object": "pensionInfo",
          "key": "havePartner",
          "valueToCheck": true
        }
          }
        ]
      },
      {
        "label": "Tussenvoegsel",
        "inputs": [
          {
            "width": 3,
            "type": "text",
            "placeholder": "",
            "name": "partner.0.tussenvoegsel_partner",
            "value": "",
            "error": "Error message",
            "storage": false,
        "storageValueToCheck": {
          "type": "session",
          "object": "pensionInfo",
          "key": "havePartner",
          "valueToCheck": true
        }
          }
        ]
      },
      {
        "label": "Achternaam",
        "inputs": [
          {
            "width": 7,
            "type": "text",
            "placeholder": "",
            "name": "partner.0.achternaam_partner",
            "required": true,
            "value": "",
            "error": "Error message",
            "storage": false,
        "storageValueToCheck": {
          "type": "session",
          "object": "pensionInfo",
          "key": "havePartner",
          "valueToCheck": true
        }
          }
        ]
      },
      {
        "type": "hidden",
        "name": "gebdat",
        "storage": {
          "type": "session",
          "object": "pensionInfo",
          "key": "birthDate"
        }
      },
      {
        "type": "hidden",
        "name": "partner.0.geboortedatum_partner",
        "storage": {
          "type": "session",
          "object": "pensionInfo",
          "key": "birthDateOfPartner"
        }
      },
      {
        "type": "hidden",
        "name": "bedrag",
        "storage": {
          "type": "session",
          "object": "pensionInfo",
          "key": "pensionAmount"
        }
      },
      {
        "type": "hidden",
        "name": "startdatum",
        "storage": {
          "type": "session",
          "object": "pensionInfo",
          "key": "startingDate"
        }
      },
      {
        "type": "hidden",
        "name": "frequentie",
        "value": "maandelijks"
      },
      {
        "type": "hidden",
        "name": "maatschappij",
        "storage": {
          "type": "session",
          "object": "pensionInfo",
          "key": "pensionInfoLocationName"
        }
      },
      {
        "type": "hidden",
        "name": "productname",
        "storage": {
          "type": "session",
          "object": "pensionInfo",
          "key": "pensionInfoProductName"
        }
      }
    ],
    "submitButton": {
      "serviceUrl": "/data/email/thund/dip",
      "label": "Verzenden"
    }
  }
}
'>
    </aa-data>



    <aa-pension-offer-form [options]="data.options">
    </aa-pension-offer-form>
</aa-template>
title = Sparen of beleggen, bereken het zelf!; interest.savings = 0.25; interest.optimistic = 10; interest.pessimistic = 5; interest.neutral = 8; inlay.slider.start = 10000; periodic.slider.start = 500; duration.slider.range.max = 20;
<aa-template class="aa-template--loading">
    <aa-data [data]="data" type="keyvalue" path="options">
        title = Sparen of beleggen, bereken het zelf!; interest.savings = 0.25; interest.optimistic = 10; interest.pessimistic = 5; interest.neutral = 8; inlay.slider.start = 10000; periodic.slider.start = 500; duration.slider.range.max = 20;
    </aa-data>
    <aa-qq-beleggen [options]="data.options">
    </aa-qq-beleggen>
</aa-template>
<aa-template>
    <aa-qq-historisch-rendement>
    </aa-qq-historisch-rendement>
</aa-template>
title = Dit is de snelle mortgage qq;
<aa-template-mortage class="aa-template">
    <aa-data [data]="data" type="keyvalue" path="options">
        title = Dit is de snelle mortgage qq;
    </aa-data>

    <aa-qq-mortgage [options]="data.options">
    </aa-qq-mortgage>
</aa-template-mortage>
<aa-template-mortage class="aa-template">
    <aa-qq-mortgage [options]="data.options">
    </aa-qq-mortgage>
</aa-template-mortage>
sections=[];
<aa-template>
    <aa-data [data]="data" type="keyvalue" path="options">
        sections=[];
    </aa-data>
    <aa-qq-summary [options]="data.options"></aa-qq-summary>
</aa-template>
<aa-template>
    <aa-data [data]="data" type="json" path="options" value='
    {
      "form": {
        "name": "form_name",
        "redirectUrl": false,
        "inputList": [{
          "label": "E-mailadres",
          "inputs": [{
            "width": 6,
            "type": "text",
            "placeholder": "",
            "name": "BScreateUpdateSubscriptionsRequest.PARTIJ.EMAIL",
            "required": true,
            "value": "",
            "error": "Dit lijkt niet op een correct e-mailadres",
            "storage": false,
            "pattern": "^[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,4}$"
          }]
        }, {
          "label": "Informatieve nieuwsbrieven",
          "inputs": [{
            "width": 3,
            "type": "radio",
            "name": "BScreateUpdateSubscriptionsRequest.PARTIJ._AE_DIGITALE_DIENST.0._AE_DIENST_REG_STATUS",
            "required": true,
            "value": "A",
            "label": "Ja"
          }, {
            "width": 6,
            "type": "radio",
            "name": "BScreateUpdateSubscriptionsRequest.PARTIJ._AE_DIGITALE_DIENST.0._AE_DIENST_REG_STATUS",
            "required": false,
            "value": "I",
            "label": "Nee"
          }]
        }, {
          "label": "Aantrekkelijke aanbiedingen",
          "inputs": [{
            "width": 3,
            "type": "radio",
            "name": "BScreateUpdateSubscriptionsRequest.PARTIJ._AE_DIGITALE_DIENST.1._AE_DIENST_REG_STATUS",
            "required": true,
            "value": "A",
            "label": "Ja"
          }, {
            "width": 6,
            "type": "radio",
            "name": "BScreateUpdateSubscriptionsRequest.PARTIJ._AE_DIGITALE_DIENST.1._AE_DIENST_REG_STATUS",
            "required": false,
            "value": "I",
            "label": "Nee"
          }]
        }, {
          "label": "Handige alerts",
          "inputs": [{
            "width": 3,
            "type": "radio",
            "name": "BScreateUpdateSubscriptionsRequest.PARTIJ._AE_DIGITALE_DIENST.2._AE_DIENST_REG_STATUS",
            "required": true,
            "value": "A",
            "label": "Ja"
          }, {
            "width": 6,
            "type": "radio",
            "name": "BScreateUpdateSubscriptionsRequest.PARTIJ._AE_DIGITALE_DIENST.2._AE_DIENST_REG_STATUS",
            "required": false,
            "value": "I",
            "label": "Nee"
          }]
        }],
        "submitButton": {
          "serviceUrl": "/services/US_RestGatewayWeb/rest/requestResponse/BS_Dienstenregistratie/createUpdateSubscriptions",
          "label": "Verzenden"
        },
      "introText" : "<b>Hier kunt u zich aanmelden of uw instellingen wijzigen voor Aegon nieuws.</b>",
      "middleText" : "<br><p>Voor uw privacy toont Aegon op deze pagina niet de voorkeuren die u heeft ingesteld. De voorkeuren die u hier aangeeft zullen uw huidige voorkeuren overschrijven.</p><p>Aegon stuurt u noodzakelijke en inhoudelijke informatie over producten die u bij Aegon aanhoudt. Voor die berichten kunt u zich niet afmelden.</p>",
      "thankYouMessage" : "Dank u wel voor uw bericht. Wij hebben uw gegevens succesvol ontvangen.",
     "serviceErrorMessage" : "service momenteel niet beschikbaar",
     "serviceOkPath" : "BScreateUpdateSubscriptionsResponse.PROCES.STATUS",
     "serviceOkValue" : "00000",
     "correlationIdPath" : "BScreateUpdateSubscriptionsRequest.AILHEADER.CORRELATIONID",
     "correlationIdPrefix" : "dienstenregistratie",
     "serviceOkCheckOnlyIfExists" : true,
      "serviceRequest" : {
          "BScreateUpdateSubscriptionsRequest": {
            "AILHEADER": {
              "CLIENTID": "2235DEV",
              "CORRELATIONID": "AIEL-2235"
            },
            "PARTIJ": {
              "VOLGNUM": "1",
              "_AE_RELNUM_TYPE": "AKOS",
              "EMAIL": "",
              "_AE_DIGITALE_DIENST": [
                {
                  "VOLGNUM": "1",
                  "_AE_DIENST_REG_STATUS": "A",
                  "_AE_DIENST_CD": "EMAILINF"
                },
                {
                  "VOLGNUM": "2",
                  "_AE_DIENST_REG_STATUS": "A",
                  "_AE_DIENST_CD": "NWSBRIEF"
                },
                {
                  "VOLGNUM": "3",
                  "_AE_DIENST_REG_STATUS": "A",
                  "_AE_DIENST_CD": "COMMINFO"
                }
              ]
            }
          }
        }
      }
    }
  '>
    </aa-data>

    <aa-form-builder [options]="data.options.form"></aa-form-builder>
</aa-template>
<aa-template>
    <aa-quiz>
    </aa-quiz>
</aa-template>
<aa-template>
    <aa-data [data]="data" type="json" path="options" value='{
    "redirectPensionCalcUrl": "/template-aa-blue-block-page.html",
    "requestPdfUrl": "https://api.test.aegon.nl/public/pensions/standardmodel",
    "apiName": "PDFSERVICE",
    "stickyDefaultOptions":{
      "linkUrl" : "https://www.uat.aegon.nl/particulier/pensioen/bereken-zelf-uw-maandelijks-pensioen"
    }
  }'>
    </aa-data>
    <aa-standard-model-form [options]="data.options"></aa-standard-model-form>
</aa-template>
redirectPensionCalcUrl = "/template-aa-blue-block-page.html"; requestPdfUrl = "/US_RestGatewayWeb/rest/requestResponse/BS_Utilities_Communication_03/createSendCommunication"; credentials = "CriMaria"; apiName = "PDFSERVICE";
<aa-template>
    <aa-data [data]="data" type="keyvalue" path="standardmodelintro">
        redirectPensionCalcUrl = "/template-aa-blue-block-page.html"; requestPdfUrl = "/US_RestGatewayWeb/rest/requestResponse/BS_Utilities_Communication_03/createSendCommunication"; credentials = "CriMaria"; apiName = "PDFSERVICE";
    </aa-data>
    <aa-standard-model-intro [options]="data.standardmodelintro"></aa-standard-model-intro>
</aa-template>
first second third
<aa-template>
    <aa-tabs-view theme="grey">

        <aa-tabs-view-item id="first" title="0% - 30%">
            first
        </aa-tabs-view-item>

        <aa-tabs-view-item id="second" title="30% - 80%">
            second
        </aa-tabs-view-item>

        <aa-tabs-view-item id="third" title="80% - 100%">
            third
        </aa-tabs-view-item>

    </aa-tabs-view>
</aa-template>
template.footer.pet.title = Huisdier Test; template.endpoint.generic.alert.descriptionEnd = THAT"S THE END OF DESC!; template.endpoint.generic.alert.of = THAT"S THE END OF DESC!; endpoints.END_POSSESSION_1.data.label = aansprakelijkheid; template.footer.loadFnolFooter = false; endpoints.END_POSSESSION_1.data.id = aansprakelijkheid;

Veelgestelde vragen inboedel

Veelgestelde vragen opstal

Veelgestelde vragen auto

Veelgestelde vragen aansprakelijkheid

Veelgestelde vragen reis

<div class="fnol-page">

</div>

<aa-template class="aa-template--loading">



    <aa-data [data]="data" type="keyvalue" path="options">
        template.footer.pet.title = Huisdier Test; template.endpoint.generic.alert.descriptionEnd = THAT"S THE END OF DESC!; template.endpoint.generic.alert.of = THAT"S THE END OF DESC!; endpoints.END_POSSESSION_1.data.label = aansprakelijkheid; template.footer.loadFnolFooter
        = false; endpoints.END_POSSESSION_1.data.id = aansprakelijkheid;
    </aa-data>

    <fnol-page [options]="data.options">
        <aa-tabs-view [options]="{theme: 'square-blue', vertical: true}">

            <aa-tabs-view-item id="possession" title="Inboedel" icon="desktop-phone" description="Schade aan uw spullen">
                <fnol-category id="possession"></fnol-category>
                <h3 class="fnol-faq-titles">Veelgestelde vragen inboedel</h3>
                <!--Please place the FAQ quote([[nid:36334]]) here as explain in the release notes -->
            </aa-tabs-view-item>

            <aa-tabs-view-item id="home" title="Opstal" icon="house" description="Schade aan uw huis">
                <fnol-category id="home"></fnol-category>
                <h3 class="fnol-faq-titles">Veelgestelde vragen opstal</h3>
                <!--Please place the FAQ quote([[nid:36334]]) here as explain in the release notes -->
            </aa-tabs-view-item>

            <aa-tabs-view-item id="auto" title="Auto" icon="auto" description="Schade aan uw auto of schade veroorzaakt met uw auto">
                <fnol-category id="auto"></fnol-category>
                <h3 class="fnol-faq-titles">Veelgestelde vragen auto</h3>
                <!--Please place the FAQ quote([[nid:36334]]) here as explain in the release notes -->
            </aa-tabs-view-item>

            <aa-tabs-view-item id="liability" title="Aansprakelijkheid" icon="schadeverzekeringen" description="Schade aan spullen van een ander">
                <fnol-category id="liability"></fnol-category>
                <h3 class="fnol-faq-titles">Veelgestelde vragen aansprakelijkheid</h3>
                <!--Please place the FAQ quote([[nid:36334]]) here as explain in the release notes -->
            </aa-tabs-view-item>

            <aa-tabs-view-item id="travel" title="Reis" icon="suitcase" description="Annulering of schade tijdens uw vakantie">
                <fnol-category id="travel"></fnol-category>
                <h3 class="fnol-faq-titles">Veelgestelde vragen reis</h3>
                <!--Please place the FAQ quote([[nid:36334]]) here as explain in the release notes -->
            </aa-tabs-view-item>

        </aa-tabs-view>
    </fnol-page>
</aa-template>




<script type="text/javascript">
    function phoneNumberToCallMobile() {

    	var data = {
    		page_cat_1_type: 'formulier',
    		page_cat_2_name: 'schade melden en declareren',
    		page_cat_3_section: 'particulier',
    		page_cat_4_productgroup: 'verzekeren',
    		form_name: 'schade melden en declareren',
    		product_category: ['verzekeren'],
    		event: 'contact_bellen',
    		funnelName: 'frm-schade melden en declareren',
    		newpageName: 'frm-schade melden en declareren:pm'
    	};

    	var opt = [
    		'page_cat_1_type',
    		'page_cat_2_name',
    		'page_cat_3_section',
    		'page_cat_4_productgroup',
    		'form_name',
    		'product_category',
    		'event',
    		'funnelName',
    		'newpageName'
    	];

    	if (typeof utag_data === 'object') {
    		for (var i = 0; i < opt.length; i++) {
    			if (!data.hasOwnProperty(opt[i])) {
    				if (utag_data.hasOwnProperty(opt[i]) && utag_data[opt[i]] !== "") {
    					data[opt[i]] = utag_data[opt[i]];
    				}
    			}
    		}
    	}

    	if (typeof utag === 'object' && typeof utag.view === 'function') {
    		utag.view(data);
    	} else {
    		setTimeout(function() {
    			if (typeof utag === 'object' && typeof utag.view === 'function') {
    				utag.view(data);
    			}
    		}, 1600);
    	}
    }
</script>
template.fnolRepairInputs.postcode = Postcode of plaatsnaam; template.fnolRepairInputs.searchButtunText =Zoeken; template.fnolRepairInputs.encounteredErrorText=De service is tijdelijk niet beschikbaar. Probeer het later nog eens.; template.fnolRepairInputs.requiredErrorText=Dit veld is verplicht; template.fnolRepairInputs.postcodeErrorText=Postcode of plaatsnaam niet bekend; template.fnolRepairInputs.columnName=Naam; template.fnolRepairInputs.columnRanking=Waardering; template.fnolRepairInputs.columnDistance=Afstand; template.fnolRepairInputs.radiusTitle=Afstand; template.fnolRepairInputs.radiusOptionDistance10Title=0-90 km; template.fnolRepairInputs.radiusOptionDistance20Title=0-20 km; template.fnolRepairInputs.radiusOptionDistance50Title=0-50 km; template.fnolRepairInputs.damageTitle=Soort schade; template.fnolRepairInputs.damageOptionWindowDamageTitle=Alleen ruitschade (denk aan een barst of sterretje); template.fnolRepairInputs.damageOptionOtherDamageTitle=Alle andere schades;
<aa-template>
    <!--<h5>FNOL REPAIRSHOP - start</h5>-->
    <aa-data [data]="data" type="keyvalue" path="options">
        template.fnolRepairInputs.postcode = Postcode of plaatsnaam; template.fnolRepairInputs.searchButtunText =Zoeken; template.fnolRepairInputs.encounteredErrorText=De service is tijdelijk niet beschikbaar. Probeer het later nog eens.; template.fnolRepairInputs.requiredErrorText=Dit
        veld is verplicht; template.fnolRepairInputs.postcodeErrorText=Postcode of plaatsnaam niet bekend; template.fnolRepairInputs.columnName=Naam; template.fnolRepairInputs.columnRanking=Waardering; template.fnolRepairInputs.columnDistance=Afstand;
        template.fnolRepairInputs.radiusTitle=Afstand; template.fnolRepairInputs.radiusOptionDistance10Title=0-90 km; template.fnolRepairInputs.radiusOptionDistance20Title=0-20 km; template.fnolRepairInputs.radiusOptionDistance50Title=0-50 km; template.fnolRepairInputs.damageTitle=Soort
        schade; template.fnolRepairInputs.damageOptionWindowDamageTitle=Alleen ruitschade (denk aan een barst of sterretje); template.fnolRepairInputs.damageOptionOtherDamageTitle=Alle andere schades;


    </aa-data>
    <fnol-repairshop [options]="data.options">

    </fnol-repairshop>
    <!--<h5>FNOL REPAIRSHOP - end</h5>-->
</aa-template>

Kies uw verzekering en ontdek wat u het beste kunt doen.

Bij een ongeluk of schade wilt u goed en snel geholpen worden. Kies hieronder uw verzekering en ontdek wat u het beste kunt doen.

Nood?
Bel 088 344 00 00
Nood?
Bel 088 344 00 00
24/7 bereikbaar bij diefstal, brand, letsel, grote lekkages, overstromingen of vakantiepech (binnen- en buitenland).
template.footer.pet.title = Huisdier Test; template.endpoint.generic.alert.descriptionEnd = THAT"S THE END OF DESC!; template.endpoint.generic.alert.of = THAT"S THE END OF DESC!; endpoints.END_POSSESSION_1.data.label = aansprakelijkheid; endpoints.END_POSSESSION_1.data.id = aansprakelijkheid;

Veelgestelde vragen inboedel

Veelgestelde vragen opstal

Veelgestelde vragen auto

Veelgestelde vragen aansprakelijkheid

Veelgestelde vragen reis

Heeft u een adviseur?

Meldt u uw schade bij Aegon? Dan brengen wij uw adviseur op de hoogte. U kunt uw schade ook direct via uw adviseur melden.

De contactgegevens van uw adviseur vindt u op uw polis of op de factuur.

<div class="fnol-page">
    <div class="f-item-preview visible-mobile mr-bot50">
        <p>Kies uw verzekering en ontdek wat u het beste kunt doen.</p>
    </div>
    <div class="f-item-preview hidden-mobile mr-bot50">
        <p>Bij een ongeluk of schade wilt u goed en snel geholpen worden. Kies hieronder uw verzekering en ontdek wat u het beste kunt doen.</p>
    </div>

    <!-- for mobile -->
    <div class="clearfix fnol-mobile-header-wrapper visible-mobile mr-bot50">
        <div class="fnol-question icon-left icon-tip fnol-mobile-left pos-rel">
            <div class="fnol__alert--nood pos-abs">Nood?</div>
        </div>

        <div class="fnol-mobile-right">
            <a href="tel:088 344 00 00" onclick="phoneNumberToCallMobile();" class="button icon-right icon-call">088 344 00 00</a>
        </div>
    </div>

    <!-- for tablet -->
    <div class="aa-fnol-wrapper visible-tablet clearfix mr-bot50">
        <div class="header fnol-question icon-left icon-tip pos-rel">
            <div class="arrow-right pos-abs"></div>
            <div class="fnol__alert--nood pos-abs">Nood?</div>
        </div>
        <div class="fnol-phone-call"><b>Bel</b> <span class="icon-left icon-call">088 344 00 00</span>
        </div>
    </div>

    <!-- for desktop -->
    <div class="aa-fnol-wrapper visible-desktop clearfix mr-bot50">
        <div class="header fnol-question icon-left icon-tip pos-rel">
            <div class="arrow-right pos-abs"></div>
            <div class="fnol__alert--nood pos-abs">Nood?</div>
        </div>
        <div class="fnol-phone-call"><b>Bel</b> <span class="icon-left icon-call">088 344 00 00</span>
        </div>
        <div class="fnol-phone-content">24/7 bereikbaar bij diefstal, brand, letsel, grote lekkages, overstromingen of vakantiepech (binnen- en buitenland).
        </div>
    </div>

</div>

<aa-template class="aa-template--loading">



    <aa-data [data]="data" type="keyvalue" path="options">
        template.footer.pet.title = Huisdier Test; template.endpoint.generic.alert.descriptionEnd = THAT"S THE END OF DESC!; template.endpoint.generic.alert.of = THAT"S THE END OF DESC!; endpoints.END_POSSESSION_1.data.label = aansprakelijkheid; endpoints.END_POSSESSION_1.data.id
        = aansprakelijkheid;
    </aa-data>

    <fnol-page [options]="data.options">
        <aa-tabs-view theme="square-blue">

            <aa-tabs-view-item id="possession" title="Inboedel" icon="desktop-phone" description="Schade aan uw spullen">
                <fnol-category id="possession"></fnol-category>
                <h3 class="fnol-faq-titles">Veelgestelde vragen inboedel</h3>
                <!--Please place the FAQ quote([[nid:36334]]) here as explain in the release notes -->
            </aa-tabs-view-item>

            <aa-tabs-view-item id="home" title="Opstal" icon="house" description="Schade aan uw huis">
                <fnol-category id="home"></fnol-category>
                <h3 class="fnol-faq-titles">Veelgestelde vragen opstal</h3>
                <!--Please place the FAQ quote([[nid:36334]]) here as explain in the release notes -->
            </aa-tabs-view-item>

            <aa-tabs-view-item id="auto" title="Auto" icon="auto" description="Schade aan uw auto of schade veroorzaakt met uw auto">
                <fnol-category id="auto"></fnol-category>
                <h3 class="fnol-faq-titles">Veelgestelde vragen auto</h3>
                <!--Please place the FAQ quote([[nid:36334]]) here as explain in the release notes -->
            </aa-tabs-view-item>

            <aa-tabs-view-item id="liability" title="Aansprakelijkheid" icon="schadeverzekeringen" description="Schade aan spullen van een ander">
                <fnol-category id="liability"></fnol-category>
                <h3 class="fnol-faq-titles">Veelgestelde vragen aansprakelijkheid</h3>
                <!--Please place the FAQ quote([[nid:36334]]) here as explain in the release notes -->
            </aa-tabs-view-item>

            <aa-tabs-view-item id="travel" title="Reis" icon="suitcase" description="Annulering of schade tijdens uw vakantie">
                <fnol-category id="travel"></fnol-category>
                <h3 class="fnol-faq-titles">Veelgestelde vragen reis</h3>
                <!--Please place the FAQ quote([[nid:36334]]) here as explain in the release notes -->
            </aa-tabs-view-item>

        </aa-tabs-view>
    </fnol-page>
</aa-template>


<div class="fnol-page">
    <div class="row-fluid messages fnol-message-grey">
        <div class="span12">
            <div class="static-section">
                <h4 class="font_normal icon-left icon-advisor">Heeft u een adviseur?</h4>
                <p>Meldt u uw schade bij Aegon? Dan brengen wij uw adviseur op de hoogte. U kunt uw schade ook direct via uw adviseur melden.</p>
                <p class="mr-top10">De contactgegevens van uw adviseur vindt u op uw polis of op de factuur.</p>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    function phoneNumberToCallMobile() {

    	var data = {
    		page_cat_1_type: 'formulier',
    		page_cat_2_name: 'schade melden en declareren',
    		page_cat_3_section: 'particulier',
    		page_cat_4_productgroup: 'verzekeren',
    		form_name: 'schade melden en declareren',
    		product_category: ['verzekeren'],
    		event: 'contact_bellen',
    		funnelName: 'frm-schade melden en declareren',
    		newpageName: 'frm-schade melden en declareren:pm'
    	};

    	var opt = [
    		'page_cat_1_type',
    		'page_cat_2_name',
    		'page_cat_3_section',
    		'page_cat_4_productgroup',
    		'form_name',
    		'product_category',
    		'event',
    		'funnelName',
    		'newpageName'
    	];

    	if (typeof utag_data === 'object') {
    		for (var i = 0; i < opt.length; i++) {
    			if (!data.hasOwnProperty(opt[i])) {
    				if (utag_data.hasOwnProperty(opt[i]) && utag_data[opt[i]] !== "") {
    					data[opt[i]] = utag_data[opt[i]];
    				}
    			}
    		}
    	}

    	if (typeof utag === 'object' && typeof utag.view === 'function') {
    		utag.view(data);
    	} else {
    		setTimeout(function() {
    			if (typeof utag === 'object' && typeof utag.view === 'function') {
    				utag.view(data);
    			}
    		}, 1600);
    	}
    }
</script>
Bezig met laden...
<aa-template>
    <aegon-quickquote-aov>
        <div class="loading">Bezig met laden...</div>
    </aegon-quickquote-aov>
</aa-template>

<textarea id="XXXquickQuoteAovTemplate" style="display: none;">
    Put Angular 2 template code here and remove XXX from id above to let component use this template. Example code can be found in the component TypeScript code.
</textarea>

Sparen of beleggen: wat levert meer op?

Vul een bedrag in tussen de €0,- en €5000,-
Vul een bedrag in tussen de €0,- en €250,-
Vul een doorlooptijd in tussen de 10 en 30 jaar.
Verwacht resultaat beleggen*
€ 0
Resultaat uit sparen
(0%)
€ 0
Totale inleg
€ 0
* Gebaseerd op een gemiddeld rendement van 0% per jaar
<div class="quickquote lijfrente sparen beleggen" id="qqBeleggen" data-interestSavings="1" data-interestInvest="4">
    <div class="triangle"></div>
    <div class="calculation">
        <h3>Sparen of beleggen: wat levert meer op?</h3>
        <div class="one-off slider">
            <div class="input-header">
                <label for="one-off-input">Eerste eenmalige inleg</label>

                <div class="input-container">
                    <input type="text" id="one-off-input">
                </div>
                <span class="help" title="Vul een bedrag in tussen de &euro;0,- en &euro;5000,-"></span>
            </div>
            <div class="slider-container">
                <div id="one-off-slider" class="noUi-extended" data-value="0" data-min="0" data-max="5000" data-quarter="1250" data-half="2500" data-three-quarter="3750"></div>
                <span id="one-off-error" class="errorMessage">Vul een bedrag in tussen de &euro;0,- en &euro;5000,-</span>
            </div>
        </div>
        <div class="periodic slider">
            <div class="input-header">
                <label for="periodic-input">Periodieke inleg per maand</label>
                <div class="input-container">
                    <input type="text" id="periodic-input">
                </div>
                <span class="help" title="Vul een bedrag in tussen de &euro;0,- en &euro;250,-"></span>
            </div>
            <div class="slider-container">
                <div id="periodic-slider" class="noUi-extended" data-value="50" data-min="10" data-max="250" data-quarter="37" data-half="75" data-three-quarter="125"></div>
                <span id="periodic-error" class="errorMessage">Vul een bedrag in tussen de &euro;0,- en &euro;250,-</span>
            </div>
        </div>

        <div class="duration slider">
            <div class="input-header">
                <label for="duration-input">Toon verwacht resultaat na</label>

                <div class="input-container">
                    <input type="text" id="duration-input">
                </div>
                <span class="help" title="Vul een doorlooptijd in tussen de 10 en 30 jaar."></span>
            </div>
            <div class="slider-container">
                <div id="duration-slider" class="noUi-extended" data-value="10" data-min="10" data-max="30" data-quarter="15" data-half="20" data-three-quarter="25"></div>
                <span id="duration-error" class="errorMessage">Vul een doorlooptijd in tussen de 10 en 30 jaar.</span>
            </div>
        </div>
    </div>
    <div class="result">
        <div class="payment-result">
            <div class="result3 expected-result">
                <div class="title">Verwacht resultaat beleggen*</div>
                <div id="investment-calculated" class="calculated"> &euro; 0</div>
            </div>
            <div class="result2">
                <div class="title">Resultaat uit sparen
                    <div>(<span id="interestSavings">0</span>%)</div>
                </div>
                <div id="savings-calculated" class="calculated"> &euro; 0</div>
            </div>
            <div class="result1">
                <div class="title">Totale inleg</div>
                <div id="inlay-calculated" class="calculated"> &euro; 0</div>
            </div>
        </div>
        <a href="#" class="result-button">
            <button class="button orange-gradient icon-right arrow">Direct regelen</button>
        </a>
        <div class="footer-result">
            <a class="conversate" href="">Gratis orientatiegesprek aanvragen</a>
        </div>
    </div>
</div>
<div class="disclaimer">* Gebaseerd op een gemiddeld rendement van <span id="interestInvest">0</span>% per jaar </div>
Bezig met laden...
<aa-template>
    <aegon-quickquote-boeterente>
        <div class="loading">Bezig met laden...</div>
    </aegon-quickquote-boeterente>
</aa-template>

<textarea id="XXXquickQuoteBoeterenteTemplate" style="display: none;">
    Put Angular 2 template code here and remove XXX from id above to let component use this template. Example code can be found in the component TypeScript code.
</textarea>
Bezig met laden...
<aa-template>
    <aegon-quickquote-dip>
        <div class="loading">Bezig met laden...</div>
    </aegon-quickquote-dip>
</aa-template>

<textarea id="XXXquickQuoteDipTemplate" style="display: none;">
    Put Angular 2 template code here and remove XXX from id above to let component use this template. Example code can be found in the component TypeScript code.
</textarea>
Bezig met laden...
<!--
  Deprecated component, please check the newer <aa-qq-mortgage>
-->

<aa-template>
    <aegon-quickquote-mortgage>
        <div class="loading">Bezig met laden...</div>
    </aegon-quickquote-mortgage>
</aa-template>

<textarea id="XXXquickQuoteMortgageTemplate" style="display: none;">
    Put Angular 2 template code here and remove XXX from id above to let component use this template. Example code can be found in the component TypeScript code.
</textarea>