<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>WebExpo 2021 Conference</title>

        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="robots" content="all">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <meta name="generator" content="BargencyCMS">

        <meta property="fb:app_id" content="147349168639347">
        <meta property="og:title" content="WebExpo 2021 Conference">
        <meta property="og:url" content="https://www.webexpo.net/prague2021">
        <meta property="og:description" content="">
        
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:site" content="@webexpo">
        <meta name="twitter:creator" content="@webexpo">

            <meta property="og:image" content="https://www.webexpo.net/front-prague2020/img/og-sharepic-new.png">
            <meta property="og:image:width" content="1200">
            <meta property="og:image:height" content="630">
            <meta name="twitter:image" content="https://www.webexpo.net/front-prague2020/img/og-sharepic-new.png">

        <link rel="shortcut icon" href="/favicon.ico" type="image/png">
        <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
        <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
        <link rel="manifest" href="/manifest.json">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
        <meta name="theme-color" content="#ffffff">
	   <base href="/">
        
        <link href="/front-prague2020/font/markpro.css" rel="stylesheet">
        <link rel="stylesheet" href="https://cdn.plyr.io/3.5.2/plyr.css">
        <link href="https://fonts.googleapis.com/css?family=Vollkorn:400,400i,600,600i,700,700i,900,900i&amp;subset=latin-ext" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Work+Sans:400,700,900" rel="stylesheet">
        <link href="/front-prague2020/lib/featherlight-1.7.13/featherlight.min.css" type="text/css" rel="stylesheet">
        <link href="/front-prague2020/lib/owlcarousel2-2.3.4/dist/assets/owl.carousel.min.css" type="text/css" rel="stylesheet">
        <link href="/front-prague2020/lib/owlcarousel2-2.3.4/dist/assets/owl.theme.default.min.css" type="text/css" rel="stylesheet">
        
        <link rel="stylesheet" href="/front-prague2020/css/main.css?v=2021090506">
        
        <script src="/front-prague2020/js/lib/jquery-3.2.1.min.js"></script>
        <script src="/js/nette.ajax.js"></script>
        <script src="/front-prague2020/lib/featherlight-1.7.13/featherlight.min.js"></script>
        <script src="/front-prague2020/js/lib/tilt.jquery.js"></script>
        <script src="/front-prague2020/lib/owlcarousel2-2.3.4/dist/owl.carousel.min.js"></script>
        <script src="/front-prague2020/js/main.js?v=6525"></script>
        <script>
        $(function () {
            $.nette.init();
            $.nette.ext('reattachListeners', {
                success: function () {
                    WE();
                },
            });
        });
        
        </script>
        
        <script>(function(w,d,s,l,i){ w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MN9MHXN');</script>

    </head>
    <body class="en page-default module-prague2020 no-js no-init bc-text tc-secondary fs-text lh-text ff-work p-r">
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MN9MHXN"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


<div class="covid-bar">
  <a href="https://www.webexpo.net/prague2021/covid-19">Important Covid-19 Update, please read!</a>
</div>

<style>
  .covid-bar {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    z-index: 100;
    background: red;
    padding: 5px 50px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
  }
  .covid-bar a {
    display: block;
    color: #fff;
  }
  #header, #login-form {
    margin-top: 30px;
  }
  
</style>

    <header id="header">
            <div id="logo" class="f-l m-l-50 m-t-5">
                <a href="/prague2021">
                    <svg width="30px" height="30px" viewBox="0 0 30 30">
                        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <g id="Desktop-Recnici" transform="translate(-57.000000, -53.000000)" fill="#FFFFF9">
                                <g id="Group-Copy-6" transform="translate(57.000000, 53.000000)">
                                    <polygon id="Shape" points="0.9375 27.04401 13.9574781 29.8951342 13.9574781 16.875"></polygon>
                                    <polygon id="Shape" points="13.9574781 0 0.9375 2.85112429 13.9574781 13.0201342"></polygon>
                                    <polygon id="Shape" points="16.875 14.85651 29.7948245 25.0255199 29.7948245 4.6875"></polygon>
                                    <polygon id="Shape" points="15.9375 13.0201342 28.8573245 2.85112429 15.9375 0"></polygon>
                                    <polygon id="Shape" points="15.9375 16.875 15.9375 29.8951342 28.8573245 27.04401"></polygon>
                                    <polygon id="Shape" points="13.0199781 14.85651 0 4.6875 0 25.0255199"></polygon>
                                </g>
                            </g>
                        </g>
                    </svg>
                </a>
            </div>
            
            <div class="ta-c fs-14 main-navigation">
                <ul class="fs-14 lh-37 m-t-5">
                    <li ><a href="/prague2021/speakers" onclick="dataLayer.push({
                        'event': 'ga.event',
                        'eventCategory': 'Click - Speakers | C2A',
                        'eventAction': &quot;https:\/\/www.webexpo.net\/prague2021&quot;,
                        'eventLabel': 'SPEAKERS|2',
                        'eventValue': undefined,
                        'eventNonInteraction': 'true',
                        'eventCallback':function(){  },'eventTimeout': 300 });">speakers</a></li>
                    <li><a href="/prague2021/program">program</a></li>
                    <li><a href="/prague2021/workshops">workshops</a></li> 
                    <li><a href="/prague2021/venue">venue & parties</a></li>
                    <li><a href="/prague2021/faq">faq</a></li>
                    <li><a href="https://slideslive.com/webexpo">videos</a></li>
                </ul>
            </div>
            <div id="top-buttons" class="f-r m-r-50 fs-14">
                
                <a href="#" class="toggle-login tc-active h-m"><span class="login-open">login</span><svg class="login-close" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="17px" viewBox="0 0 18 17" version="1.1">
                    <g id="WebExpo-2019" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square">
                        <g id="Login-form" transform="translate(-1368.000000, -59.000000)" fill-rule="nonzero" stroke="#FFFFFF">
                            <g id="Group-6" transform="translate(1369.000000, 59.000000)">
                                <path d="M16,0.0693260801 L0,16.0693261" id="Line-15"></path>
                                <path d="M16,0.0693260801 L0,16.0693261" id="Line-15" transform="translate(8.000000, 8.500000) scale(-1, 1) translate(-8.000000, -8.500000) "></path>
                            </g>
                        </g>
                    </g>
                </svg></a>

 

            </div>
    </header>
    
    <a href="#" class="toggle-menu mobile-menu-link">
                <svg id="ham" width="40px" height="58px" viewBox="0 0 30 58" version="1.1" class="ham ham-closed">
    <g id="WebExpo-2019" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M-Menu" transform="translate(-265.000000, -26.000000)" fill="#fff" fill-rule="nonzero">
            <g id="Group-Copy" transform="translate(265.000000, 26.000000)">
                <g id="Group-5">
                    <path d="M1.33333333,15.1590909 L28.6666667,15.1590909 L28.6666667,14.8295455 C28.6666667,7.36742537 22.5478916,1.31818182 15,1.31818182 C7.45210842,1.31818182 1.33333333,7.36742537 1.33333333,14.8295455 L1.33333333,15.1590909 Z M15,0 C23.2842712,-1.5045028e-15 30,6.63941365 30,14.8295455 L30,16.4772727 L0,16.4772727 L0,14.8295455 C-1.01453063e-15,6.63941365 6.71572875,1.5045028e-15 15,0 Z" id="Rectangle-Copy-4"></path>
                    <path d="M5.33333333,55.9318182 L24.6666667,55.9318182 C26.4821218,55.9318182 28.1469735,54.0039022 28.565786,51.3181818 L10.4375042,51.3181818 C10.3608126,51.4288584 10.2645116,51.5838684 10.1220385,51.8230757 C9.80478908,52.3557265 9.70874481,52.5092593 9.52625235,52.7462403 C9.10909299,53.2879548 8.6687205,53.626629 7.97288924,53.626629 C7.25325526,53.626629 6.84638497,53.2800906 6.43798776,52.7065536 C6.342052,52.5718252 6.24886962,52.424664 6.14157751,52.2431668 C6.10224402,52.1766296 6.06229704,52.1077058 6.01166553,52.0193665 C5.94920794,51.9101407 5.94920794,51.9101407 5.88896943,51.8049146 C5.76178461,51.5833867 5.66833781,51.4293112 5.59263449,51.3181818 L1.43421405,51.3181818 C1.85302646,54.0039022 3.51787824,55.9318182 5.33333333,55.9318182 Z M24.6666667,57.25 L5.33333333,57.25 C2.38781467,57.25 0,54.0040644 0,50 L5.98700795,50 C6.73899797,50 7.40379324,52.3084472 7.97288924,52.3084472 C8.61974437,52.3084472 9.30507945,50 10.037399,50 L30,50 C30,54.0040644 27.6121853,57.25 24.6666667,57.25 Z" id="Rectangle-Copy-5"></path>
                    <ellipse id="Sezam" cx="5.66666667" cy="9.55681818" rx="1" ry="1"></ellipse>
                    <ellipse id="Sezam" cx="8.33333333" cy="11.5340909" rx="1" ry="1"></ellipse>
                    <ellipse id="Sezam" cx="8.33333333" cy="8.23863636" rx="1" ry="1"></ellipse>
                    <ellipse id="Sezam" cx="23.6666667" cy="10.2159091" rx="1" ry="1"></ellipse>
                </g>
                <path d="M2.00474467,32.3456538 C1.63655484,32.3456538 1.338078,32.6407388 1.338078,33.0047447 C1.338078,33.3687505 1.63655484,33.6638356 2.00474467,33.6638356 L28.0047447,33.6638356 C28.3729345,33.6638356 28.6714113,33.3687505 28.6714113,33.0047447 C28.6714113,32.6407388 28.3729345,32.3456538 28.0047447,32.3456538 L2.00474467,32.3456538 Z M2.00474467,31.0274719 L28.0047447,31.0274719 C29.1093142,31.0274719 30.0047447,31.9127271 30.0047447,33.0047447 C30.0047447,34.0967622 29.1093142,34.9820174 28.0047447,34.9820174 L2.00474467,34.9820174 C0.900175172,34.9820174 0.00474467151,34.0967622 0.00474467151,33.0047447 C0.00474467151,31.9127271 0.900175172,31.0274719 2.00474467,31.0274719 Z" id="Rectangle1" transform="translate(15.004745, 33.004745) rotate(45.000000) translate(-15.004745, -33.004745) "></path>
                <path d="M2.00474467,32.3456538 C1.63655484,32.3456538 1.338078,32.6407388 1.338078,33.0047447 C1.338078,33.3687505 1.63655484,33.6638356 2.00474467,33.6638356 L28.0047447,33.6638356 C28.3729345,33.6638356 28.6714113,33.3687505 28.6714113,33.0047447 C28.6714113,32.6407388 28.3729345,32.3456538 28.0047447,32.3456538 L2.00474467,32.3456538 Z M2.00474467,31.0274719 L28.0047447,31.0274719 C29.1093142,31.0274719 30.0047447,31.9127271 30.0047447,33.0047447 C30.0047447,34.0967622 29.1093142,34.9820174 28.0047447,34.9820174 L2.00474467,34.9820174 C0.900175172,34.9820174 0.00474467151,34.0967622 0.00474467151,33.0047447 C0.00474467151,31.9127271 0.900175172,31.0274719 2.00474467,31.0274719 Z" id="Rectangle2" transform="translate(15.004745, 33.004745) rotate(-45.000000) translate(-15.004745, -33.004745) "></path>
            </g>
        </g>
    </g>
