30 aug – SIGE

Add New Row

Edit Element Clone Element Advanced Element Options Move Remove Element

[images style="0" image="https%3A%2F%2Fsige.webinar-curacao.com%2Fwp-content%2Fuploads%2F2017%2F08%2FSIGElogo-banner.png" width="909" align="center" top_margin="0" full_width="Y"]

Add Element

Add New Row

Edit Element Clone Element Advanced Element Options Move Remove Element

Webinar: “Mogelijkheden Praktijkonderwijs”

[headline style="1" font_size="30" font_font="Asap" font_style="bold" font_color="%23ffffff" font_shadow="dark" align="center"]Webinar: “Mogelijkheden Praktijkonderwijs”[/headline]

Edit Element Clone Element Advanced Element Options Move Remove Element

        <div id="countdown_396" class="vibe_countdown">
            <div class="clock">
                <div class="vibe_countdown_item days">
                    <div class="digit tenday">
                        <span class="base"></span>
                        <div class="flap over front"></div>
                        <div class="flap over back"></div>
                        <div class="flap under"></div>
                    </div>
                    <div class="digit day">
                        <span class="base"></span>
                        <div class="flap over front"></div>
                        <div class="flap over back"></div>
                        <div class="flap under"></div>
                    </div>
                    <span class="countdown_label">Days</span>
                </div>
                <div class="vibe_countdown_item hours">
                    <div class="digit tenhour">
                        <span class="base"></span>
                        <div class="flap over front"></div>
                        <div class="flap over back"></div>
                        <div class="flap under"></div>
                    </div>

                    <div class="digit hour">
                        <span class="base"></span>
                        <div class="flap over front"></div>
                        <div class="flap over back"></div>
                        <div class="flap under"></div>
                    </div>
                    <span class="countdown_label">Hours</span>
                </div>
                <div class="vibe_countdown_item minutes">
                    <div class="digit tenmin">
                        <span class="base"></span>
                        <div class="flap over front"></div>
                        <div class="flap over back"></div>
                        <div class="flap under"></div>
                    </div>

                    <div class="digit min">
                        <span class="base"></span>
                        <div class="flap over front"></div>
                        <div class="flap over back"></div>
                        <div class="flap under"></div>
                    </div>
                    <span class="countdown_label">Minutes</span>
                </div>
                <div class="vibe_countdown_item seconds">
                    <div class="digit tensec">
                        <span class="base"></span>
                        <div class="flap over front"></div>
                        <div class="flap over back"></div>
                        <div class="flap under"></div>
                    </div>
                    <div class="digit sec">
                        <span class="base"></span>
                        <div class="flap over front"></div>
                        <div class="flap over back"></div>
                        <div class="flap under"></div>
                    </div>
                    <span class="countdown_label">Seconds</span>
                </div>
            </div>
        </div>
        <script>
        jQuery(document).ready(function($){

                var vibetimer396={
                        'days':0,
                        'hours':0,
                        'minutes':0,
                        'seconds':0                    };

                function getupdatedtimer396(){
                    vibetimer396.seconds = vibetimer396.seconds - 1;

                    if(vibetimer396.seconds < 0){
                        vibetimer396.minutes = vibetimer396.minutes - 1;
                        vibetimer396.seconds = 59;
                    }
                    if(vibetimer396.minutes < 0){
                        vibetimer396.hours = vibetimer396.hours - 1;
                        vibetimer396.minutes = 59;
                    }
                    if(vibetimer396.hours < 0){
                        vibetimer396.days = vibetimer396.days - 1;
                        vibetimer396.hours = 23;
                    }
                    if(vibetimer396.days < 0){
                        vibetimer396.days = vibetimer396.seconds = vibetimer396.minutes = vibetimer396.hours = 0;
                    }
                }

                function flipTo396(digit, n){
                    var current = digit.attr('data-num');
                    digit.attr('data-num', n);
                    digit.find('.front').attr('data-content', current);
                    digit.find('.back, .under').attr('data-content', n);
                    digit.find('.flap').css('display', 'block');
                    setTimeout(function(){
                        digit.find('.base').text(n);
                        digit.find('.flap').css('display', 'none');
                    }, 350);
                }

                function jumpTo396(digit, n){
                    digit.attr('data-num', n);
                    digit.find('.base').text(n);
                }

                function updateGroup396(group, n, flip){
                    var digit1 = $('#countdown_396 .ten'+group);
                    var digit2 = $('#countdown_396 .'+group);
                    n = String(n);
                    if(n.length == 1) n = '0'+n;
                    var num1 = n.substr(0, 1);
                    var num2 = n.substr(1, 1);
                    if(digit1.attr('data-num') != num1){
                        if(flip) flipTo396(digit1, num1);
                        else jumpTo396(digit1, num1);
                    }
                    if(digit2.attr('data-num') != num2){
                        if(flip) flipTo396(digit2, num2);
                        else jumpTo396(digit2, num2);
                    }
                }

                function setTime396(flip){
                    getupdatedtimer396();

                    updateGroup396('day', vibetimer396.days, flip);
                    updateGroup396('hour', vibetimer396.hours, flip);
                    updateGroup396('min', vibetimer396.minutes, flip);
                    updateGroup396('sec', vibetimer396.seconds, flip);
                    if(vibetimer396.days == 0 && vibetimer396.hours == 0 && vibetimer396.minutes == 0 && vibetimer396.seconds == 0){
                        clearInterval(timer_396);
                                            }
                }

                setTime396(false);
                var timer_396 = setInterval(function(){
                    setTime396(true);
                }, 1000);

            });
            
        </script>
        <style>
        .digit {
          position: relative;
          float: left;
          width: 2rem;
          height: 3rem;
          background-color: #14e20d;
          color: #ffffff;
          border-radius: 0.2rem;
          text-align: center;margin-right:5px;
          font-size: 2.2rem;
        }
        .digit::after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; display: block; background: rgba(0,0,0,0.2); z-index: 99; }
        .digit::before { content: ''; position: absolute; left: 0; top: 1px; width: 100%; height: 50%; display: block; border-radius: 0.4rem; background: rgba(0,0,0,0.03); }
        .base {
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
        }

        .flap {
          display: none;
          position: absolute;
          width: 100%;
          height: 50%;
          background-color: #14e20d;
          color: #ffffff;
          left: 0;
          top: 0;
          border-radius: 0.2rem 0.2rem 0 0;
          -webkit-transform-origin: 50% 100%;
                  transform-origin: 50% 100%;
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden;
          overflow: hidden;
        }
        .flap::before {
          content: attr(data-content);
          position: absolute;
          left: 50%;
        }
        .flap.front::before, .flap.under::before {
          top: 100%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
        }
        .flap.back {
          -webkit-transform: rotateY(180deg);
                  transform: rotateY(180deg);
        }
        .flap.back::before {
          top: 100%;
          -webkit-transform: translate(-50%, -50%) rotateZ(180deg);
                  transform: translate(-50%, -50%) rotateZ(180deg);
        }
        .flap.over {
          z-index: 2;
        }
        .flap.under {
          z-index: 1;
        }
        .flap.front {
          -webkit-animation: flip-down-front 300ms ease-in both;
                  animation: flip-down-front 300ms ease-in both;
        }
        .flap.back {
          -webkit-animation: flip-down-back 300ms ease-in both;
                  animation: flip-down-back 300ms ease-in both;
        }
        .flap.under {
          -webkit-animation: fade-under 300ms ease-in both;
                  animation: fade-under 300ms ease-in both;
        }

        @-webkit-keyframes flip-down-front {
          0% {
            -webkit-transform: rotateX(0deg);
                    transform: rotateX(0deg);
            background-color: #14e20d;
            color: #ffffff;
          }
          100% {
            -webkit-transform: rotateX(-180deg);
                    transform: rotateX(-180deg);
            background-color: #14e20d;
            color: #ffffff;
            opacity:0.4;
          }
        }

        @keyframes flip-down-front {
          0% {
            -webkit-transform: rotateX(0deg);
                    transform: rotateX(0deg);
            background-color: #14e20d;
            color: #ffffff;
          }
          100% {
            -webkit-transform: rotateX(-180deg);
                    transform: rotateX(-180deg);
            background-color: #14e20d;
            color: #ffffff;
            opacity:0.4;
          }
        }
        @-webkit-keyframes flip-down-back {
          0% {
            -webkit-transform: rotateY(180deg) rotateX(0deg);
                    transform: rotateY(180deg) rotateX(0deg);
            background-color: #14e20d;
            color: #ffffff;
            opacity:0.4;
          }
          100% {
            -webkit-transform: rotateY(180deg) rotateX(180deg);
                    transform: rotateY(180deg) rotateX(180deg);
            background-color: #14e20d;
            color: #ffffff;
          }
        }
        @keyframes flip-down-back {
          0% {
            -webkit-transform: rotateY(180deg) rotateX(0deg);
                    transform: rotateY(180deg) rotateX(0deg);
            background-color: #14e20d;
            color: #ffffff;
            opacity:0.4;
          }
          100% {
            -webkit-transform: rotateY(180deg) rotateX(180deg);
                    transform: rotateY(180deg) rotateX(180deg);
            background-color: #14e20d;
            color: #ffffff;
          }
        }
        @-webkit-keyframes fade-under {
          0% {
            background-color: #14e20d;
            color: #ffffff;
          }
          100% {
            background-color: #14e20d;
            color: #ffffff;
          }
        }
        @keyframes fade-under {
          0% {
            background-color: #14e20d;
            color: #ffffff;
          }
          100% {
            background-color: #14e20d;
            color: #ffffff;
          }
        }
        .vibe_countdown{position:relative;
            width:100%;text-align:center;margin: 2rem 0;}
        .clock {
          -webkit-perspective: 100vw;
                  perspective: 100vw;
          -webkit-perspective-origin: 50% 50%;
                  perspective-origin: 50% 50%;
        }
        
        .clock .vibe_countdown_item {
          margin-right: 1rem;
          display:inline-block;position:relative;
        }
        .vibe_countdown_item .countdown_label {
            position:absolute;
            bottom:-2rem;
                        font-size:1rem;
            text-transform:uppercase;
            color:#14e20d;font-weight:600;
            left:0;width:100%;
        }
        .clock .vibe_countdown_item:last-child {
          margin-right: 0;
        }

        </style>