</svg>
            </a>
    
    
    <div id="scroll-menu" class="bc-text">
        <div id="logo" class="f-l m-l-50 m-t-5">
                <a href="/prague2021">
                    <svg width="30px" height="30px" viewBox="0 0 30 30">
                        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <g id="Desktop-Recnici" transform="translate(-57.000000, -53.000000)" fill="#FFFFF9">
                                <g id="Group-Copy-6" transform="translate(57.000000, 53.000000)">
                                    <polygon id="Shape" points="0.9375 27.04401 13.9574781 29.8951342 13.9574781 16.875"></polygon>
                                    <polygon id="Shape" points="13.9574781 0 0.9375 2.85112429 13.9574781 13.0201342"></polygon>
                                    <polygon id="Shape" points="16.875 14.85651 29.7948245 25.0255199 29.7948245 4.6875"></polygon>
                                    <polygon id="Shape" points="15.9375 13.0201342 28.8573245 2.85112429 15.9375 0"></polygon>
                                    <polygon id="Shape" points="15.9375 16.875 15.9375 29.8951342 28.8573245 27.04401"></polygon>
                                    <polygon id="Shape" points="13.0199781 14.85651 0 4.6875 0 25.0255199"></polygon>
                                </g>
                            </g>
                        </g>
                    </svg>
                </a>
            </div>
            
            <div class="ta-c fs-14 main-navigation">
                <ul class="fs-14 lh-37 m-t-6">
                    <li ><a href="/prague2021/speakers" onclick="dataLayer.push({
                        'event': 'ga.event',
                        'eventCategory': 'Click - Speakers | C2A',
                        'eventAction': &quot;https:\/\/www.webexpo.net\/prague2021&quot;,
                        'eventLabel': 'SPEAKERS|2',
                        'eventValue': undefined,
                        'eventNonInteraction': 'true',
                        'eventCallback':function(){  },'eventTimeout': 300 });">speakers</a></li>
                    <li><a href="/prague2021/program">program</a></li>
                    <li><a href="/prague2021/workshops">workshops</a></li> 
                    <li><a href="/prague2021/venue">venue & parties</a></li>
                    <li><a href="/prague2021/faq">faq</a></li>
                    <li><a href="https://slideslive.com/webexpo">videos</a></li>
                     
                </ul>
            </div>
            <div id="top-buttons" class="f-r m-r-50 fs-14">
                <a href="#" class="toggle-login tc-active h-m"><span class="login-open">login</span><svg class="login-close" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="17px" viewBox="0 0 18 17" version="1.1">
                    <g id="WebExpo-2019" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square">
                        <g id="Login-form" transform="translate(-1368.000000, -59.000000)" fill-rule="nonzero" stroke="#FFFFFF">
                            <g id="Group-6" transform="translate(1369.000000, 59.000000)">
                                <path d="M16,0.0693260801 L0,16.0693261" id="Line-15"></path>
                                <path d="M16,0.0693260801 L0,16.0693261" id="Line-15" transform="translate(8.000000, 8.500000) scale(-1, 1) translate(-8.000000, -8.500000) "></path>
                            </g>
                        </g>
                    </g>
                </svg></a>

            </div>
            <a href="#" class="toggle-menu mobile-menu-link">
                <svg id="ham" width="40px" height="58px" viewBox="0 0 30 58" version="1.1" class="ham ham-closed">
    <g id="WebExpo-2019" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M-Menu" transform="translate(-265.000000, -26.000000)" fill="#fff" fill-rule="nonzero">
            <g id="Group-Copy" transform="translate(265.000000, 26.000000)">
                <g id="Group-5">
                    <path d="M1.33333333,15.1590909 L28.6666667,15.1590909 L28.6666667,14.8295455 C28.6666667,7.36742537 22.5478916,1.31818182 15,1.31818182 C7.45210842,1.31818182 1.33333333,7.36742537 1.33333333,14.8295455 L1.33333333,15.1590909 Z M15,0 C23.2842712,-1.5045028e-15 30,6.63941365 30,14.8295455 L30,16.4772727 L0,16.4772727 L0,14.8295455 C-1.01453063e-15,6.63941365 6.71572875,1.5045028e-15 15,0 Z" id="Rectangle-Copy-4"></path>
                    <path d="M5.33333333,55.9318182 L24.6666667,55.9318182 C26.4821218,55.9318182 28.1469735,54.0039022 28.565786,51.3181818 L10.4375042,51.3181818 C10.3608126,51.4288584 10.2645116,51.5838684 10.1220385,51.8230757 C9.80478908,52.3557265 9.70874481,52.5092593 9.52625235,52.7462403 C9.10909299,53.2879548 8.6687205,53.626629 7.97288924,53.626629 C7.25325526,53.626629 6.84638497,53.2800906 6.43798776,52.7065536 C6.342052,52.5718252 6.24886962,52.424664 6.14157751,52.2431668 C6.10224402,52.1766296 6.06229704,52.1077058 6.01166553,52.0193665 C5.94920794,51.9101407 5.94920794,51.9101407 5.88896943,51.8049146 C5.76178461,51.5833867 5.66833781,51.4293112 5.59263449,51.3181818 L1.43421405,51.3181818 C1.85302646,54.0039022 3.51787824,55.9318182 5.33333333,55.9318182 Z M24.6666667,57.25 L5.33333333,57.25 C2.38781467,57.25 0,54.0040644 0,50 L5.98700795,50 C6.73899797,50 7.40379324,52.3084472 7.97288924,52.3084472 C8.61974437,52.3084472 9.30507945,50 10.037399,50 L30,50 C30,54.0040644 27.6121853,57.25 24.6666667,57.25 Z" id="Rectangle-Copy-5"></path>
                    <ellipse id="Sezam" cx="5.66666667" cy="9.55681818" rx="1" ry="1"></ellipse>
                    <ellipse id="Sezam" cx="8.33333333" cy="11.5340909" rx="1" ry="1"></ellipse>
                    <ellipse id="Sezam" cx="8.33333333" cy="8.23863636" rx="1" ry="1"></ellipse>
                    <ellipse id="Sezam" cx="23.6666667" cy="10.2159091" rx="1" ry="1"></ellipse>
                </g>
                <path d="M2.00474467,32.3456538 C1.63655484,32.3456538 1.338078,32.6407388 1.338078,33.0047447 C1.338078,33.3687505 1.63655484,33.6638356 2.00474467,33.6638356 L28.0047447,33.6638356 C28.3729345,33.6638356 28.6714113,33.3687505 28.6714113,33.0047447 C28.6714113,32.6407388 28.3729345,32.3456538 28.0047447,32.3456538 L2.00474467,32.3456538 Z M2.00474467,31.0274719 L28.0047447,31.0274719 C29.1093142,31.0274719 30.0047447,31.9127271 30.0047447,33.0047447 C30.0047447,34.0967622 29.1093142,34.9820174 28.0047447,34.9820174 L2.00474467,34.9820174 C0.900175172,34.9820174 0.00474467151,34.0967622 0.00474467151,33.0047447 C0.00474467151,31.9127271 0.900175172,31.0274719 2.00474467,31.0274719 Z" id="Rectangle1" transform="translate(15.004745, 33.004745) rotate(45.000000) translate(-15.004745, -33.004745) "></path>
                <path d="M2.00474467,32.3456538 C1.63655484,32.3456538 1.338078,32.6407388 1.338078,33.0047447 C1.338078,33.3687505 1.63655484,33.6638356 2.00474467,33.6638356 L28.0047447,33.6638356 C28.3729345,33.6638356 28.6714113,33.3687505 28.6714113,33.0047447 C28.6714113,32.6407388 28.3729345,32.3456538 28.0047447,32.3456538 L2.00474467,32.3456538 Z M2.00474467,31.0274719 L28.0047447,31.0274719 C29.1093142,31.0274719 30.0047447,31.9127271 30.0047447,33.0047447 C30.0047447,34.0967622 29.1093142,34.9820174 28.0047447,34.9820174 L2.00474467,34.9820174 C0.900175172,34.9820174 0.00474467151,34.0967622 0.00474467151,33.0047447 C0.00474467151,31.9127271 0.900175172,31.0274719 2.00474467,31.0274719 Z" id="Rectangle2" transform="translate(15.004745, 33.004745) rotate(-45.000000) translate(-15.004745, -33.004745) "></path>
            </g>
        </g>
    </g>
</svg>
            </a>
        </div>    <main>


<script>
  var dataLayer = dataLayer || [];
  dataLayer.push({
    'visitorLoginState ' : 'logged out',
    'year': '2019',
    'pageType': 'homepage'
  });
</script>

            <section id="jumbo" class="">
                <div class="row">
                    <div class="grid-8 ta-l">
                        <div class="event-logo">
                            <div class="m-t-50 m-b-50 we-logo" style="font-size: 70px;line-height: 80px">
                                WebExpo 2021 is over
                            </div>
                            <div class="m-t-40 fs-16 we-stats">
                                1700 attendees — 70 speakers — 5 halls — 3 parties — 13 years
                            </div>
                        </div>
                        
                        <div class="event-location fs-16 lh-32">
                            September 21-23, 2021 in Prague, Czechia and Online
                        </div>
                        <div class="event-desc fs-16 lh-20">
                            The only conference running in Lucerna Palace & online that will make you ready for the next 30 years in the business. Covering deep tech & practical topics for developers, designers, product managers, and marketers.
                        </div>

                    </div>
                    <div class="grid-4 home-slides ta-l">
                        
                        <div id="slider">
                            <div class="item" style="display: none"><img src="/front-prague2020/img/slides/web.png" alt="The first website"></div>
                            <div class="item" style="display: none"><img src="/front-prague2020/img/slides/wolf.png" alt="WebExpo 2020"></div>
                            <div class="item" style="display: none"><img src="/front-prague2020/img/slides/xxx.png" alt="WebExpo 2020"></div>
                            <div class="item" style="display: none"><img src="/front-prague2020/img/slides/arkanoid.png" alt="WebExpo 2020"></div>
                            <div class="item" style="display: none"><img src="/front-prague2020/img/slides/wordart.png" alt="WebExpo 2020"></div>
                            <div class="item" style="display: none"><img src="/front-prague2020/img/slides/airpods.png" alt="WebExpo 2020"></div>
                            <div class="item" style="display: none"><img src="/front-prague2020/img/slides/flash2.png" alt="WebExpo 2020"></div>
                            <div class="item" style="display: none"><img src="/front-prague2020/img/slides/fb.png" alt="WebExpo 2020"></div>
                            <div class="item mobile-item" style="display: none"><img src="/front-prague2020/img/slides/TGI.png" alt="WebExpo 2020"></div>
                        </div>
                        
 
<script>
    $(document).ready(function() {
        var resolve = true;
        arkanoidUpdate();
        function sas(i) {
            resolve = true;
            $('.active-slide').removeClass('active-slide');
            $('.points ul li:nth-child(' + i + ')').addClass('active-slide');
            $('#slider .item').fadeOut().promise().done(function(){
                if(resolve) {
                    $('#slider .item:nth-child(' + i + ')').fadeIn();
                }
            });
            $('.slide-desc ul li').fadeOut().promise().done(function(){
                if(resolve) {
                    $('.slide-desc ul li:nth-child(' + i + ')').fadeIn();
                }
            });
            var w = 0;
            $('.active-slide').prevAll().each(function(index){
                w += parseFloat($(this).css("width"));
            });
            w += parseFloat($('.active-slide').css("width"));
            $('.progress span').animate({
                width:w+'px'
            },4000).promise().done(function(){
                if(resolve) {
                    if($('.active-slide').prevAll().length  != 8)
                    sas(i+1);
                }
            });
        }
        $('#slider-timeline').fadeIn().promise().done(function(){
            sas(1);
        });
        $('#slider-timeline .point-year').click(function(){
            resolve = false;
            $('.progress span').stop(true, false);
            $('#slider .item').stop(true, false);
            $('.slide-desc ul li').stop(true, false);
            $('#slider .item').hide();
            $('.slide-desc ul li').hide();
            $('.progress span').stop(true, false);
            var w = 0;
            $(this).parent().parent().prevAll().each(function(index){
                w += parseFloat($(this).css("width"));
            });
            $('.progress span').animate({
                width:w+'px'
            },1000);
            sas($(this).parent().parent().prevAll().length + 1);
        });
        $( window ).resize(function() {
            resolve = false;
            $('.progress span').stop(true, false);
            $('.progress span').css("width",0)
            $('#slider .item').stop(true, false);
            $('.slide-desc ul li').stop(true, false);
            $('#slider .item').hide();
            $('.slide-desc ul li').hide();
            sas(1);
            arkanoidUpdate();
        });
        $(window).scroll(function () {
            arkanoidUpdate();
        });
        
        function arkanoidUpdate() {
            var wW = $(window).width();
            var wH = $(window).height();
            var sT = $(window).scrollTop();
            var aT = $('.arkanoid-animation').offset().top;
            var nP = 0;
            if(sT < aT && sT > (aT - wH)) {
                nP = ((sT - (aT - wH)) / (wH - 400));
            }
            
            $('.arkanoid-animation .p').css({left: nP * wW});
            
            if (nP < 0.5) {
                $('.arkanoid-animation .b1').css({left: ((nP/0.5))*wW*0.5, bottom: (1-(nP))*100 + 8});
            } else {
                $('.arkanoid-animation .b1').css({left: wW*0.5+((nP-0.5)/0.5)*(wW*0.8), bottom: ((nP-0.5)/0.5)*400 + 8});
            }

            if (sT < aT - 400) {
              $('.play-arkanoid').fadeOut();
            } else {
              $('.play-arkanoid').fadeIn();
            }
            
        }
    });