Add Element

Add New Row

Add Element

Edit Element Clone Element Advanced Element Options Move Remove Element

Aug

[calendar_date style="1" month="Aug" calendar_bar_color="%23ff0000" day="30"]

Add Element

Edit Element Clone Element Advanced Element Options Move Remove Element

[text_block style=”style_1.png” align=”left” font_size=”21″ font_color=”%23ffffff” width=”220″]Woe, 30 Augustus 2017
2:00 – 2:30 uur[/text_block]

[text_block style="style_1.png" align="left" font_size="21" font_color="%23ffffff" width="220"]<strong>Woe, 30 Augustus 2017<br />
</strong>2:00 – 2:30 uur[/text_block]

Add Element

Edit Element Clone Element Advanced Element Options Move Remove Element

[text_block style=”style_1.png” align=”left” font_size=”16″ font_style=”normal” font_color=”%23ffffff” width=”460″]

Registreer Nu !
(Klik voor het registratie formulier):

[/text_block]

[text_block style="style_1.png" align="left" font_size="16" font_style="normal" font_color="%23ffffff" width="460"]<p style="text-align: center;"><strong>Registreer Nu !</strong><br />
(Klik voor het registratie formulier):</p>[/text_block]

Edit Element Clone Element Advanced Element Options Move Remove Element