</script>
                    </div>
                </div>
                <div id="slider-timeline" style="display: none">
                    <div class="points">
                            <ul>
                                <li><div><span class="line"></span><span class="point-year">91</span> <span class="point-name">The first website went public in 1991.</span></div></li>
                                <li><div><span class="line"></span><span class="point-year">92</span> <span class="point-name">The scariest moment of gaming in 1992.</span></div></li>
                                <li><div><span class="line"></span><span class="point-year">94</span> <span class="point-name">The first porn site hits the internet in 1994.</span></div></li>
                                <li><div><span class="line"></span><span class="point-year">  </span> <span class="point-name">The Minecraft of 90’s.</span></div></li>
                                <li><div><span class="line"></span><span class="point-year">98</span> <span class="point-name">The top artwork of 1998.</span></div></li>
                                <li><div><span class="line"></span><span class="point-year">99</span> <span class="point-name">In 1999 it was something like Airpods.</span></div></li>
                                <li><div><span class="line"></span><span class="point-year">00</span> <span class="point-name">In 2000 capacity of the first USB flash drive was 8 MB.</span></div></li>
                                <li><div><span class="line"></span><span class="point-year">04</span> <span class="point-name">“thefacebook” in 2004.</span></div></li>
                                <li><div><span class="line"></span><span class="point-year">21</span> <span class="point-name">WebExpo 2021.</span></div></li>
                            </ul>
                            <span class="progress"><span></span></span>
                    </div>
                    <div class="line"></div>
                    
                </div>
                <div class="slide-desc">
                            <ul>
                                <li>The first website went public in 1991.</li>
                                <li>The scariest moment of gaming in 1992.</li>
                                <li>The first porn site hits the internet in 1994.</li>
                                <li>The Minecraft of 90’s.</li>
                                <li>The top artwork of 1998.</li>
                                <li>In 1999 it was something like Airpods.</li>
                                <li>In 2000 capacity of the first USB flash drive was 8 MB.</li>
                                <li>“thefacebook” in 2004.</li>
                                <li>WebExpo 2021.</li>
                            </ul>
                    </div>
                    
            </section>
            
            <section class="m-t-50">
              <div class="container" style="    max-width: 978px;">
                <div class="row">
                  <div class="grid-12">
                    <h3 class="fs-24 lh-24 ff-heading lh-text m-b-50 tt-u fw-900">WAIT FOR THE NEXT YEAR - THE COUNTDOWN BEGINS</h3>
                    <p class="fs-16 lh-32">WebExpo 2021 has come to an end.  We all slept well after partying together, and we hope you are already thinking about how to apply all the newly gained experience you learned at talks and workshops in real life. WebExpo's atmosphere is mainly created by our amazing attendees and looking at the photos, it was another year for the books! We're already looking forward to seeing you again at WebExpo 2022 — mark your calendars for June 10-12, 2022.</p>
        
                  </div>
                </div>
              </div>
            </section>
            
            <section id="speakers">
                <div class="container">
                    <div class="row">
                        <div class="grid-12">
                            <h3 class="fs-24 lh-24 ff-heading lh-text m-b-50 tt-u fw-900">Speakers</h3>
                            <ul class="speakers-list">
                                    
                                        <li>
                                            <a href="/prague2021/talk/just-curl-it" >
                                                <div class="pic"><img src="https://images.wikidi.net/crop/172x242/http://f2.fsm.wikidi.com/af/ad/yb/e0d20df22741de9c3480e691bc7a3a41efceddcd.jpg" alt="Daniel Stenberg"></div>
                                                <h4>Daniel Stenberg</h4>
                                                <span>  wolfSSL</span>
                                            </a>
                                        </li>
                                    
                                        <li>
                                            <a href="/prague2021/talk/using-opportunity-maps-people-purpose-patterns-problems" >
                                                <div class="pic"><img src="https://images.wikidi.net/crop/172x242/http://f2.fsm.wikidi.com/af/ad/yb/07d4c249b83d200ec0f1ea899487070f5343be81.png" alt="Indi Young"></div>
                                                <h4>Indi Young</h4>
                                                <span>  </span>
                                            </a>
                                        </li>
                                    
                                        <li>
                                            <a href="/prague2021/talk/from-surreal-to-hyperreal-how-synthetic-media-is-driving-a-creative-revolution" >
                                                <div class="pic"><img src="https://images.wikidi.net/crop/172x242/http://f2.fsm.wikidi.com/aq/ad/x2/018b59bb7be9c62c2a2664309b2d8a5b0b49c958.png" alt="Chris Umé"></div>
                                                <h4>Chris Umé</h4>
                                                <span>  Metaphysic.ai</span>
                                            </a>
                                        </li>
                                    
                                        <li>
                                            <a href="/prague2021/talk/research-ops-war-stories-triumphs" >
                                                <div class="pic"><img src="https://images.wikidi.net/crop/172x242/http://f2.fsm.wikidi.com/aq/ad/x2/ada970a23c386e7774325a31dc326d04d346855e.png" alt="Kate Towsey"></div>
                                                <h4>Kate Towsey</h4>
                                                <span>  Atlassian</span>
                                            </a>
                                        </li>
                                    
                                        <li>
                                            <a href="/prague2021/talk/smart-responsive-interface-design-patterns-2021-edition" >
                                                <div class="pic"><img src="https://images.wikidi.net/crop/172x242/http://f2.fsm.wikidi.com/af/ad/yb/2bd00795ab0fae12db5b79b7802c603843c35c70.jpg" alt="Vitaly Friedman"></div>
                                                <h4>Vitaly Friedman</h4>
                                                <span>  Smashing Media</span>
                                            </a>
                                        </li>
                                    
                                        <li>
                                            <a href="/prague2021/talk/design-and-development-considerations-for-dual-screen-devices" >
                                                <div class="pic"><img src="https://images.wikidi.net/crop/172x242/http://f2.fsm.wikidi.com/aq/ad/x2/a48e707f5ed57e615e73bb4d969cc24118a27032.jpg" alt="Stephanie Stimac"></div>
                                                <h4>Stephanie Stimac</h4>
                                                <span>  Microsoft</span>
                                            </a>
                                        </li>
                                    
                                        <li>
                                            <a href="/prague2021/talk/cooking-up-effective-shared-references" >
                                                <div class="pic"><img src="https://images.wikidi.net/crop/172x242/http://f2.fsm.wikidi.com/af/ad/yb/d817caba409b5a9e25c89eb0d351ad277779a7df.png" alt="Eric Reiss"></div>
                                                <h4>Eric Reiss</h4>
                                                <span>  FatDUX Group</span>
                                            </a>
                                        </li>
                                    
                                    
                                        <li>
                                            <a href="/prague2021/talk/keep-scrolling" >
                                                <div class="pic"><img src="https://images.wikidi.net/crop/172x242/http://f2.fsm.wikidi.com/af/ad/yb/43e0837bc2dce6b5c352d31abf549c1717b94b85.jpg" alt="Cassie Evans"></div>
                                                <h4>Cassie Evans</h4>
                                                <span>  GreenSock</span>
                                            </a>
                                        </li>
                                    
                                        <li>
                                            <a href="/prague2021/talk/front-end-performance-in-the-real-world" >
                                                <div class="pic"><img src="https://images.wikidi.net/crop/172x242/http://f2.fsm.wikidi.com/aq/ad/x2/549f74f1058be11894562a8e96b34b9a4dffe5a9.jpg" alt="Harry Roberts"></div>
                                                <h4>Harry Roberts</h4>
                                                <span>  </span>
                                            </a>
                                        </li>
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                <li class="all"><a href="/prague2021/speakers">
                                    <div class="pic">
                                        <img src="/front-prague2020/img/speakers.jpg" alt="Show all speakers"><span class="button">View more</span>
                                    </div>
                                </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
            
            <section id="tickets" style="display: none">
                <div class="container">
                    <div class="row">
                        <div class="grid-12">
                            <h3 class="fs-24 lh-32 ff-heading lh-text m-b-50 tt-u fw-900">Buy your ticket to WebExpo 2021</h3>
                            <div class="ticket-levels">
                                <div class="ticket-level fs-16 lh-32">
                                    <div class="row o-h fancy-u">
                                        <div class="grid-4">
                                            <p><strong class="has-line">Conference only</strong></p>
                                        </div>
                                        <div class="grid-4 ticket-venue">
                                            <p><strong class="next-to-line">21. – 22. September</strong></p>
                                        </div>
                                        <div class="grid-4 fs-14 ticket-buttons">
                                        </div>
                                        <div class="border"></div>
                                    </div>
                                    <div class="row o-h">
                                        <div class="grid-4">
                                            <p>Two days of talks without premium workshops</p>
                                        </div>
                                        <div class="grid-4 ticket-venue">
                                            <p>Vodičkova 36<br>Prague 1</p>
                                        </div>
                                        <div class="grid-4 fs-16 ticket-buttons">
                                            <p><a href="/prague2021/tickets?type=conference" class="button button-tickets d-b">Buy ticket <strong>€ </strong></a></p>
                                        </div>
                                    </div>
                                    
                                    <div class="info-box">
                                       <p><strong>Tickets include:</strong><br>
                                        Access to 70 talks in Lucerna Palace & online, several workshops for free, breakfast on Tuesday and Wednesday, coffee & water all day long, three WebExpo parties.</p>
                                    </div>
                                    
                                    <div class="clearfix"></div>
                                    
                                </div>
                                <div class="ticket-level highlighted-level fs-16 lh-32">
                                    <div class="bestseller"><span>Bestseller</span></div>
                                    <div class="row fancy-u">
                                        <div class="grid-4">
                                            <p><strong class="next-to-line">Conference & workshops</strong></p>
                                        </div>
                                        <div class="grid-4 ticket-venue">
                                            <p><strong class="next-to-line">21. – 23. September</strong></p>
                                        </div>
                                        <div class="grid-4 fs-14 ticket-buttons">
                                        </div>
                                        <div class="border"></div>
                                    </div>
                                    <div class="row">
                                        <div class="grid-4">
                                            <p>Conference + 1 Premium workshop</p>
                                        </div>
                                        <div class="grid-4 ticket-venue">
                                            <p>Vodičkova 36<br>Prague 1</p>
                                        </div>
                                        <div class="grid-4 fs-16 ticket-buttons">
                                            <p><a href="/prague2021/tickets?type=all" class="button button-tickets d-b">Buy ticket <strong>from € -20</strong></a></p>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="ticket-level fs-16 lh-32 last-level">
                                    <div class="row fancy-u">
                                        <div class="grid-4">
                                            <p><strong class="next-to-line">Premium workshop only</strong></p>
                                        </div>
                                        <div class="grid-4 ticket-venue">
                                            <p><strong class="next-to-line">23. September</strong></p>
                                        </div>
                                        <div class="grid-4 fs-14 ticket-buttons">
                                        </div>
                                        <div class="border"></div>
                                    </div>
                                    <div class="row">
                                        <div class="grid-4">
                                            <p>Choose from 3 different workshops by this year’s speakers</p>
                                        </div>
                                        <div class="grid-4 ticket-venue">
                                            <p>The venue address will be published later.</p>
                                        </div>
                                        <div class="grid-4 fs-16 ticket-buttons">
                                            <p><a href="/prague2021/tickets?type=workshops" class="button button-tickets d-b">Buy ticket <strong>from € </strong></a></p>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                                
                                <div class="ticket-level last-level level-info fs-16 lh-32">
                                    <p><strong>Group discounts</strong></p>
                                    <p>Get a 10% discount for groups of 4-5 people or get 15% off for groups of 6 or more. Discounts are only valid for conference ticket prices — discount codes and group rates will not be applied to workshop prices.</p>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
                <div class="play-arkanoid">
                    <a href="/prague2021/arkanoid">
                        <img src="/front-prague2020/img/arkanoid.png" alt="Arkanoid">
                        <span class="button">Play Arkanoid</span>
                    </a>
                </div>
                <div class="arkanoid-animation">
                    <div class="p"></div>
                    <div class="b b1"></div>
                </div>
                
                
                
            </section>
            
            <section id="kids">
                <div class="container">
                    <div class="row p-r">
                        <div class="grid-12">
                            <h3 class="fs-24 lh-32 ff-heading lh-text m-b-50 tt-u fw-900">The first tech conference where children are welcome!</h3>
                            <p class="fs-16 lh-32">Bring your child and make him learn about the latest technology. From babies to teenagers, all will enjoy it!</p>
                            <ol class="fs-16 lh-32">
                                <li class="m-t-50">Learning activities: We teamed up with <a href="https://apify.com/" target="_blank" style="color: white">Apify</a> to organize interactive games and programming courses. Also, your child can learn about 3D printing or have fun with robots!</li>
                                <li class="m-t-50">Lounge area: for parents with little babies to rest and talk over a cup of coffee.</li>
                            </ol>
                        </div>
                    </div>
                </div>
                <div class="kids-bg">
                    <div class="line-1">
                        <div class="line-element"></div>
                        <div class="mark mark-1">
                            <span class="a"></span>
                            <span class="b"></span>
                            <span class="c">Pokémon GO, the famous AR mobile game was released in July 2016.</span>
                        </div>
                    </div>
                    <div class="line-2">
                        <div class="line-element"></div>
                        <div class="mark mark-2">
                            <span class="a"></span>
                            <span class="b"></span>
                            <span class="c">Minecraft, the phenomenal unlimited game not only for children first appeared in 2009.</span>
                        </div>
                    </div>
                    <img src="/front-prague2020/img/kids.png?v=2" alt="Kids" draggable="false">
                </div>
            </section>
            
            <section id="venue">
                <div class="container">
                    <div class="row">
                        <div class="grid-12">
                            <h3 class="fs-24 lh-32 ff-heading lh-text m-b-50 tt-u fw-900">5 historic halls packed with innovative talks</h3>
                            <p class="fs-16 lh-32 m-t-50">Lucerna Palace is much older than 30 years.<br>
                            Listen to experts discuss the latest trend against the historic backdrop of this unique palace build on the edge of art nouveau and modern architecture.</p>
                            <div class="floorplan">
                                <div class="desc">Floor plan of the Lucerna Palace (Built between 1907 and 1921)</div>
                                <div class="plan">
                                    <svg width="921px" height="338px" viewBox="0 0 921 338" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.202171689">
                                            <g id="Desktop-HP" transform="translate(-255.000000, -4329.000000)" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="2.06976">
                                                <g id="Group-16" transform="translate(-42.000000, 4019.000000)">
                                                    <g id="mapa-lucerna-copy-2" transform="translate(757.000000, 479.000000) rotate(-360.000000) translate(-757.000000, -479.000000) translate(297.000000, 309.000000)">
                                                        <g id="Group-2" transform="translate(0.462220, 0.569111)">
                                                            <g id="Group" transform="translate(-0.000000, 0.000000)">
                                                                <path d="M224.837452,270.614669 L201.709769,270.614669 L201.709647,270.155625 L192.458696,270.155708 L192.458696,256.276742 L201.709647,256.276625 L201.709769,231.603024 L224.837452,231.603024 L224.837452,270.614669 Z M823.073508,125.197616 L883.205483,109.776542 M883.205483,109.776542 L887.831019,102.066005 M887.831019,102.066005 L863.161491,6.45534842 M863.161491,6.45534842 L804.571362,21.8764221 M804.571362,21.8764221 L804.571362,26.5027442 M804.571362,26.5027442 L789.152907,29.5869589 M789.152907,29.5869589 L789.152907,92.8133611 M789.152907,92.8133611 L801.487671,139.076582 M801.487671,139.076582 L824.615354,132.908153 M824.615354,132.908153 L823.073508,125.197616 M483.867497,276.324138 L497.829502,276.324138 M497.744106,276.324138 L497.744106,231.576444 M497.744106,231.603024 L540.91578,231.603024 M540.91578,231.603024 L540.91578,293.306593 M540.91578,293.287319 L519.329943,293.287319 M519.329943,293.287319 L519.329943,310.2505 M519.329943,310.2505 L476.130745,310.2505 M476.158269,310.2505 L476.158269,296.371534 M483.867497,254.734635 L497.744106,254.734635 M571.752691,231.603024 L624.175438,231.603024 M571.752691,231.603024 L571.752691,285.598808 M571.752691,285.576782 L624.175438,285.576782 M624.175438,231.603024 L624.175438,285.576782 M1.26985328,231.603024 L70.6529011,231.603024 M70.6529011,231.603024 L70.6529011,273.239923 M70.6529011,273.239923 L1.26985328,273.239923 M1.26985328,273.239923 L1.26985328,231.574477 M70.6529011,231.603024 L201.709769,231.603024 M201.709769,231.603024 L201.709769,256.276742 M201.709769,256.276742 L192.458696,256.276742 M192.458696,256.276742 L192.458696,268.613601 M192.458696,270.155708 L147.718601,270.155708 M147.745176,270.155708 L147.745176,273.239923 M147.745176,273.239923 L72.1318402,273.239923 M138.494103,197.676662 L138.494103,160.666085 M138.494103,160.666085 L172.414704,160.666085 M172.414704,160.666085 L172.414704,163.7503 M172.414704,163.7503 L178.582086,163.7503 M178.582086,163.7503 L178.582086,177.629266 M178.582086,177.629266 L172.414704,177.629266 M172.414704,177.629266 L172.414704,199.218769 M115.366421,199.218769 L115.366421,139.056815 M115.366421,139.076582 L103.031657,139.076582 M103.031657,139.076582 L103.031657,123.655508 M103.031657,123.655508 L81.4458196,123.655508 M81.4458196,123.655508 L81.4458196,115.944972 M1.26985328,199.218769 L1.26985328,115.716824 M215.586379,165.292407 L215.586379,182.255588 M215.586379,182.255588 L210.960842,199.218769 M210.960842,199.218769 L187.83316,199.218769 M186.291314,199.218769 L2.80522056,199.218769 M375.938311,165.292407 L409.893937,165.292407 M409.858912,165.292407 L409.858912,117.487079 M375.938311,48.0922474 L409.858912,48.0922474 M409.858912,48.0922474 L409.858912,116.015031 M409.858912,115.944972 L375.938311,115.944972 M375.938311,115.944972 L375.938311,48.0922474 M375.938311,48.0922474 L409.858912,48.0922474 M181.665777,21.8764221 L212.502688,21.8764221 M212.502688,21.8764221 L212.502688,31.1290663 M212.502688,31.1290663 L281.902865,31.1290663 M281.885735,31.1290663 L281.885735,48.0922474 M375.938311,165.292407 L375.938311,48.0821023 M375.938311,48.0922474 L1.21909637,48.0922474 M1.26985328,48.0922474 L1.26985328,115.962493 M1.26985328,115.944972 L201.733488,115.944972 M201.709769,115.944972 L201.709769,165.292407 M201.709769,165.292407 L374.644086,165.292407 M181.665777,1.82902632 L181.665777,48.117942 M1.26985328,48.0922474 L181.692132,48.0922474 M1.26985328,1.82902632 L1.26985328,48.117942 M1.26985328,1.82902632 L181.672366,1.82902632 M113.824575,159.123978 L92.2387381,159.123978 M92.2387381,159.123978 L92.2387381,197.799833 M224.837452,231.603024 L224.837452,273.239923 M203.251615,231.603024 L224.837452,231.603024 M224.837452,273.239923 L281.906566,273.239923 M281.885735,271.697816 L281.885735,231.484576 M224.837452,231.603024 L281.885735,231.603024 M281.885735,231.603024 L297.30419,231.603024 M297.30419,231.603024 L325.05741,231.603024 M297.30419,231.603024 L297.30419,263.987279 M297.30419,263.987279 L325.05741,263.987279 M325.05741,231.603024 L325.05741,280.95046 M281.885735,273.239923 L394.440457,294.829426 M325.05741,231.603024 L375.938311,231.603024 M375.938311,231.603024 L375.938311,270.186539 M375.938311,270.155708 L394.440457,270.155708 M394.440457,270.155708 L394.440457,294.877571 M394.440457,294.829426 L483.920649,294.829426 M375.938311,231.603024 L483.867497,231.603024 M483.867497,231.603024 L483.867497,293.287319 M412.942603,231.603024 L412.942603,250.108313 M412.942603,250.108313 L442.237668,250.108313 M442.237668,250.108313 L442.237668,260.903064 M442.237668,260.903064 L412.942603,260.903064 M412.942603,260.903064 L412.942603,293.324015 M442.237668,231.603024 L442.237668,250.108313 M624.175438,231.603024 L675.079694,231.603024 M624.175438,285.576782 L675.056339,285.576782 M675.056339,285.576782 L675.056339,231.580999 M675.056339,231.603024 L762.941533,231.603024 M675.056339,285.576782 L762.995617,285.576782 M796.516614,183.797696 L812.28393,191.682693 L824.348128,187.91199 L832.161948,215.265005 L844.668263,212.137896 L852.100454,240.385016 L826.31491,246.637118 L831.795329,273.26082 L783.984315,285.601242 L763.034978,285.57765 L763.034978,230.785239 L756.774151,230.785239 L756.774151,206.733264 L767.336172,190.132983 L776.836248,191.716596 L780.00327,183.797696 L796.516614,183.797696 Z M826.157199,247.024098 L833.866427,280.95046 M826.157199,247.024098 L852.368573,240.855668 M833.866427,280.95046 L867.787028,273.239923 M867.787028,273.239923 L870.870719,279.408353 M870.870719,279.408353 L918.667929,267.071494 M918.667929,267.071494 L887.831019,152.955548 M887.831019,152.955548 L819.989817,171.460837 M819.989817,171.460837 L832.324581,214.639843 M832.324581,214.639843 L861.619646,206.929306 M861.619646,206.929306 L850.826727,163.7503 M852.368573,240.855668 L844.659345,211.555628 M801.487671,139.076582 L770.650761,146.787119 M772.192606,146.787119 L766.025224,142.160797 M766.025224,142.160797 L766.025224,119.029186 M766.025224,119.029186 L745.981233,119.029186 M745.981233,119.029186 L745.981233,143.702904 M745.981233,143.702904 L724.395396,157.581871 M724.395396,157.581871 L624.175438,157.581871 M624.175438,157.581871 L624.175438,29.5869589 M624.175438,29.5869589 L710.518786,29.5869589 M710.518786,29.5869589 L710.518786,89.7291463 M710.518786,89.7291463 L729.020932,89.7291463 M729.020932,89.7291463 L738.272005,125.197616 M738.272005,125.197616 L744.439387,125.197616 M712.060632,29.5869589 L789.152907,29.5869589 M622.633592,157.581871 L581.003764,157.581871 M581.003764,157.581871 L581.003764,29.5869589 M581.003764,29.5869589 L624.175438,29.5869589 M581.003764,29.5869589 L484.638419,29.5869589 M484.638419,29.5869589 L483.096574,145.245012 M483.096574,146.016065 L494.660415,157.581871 M483.867497,260.903064 L483.867497,294.829426 L412.942603,294.829426 L412.942603,260.903064 L483.867497,260.903064 Z M138.03778,1.93088895 L138.494103,160.945891 M376.03778,1.93088895 L376.066798,160.945891 M580.03778,1.93088895 L580.361328,153.611093 M420.77114,295.683093 L420.651831,338.288238" id="Combined-Shape"></path>
                                                            </g>
                                                        </g>
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                    </svg>
                                </div>
                            </div>
                            <div class="halls-left">
                                <div class="place-1"><img src="/front-prague2020/img/venue/desktop/luceture-halls/1.png" width="238" alt="Lucerna Great Hall"><div>Lucerna Great Hall</div></div>
                                <div class="place-2"><img src="/front-prague2020/img/venue/desktop/luceture-halls/2.png" width="238" alt="Lucerna Cinema"><div>Lucerna Cinema</div></div>
                                <div class="place-4"><img src="/front-prague2020/img/venue/desktop/luceture-halls/4.png" width="238" alt="Marble Hall"><div>Marble Hall</div></div>
                            </div>
                            <div class="halls-right">
                                <div class="place-5"><img src="/front-prague2020/img/venue/desktop/luceture-halls/5.png" width="238" alt="Lucerna Gallery"><div>Lucerna Gallery</div></div>
                                <div class="place-6"><img src="/front-prague2020/img/venue/desktop/luceture-halls/6.png" width="238" alt="Lucerna Café"><div>Lucerna Café</div></div>
                                <div class="place-3"><img src="/front-prague2020/img/venue/desktop/luceture-halls/0.png" width="238" alt="ABC Theatre"><div>Online Platform</div></div>
                            </div>
                            <div class="mobile-halls">
                                <div class="mhc owl-carousel owl-theme">
                                    <div class="item"><div class="place-1"><img src="/front-prague2020/img/venue/desktop/luceture-halls/1.png" width="238" alt="Lucerna Great Hall"><div>Lucerna Great Hall</div></div></div>
                                    <div class="item"><div class="place-2"><img src="/front-prague2020/img/venue/desktop/luceture-halls/2.png" width="238" alt="Lucerna Cinema"><div>Lucerna Cinema</div></div></div>
                                    <div class="item"><div class="place-3"><img src="/front-prague2020/img/venue/desktop/luceture-halls/3.png" width="238" alt="ABC Theatre"><div>ABC Theatre</div></div></div>
                                    <div class="item"><div class="place-4"><img src="/front-prague2020/img/venue/desktop/luceture-halls/4.png" width="238" alt="Marble Hall"><div>Marble Hall</div></div></div>
                                    <div class="item"><div class="place-5"><img src="/front-prague2020/img/venue/desktop/luceture-halls/5.png" width="238" alt="Lucerna Gallery"><div>Lucerna Gallery</div></div></div>
                                    <div class="item"><div class="place-6"><img src="/front-prague2020/img/venue/desktop/luceture-halls/6.png" width="238" alt="Lucerna Café"><div>Lucerna Café</div></div></div>
                                </div>
                            </div>
                            
                            <script>
                                $('.mhc').owlCarousel({
                                    center:true,
                                    loop:true,
                                    autoplay:true,
                                    items:1,
                                    margin:20,
                                    nav:false,
                                    dots:false,
                                });
                            </script>
                            <a href="/prague2021/venue" class="button">Show more</a>
                        </div>
                    </div>
                </div>
            </section>
            
            <section id="videos">
                <div class="mark">
                    <span class="a"></span>
                    <span class="b"></span>
                    <span class="c">14. 2. 2005 starts YouTube streaming service</span>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="grid-12">
                            <h3 class="fs-24 lh-32 ff-heading lh-text m-b-50 tt-u fw-900">Shorten waiting for next year</h3>
                            <p class="fs-16 lh-32">Watch videos from last years of WebExpo. Ok, we’re not as old as the first web page. But still… it’s a lot of videos. Enjoy! 🍿</p>
                            <div class="video-list-wrap">
                                <div class="video-list owl-carousel owl-theme">
                                    <div class="item">
                                        <a href="https://slideslive.com/38919066/facilitative-leadership-guiding-teams-to-success" target="_blank" class="single-video">
                                            <img src="/front-prague2020/img/videos/1.jpg" target="_blank" alt="">
                                            <h4>Facilitative Leadership: Guiding Teams To Success</h4>
                                            <p>Alissa Briggs</p>
                                            <span></span>
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="https://slideslive.com/38918866/more-than-you-ever-wanted-to-know-about-resource-hints" target="_blank" class="single-video">
                                            <img src="/front-prague2020/img/videos/2.jpg" target="_blank" alt="">
                                            <h4>More Than You Ever Wanted To Know About Resource Hints</h4>
                                            <p>Harry Roberts</p>
                                            <span></span>
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="https://slideslive.com/38919134/ux-design-ux-writing-two-sides-of-the-same-coin" target="_blank" class="single-video">
                                            <img src="/front-prague2020/img/videos/3.jpg" target="_blank" alt="">
                                            <h4>UX Design & UX Writing: Two Sides Of The Same Coin</h4>
                                            <p>Adriána Rybárová</p>
                                            <span></span>
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="https://slideslive.com/38898260/extremely-defensive-php" target="_blank" class="single-video">
                                            <img src="/front-prague2020/img/videos/4.jpg" target="_blank" alt="">
                                            <h4>Extremely defensive PHP</h4>
                                            <p>Marco Pivetta</p>
                                            <span></span>
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="https://slideslive.com/38919775/how-ai-is-changing-advertising-in-china" target="_blank" class="single-video">
                                            <img src="/front-prague2020/img/videos/5.jpg" alt="">
                                            <h4>How AI is changing advertising in China</h4>
                                            <p>Bessie Lee</p>
                                            <span></span>
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="https://slideslive.com/38919332/surgical-ux-information-design-for-visualisation-systems-in-surgery" target="_blank" class="single-video">
                                            <img src="/front-prague2020/img/videos/6.jpg" target="_blank" alt="">
                                            <h4>Surgical UX: Information design for visualisation systems in surgery</h4>
                                            <p>Tim Caynes</p>
                                            <span></span>
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="https://slideslive.com/38898235/accessibility-testing-in-angular-1-and-2" target="_blank" class="single-video">
                                            <img src="/front-prague2020/img/videos/7.jpg" target="_blank" alt="">
                                            <h4>Accessibility Testing in Angular 1 and 2</h4>
                                            <p>Marcy Sutton</p>
                                            <span></span>
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="https://slideslive.com/38898202/stables-and-volatiles-how-to-get-different-types-of-humans-to-work-together" target="_blank" class="single-video">
                                            <img src="/front-prague2020/img/videos/8.jpg" target="_blank" alt="">
                                            <h4>Stables and Volatiles – how to get different types of humans to work together</h4>
                                            <p>Michael Lopp</p>
                                            <span></span>
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="https://slideslive.com/38902386/beyond-measure" target="_blank" class="single-video">
                                            <img src="/front-prague2020/img/videos/9.jpg" target="_blank" alt="">
                                            <h4>Beyond Measure</h4>
                                            <p>Erika Hall</p>
                                            <span></span>
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="https://slideslive.com/38918875/build-for-real-lego-technic-bugatti-chiron" target="_blank" class="single-video">
                                            <img src="/front-prague2020/img/videos/10.jpg" target="_blank" alt="">
                                            <h4>Build For Real: LEGO® Technic Bugatti Chiron</h4>
                                            <p>Lubor Zelinka</p>
                                            <span></span>
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="https://slideslive.com/38898262/how-to-successfully-grow-a-code-review-culture" target="_blank" class="single-video">
                                            <img src="/front-prague2020/img/videos/11.jpg" target="_blank" alt="">
                                            <h4>How to Successfully Grow a Code Review Culture</h4>
                                            <p>Nina Zakharenko</p>
                                            <span></span>
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="https://slideslive.com/38918862/bringing-personality-back-to-the-web" target="_blank" class="single-video">
                                            <img src="/front-prague2020/img/videos/12.jpg" target="_blank" alt="">
                                            <h4>Bringing Personality Back To The Web</h4>
                                            <p>Vitaly Friedman</p>
                                            <span></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <script>
                                $('.video-list').owlCarousel({
                                    center: true,
                                    loop:true,
                                    margin:20,
                                    nav:false,
                                    autoplay:true,
                                    dots:false,
                                    autoWidth:true
                                });
                            </script>
                            <a href="https://slideslive.com/webexpo/webexpo-2019" class="button" target="_blank">Show all videos</a>
                        </div>
                    </div>
                </div>
            </section>
            
            <section id="partners">
                <div class="container">
                    <div class="row">
                        <div class="grid-12">
                            <h3 class="fs-24 lh-32 ff-heading lh-text m-b-50 tt-u fw-900">Our Sponsors</h3>
                            <p class="fs-16 lh-32">If you would like to become a sponsor, just write an email to Šárka, our CEO: <a href="mailto:sarka@webexpo.net" class="tc-secondary">sarka@webexpo.net</a></p>
                            <h4>Platinum</h4>
                            <ul class="partner-list">
                                <li><a href="https://www.livesport.eu/" target="_blank"><img src="/front-prague2020/img/partners/livesport.png?v=2021" alt="livesport"></a></li>
                            </ul>
                            <h4>Gold</h4>
                            <ul class="partner-list">
                                <li><a href="https://www.wrike.com/" target="_blank"><img src="/front-prague2020/img/partners/wrike.png" alt="Wrike"></a></li>
                            </ul>
                            <h4>Silver</h4>
                            <ul class="partner-list">
                                <li><a href="https://www.lmc.eu/en/" target="_blank"><img src="/front-prague2020/img/partners/lmc.png" alt="LMC"></a></li>
                                <li><a href="https://www.outreach.io/" target="_blank"><img src="/front-prague2020/img/partners/outreach.png" alt="Outreach"></a></li>
                                <li><a href="https://trezor.io/" target="_blank"><img src="/front-prague2020/img/partners/trezor.svg" alt="Trezor" height="65"></a></li>
                                <li><a href="https://www.testomato.com/" target="_blank"><img src="/front-prague2020/img/partners/testomato.png" alt="Testomato" height="24"></a></li>
                                <li><a href="https://sinnerschrader.com/" target="_blank"><img src="/front-prague2020/img/partners/sinner-schrader.png" alt="SinnerSchrader" height="30"></a></li>
                                <li><a href="https://tech.showmax.com/" target="_blank"><img src="/front-prague2020/img/partners/showmax.png?v=3" alt="Showmax" height="36"></a></li>
                                <li><a href="https://www.vistaprint.com/" target="_blank"><img src="/front-prague2020/img/partners/vistaprint.png" alt="VistaPrint" height="38"></a></li>
                                <li><a href="https://www.proofreason.com/" target="_blank"><img src="/front-prague2020/img/partners/proofreason.svg" alt="Proof & Reason" height="17"></a></li>
                                <li><a href="https://kb.jobs.cz/svet-it-v-kb/" target="_blank"><img src="/front-prague2020/img/partners/kb.png" alt="Komerční banka"></a></li>
                            </ul>
                            <h4>Bronze</h4>
                            <ul class="partner-list">
                                <li><a href="https://www.storyblok.com/" target="_blank"><img src="/front-prague2020/img/partners/storyblok.svg" height="30" alt="storyblok"></a></li>
                                <li><a href="https://www.heureka.cz/" target="_blank"><img src="/front-prague2020/img/partners/heureka.png" alt="Heureka"></a></li>
                                <li><a href="https://www.ecomail.cz/" target="_blank"><img src="/front-prague2020/img/partners/ecomail.png" alt="Ecomail"></a></li>
                                <li><a href="https://www.credoventures.com/" target="_blank"><img src="/front-prague2020/img/partners/credo.png" alt="Credo"></a></li>
                                <li><a href="https://www.heureka.cz/" target="_blank"><img src="/front-prague2020/img/partners/creatity.png" alt="Creatity"></a></li>
                            </ul>
                            <h4>Party partner</h4>
                            <ul class="partner-list">
                                <li><a href="https://www.productboard.com/" target="_blank"><img src="/front-prague2020/img/partners/productboard.png" alt="Productboard"></a></li>
                            </ul>
                            <h4>Main media partner</h4>
                            <ul class="partner-list">
                                <li><a href="https://cc.cz/" target="_blank"><img src="/front-prague2020/img/partners/czechcrunch.svg" height="20" alt="CzechCrunch"></a></li>
                            </ul>
                            
                            <h4>Media partners</h4>
                            <ul class="partner-list">
                                <li><a href="https://insmart.cz/" target="_blank"><img src="/front-prague2020/img/partners/insmart.svg" height="38" alt="insmart"></a></li>
                                <li><a href="https://www.czechstartups.org/" target="_blank"><img src="/front-prague2020/img/partners/czechstartups.png" height="40" alt="CzechStartups.org"></a></li>
                                <li><a href="https://dotekomanie.cz/" target="_blank"><img src="/front-prague2020/img/partners/dotekomanie.png" height="36" alt="Dotekománie.cz"></a></li>
                                <li><a href="https://www.roklen.cz/" target="_blank"><img src="/front-prague2020/img/partners/roklen.png" height="20" alt="Roklen"></a></li>
                                <li><a href="https://smartmania.cz" target="_blank"><img src="/front-prague2020/img/partners/smartmania.png" height="30" alt="SMARTmania.cz"></a></li>
                                <li><a href="https://www.startupjobs.cz" target="_blank"><img src="/front-prague2020/img/partners/startupjobs.png" height="38" alt="StartupJobs.cz"></a></li>
                                <li><a href="https://zdrojak.cz/" target="_blank"><img src="/front-prague2020/img/partners/zdrojak.png" height="23" alt="Zdroják"></a></li>
                                <li><a href="https://fzone.cz/" target="_blank"><img src="/front-prague2020/img/partners/fzone.png" height="18" alt="fZone.cz"></a></li>
                                <li><a href="https://mobilenet.cz/" target="_blank"><img src="/front-prague2020/img/partners/mobilenet.png" height="26" alt="mobilenet.cz"></a></li>
                                <li><a href="https://www.rferl.org/" target="_blank"><img src="/front-prague2020/img/partners/rferl.png" height="28" alt="Radio Free Europe/Radio Liberty"></a></li>
                                <li><a href="https://www.mojandroid.sk/" target="_blank"><img src="/front-prague2020/img/partners/mojandroid.png" height="39" alt="MojAndroid.sk"></a></li>
                                <li><a href="https://www.czechdesign.cz/" target="_blank"><img src="/front-prague2020/img/partners/czechdesign.png" height="37" alt="CZECHDESIGN"></a></li>
                                <li><a href="https://www.designportal.cz/" target="_blank"><img src="/front-prague2020/img/partners/designportal.png" height="60" alt="Design portál"></a></li>
                                <li><a href="https://www.e15.cz/" target="_blank"><img src="/front-prague2020/img/partners/e15.png" alt="e15"></a></li>
                                <li><a href="https://wia.cz/" target="_blank"><img src="/front-prague2020/img/partners/wia.png" alt="WIA spol. s.r.o."></a></li>
                            </ul>
                            <h4>Further support</h4>
                            <ul class="partner-list">
                                <li><a href="https://react-finland.fi/" target="_blank"><img src="/front-prague2020/img/partners/react-finland.png" alt="React Finland"></a></li>
                                <li><a href="https://mule.to/p1zo" target="_blank"><img src="/front-prague2020/img/partners/sticker-mule.svg" height="53" alt="Custom stickers"></a></li>
                                <li><a href="https://www.meetup.com/TechMeetupOstrava/" target="_blank"><img src="/front-prague2020/img/partners/tmo.png" height="51" alt="TechMeetup Ostrava"></a></li>
                                <li><a href="https://rosenfeldmedia.com/" target="_blank"><img src="/front-prague2020/img/partners/rosenfeld.png" height="48" alt="Rosenfeld Media"></a></li>
                                <li><a href="https://www.meetup.com/pydata-slovakia-bratislava/" target="_blank"><img src="/front-prague2020/img/partners/pydata-sk.png" height="50" alt="PyData Slovakia & Bratislava"></a></li>
                                <li><a href="https://www.meetup.com/praguejs/" target="_blank"><img src="/front-prague2020/img/partners/praguejs.png" height="55" alt="PragueJS"></a></li>
                                <li><a href="https://designsystemscommunity.cz/" target="_blank"><img src="/front-prague2020/img/partners/dscc.png" height="60" alt="DSCC Czechia"></a></li>
                                <li><a href="https://uxvienna.at/" target="_blank"><img src="/front-prague2020/img/partners/uxvienna.png" height="60" alt="UX Antwerp (Antwerpen, Belgium)"></a></li>
                                <li><a href="https://www.intoux.design/" target="_blank"><img src="/front-prague2020/img/partners/intoux.svg" height="55" alt="intoux.design"></a></li>
                                <li><a href="https://www.meetup.com/UX-Antwerp/" target="_blank"><img src="/front-prague2020/img/partners/uxantwerp.png" height="58" alt="UXvienna – Im Gespräch: User Experience, Service Design, Usability u.a."></a></li>
                                <li><a href="https://uxsalon.com/" target="_blank"><img src="/front-prague2020/img/partners/uxsalon.png" height="20" alt="UX Salon"></a></li>
                                <li><a href="https://frontendisti.cz/" target="_blank"><img src="/front-prague2020/img/partners/frontendisti.png" height="42" alt="Frontendisti.cz"></a></li>
                                <li><a href="https://www.jetbrains.com/" target="_blank"><img src="/front-prague2020/img/partners/jetbrains.png" alt="JetBrains"></a></li>
                                <li><a href="https://uxpressia.com/" target="_blank"><img src="/front-prague2020/img/partners/uxpressia.png" alt="UXPressia"></a></li>
                                <li><a href="https://www.ofigo.cz/" target="_blank"><img src="/front-prague2020/img/partners/ofigo.png" alt="Ofigo"></a></li>
                                <li><a href="https://www.ngparty.cz/" target="_blank"><img src="/front-prague2020/img/partners/ngparty.png" alt="ngParty"></a></li>
                                <li><a href="https://jobs.kiwi.com/" target="_blank"><img src="/front-prague2020/img/partners/kiwijobs.png" alt="Jobs at Kiwi.com"></a></li>
                            </ul>
                            <p class="fs-16 m-t-25 lh-32">If you have media or community partnership related questions or ideas, please contact Gonzalo: <a href="mailto:gonzalo@webexpo.net" class="tc-secondary">gonzalo@webexpo.net</a></p>
                        </div>
                    </div>
                </div>
            </section>
            
            
<div class="object-box">
    <svg id="svg" class="vert-move" viewBox="0 0 400 400">

      <defs>
        <circle class="handle" r="10"></circle>
        <circle class="marker" r="4"></circle>    
      </defs>

      <polygon id="star" points="275 125 285 230 250 295 135 260 130 150 230 90">
        <animate class="a1" attributeType="auto" attributeName="points" to="275 125 285 230 250 295 135 260 130 150 230 90" dur="2s" repeatCount="1"></animate>
      </polygon>
      <polygon id="inner" points="260 205 275 125 260 205 285 230 260 205 250 295 260 205 135 260 260 205 130 150 260 205 230 90"> 
        <animate class="a1" attributeType="auto" attributeName="points" to="260 205 275 125 260 205 285 230 260 205 250 295 260 205 135 260 260 205 130 150 260 205 230 90" dur="2s" repeatCount="1"></animate>
      </polygon>
      <g id="marker-layer"></g>
      <g id="handle-layer"></g>
    </svg>
</div>
<div class="object-box object-box-2">
    <svg id="svg2" class="vert-move" viewBox="0 0 400 400">

      <defs>
        <circle class="handle2" r="10"></circle>
        <circle class="marker2" r="4"></circle>    
      </defs>

      <polygon id="star2" points="294 135 310 240 250 295 135 260 130 150 234 88">
        <animate class="a2" attributeType="auto" attributeName="points" to="294 135 310 240 250 295 135 260 130 150 234 88" dur="2s" repeatCount="1"></animate>
      </polygon>
      <polygon id="inner2" points="260 205 294 135 260 205 310 240 260 205 250 295 260 205 135 260 260 205 130 150 260 205 234 88"> 
        <animate class="a2" attributeType="auto" attributeName="points" to="260 205 294 135 260 205 310 240 260 205 250 295 260 205 135 260 260 205 130 150 260 205 234 88" dur="2s" repeatCount="1"></animate>
      </polygon>
      <g id="marker-layer2"></g>
      <g id="handle-layer2"></g>
    </svg>