[custom_html]

[/custom_html]

[custom_html]<link href="//events.genndi.com/assets/css/register_button.css" rel="stylesheet"/><div style="margin:auto;width:300px;"><div class="embedded-joinwebinar-button"><button type="button" class="btn btn-default css3button" title="regpopbox_169105139238463608_a81fb0b9c4"><span>REGISTRATIE</span></button></div></div><script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js" language="javascript" type="text/javascript"></script><script src="//events.genndi.com/register.box.js" language="javascript" type="text/javascript"></script><img src="//events.genndi.com/tracker?action=registration&webicode=a81fb0b9c4&memberid=169105139238463608" style="visibility:hidden; height:0px; width:0px; border:none;"/>[/custom_html]

Add Element

Add New Row

Edit Element Clone Element Advanced Element Options Move Remove Element

ONDERWERPEN TIJDENS DIT SIGE WEBINAR:

[headline style="1" font_size="35" align="left" line_height="35"]<div data-lb="editable-rich-text" data-lb-id="main-headline" data-lb-name="Main Headline Text">ONDERWERPEN TIJDENS DIT <span style="color: #1a9ee0;"><b>SIGE WEBINAR</b></span>:</div>[/headline]

Edit Element Clone Element Advanced Element Options Move Remove Element

1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
2

Ut a ligula vitae ante vulputate consectetur quis eu urna.