</div>

<div class="object-box object-box-3" style="display: none">
    <svg id="svg3" class="vert-move" viewBox="0 0 400 400">
      <defs>
        <circle class="handle3" r="10"></circle>
        <circle class="marker3" r="4"></circle>    
      </defs>
      <polygon id="star3" points="296 168 331 225 285 272 186 279 144 210 210 155">
        <animate class="a3" attributeType="auto" attributeName="points" to="296 168 331 225 285 272 186 279 144 210 210 155" dur="2s" repeatCount="1"></animate>
      </polygon>
      <polygon id="inner3" points="260 205 296 168 260 205 331 225 260 205 285 272 260 205 186 279 260 205 144 210 260 205 210 155"> 
        <animate class="a3" attributeType="auto" attributeName="points" to="260 205 296 168 260 205 331 225 260 205 285 272 260 205 186 279 260 205 144 210 260 205 210 155" dur="2s" repeatCount="1"></animate>
      </polygon>
      <g id="marker-layer3"></g>
      <g id="handle-layer3"></g>
    </svg>
</div>

<style>
@keyframes mover {
    0% { transform: translate(0,0); }
    25% { transform: translate(31px,9px); }
    50% { transform: translate(-22px,-28px); }
    75% { transform: translate(-15px,-11px); }
    100% { transform: translate(-1px,-14px); }
}
@keyframes mover2 {
    0% { transform: translate(0,0); }
    30% { transform: translate(11px,-5px); }
    60% { transform: translate(-29px,14px); }
    80% { transform: translate(15px,-24px); }
    100% { transform: translate(-31px,-23px); }
}
@keyframes mover3 {
    0% { transform: translate(0,0); }
    20% { transform: translate(-7px,6px); }
    40% { transform: translate(-30px,-22px); }
    70% { transform: translate(-35px,-7px); }
    100% { transform: translate(-8px,2px); }
}
</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/Draggable-latest-beta.js?v=111"></script>