[step_graphics style="3" color="#1a9ee0"][step style="3" text="1" headline="Lorem ipsum dolor sit amet, consectetur adipiscing elit." information="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum fermentum mauris, in bibendum magna ultrices sed. </p><br />
"][/step][step style="3" text="2" headline="Ut a ligula vitae ante vulputate consectetur quis eu urna." information="<p>Aenean tempor sem ut viverra scelerisque. Aenean vehicula bibendum mauris, vel pellentesque nisl varius quis.</p><br />
"][/step][/step_graphics]

Add Element

Edit Element Clone Element Advanced Element Options Move Remove Element

[images style="5" image="https%3A%2F%2Fsige.webinar-curacao.com%2Fwp-content%2Fuploads%2F2017%2F08%2Fluuk.jpg" width="200" align="center" top_margin="0" bottom_margin="0" full_width="Y"]

Edit Element Clone Element Advanced Element Options Move Remove Element

[text_block style=”style_1.png” align=”left” font_size=”25″ font_font=”Shadows%20Into%20Light” bottom_margin=”0″ width=”220″]

Luuk Oosting

[/text_block]

[text_block style="style_1.png" align="left" font_size="25" font_font="Shadows%20Into%20Light" bottom_margin="0" width="220"]<p style="text-align: center;">Luuk Oosting</p>[/text_block]

Add Element

Edit Element Clone Element Advanced Element Options Move Remove Element

[images style="5" image="https%3A%2F%2Fsige.webinar-curacao.com%2Fwp-content%2Fuploads%2F2017%2F08%2Fron.jpg" width="337" align="center" top_margin="0" bottom_margin="0" full_width="Y"]

Edit Element Clone Element Advanced Element Options Move Remove Element

[text_block style=”style_1.png” align=”left” font_size=”24″ font_font=”Shadows%20Into%20Light” bottom_margin=”0″ width=”220″]

Ron Duchatteau

[/text_block]

[text_block style="style_1.png" align="left" font_size="24" font_font="Shadows%20Into%20Light" bottom_margin="0" width="220"]<p style="text-align: center;">Ron Duchatteau</p>[/text_block]

Add Element

Edit Element Clone Element Advanced Element Options Move Remove Element

— SPACER —

[vertical_spacing height="30"]

Add Element

Add New Row

Edit Element Clone Element Advanced Element Options Move Remove Element

Belangrijk: Dit webinar is een test in het kader van van een SIGE Webinarreeks! Om de webinar te volgen hoeft u geen software te downloaden. U kunt de webinar volgen via computer, laptop, tablet of smartphone.

[headline style="1" font_size="20" font_color="%23ffffff" align="center"]Belangrijk:  Dit webinar is een test in het kader van van een SIGE Webinarreeks! Om de webinar te volgen hoeft u geen software te downloaden. U kunt de webinar volgen via computer, laptop, tablet of smartphone.[/headline]

Add Element

Add New Row

Edit Element Clone Element Advanced Element Options Move Remove Element

Via de email ontvangt u additionele informatie over de SIGE Webinars!

[headline style="1" font_size="25" font_style="normal" align="center" bottom_margin="20"]<strong>Via de email ontvangt u additionele informatie over de SIGE Webinars!</strong>[/headline]

Edit Element Clone Element Advanced Element Options Move Remove Element

Registreer hier voor de webinar

[button_1 text="Registreer%20hier%20voor%20de%20webinar" text_size="28" text_color="#ffffff" text_font="Asap;google" text_bold="Y" text_letter_spacing="-1" subtext_panel="N" text_shadow_panel="Y" text_shadow_vertical="-1" text_shadow_horizontal="0" text_shadow_color="#000000" text_shadow_blur="0" styling_width="100" styling_height="20" styling_border_color="#1b89c0" styling_border_size="1" styling_border_radius="6" styling_border_opacity="100" styling_gradient="Y" styling_gradient_start_color="#1a9ee0" drop_shadow_panel="Y" drop_shadow_vertical="1" drop_shadow_horizontal="0" drop_shadow_blur="1" drop_shadow_spread="0" drop_shadow_color="#000000" drop_shadow_opacity="50" inset_shadow_panel="Y" inset_shadow_vertical="0" inset_shadow_horizontal="0" inset_shadow_blur="0" inset_shadow_spread="1" inset_shadow_color="#ffffff" inset_shadow_opacity="25" align="center"/]

Add Element