<script>
var star = document.querySelector("#star");
var inner = document.querySelector("#inner");
var markerDef = document.querySelector("defs .marker");
var handleDef = document.querySelector("defs .handle");
var markerLayer = document.querySelector("#marker-layer");
var handleLayer = document.querySelector("#handle-layer");

var points = [];
var numPoints = star.points.numberOfItems;
    
for (var i = 0; i < numPoints; i++) {  
  var point = star.points.getItem(i);
  points[i] = {x:point.x, y:point.y};
    if(i != 6) {
         createHandle(point,i);
    }
}


var star2 = document.querySelector("#star2");
var inner2 = document.querySelector("#inner2");
var markerDef2 = document.querySelector("defs .marker2");
var handleDef2 = document.querySelector("defs .handle2");
var markerLayer2 = document.querySelector("#marker-layer2");
var handleLayer2 = document.querySelector("#handle-layer2");

var points2 = [];
var numPoints2 = star2.points.numberOfItems;
    
for (var i = 0; i < numPoints2; i++) {  
  var point = star2.points.getItem(i);
  points2[i] = {x:point.x, y:point.y};
    if(i != 6) {
         createHandle2(point,i);
    }
}


var star3 = document.querySelector("#star3");
var inner3 = document.querySelector("#inner3");
var markerDef3 = document.querySelector("defs .marker3");
var handleDef3 = document.querySelector("defs .handle3");
var markerLayer3 = document.querySelector("#marker-layer3");
var handleLayer3 = document.querySelector("#handle-layer3");

var points3 = [];
var numPoints3 = star3.points.numberOfItems;
    
for (var i = 0; i < numPoints3; i++) {  
  var point = star3.points.getItem(i);
  points3[i] = {x:point.x, y:point.y};
    if(i != 6) {
         createHandle3(point,i);
    }
}
    


TweenLite.set("#svg", { autoAlpha: 1 });
TweenLite.set("#svg2", { autoAlpha: 1 });
TweenLite.set("#svg3", { autoAlpha: 1 });
var reset;
var reset2;
var reset3;
    
function createHandle(point,i) {
    
  var marker = createClone(markerDef, markerLayer, point);
  var handle = createClone(handleDef, handleLayer, point);
  
  var draggable = new Draggable(handle, {
    onDrag: moveAction,
    bounds: document.getElementById("svg"),
    liveSnap: {
      points: points,
      radius: 10
    },
    snap: {
      points: points,
      radius: 50
    }
  });   
  
  function moveAction() {
    if (this.x < 10) {
        this.x = 10;
    }
    if (this.x > 390) {
        this.x = 390;
    }
    if (this.y < 10) {
        this.y = 10;
    }
    if (this.y > 390) {
        this.y = 390;
    }
        point.x = this.x;
        point.y = this.y;

        var ni = 0;

        switch (i) {
            case 0:
                ni = 1;
                break;
            case 1:
                ni = 3;
                break;
            case 2:
                ni = 5;
                break;
            case 3:
                ni = 7;
                break;
            case 4:
                ni = 9;
                break;
            case 5:
                ni = 11;
                break;
        }

        document.querySelector("#inner").points.getItem(ni).x = this.x;
        document.querySelector("#inner").points.getItem(ni).y = this.y;
        
        clearTimeout(reset);
        reset = setTimeout(function(){ 
            
            document.querySelectorAll("animate.a1").forEach(element => {
                element.beginElement();
            });
            
            setTimeout(function(){
            
            $('.handle:nth-of-type(1)').attr('transform','matrix(1,0,0,1,275,125)');
            points[0].x = 275;
            points[0].y = 125;
            document.querySelector("#star").points.getItem(0).x = 275;
            document.querySelector("#star").points.getItem(0).y = 125;
            
            $('.handle:nth-of-type(2)').attr('transform','matrix(1,0,0,1,285,230)');
            points[1].x = 285;
            points[1].y = 230;
            document.querySelector("#star").points.getItem(1).x = 285
            document.querySelector("#star").points.getItem(1).y = 230;
            
            $('.handle:nth-of-type(3)').attr('transform','matrix(1,0,0,1,250,295)');
            points[2].x = 250;
            points[2].y = 295;
            document.querySelector("#star").points.getItem(2).x = 250;
            document.querySelector("#star").points.getItem(2).y = 295;
            
            $('.handle:nth-of-type(4)').attr('transform','matrix(1,0,0,1,135,260)');
            points[3].x = 135;
            points[3].y = 260;
            document.querySelector("#star").points.getItem(3).x = 135;
            document.querySelector("#star").points.getItem(3).y = 260;
            
            $('.handle:nth-of-type(5)').attr('transform','matrix(1,0,0,1,130,150)');
            points[4].x = 130;
            points[4].y = 150;
            document.querySelector("#star").points.getItem(4).x = 130;
            document.querySelector("#star").points.getItem(4).y = 150;
            
            $('.handle:nth-of-type(6)').attr('transform','matrix(1,0,0,1,230,90)');
            points[5].x = 230;
            points[5].y = 90;
            document.querySelector("#star").points.getItem(5).x = 230;
            document.querySelector("#star").points.getItem(5).y = 90;
            
            document.querySelector("#inner").points.getItem(1).x = 275;
            document.querySelector("#inner").points.getItem(1).y = 125;
            document.querySelector("#inner").points.getItem(3).x = 285
            document.querySelector("#inner").points.getItem(3).y = 230;
            document.querySelector("#inner").points.getItem(5).x = 250;
            document.querySelector("#inner").points.getItem(5).y = 295;
            document.querySelector("#inner").points.getItem(7).x = 135;
            document.querySelector("#inner").points.getItem(7).y = 260;
            document.querySelector("#inner").points.getItem(9).x = 130;
            document.querySelector("#inner").points.getItem(9).y = 150;
            document.querySelector("#inner").points.getItem(11).x = 230;
            document.querySelector("#inner").points.getItem(11).y = 90;
            
            }, 2000);
        }, 6000);
  }  
}

function createHandle2(point,i) {
    
  var marker = createClone(markerDef2, markerLayer2, point);
  var handle = createClone(handleDef2, handleLayer2, point);
  
  var draggable = new Draggable(handle, {
    onDrag: moveAction,
    bounds: document.getElementById("svg2"),
    liveSnap: {
      points: points,
      radius: 10
    },
    snap: {
      points: points,
      radius: 50
    }
  });   
  
  function moveAction() {
    if (this.x < 10) {
        this.x = 10;
    }
    if (this.x > 390) {
        this.x = 390;
    }
    if (this.y < 10) {
        this.y = 10;
    }
    if (this.y > 390) {
        this.y = 390;
    }
        point.x = this.x;
        point.y = this.y;

        var ni = 0;

        switch (i) {
            case 0:
                ni = 1;
                break;
            case 1:
                ni = 3;
                break;
            case 2:
                ni = 5;
                break;
            case 3:
                ni = 7;
                break;
            case 4:
                ni = 9;
                break;
            case 5:
                ni = 11;
                break;
        }

        document.querySelector("#inner2").points.getItem(ni).x = this.x;
        document.querySelector("#inner2").points.getItem(ni).y = this.y;
        
        clearTimeout(reset2);
        reset2 = setTimeout(function(){ 
            
            document.querySelectorAll("animate.a2").forEach(element => {
                element.beginElement();
            });
            
            setTimeout(function(){
            
            $('.handle2:nth-of-type(1)').attr('transform','matrix(1,0,0,1,294,135)');
            points2[0].x = 294;
            points2[0].y = 135;
            document.querySelector("#star2").points.getItem(0).x = 294;
            document.querySelector("#star2").points.getItem(0).y = 135;
            document.querySelector("#inner2").points.getItem(1).x = 294;
            document.querySelector("#inner2").points.getItem(1).y = 135;
            
            $('.handle2:nth-of-type(2)').attr('transform','matrix(1,0,0,1,310,240)');
            points2[1].x = 310;
            points2[1].y = 240;
            document.querySelector("#star2").points.getItem(1).x = 310;
            document.querySelector("#star2").points.getItem(1).y = 240;
            document.querySelector("#inner2").points.getItem(3).x = 310;
            document.querySelector("#inner2").points.getItem(3).y = 240;
            
            $('.handle2:nth-of-type(3)').attr('transform','matrix(1,0,0,1,250,295)');
            points2[2].x = 250;
            points2[2].y = 295;
            document.querySelector("#star2").points.getItem(2).x = 250;
            document.querySelector("#star2").points.getItem(2).y = 295;
            document.querySelector("#inner2").points.getItem(5).x = 250;
            document.querySelector("#inner2").points.getItem(5).y = 295;
            
            $('.handle2:nth-of-type(4)').attr('transform','matrix(1,0,0,1,135,260)');
            points2[3].x = 135;
            points2[3].y = 260;
            document.querySelector("#star2").points.getItem(3).x = 135;
            document.querySelector("#star2").points.getItem(3).y = 260;
            document.querySelector("#inner2").points.getItem(7).x = 135;
            document.querySelector("#inner2").points.getItem(7).y = 260;
            
            $('.handle2:nth-of-type(5)').attr('transform','matrix(1,0,0,1,130,150)');
            points2[4].x = 130;
            points2[4].y = 150;
            document.querySelector("#star2").points.getItem(4).x = 130;
            document.querySelector("#star2").points.getItem(4).y = 150;
            document.querySelector("#inner2").points.getItem(9).x = 130;
            document.querySelector("#inner2").points.getItem(9).y = 150;
            
            $('.handle2:nth-of-type(6)').attr('transform','matrix(1,0,0,1,234,88)');
            points2[5].x = 234;
            points2[5].y = 88;
            document.querySelector("#star2").points.getItem(5).x = 234;
            document.querySelector("#star2").points.getItem(5).y = 88;
            document.querySelector("#inner2").points.getItem(11).x = 234;
            document.querySelector("#inner2").points.getItem(11).y = 88;
            
            }, 2000);
        }, 6000);
  }  
}

function createHandle3(point,i) {
    
  var marker = createClone(markerDef3, markerLayer3, point);
  var handle = createClone(handleDef3, handleLayer3, point);
  
  var draggable = new Draggable(handle, {
    onDrag: moveAction,
    bounds: document.getElementById("svg3"),
    liveSnap: {
      points: points,
      radius: 10
    },
    snap: {
      points: points,
      radius: 50
    }
  });   
  
  function moveAction() {
    if (this.x < 10) {
        this.x = 10;
    }
    if (this.x > 390) {
        this.x = 390;
    }
    if (this.y < 10) {
        this.y = 10;
    }
    if (this.y > 390) {
        this.y = 390;
    }
        point.x = this.x;
        point.y = this.y;

        var ni = 0;

        switch (i) {
            case 0:
                ni = 1;
                break;
            case 1:
                ni = 3;
                break;
            case 2:
                ni = 5;
                break;
            case 3:
                ni = 7;
                break;
            case 4:
                ni = 9;
                break;
            case 5:
                ni = 11;
                break;
        }

        document.querySelector("#inner3").points.getItem(ni).x = this.x;
        document.querySelector("#inner3").points.getItem(ni).y = this.y;
        
        clearTimeout(reset3);
        reset3 = setTimeout(function(){ 
            
            document.querySelectorAll("animate").forEach(element => {
                element.beginElement();
            });
            
            setTimeout(function(){

            $('.handle3:nth-of-type(1)').attr('transform','matrix(1,0,0,1,296,168)');
            points3[0].x = 296;
            points3[0].y = 168;
            document.querySelector("#star3").points.getItem(0).x = 296;
            document.querySelector("#star3").points.getItem(0).y = 168;
            document.querySelector("#inner3").points.getItem(1).x = 296;
            document.querySelector("#inner3").points.getItem(1).y = 168;
            
            $('.handle3:nth-of-type(2)').attr('transform','matrix(1,0,0,1,331,225)');
            points3[1].x = 331;
            points3[1].y = 225;
            document.querySelector("#star3").points.getItem(1).x = 331;
            document.querySelector("#star3").points.getItem(1).y = 225;
            document.querySelector("#inner3").points.getItem(3).x = 331;
            document.querySelector("#inner3").points.getItem(3).y = 225;
            
            $('.handle3:nth-of-type(3)').attr('transform','matrix(1,0,0,1,285,272)');
            points3[2].x = 285;
            points3[2].y = 272;
            document.querySelector("#star3").points.getItem(2).x = 285;
            document.querySelector("#star3").points.getItem(2).y = 272;
            document.querySelector("#inner3").points.getItem(5).x = 285;
            document.querySelector("#inner3").points.getItem(5).y = 272;
            
            $('.handle3:nth-of-type(4)').attr('transform','matrix(1,0,0,1,186,279)');
            points3[3].x = 186;
            points3[3].y = 279;
            document.querySelector("#star3").points.getItem(3).x = 186;
            document.querySelector("#star3").points.getItem(3).y = 279;
            document.querySelector("#inner3").points.getItem(7).x = 186;
            document.querySelector("#inner3").points.getItem(7).y = 279;
            
            $('.handle3:nth-of-type(5)').attr('transform','matrix(1,0,0,1,144,210)');
            points3[4].x = 144;
            points3[4].y = 210;
            document.querySelector("#star3").points.getItem(4).x = 144;
            document.querySelector("#star3").points.getItem(4).y = 210;
            document.querySelector("#inner3").points.getItem(9).x = 144;
            document.querySelector("#inner3").points.getItem(9).y = 210;
            
            $('.handle3:nth-of-type(6)').attr('transform','matrix(1,0,0,1,210,155)');
            points3[5].x = 210;
            points3[5].y = 155;
            document.querySelector("#star3").points.getItem(5).x = 210;
            document.querySelector("#star3").points.getItem(5).y = 155;
            document.querySelector("#inner3").points.getItem(11).x = 210;
            document.querySelector("#inner3").points.getItem(11).y = 155;
            
            }, 2000);
        }, 6000);
  }  
}


function createClone(node, parent, point) {
  var element = node.cloneNode(true);
  parent.appendChild(element);
  TweenLite.set(element, { x: point.x, y: point.y });
  return element;
}
    
var elm = document.querySelector('#svg');
var elm2 = document.querySelector('#svg2');
var elm3 = document.querySelector('#svg3');

var onScroll = (function(){
  var startPos;
  
  function run(){
    var fromTop = window.pageYOffset, 
        rect = elm.getBoundingClientRect(),
        scrollDelta;

    if( (rect.top - window.innerHeight) <= 0 && rect.bottom > 0 )
       startPos = startPos === undefined ? fromTop : startPos;
    else{
      startPos = 0;
      return;
    }
    
    scrollDelta = (fromTop) * 0.04;
    elm.style.transform = `translateX(${scrollDelta}px) rotate(${scrollDelta}deg)`;
    elm2.style.transform = `translateX(-${scrollDelta}px) rotate(-${scrollDelta}deg)`;
    elm3.style.transform = `translateX(-${scrollDelta}px) rotate(-${scrollDelta}deg)`;
  }
  
  run();
  
  return run;
})()

window.addEventListener('scroll', onScroll);
</script>    </main>

        <footer id="footer" class="bc-footer p-r">
        <div class="container">
            <div class="row">
                <div class="grid-12">
                    <h2 class="tc-text fs-18 lh-24 ff-heading lh-text m-b-25 tt-u fw-900">Webexpo 2021</h2>
                </div>
            </div>
            <div class="row">
                <div class="grid-6">
                    <div id="footer-info" class="tc-text lh-20 fs-12">
                        <p class="p-b-20">Do you have any questions? Please feel free to contact Pavlína Lavičková by <a href="mailto:pavlina@webexpo.net">email</a> or call her at +420 731088168.</p>
                        <p class="p-b-20">Explore the unforgettable city of Prague, listen to talks from more than 70 industry-leading speakers on innovative topics, meet over 1700 web professionals from around the world, and enjoy three amazing parties!</p>
                        <p class="p-b-20">Palace Lucerna, Vodičkova 704/36, Prague 1</p>
                        <p class="p-b-20">Director <a href="mailto:sarka@webexpo.net">Šárka Štrossová</a><br>
                            Event coordinator <a href="mailto:eva@webexpo.net">Eva Klierová</a><br>
                            Designed by <a href="https://www.triplebang.agency/" target="_blank">triplebang.agency</a><br>
                            Marketing Team - <a href="https://www.ulab.rocks/" target="_blank">uLab</a></p>
                    </div>       
                </div>
                <div class="grid-6">
                    <div class="f-r">
                        <div class="f-r lh-20 fs-12">
                            <div id="footer-previous-year" class="p-b-20 o-h">
                                <ul class="f-r">
                                    <li class="f-l c-b"><a target="_blank" href="/prague2019">2019</a></li>
                                    <li class="f-l c-b"><a target="_blank" href="/prague2018">2018</a></li>
                                    <li class="f-l c-b"><a target="_blank" href="/prague2017">2017</a></li>
                                    <li class="f-l c-b"><a target="_blank" href="/prague2016/">2016</a></li>
                                    <li class="f-l c-b"><a href="https://webexpo.net/prague2015/" target="_blank">2015</a></li>
                                    <li class="f-l c-b"><a href="https://webexpo.net/prague2014/" target="_blank">2014</a></li>
                                    <li class="f-l c-b"><a href="https://webexpo.net/prague2013/" target="_blank">2013</a></li>
                                    <li class="f-l c-b"><a href="https://webexpo.net/prague2012/" target="_blank">2012</a></li>
                                    <li class="f-l c-b"><a href="https://webexpo.net/prague2011/" target="_blank">2011</a></li>
                                    <li class="f-l c-b"><a href="https://webexpo.net/prague2010/" target="_blank">2010</a></li>
                                </ul>               
                            </div>
                        </div>
                        <div id="footer-menu" class="f-r lh-20 fs-12 m-b-50 m-r-50">
                            <ul class="f-r ta-r">
                                <li><a href="/prague2021/tickets">Tickets</a></li>
                                <li><a href="/WebExpo_-_Code_of_conduct.pdf" target="_blank">Code of conduct</a></li>
                                <li><a href="https://www.facebook.com/WebExpo" target="_blank">Facebook</a></li>
                                <li><a href="https://twitter.com/webexpo" target="_blank">Twitter</a></li>
                                <li><a href="https://www.instagram.com/webexpo/" target="_blank">Instagram</a></li>
                                <li><a href="https://medium.com/webexpo" target="_blank">Medium</a></li>
                            </ul>
                        </div>
                        <div id="footer-email" class="lh-20 fs-12">
                            <a href="mailto:info@webexpo.net">info@webexpo.net</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </footer><script>
  $("form").submit(function() {
    $('.sending').fadeIn();
    $(this).submit(function() {
      return false;
    });
    return true;
  });
</script>


<div id="scroll-indicator" class=""><span>0%</span></div>

        <div id="mobile-menu" style="display: none">
            <ul id="mobile-links">
                <li ><a href="/prague2021/speakers" onclick="dataLayer.push({
                        'event': 'ga.event',
                        'eventCategory': 'Click - Speakers | C2A',
                        'eventAction': &quot;https:\/\/www.webexpo.net\/prague2021&quot;,
                        'eventLabel': 'SPEAKERS|2',
                        'eventValue': undefined,
                        'eventNonInteraction': 'true',
                        'eventCallback':function(){  },'eventTimeout': 300 });">speakers</a></li>
                    <li><a href="/prague2021/program">program</a></li>
                    <li><a href="/prague2021/workshops">workshops</a></li>
                    
                    <li><a href="/prague2021/venue">venue & parties</a></li>
                    <li><a href="/prague2021/faq">faq</a></li>
                    <li><a href="https://slideslive.com/webexpo">videos</a></li>
                    

                        <li><a href="#" class="close-menu toggle-login">login</a></li>
            </ul> 
        </div>

            <div id="form-errors">

            </div>
            <div id="login-form" style="display: none">
                <div id="loginFormContainer">
<form novalidate action="/prague2021" method="post" id="frm-signInForm-form" class="form-horizontal">
	<a href="#" class="toggle-login"><svg width="30px" height="58px" viewBox="0 0 30 58" version="1.1">
    <g id="WebExpo-2019" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M-Menu" transform="translate(-265.000000, -26.000000)" fill="#FFFFF9" fill-rule="nonzero">
            <g id="Group-Copy" transform="translate(265.000000, 26.000000)">
                <path d="M2.00474467,32.3456538 C1.63655484,32.3456538 1.338078,32.6407388 1.338078,33.0047447 C1.338078,33.3687505 1.63655484,33.6638356 2.00474467,33.6638356 L28.0047447,33.6638356 C28.3729345,33.6638356 28.6714113,33.3687505 28.6714113,33.0047447 C28.6714113,32.6407388 28.3729345,32.3456538 28.0047447,32.3456538 L2.00474467,32.3456538 Z M2.00474467,31.0274719 L28.0047447,31.0274719 C29.1093142,31.0274719 30.0047447,31.9127271 30.0047447,33.0047447 C30.0047447,34.0967622 29.1093142,34.9820174 28.0047447,34.9820174 L2.00474467,34.9820174 C0.900175172,34.9820174 0.00474467151,34.0967622 0.00474467151,33.0047447 C0.00474467151,31.9127271 0.900175172,31.0274719 2.00474467,31.0274719 Z" id="Rectangle" transform="translate(15.004745, 33.004745) rotate(-315.000000) translate(-15.004745, -33.004745) "></path>
                <path d="M2.00474467,32.3456538 C1.63655484,32.3456538 1.338078,32.6407388 1.338078,33.0047447 C1.338078,33.3687505 1.63655484,33.6638356 2.00474467,33.6638356 L28.0047447,33.6638356 C28.3729345,33.6638356 28.6714113,33.3687505 28.6714113,33.0047447 C28.6714113,32.6407388 28.3729345,32.3456538 28.0047447,32.3456538 L2.00474467,32.3456538 Z M2.00474467,31.0274719 L28.0047447,31.0274719 C29.1093142,31.0274719 30.0047447,31.9127271 30.0047447,33.0047447 C30.0047447,34.0967622 29.1093142,34.9820174 28.0047447,34.9820174 L2.00474467,34.9820174 C0.900175172,34.9820174 0.00474467151,34.0967622 0.00474467151,33.0047447 C0.00474467151,31.9127271 0.900175172,31.0274719 2.00474467,31.0274719 Z" id="Rectangle" transform="translate(15.004745, 33.004745) rotate(-45.000000) translate(-15.004745, -33.004745) "></path>
            </g>
        </g>
    </g>
</svg></a>
	<div>
		<div class="login-heading ta-c">
			<div class="d-ib mw-355 w-100 ta-l">
				Sign In
			</div>
		</div>
		<div class="d-b ta-c">
			<div class="m-b-15">
				<div class="nice-text-input mw-355 m-a d-r">
					<label class="d-b m-a ta-l" for="frm-signInForm-form-email">E-mail</label>
					<input type="email" name="email" class="mw-355 m-a d-b" required="" id="frm-signInForm-form-email" required="">
				</div>
			</div>
		</div>
		<div class="d-b ta-c">
			<div class="m-b-15">
				<div class="nice-text-input mw-355 m-a d-r">
					<label class="d-b m-a ta-l" for="frm-signInForm-form-password">Password</label>
					<input type="password" name="password" class="mw-355 m-a d-b" id="frm-signInForm-form-password" required="" required="">
				</div>
			</div>
		</div>
		<div class="d-b ta-c">
			<div class="m-b-15">
				<div class="mw-355 d-ib w-100">
					<input name="login" class="button big-button bc-active tc-secondary fs-20 lh-20 ff-heading fw-900 s-1 z-9 p-r w-100 " type="submit" value="Login" formnovalidate="">
				</div>
			</div>
		</div>
		<div class="ta-c tc-secondary fs-16">
			<a style="cursor: pointer" class="login-lost-toggle tc-secondary">Create or reset password</a>
		</div>
	</div>
<input type="hidden" name="_token_" class="form-control" value="ogijqx6uj0ua5RfSbKgCGbMhRyziEWiDzRZVE="><input type="hidden" name="key" class="form-control" value="am5dd" id="frm-signInForm-form-key"><input type="hidden" name="_do" value="signInForm-form-submit"></form>

                </div>
                <div style="display: none" id="passwordResetFormContainer">
<form novalidate action="/prague2021" method="post" id="frm-lostPasswordForm-form" class="form-horizontal">
	<a href="#" class="toggle-login">x</a>
	<div>
		<div class="login-heading ta-c">
			<div class="d-ib mw-355 w-100 ta-l">
				Lost password
			</div>
		</div>
		<div class="d-b ta-c">
			<div class="m-b-15">
				<div class="nice-text-input mw-355 m-a d-r">
					<label class="d-b m-a ta-l" for="frm-signInForm-form-email">E-mail</label>
					<input type="email" name="email" class="mw-355 m-a d-b" required="" id="frm-signInForm-form-email" required="">
				</div>
			</div>
		</div>
		<div class="d-b ta-c">
			<div class="m-b-15">
				<div class="mw-355 d-ib w-100">
					<input type="submit"  value="Send password instructions" name="login" class="button big-button bc-active tc-secondary fs-20 lh-20 ff-heading fw-900 s-1 z-9 p-r w-100"  formnovalidate="">
				</div>
			</div>
		</div>
		<div class="ta-c tc-secondary fs-16">
			<a style="cursor: pointer" class="login-lost-toggle tc-secondary">Sign In</a>
		</div>
	</div>
<input type="hidden" name="_token_" class="form-control" value="agb4yp99guXdMRnSWomO9RG7vWVY2J9zQdOEc="><input type="hidden" name="_do" value="lostPasswordForm-form-submit"><!--[if IE]><input type=IEbug disabled style="display:none"><![endif]-->
</form>

                </div>

                <script>
                  $('.login-lost-toggle').on('click',function () {
                    $('#loginFormContainer').toggle();
                    $('#passwordResetFormContainer').toggle();
                  });

                  var errors =  $('.move-out-of-hidden');

                  errors.each(function () {
                    var error = $(this).clone();
                    error.appendTo($('#form-errors'));
                    $(this).hide();
                  });
                </script>

            </div>

<div id="snippet--flashes"></div>        
    <script>window._nQc="89956617";</script>
    <script async src="https://serve.albacross.com/track.js"></script>    
    <script type="text/javascript">
    ;(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[];
    p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments)
    };p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1;
    n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,"script","//d1fc8wv8zag5ca.cloudfront.net/2.4.2/sp.js","ecotrack"));
    window.ecotrack('newTracker', 'cf', 'd2dpiwfhf3tz0r.cloudfront.net', { // Initialise a tracker
     appId: 'webexpo'
    });
    window.ecotrack('setUserIdFromLocation', 'ecmid');
    window.ecotrack('trackPageView');
    </script>
   
    </body>
    <!-- e83f735b498147fa8954865509941ea95c4500a0 -->
</html>