CINXE.COM

<!DOCTYPE html> <html> <head> <title>10 Rules Of Digital Storytelling</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="description" content="Tilda founder Nikita Obukhov on how to tell stories digitally " /> <meta property="og:url" content="https://tilda.education/en/articles-10-rules-of-storytelling" /> <meta property="og:image" content="https://tilda.education/upload/pages/17468862/socnet.png" /> <meta property="og:title" content="10 Rules Of Digital Storytelling" /> <meta property="og:description" content="Tilda founder Nikita Obukhov on how to tell stories digitally " /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Tilda.Education" /> <link rel="canonical" href="https://tilda.education/en/articles-10-rules-of-storytelling"/>  <meta name="facebook-domain-verification" content="9one1zge7glj0hixes5xaof541u8mi" /> <meta property="fb:app_id" content="1501686730124089"> <link rel="shortcut icon" href="https://tilda.ws/img/tildafavicon.ico"> <link rel="stylesheet" type="text/css" href="/css/union.css">   <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"> <link rel="stylesheet" type="text/css" href="/static/project3379564/css/tilda-blocks-page16067110.min.css"><link rel="stylesheet" type="text/css" href="/static/project3379564/css/fonts-tildasans.css"><link rel="stylesheet" type="text/css" href="/static/project3379564/css/tilda-blocks-page17468862.min.css"><link rel="stylesheet" type="text/css" href="/static/project3379564/css/tilda-cover-1.0.min.css"><link rel="stylesheet" type="text/css" href="/static/project3379564/css/tilda-slds-1.4.min.css"><link rel="stylesheet" type="text/css" href="/static/project3379564/css/tilda-cards-1.0.min.css"> <link rel="alternate" type="application/rss+xml" title="Tilda.Education Articles" href="https://tilda.education/rss.xml" /> <script src="/js/jquery-union.min.js"></script>    <script type="text/javascript" src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js"></script> <script type="text/javascript" src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js"></script> <script type="text/javascript"> var d = new Date(); window.startTimer = d.getTime(); </script>  <script type="text/javascript" src="/static/project8756/js/tilda-scripts-3.0.min.js"></script>  <script type="text/javascript">function t_onReady(func) { if (document.readyState != 'loading') { func(); } else { document.addEventListener('DOMContentLoaded', func); } } function t_onFuncLoad(funcName, okFunc, time) { if (typeof window[funcName] === 'function') { okFunc(); } else { setTimeout(function() { t_onFuncLoad(funcName, okFunc, time); },(time || 100)); } }function t_throttle(fn, threshhold, scope) {return function () {fn.apply(scope || this, arguments);};} </script> </head> <body itemscope itemtype="http://schema.org/NewsArticle" ><div id="overlay" style="display: none;"></div> <div id="rec272402637" class="r t-rec t-rec_pb_0" style="padding-bottom:0px;background-color:#ffffff; " data-animationappear="off" data-record-type="456" data-bg-color="#ffffff">  <div id="nav272402637marker"></div> <div class="tmenu-mobile"> <div class="tmenu-mobile__container"> <div class="tmenu-mobile__text t-name t-name_md" field="menu_mob_title"> </div> <button type="button" class="t-menuburger t-menuburger_first " aria-label="Navigation menu" aria-expanded="false"> <span style="background-color:#ffffff;"></span> <span style="background-color:#ffffff;"></span> <span style="background-color:#ffffff;"></span> <span style="background-color:#ffffff;"></span> </button> <script>function t_menuburger_init(recid) {var rec=document.querySelector('#rec' + recid);if(!rec) return;var burger=rec.querySelector('.t-menuburger');if(!burger) return;var isSecondStyle=burger.classList.contains('t-menuburger_second');if(isSecondStyle&&!window.isMobile&&!('ontouchend' in document)) {burger.addEventListener('mouseenter',function() {if(burger.classList.contains('t-menuburger-opened')) return;burger.classList.remove('t-menuburger-unhovered');burger.classList.add('t-menuburger-hovered');});burger.addEventListener('mouseleave',function() {if(burger.classList.contains('t-menuburger-opened')) return;burger.classList.remove('t-menuburger-hovered');burger.classList.add('t-menuburger-unhovered');setTimeout(function() {burger.classList.remove('t-menuburger-unhovered');},300);});} burger.addEventListener('click',function() {if(!burger.closest('.tmenu-mobile')&&!burger.closest('.t450__burger_container')&&!burger.closest('.t466__container')&&!burger.closest('.t204__burger')&&!burger.closest('.t199__js__menu-toggler')) {burger.classList.toggle('t-menuburger-opened');burger.classList.remove('t-menuburger-unhovered');}});var menu=rec.querySelector('[data-menu="yes"]');if(!menu) return;var menuLinks=menu.querySelectorAll('.t-menu__link-item');var submenuClassList=['t978__menu-link_hook','t978__tm-link','t966__tm-link','t794__tm-link','t-menusub__target-link'];Array.prototype.forEach.call(menuLinks,function(link) {link.addEventListener('click',function() {var isSubmenuHook=submenuClassList.some(function(submenuClass) {return link.classList.contains(submenuClass);});if(isSubmenuHook) return;burger.classList.remove('t-menuburger-opened');});});menu.addEventListener('clickedAnchorInTooltipMenu',function() {burger.classList.remove('t-menuburger-opened');});} t_onReady(function() {t_onFuncLoad('t_menuburger_init',function(){t_menuburger_init('272402637');});});</script> <style>.t-menuburger{position:relative;flex-shrink:0;width:28px;height:20px;padding:0;border:none;background-color:transparent;outline:none;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:transform .5s ease-in-out;cursor:pointer;z-index:999;}.t-menuburger span{display:block;position:absolute;width:100%;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.25s ease-in-out;height:3px;background-color:#000;}.t-menuburger span:nth-child(1){top:0px;}.t-menuburger span:nth-child(2),.t-menuburger span:nth-child(3){top:8px;}.t-menuburger span:nth-child(4){top:16px;}.t-menuburger__big{width:42px;height:32px;}.t-menuburger__big span{height:5px;}.t-menuburger__big span:nth-child(2),.t-menuburger__big span:nth-child(3){top:13px;}.t-menuburger__big span:nth-child(4){top:26px;}.t-menuburger__small{width:22px;height:14px;}.t-menuburger__small span{height:2px;}.t-menuburger__small span:nth-child(2),.t-menuburger__small span:nth-child(3){top:6px;}.t-menuburger__small span:nth-child(4){top:12px;}.t-menuburger-opened span:nth-child(1){top:8px;width:0%;left:50%;}.t-menuburger-opened span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg);}.t-menuburger-opened span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}.t-menuburger-opened span:nth-child(4){top:8px;width:0%;left:50%;}.t-menuburger-opened.t-menuburger__big span:nth-child(1){top:6px;}.t-menuburger-opened.t-menuburger__big span:nth-child(4){top:18px;}.t-menuburger-opened.t-menuburger__small span:nth-child(1),.t-menuburger-opened.t-menuburger__small span:nth-child(4){top:6px;}@media (hover),(min-width:0\0){.t-menuburger_first:hover span:nth-child(1){transform:translateY(1px);}.t-menuburger_first:hover span:nth-child(4){transform:translateY(-1px);}.t-menuburger_first.t-menuburger__big:hover span:nth-child(1){transform:translateY(3px);}.t-menuburger_first.t-menuburger__big:hover span:nth-child(4){transform:translateY(-3px);}}.t-menuburger_second span:nth-child(2),.t-menuburger_second span:nth-child(3){width:80%;left:20%;right:0;}@media (hover),(min-width:0\0){.t-menuburger_second.t-menuburger-hovered span:nth-child(2),.t-menuburger_second.t-menuburger-hovered span:nth-child(3){animation:t-menuburger-anim 0.3s ease-out normal forwards;}.t-menuburger_second.t-menuburger-unhovered span:nth-child(2),.t-menuburger_second.t-menuburger-unhovered span:nth-child(3){animation:t-menuburger-anim2 0.3s ease-out normal forwards;}}.t-menuburger_second.t-menuburger-opened span:nth-child(2),.t-menuburger_second.t-menuburger-opened span:nth-child(3){left:0;right:0;width:100%!important;}.t-menuburger_third span:nth-child(4){width:70%;left:unset;right:0;}@media (hover),(min-width:0\0){.t-menuburger_third:not(.t-menuburger-opened):hover span:nth-child(4){width:100%;}}.t-menuburger_third.t-menuburger-opened span:nth-child(4){width:0!important;right:50%;}.t-menuburger_fourth{height:12px;}.t-menuburger_fourth.t-menuburger__small{height:8px;}.t-menuburger_fourth.t-menuburger__big{height:18px;}.t-menuburger_fourth span:nth-child(2),.t-menuburger_fourth span:nth-child(3){top:4px;opacity:0;}.t-menuburger_fourth span:nth-child(4){top:8px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(2),.t-menuburger_fourth.t-menuburger__small span:nth-child(3){top:3px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(4){top:6px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(2),.t-menuburger_fourth.t-menuburger__small span:nth-child(3){top:3px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(4){top:6px;}.t-menuburger_fourth.t-menuburger__big span:nth-child(2),.t-menuburger_fourth.t-menuburger__big span:nth-child(3){top:6px;}.t-menuburger_fourth.t-menuburger__big span:nth-child(4){top:12px;}@media (hover),(min-width:0\0){.t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(1){transform:translateY(1px);}.t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(4){transform:translateY(-1px);}.t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(1){transform:translateY(3px);}.t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(4){transform:translateY(-3px);}}.t-menuburger_fourth.t-menuburger-opened span:nth-child(1),.t-menuburger_fourth.t-menuburger-opened span:nth-child(4){top:4px;}.t-menuburger_fourth.t-menuburger-opened span:nth-child(2),.t-menuburger_fourth.t-menuburger-opened span:nth-child(3){opacity:1;}@keyframes t-menuburger-anim{0%{width:80%;left:20%;right:0;}50%{width:100%;left:0;right:0;}100%{width:80%;left:0;right:20%;}}@keyframes t-menuburger-anim2{0%{width:80%;left:0;}50%{width:100%;right:0;left:0;}100%{width:80%;left:20%;right:0;}}</style> </div> </div> <style>.tmenu-mobile{background-color:#111;display:none;width:100%;top:0;z-index:990;}.tmenu-mobile_positionfixed{position:fixed;}.tmenu-mobile__text{color:#fff;}.tmenu-mobile__container{min-height:64px;padding:20px;position:relative;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.tmenu-mobile__list{display:block;}.tmenu-mobile__burgerlogo{display:inline-block;font-size:24px;font-weight:400;white-space:nowrap;vertical-align:middle;}.tmenu-mobile__imglogo{height:auto;display:block;max-width:300px!important;box-sizing:border-box;padding:0;margin:0 auto;}@media screen and (max-width:980px){.tmenu-mobile__menucontent_hidden{display:none;height:100%;}.tmenu-mobile{display:block;}}@media screen and (max-width:980px){#rec272402637 .t-menuburger{-webkit-order:1;-ms-flex-order:1;order:1;}}</style> <style> #rec272402637 .tmenu-mobile__burgerlogo a{font-size:24px;font-weight:700;}</style> <style> #rec272402637 .tmenu-mobile__burgerlogo__title{font-size:24px;font-weight:700;}</style> <div id="nav272402637" class="t456 t456__positionfixed t456__beforeready tmenu-mobile__menucontent_hidden" style="background-color: rgba(255,255,255,0.90); height:65px; " data-bgcolor-hex="#ffffff" data-bgcolor-rgba="rgba(255,255,255,0.90)" data-navmarker="nav272402637marker" data-appearoffset="500" data-bgopacity-two="90" data-menushadow="" data-menushadow-css="0px 1px 3px rgba(0,0,0,0)" data-bgopacity="0.90" data-bgcolor-rgba-afterscroll="rgba(255,255,255,0.90)" data-menu-items-align="right" data-menu="yes"> <div class="t456__maincontainer " style="height:65px;"> <div class="t456__leftwrapper" style=""> <div class="t456__logowrapper"> <a href="http://tilda.education/en"> <div class="t456__logo t-title" field="title"">Tilda Education</div> </a> </div> </div> <nav class="t456__rightwrapper t456__menualign_right" style=""> <ul role="list" class="t456__list t-menu__list"> <li class="t456__list_item" style="padding:0 15px 0 0;"> <a class="t-menu__link-item" href="https://tilda.education/en/#courses" data-menu-submenu-hook="" data-menu-item-number="1">Courses</a> </li> <li class="t456__list_item" style="padding:0 15px;"> <a class="t-menu__link-item" href="https://tilda.education/en/#guidesandarticles" data-menu-submenu-hook="" data-menu-item-number="2">Guides & Articles</a> </li> <li class="t456__list_item" style="padding:0 15px;"> <a class="t-menu__link-item" href="https://tilda.education/en/#videotutorials" data-menu-submenu-hook="" data-menu-item-number="3">Video Tutorials</a> </li> <li class="t456__list_item" style="padding:0 0 0 15px;"> <a class="t-menu__link-item" href="https://tilda.education/en/#stories" data-menu-submenu-hook="" data-menu-item-number="4">Success Stories</a> </li> </ul> </nav> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t_menu__highlightActiveLinks',function() {t_menu__highlightActiveLinks('.t456__list_item a');});t_onFuncLoad('t_menu__findAnchorLinks',function() {t_menu__findAnchorLinks('272402637','.t456__list_item a');});});t_onReady(function() {t_onFuncLoad('t_menu__setBGcolor',function() {t_menu__setBGcolor('272402637','.t456');window.addEventListener('resize',function() {t_menu__setBGcolor('272402637','.t456');});});t_onFuncLoad('t_menu__interactFromKeyboard',function() {t_menu__interactFromKeyboard('272402637');});});t_onReady(function() {var rec=document.querySelector('#rec272402637');if(!rec) return;rec.querySelector('.t456').classList.remove('t456__beforeready');t_onFuncLoad('t_menu__showFixedMenu',function() {t_menu__showFixedMenu('272402637','.t456');window.addEventListener('scroll',t_throttle(function() {t_menu__showFixedMenu('272402637','.t456');}));});});t_onReady(function() {t_onFuncLoad('t_menu__changeBgOpacity',function() {t_menu__changeBgOpacity('272402637','.t456');window.addEventListener('scroll',t_throttle(function() {t_menu__changeBgOpacity('272402637','.t456');}));});});</script> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t_menu__createMobileMenu',function() {t_menu__createMobileMenu('272402637','.t456');});});</script> <style>#rec272402637 .t-menu__link-item{-webkit-transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;position:relative;}#rec272402637 .t-menu__link-item:not(.t-active):not(.tooltipstered)::after{content:'';position:absolute;left:0;bottom:20%;opacity:0;width:100%;height:100%;border-bottom:1px solid #ffa282;-webkit-box-shadow:inset 0px -1px 0px 0px #ffa282;-moz-box-shadow:inset 0px -1px 0px 0px #ffa282;box-shadow:inset 0px -1px 0px 0px #ffa282;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;pointer-events:none;}#rec272402637 .t-menu__link-item.t-active:not(.t978__menu-link){color:#000000 !important;}#rec272402637 .t-menu__link-item:not(.t-active):not(.tooltipstered):hover::after{opacity:1;bottom:-1px;}#rec272402637 .t-menu__link-item:not(.t-active):not(.tooltipstered):focus-visible::after{opacity:1;bottom:-1px;}@supports (overflow:-webkit-marquee) and (justify-content:inherit){#rec272402637 .t-menu__link-item,#rec272402637 .t-menu__link-item.t-active{opacity:1 !important;}}</style> <style> #rec272402637 a.t-menusub__link-item{font-weight:400;}</style> <style> #rec272402637 .t456__logowrapper a{font-size:24px;font-weight:700;}#rec272402637 a.t-menu__link-item{font-size:16px;color:#000000;font-weight:400;}</style> <style> #rec272402637 .t456__logo{font-size:24px;font-weight:700;}</style>  <style>#rec272402637 .t456 {box-shadow:0px 1px 3px rgba(0,0,0,0);}</style> </div>  <div id="allrecords" itemprop="description" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="3379564" data-tilda-page-id="17468862" data-tilda-page-alias="en/articles-10-rules-of-storytelling" data-tilda-formskey="6f20e8cab9363ca37fab290c70306272" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec284105693" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="396">  <style>#rec284105693 .t396__artboard {min-height:550px;height:100vh;background-color:#ffffff;}#rec284105693 .t396__filter {min-height:550px;height:100vh;}#rec284105693 .t396__carrier{min-height:550px;height:100vh;background-position:center center;background-attachment:fixed;transform:translate3d(0,0,0);-moz-transform:unset;background-size:cover;background-repeat:no-repeat;}@media screen and (min-width:1199px) {#rec284105693 .t396__carrier-wrapper {position:absolute;width:100%;height:100%;top:0;left:0;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}#rec284105693 .t396__carrier{position:fixed;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center center;transform:translateZ(0);will-change:transform;pointer-events:none;}}@media screen and (max-width:1199px) {#rec284105693 .t396__artboard,#rec284105693 .t396__filter,#rec284105693 .t396__carrier {min-height:500px;}#rec284105693 .t396__filter {}#rec284105693 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec284105693 .t396__artboard,#rec284105693 .t396__filter,#rec284105693 .t396__carrier {min-height:510px;}#rec284105693 .t396__filter {}#rec284105693 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec284105693 .t396__artboard,#rec284105693 .t396__filter,#rec284105693 .t396__carrier {min-height:410px;}#rec284105693 .t396__filter {}#rec284105693 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec284105693 .t396__artboard,#rec284105693 .t396__filter,#rec284105693 .t396__carrier {min-height:440px;}#rec284105693 .t396__filter {}#rec284105693 .t396__carrier {background-attachment:scroll;}}#rec284105693 .tn-elem[data-elem-id="1473960809193"]{color:#00e0a4;z-index:3;top:calc(50vh - 275px + 380px);left:calc(50% - 600px + 80px);width:543px;}#rec284105693 .tn-elem[data-elem-id="1473960809193"] .tn-atom{color:#00e0a4;font-size:40px;font-family:'TildaSans',Arial,sans-serif;line-height:1.2;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec284105693 .tn-elem[data-elem-id="1473960809193"] {top:400px;left:calc(50% - 480px + 71px);width:403px;}#rec284105693 .tn-elem[data-elem-id="1473960809193"] .tn-atom{font-size:30px;}}@media screen and (max-width:959px) {#rec284105693 .tn-elem[data-elem-id="1473960809193"] {top:395px;left:calc(50% - 320px + 70px);width:340px;}#rec284105693 .tn-elem[data-elem-id="1473960809193"] .tn-atom{font-size:26px;}}@media screen and (max-width:639px) {#rec284105693 .tn-elem[data-elem-id="1473960809193"] {top:306px;left:calc(50% - 240px + 57px);width:241px;}#rec284105693 .tn-elem[data-elem-id="1473960809193"] .tn-atom{font-size:18px;}}@media screen and (max-width:479px) {#rec284105693 .tn-elem[data-elem-id="1473960809193"] {top:330px;left:calc(50% - 160px + 12px);width:239px;}}#rec284105693 .tn-elem[data-elem-id="1489595589033"]{z-index:4;top:calc(50vh - 275px + 130px);left:calc(50% - 600px + 780px);width:340px;}#rec284105693 .tn-elem[data-elem-id="1489595589033"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec284105693 .tn-elem[data-elem-id="1489595589033"] {top:48px;left:calc(50% - 480px + 630px);width:260px;}}@media screen and (max-width:959px) {#rec284105693 .tn-elem[data-elem-id="1489595589033"] {top:85px;left:calc(50% - 320px + 390px);width:190px;}}@media screen and (max-width:639px) {#rec284105693 .tn-elem[data-elem-id="1489595589033"] {top:65px;left:calc(50% - 240px + 300px);width:140px;}}@media screen and (max-width:479px) {#rec284105693 .tn-elem[data-elem-id="1489595589033"] {top:71px;left:calc(50% - 160px + 190px);width:110px;}}#rec284105693 .tn-elem[data-elem-id="1598270876312"]{color:#000000;z-index:5;top:calc(50vh - 275px + 25px);left:calc(50% - 600px + 174px);width:280px;}#rec284105693 .tn-elem[data-elem-id="1598270876312"] .tn-atom{color:#000000;font-size:36px;font-family:'TildaSans',Arial,sans-serif;line-height:1.15;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec284105693 .tn-elem[data-elem-id="1598270876312"] {top:60px;left:calc(50% - 480px + 150px);width:300px;}#rec284105693 .tn-elem[data-elem-id="1598270876312"] .tn-atom{font-size:30px;}}@media screen and (max-width:959px) {#rec284105693 .tn-elem[data-elem-id="1598270876312"] {top:97px;left:calc(50% - 320px + 134px);width:220px;}#rec284105693 .tn-elem[data-elem-id="1598270876312"] .tn-atom{font-size:25px;}}@media screen and (max-width:639px) {#rec284105693 .tn-elem[data-elem-id="1598270876312"] {top:77px;left:calc(50% - 240px + 123px);}#rec284105693 .tn-elem[data-elem-id="1598270876312"] .tn-atom{font-size:22px;}}@media screen and (max-width:479px) {#rec284105693 .tn-elem[data-elem-id="1598270876312"] {top:80px;left:calc(50% - 160px + 60px);width:180px;}#rec284105693 .tn-elem[data-elem-id="1598270876312"] .tn-atom{font-size:18px;}}#rec284105693 .tn-elem[data-elem-id="1598270876318"]{z-index:6;top:calc(50vh - 275px + 11px);left:calc(50% - 600px + 80px);width:70px;}#rec284105693 .tn-elem[data-elem-id="1598270876318"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec284105693 .tn-elem[data-elem-id="1598270876318"] {top:48px;left:calc(50% - 480px + 71px);width:60px;}}@media screen and (max-width:959px) {#rec284105693 .tn-elem[data-elem-id="1598270876318"] {top:85px;left:calc(50% - 320px + 70px);width:50px;}}@media screen and (max-width:639px) {#rec284105693 .tn-elem[data-elem-id="1598270876318"] {top:65px;left:calc(50% - 240px + 60px);}}@media screen and (max-width:479px) {#rec284105693 .tn-elem[data-elem-id="1598270876318"] {top:71px;left:calc(50% - 160px + 10px);width:40px;}}#rec284105693 .tn-elem[data-elem-id="1473960759221"]{color:#00e0a4;z-index:7;top:calc(50vh - 275px + 201px);left:calc(50% - 600px + 81px);width:603px;}#rec284105693 .tn-elem[data-elem-id="1473960759221"] .tn-atom{color:#00e0a4;font-size:68px;font-family:'TildaSans',Arial,sans-serif;line-height:1.05;font-weight:700;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec284105693 .tn-elem[data-elem-id="1473960759221"] {top:282px;left:calc(50% - 480px + 71px);width:560px;}#rec284105693 .tn-elem[data-elem-id="1473960759221"] .tn-atom{font-size:48px;}}@media screen and (max-width:959px) {#rec284105693 .tn-elem[data-elem-id="1473960759221"] {top:292px;left:calc(50% - 320px + 70px);width:470px;}#rec284105693 .tn-elem[data-elem-id="1473960759221"] .tn-atom{font-size:38px;}}@media screen and (max-width:639px) {#rec284105693 .tn-elem[data-elem-id="1473960759221"] {top:232px;left:calc(50% - 240px + 58px);width:386px;}#rec284105693 .tn-elem[data-elem-id="1473960759221"] .tn-atom{font-size:29px;}}@media screen and (max-width:479px) {#rec284105693 .tn-elem[data-elem-id="1473960759221"] {top:263px;left:calc(50% - 160px + 10px);width:300px;}#rec284105693 .tn-elem[data-elem-id="1473960759221"] .tn-atom{font-size:25px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="284105693" data-artboard-screens="320,480,640,960,1200" data-artboard-height="550" data-artboard-valign="center" data-artboard-height_vh="100" data-artboard-upscale="grid" data-artboard-height-res-320="440" data-artboard-height-res-480="410" data-artboard-height-res-640="510" data-artboard-height-res-960="500"> <div class="t396__carrier-wrapper"> <div class="t396__carrier" data-artboard-recid="284105693"></div> </div> <div class="t396__filter" data-artboard-recid="284105693"></div> <div class='t396__elem tn-elem tn-elem__2841056931473960809193' data-elem-id='1473960809193' data-elem-type='text' data-field-top-value="380" data-field-left-value="80" data-field-width-value="543" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="330" data-field-left-res-320-value="12" data-field-width-res-320-value="239" data-field-top-res-480-value="306" data-field-left-res-480-value="57" data-field-width-res-480-value="241" data-field-top-res-640-value="395" data-field-left-res-640-value="70" data-field-width-res-640-value="340" data-field-top-res-960-value="400" data-field-left-res-960-value="71" data-field-width-res-960-value="403"> <div class='tn-atom'field='tn_text_1473960809193'>Tilda founder Nikita Obukhov on how to tell stories online</div> </div> <div class='t396__elem tn-elem tn-elem__2841056931489595589033' data-elem-id='1489595589033' data-elem-type='image' data-field-top-value="130" data-field-left-value="780" data-field-width-value="340" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="684" data-field-fileheight-value="691" data-field-top-res-320-value="71" data-field-left-res-320-value="190" data-field-width-res-320-value="110" data-field-top-res-480-value="65" data-field-left-res-480-value="300" data-field-width-res-480-value="140" data-field-top-res-640-value="85" data-field-left-res-640-value="390" data-field-width-res-640-value="190" data-field-top-res-960-value="48" data-field-left-res-960-value="630" data-field-width-res-960-value="260"> <div class='tn-atom'> <img itemprop="image" class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3332-3932-4338-b564-326431663432/Group_1448.png' alt='' imgfield='tn_img_1489595589033' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2841056931598270876312' data-elem-id='1598270876312' data-elem-type='text' data-field-top-value="25" data-field-left-value="174" data-field-width-value="280" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="80" data-field-left-res-320-value="60" data-field-width-res-320-value="180" data-field-top-res-480-value="77" data-field-left-res-480-value="123" data-field-top-res-640-value="97" data-field-left-res-640-value="134" data-field-width-res-640-value="220" data-field-top-res-960-value="60" data-field-left-res-960-value="150" data-field-width-res-960-value="300"> <div class='tn-atom'><a href="http://tilda.education/"style="color: inherit">Tilda Education</a></div> </div> <div class='t396__elem tn-elem tn-elem__2841056931598270876318' data-elem-id='1598270876318' data-elem-type='image' data-field-top-value="11" data-field-left-value="80" data-field-width-value="70" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="127" data-field-fileheight-value="125" data-field-top-res-320-value="71" data-field-left-res-320-value="10" data-field-width-res-320-value="40" data-field-top-res-480-value="65" data-field-left-res-480-value="60" data-field-top-res-640-value="85" data-field-left-res-640-value="70" data-field-width-res-640-value="50" data-field-top-res-960-value="48" data-field-left-res-960-value="71" data-field-width-res-960-value="60"> <a class='tn-atom' href="https://tilda.cc/" target="_blank"> <img itemprop="image" class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6330-6337-4638-a531-613936613564/Tilda_logo-02.svg' alt='' imgfield='tn_img_1598270876318' /> </a> </div> <div class='t396__elem tn-elem tn-elem__2841056931473960759221' data-elem-id='1473960759221' data-elem-type='text' data-field-top-value="201" data-field-left-value="81" data-field-width-value="603" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="263" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="232" data-field-left-res-480-value="58" data-field-width-res-480-value="386" data-field-top-res-640-value="292" data-field-left-res-640-value="70" data-field-width-res-640-value="470" data-field-top-res-960-value="282" data-field-left-res-960-value="71" data-field-width-res-960-value="560"> <h1 itemprop="headline" class='tn-atom'field='tn_text_1473960759221'>10 Rules Of Digital Storytelling</h1> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('284105693');});});</script>  </div> <div id="rec284106443" class="r t-rec" style="background-color:#f5f5f5; " data-record-type="376" data-bg-color="#f5f5f5"> <div class="t376" data-section-bg-color="#f5f5f5" style="display:none;"></div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t376_setbg',function() {t376_setbg();var t376_timer=window.setInterval(function() {t376_setbg();},4000);});});</script> </div> <div id="rec283209263" class="r t-rec t-rec_pt_105 t-rec_pb_45" style="padding-top:105px;padding-bottom:45px; " data-record-type="92">  <div class="t081"> <div class="t-container t-align_center"> <div class="t081__col t-width t-width_6"> <img itemprop="image" class="t081__img t-img" src="/upload/pages/17468862/tild6236-3733-4564-a563-613932323663__-__empty__nikita.png" data-original="https://static.tildacdn.com/tild6236-3733-4564-a563-613932323663/nikita.png" imgfield="img" data-tu-max-width="300" data-tu-max-height="300" data-tu-cover="c" alt=""> <div class="t081__title t-name t-name_xl" field="title">Nikita Obukhov</div> <div class="t081__descr t-descr t-descr_xs" field="descr"><a href="http://tilda.cc" target="_blank">Tilda</a> Founder and CEO</div> </div> </div> </div> </div> <div id="rec283209264" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">The Internet is an excellent medium for telling impressive stories and expressing ideas. We are still learning how to live here in cyberspace and explore it to the zenith. I believe a new age is coming—the age of digital storytelling, similar to the Golden Age of literature but on the net. This new kind of storytelling is high-minded, it is gradually becoming a skill like beautifully written text.<br /><br />Initially, texts were uploaded online using analog rules, and information that was uploaded on the page was divided into paragraphs with different images added to the text. With time editors realized no one wanted to spend the whole day reading through long texts, so they adopt short texts that are easy to read.<br /><br />In recent years, there has been a significant change in terms of reading. Due to the increase in information and the use of social media platforms, most people tend to filter data and read-only selective information that spark their interest. However, the point is, everyone still wants to read.</div> </div> </div> </div> </div> <div id="rec283209265" class="r t-rec t-rec_pt_45 t-rec_pb_45" style="padding-top:45px;padding-bottom:45px; " data-record-type="36">  <div class="t021"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_2 t-prefix_5"> <div class="t-divider t021__line"></div> </div> </div> <div class="t-row"> <div class="t-col t-col_10 t-prefix_1"> <div class="t021__text-impact t-text-impact t-text-impact_md" field="text">A new age is coming—the age of digital storytelling, similar to the Golden Age of literature but on the net</div> </div> </div> <div class="t-row"> <div class="t-col t-col_2 t-prefix_5"> <div class="t-divider t021__line"></div> </div> </div> </div> </div> </div> <div id="rec283209266" class="r t-rec t-rec_pt_30 t-rec_pb_15" style="padding-top:30px;padding-bottom:15px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><span style="font-size: 20px;">At the end of 2012, most editors started to rethink the future of reading. This movement was instigated with the introduction of iPad and tablets, which was further considered an enormous success. The new era of designers and publishers formed standards and rules using a joint name, "Digital Storytelling." </span><br /><br /><span style="font-size: 20px;">Most of them experimented with iPads and tablets, but the new form of interactive storytelling became the most popular with "Snowfall" featured in the New York Times setting a trend. It revolutionized online publishing and created new standards in which content can be presented.</span></div> </div> </div> </div> </div> <div id="rec283209267" class="r t-rec t-rec_pt_15 t-rec_pb_105" style="padding-top:15px;padding-bottom:105px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><span style="font-size: 20px;">I want to share knowledge about this new form with you. Our goal is to create a global storytelling community. By founding Tilda, we've set the task of providing people with simple tools they can use to tell their stories. The platform is designed to create content-oriented projects and publish them on the Internet. While working with our platform and exploring the format, we sum up the main rules for visual storytelling.</span></div> </div> </div> </div> </div> <div id="rec284106506" class="r t-rec" style="background-color:#ffffff; " data-record-type="376" data-bg-color="#ffffff"> <div class="t376" data-section-bg-color="#ffffff" style="display:none;"></div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t376_setbg',function() {t376_setbg();var t376_timer=window.setInterval(function() {t376_setbg();},4000);});});</script> </div> <div id="rec283209268" class="r t-rec t-rec_pb_60" style="padding-bottom:60px; " data-record-type="167">  <div class="t-cover" id="recorddiv283209268"bgimgfield="img"style="height:100vh;background-image:url('/upload/pages/17468862/tild3164-3338-4539-a365-653731343736__-__resize__20x__forest.jpg');"> <div class="t-cover__carrier" id="coverCarry283209268"data-content-cover-id="283209268"data-content-cover-bg="https://static.tildacdn.com/tild3164-3338-4539-a365-653731343736/forest.jpg"data-display-changed="true"data-content-cover-height="100vh"data-content-cover-parallax=""data-content-use-image-for-mobile-cover="on" data-content-video-url-youtube="cWh8oBI347w"style="height:100vh;background-attachment:scroll; "itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.com/tild3164-3338-4539-a365-653731343736/forest.jpg"></div> <div class="t-cover__filter" style="height:100vh;background-image: -moz-linear-gradient(top, rgba(6,15,36,0.70), rgba(5,15,36,0.70));background-image: -webkit-linear-gradient(top, rgba(6,15,36,0.70), rgba(5,15,36,0.70));background-image: -o-linear-gradient(top, rgba(6,15,36,0.70), rgba(5,15,36,0.70));background-image: -ms-linear-gradient(top, rgba(6,15,36,0.70), rgba(5,15,36,0.70));background-image: linear-gradient(top, rgba(6,15,36,0.70), rgba(5,15,36,0.70));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4c060f24', endColorstr='#4c050f24');"></div> <div class="t-container"> <div class="t-col t-col_12"> <div class="t-cover__wrapper t-valign_middle" style="height:100vh;"> <div class="t153 t-align_center" data-hook-content="covercontent"> <div class="t153__title t-title t-title_xxs" field="title"><span style="font-family: Georgia; font-weight: 400;">The mentioned New York Times' Snowfall feature has received 80 000+ likes and its title became a common name for similar projects.</span></div> <span class="space"></span> </div> </div> </div> </div> </div> </div> <div id="rec283209269" class="r t-rec t-rec_pt_105 t-rec_pb_60" style="padding-top:105px;padding-bottom:60px; " data-record-type="30">  <div class="t015"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t015__title t-title t-title_lg" field="title">How to Tell an Interesting Story?</div> </div> </div> </div> <style> #rec283209269 .t015__uptitle{text-transform:uppercase;}</style> </div> <div id="rec283209270" class="r t-rec t-rec_pt_60 t-rec_pb_15" style="padding-top:60px;padding-bottom:15px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> <span>1</span> </div> </div> </div> <div id="rec283209271" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px; " data-record-type="65">  <div class="t056"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t056__title t-name t-name_xl" field="title"><span style="font-weight: 500; font-size: 26px;">Content is Key</span></div> </div> </div> </div> </div> <div id="rec283209272" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><span style="font-size: 18px;"> </span><span style="font-size: 20px;">The first step is to have content that is interesting and useful to the reader. Think about the value the reader will get from reading your piece. Use an information pyramid to compose a story that is easy to read and comprehend. After the storyline is formed, try to imagine things that will complete and describe the heading. It is important to have several points of view and different contexts. Use interesting content, add expert quotes, visual design, and present your readers with an exciting and complete storyline.</span></div> </div> </div> </div> </div> <div id="rec283209273" class="r t-rec t-rec_pt_45 t-rec_pb_30" style="padding-top:45px;padding-bottom:30px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3163-3865-4131-b030-343066656633/httttt.png"> <img itemprop="image" class="t-img t-width t107__width t-width_8" src="/upload/pages/17468862/tild3163-3865-4131-b030-343066656633__-__empty__httttt.png" data-original="https://static.tildacdn.com/tild3163-3865-4131-b030-343066656633/httttt.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec283209274" class="r t-rec t-rec_pt_90 t-rec_pb_15" style="padding-top:90px;padding-bottom:15px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> <span><span style="font-size: 22px;">2</span></span> </div> </div> </div> <div id="rec283209275" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px; " data-record-type="65">  <div class="t056"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t056__title t-name t-name_xl" field="title"><div style="font-size: 26px;" data-customstyle="yes"><span style="font-size: 26px; font-weight: 500;">Be the Explorer</span></div></div> </div> </div> </div> </div> <div id="rec283209276" class="r t-rec t-rec_pt_30 t-rec_pb_60" style="padding-top:30px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Carry out thorough research before choosing a heading since they serve as the key focus to a good story. There are primary and secondary types of research that every storyteller on the Internet should undertake. Every designer or publisher must have the skills to go deep and share catchy headings to attract readers' attention.</div> </div> </div> </div> </div> <div id="rec283209277" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> <span>3</span> </div> </div> </div> <div id="rec283209278" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px; " data-record-type="65">  <div class="t056"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t056__title t-name t-name_xl" field="title"><div style="font-size: 26px;" data-customstyle="yes"><span style="font-size: 26px; font-weight: 500;">Find Great Pictures</span></div></div> </div> </div> </div> </div> <div id="rec283209444" class="r t-rec t-rec_pt_30 t-rec_pb_60" style="padding-top:30px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 20px;" data-customstyle="yes"><span style="font-size: 20px;">Storytelling is like a movie that is on while you are scrolling. It is the visual part of the story that helps create the atmosphere, describe the heading, and put the reader into the context. Think of possible ways you can use to tell a story; this could involve the use of photoshoots, ambient videos, pictures, or infographics. And when you start to form the story, pay attention to the visual content.</span></div></div> </div> </div> </div> </div> <div id="rec283209401" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-record-type="146">  <div class="t215"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_6" style="margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"> <div class="t215__blockimg t-bgimg" bgimgfield="gi_img__0" data-zoom-target="0" data-original="https://static.tildacdn.com/tild3638-3838-4436-a337-356566303035/gyjyuuu.png" style="background: url('/upload/pages/17468862/tild3638-3838-4436-a337-356566303035__-__resizeb__20x__gyjyuuu.png') center center no-repeat; background-size:cover;"><meta itemprop="image" content="https://static.tildacdn.com/tild3638-3838-4436-a337-356566303035/gyjyuuu.png"></div> </div> <div class="t-col t-col_6" style="margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"> <div class="t215__blockimg t-bgimg" bgimgfield="gi_img__1" data-zoom-target="1" data-original="https://static.tildacdn.com/tild3366-6437-4762-b066-656133353633/cover1.jpg" style="background: url('/upload/pages/17468862/tild3366-6437-4762-b066-656133353633__-__resizeb__20x__cover1.jpg') center center no-repeat; background-size:cover;"><meta itemprop="image" content="https://static.tildacdn.com/tild3366-6437-4762-b066-656133353633/cover1.jpg"></div> </div> </div><div class="t-row"> <div class="t-col t-col_6" style="margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"> <div class="t215__blockimg t-bgimg" bgimgfield="gi_img__2" data-zoom-target="2" data-original="https://static.tildacdn.com/tild3564-6539-4761-b564-643735313033/cover2.jpg" style="background: url('/upload/pages/17468862/tild3564-6539-4761-b564-643735313033__-__resizeb__20x__cover2.jpg') center center no-repeat; background-size:cover;"><meta itemprop="image" content="https://static.tildacdn.com/tild3564-6539-4761-b564-643735313033/cover2.jpg"></div> </div> <div class="t-col t-col_6" style="margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"> <div class="t215__blockimg t-bgimg" bgimgfield="gi_img__3" data-zoom-target="3" data-original="https://static.tildacdn.com/tild6636-6666-4534-b235-376564643137/cover5.jpg" style="background: url('/upload/pages/17468862/tild6636-6666-4534-b235-376564643137__-__resizeb__20x__cover5.jpg') center center no-repeat; background-size:cover;"><meta itemprop="image" content="https://static.tildacdn.com/tild6636-6666-4534-b235-376564643137/cover5.jpg"></div> </div> </div><div class="t-row"> </div> </div> </div> </div> <div id="rec283209402" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="56">  <div class="t046"> <div class="t-container"> <div class="t-col t-col_6 t-prefix_3"> <div class="t046__text t-text t-text_xs" field="text">Сlockwise: <a href="http://www.nytimes.com/projects/2013/tomato-can-blues/" target="_blank">Tomato Can Blues</a>, <a href="http://pitchfork.com/features/cover-story/reader/bat-for-lashes/" target="_blank">Glitter In The Dark</a>, <a href="http://www.nytimes.com/newsgraphics/2013/10/27/south-china-sea/" target="_blank">A Game Of Shark And Minnow</a>, <a href="http://pitchfork.com/features/cover-story/reader/daft-punk/" target="_blank">Machines For Life</a></div> </div> </div> </div> </div> <div id="rec283209403" class="r t-rec t-rec_pt_90 t-rec_pb_0" style="padding-top:90px;padding-bottom:0px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> <span style="color: rgb(255, 255, 255);">4</span> </div> </div> </div> <div id="rec283209404" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px; " data-record-type="65">  <div class="t056"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t056__title t-name t-name_xl" field="title"><span style="font-weight: 500; font-size: 26px;">Pay Attention to Headings</span></div> </div> </div> </div> </div> <div id="rec283209405" class="r t-rec t-rec_pt_30 t-rec_pb_15" style="padding-top:30px;padding-bottom:15px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">The heading should tell the story. Good headings generate interest and set up the main article’s subject without provoking or distorting the idea. Headings with figures, questions, or statements are good for spark-up conversion. A-straight-from-the-shoulder quotes are helpful for interviews. For example, "All discussion around terrorism is aimed for government control" (interview with Jonas Staal).</div> </div> </div> </div> </div> <div id="rec283209406" class="r t-rec t-rec_pt_15 t-rec_pb_30" style="padding-top:15px;padding-bottom:30px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 20px;" data-customstyle="yes"><span style="font-size: 20px;"> The use of Puns in headings was once popular in the middle of the 90s; however, it is now considered inappropriate. (For example, a survey on cold soups "My okroshka, I miss you" / Oh, baby — untranslatable pun).</span><br /><br /><span style="font-size: 20px;">Headings with figures will always be popular (if they are based on selection or listing): "25 places in Italy to have a good time", "20 photographs showing how great it is to be a child". There are also very trashy ones. "This 9-minute workout will replace visiting the gym". It is essential to find a balance between attractive headings and provocativeness because no reader wants to get frustrated while going through a story.</span></div></div> </div> </div> </div> </div> <div id="rec283209407" class="r t-rec t-rec_pt_90 t-rec_pb_0" style="padding-top:90px;padding-bottom:0px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 5 </div> </div> </div> <div id="rec283209408" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px; " data-record-type="65">  <div class="t056"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t056__title t-name t-name_xl" field="title"><span style="font-weight: 500; font-size: 26px;">Build Several Reading Layers</span></div> </div> </div> </div> </div> <div id="rec283209409" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 20px;" data-customstyle="yes"><span style="font-size: 20px;">There are two types of reading. The first is called the line one reading; here, you start by observing the article and then reading it in an orderly manner. It’s the conventional way to read any piece of writing. The second type is cross-reading which is generally called skimming: this style requires the reader to read-only headings, insets, etc. Attention is given to the text only when you spot something interesting.</span><br /><br /><span style="font-size: 20px;">When telling a story, it is crucial to consider the second type of reading. To this effect, it is essential to ensure the article’s structure is in place to increase the readability even with a simple glance.</span></div></div> </div> </div> </div> </div> <div id="rec283209410" class="r t-rec t-rec_pt_90 t-rec_pb_0" style="padding-top:90px;padding-bottom:0px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 6 </div> </div> </div> <div id="rec283209411" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px; " data-record-type="65">  <div class="t056"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t056__title t-name t-name_xl" field="title"><div style="font-size: 26px;" data-customstyle="yes"><span style="font-weight: 500; font-size: 26px;">Think with Patterns</span></div></div> </div> </div> </div> </div> <div id="rec283209545" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">The designers' experience suggests that there are valuable ways of presenting different types of information. The concept of design-pattern implies the use of specified elements or a group of repeated elements on websites for the same reason. For example, only 2−3 out of 10 different ways of storytelling survive in the end.</div> </div> </div> </div> </div> <div id="rec283209546" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3933-3338-4233-a539-343132326366/titlepattern960.jpg"> <img itemprop="image" class="t-img t-width t107__widthauto" src="/upload/pages/17468862/tild3933-3338-4233-a539-343132326366__-__empty__titlepattern960.jpg" data-original="https://static.tildacdn.com/tild3933-3338-4233-a539-343132326366/titlepattern960.jpg" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><span style="font-weight: 300;">Heading design pattern: a section, a headline, and a lead</span></div> </div> </div> </div> </div> <div id="rec283209547" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Attentive readers can easily outline specific patterns of cover pages, image galleries, and call-to-actions after visiting a couple of websites. You should use design patterns and adopt different styles to your content.</div> </div> </div> </div> </div> <div id="rec283209549" class="r t-rec t-rec_pt_120 t-rec_pb_0" style="padding-top:120px;padding-bottom:0px;background-color:#e4ddd6; " data-record-type="158" data-bg-color="#e4ddd6">  <div class="t146"> <div class="t146__cir" field="title"> 7 </div> </div> </div> <div id="rec283209550" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#e4ddd6; " data-record-type="65" data-bg-color="#e4ddd6">  <div class="t056"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t056__title t-name t-name_xl" field="title"><div style="font-size: 26px;" data-customstyle="yes"><span style="font-size: 26px; font-weight: 500; color: rgb(0, 0, 0);">Avoid Monotony</span></div></div> </div> </div> </div> </div> <div id="rec283209551" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#e4ddd6; " data-record-type="106" data-bg-color="#e4ddd6">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 20px;" data-customstyle="yes"><span style="font-size: 20px; color: rgb(0, 0, 0);">Think of the order in which pieces of information and will be seen by the reader. The presentation should be varied. When good patterns are used multiple times, they may become an eyesore on the audience, similar to what they get from a long read. Examine how Apple designers find their ideas: they’ve discovered nine new ways of presenting the same object.</span></div></div> </div> </div> </div> </div> <div id="rec283209552" class="r t-rec t-rec_pt_30 t-rec_pb_135" style="padding-top:30px;padding-bottom:135px;background-color:#e4ddd6; " data-record-type="94" data-bg-color="#e4ddd6">  <div class="t083"> <div class="t-container"> <div class="t-col t-col_10 "> <div class="t083__inner" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6365-3036-4336-b038-656561363732/9ipads.png" /> <div class="t083__imgwrapper"> <img class="t083__image t-img" src="/upload/pages/17468862/tild6365-3036-4336-b038-656561363732__-__empty__9ipads.png" data-original="https://static.tildacdn.com/tild6365-3036-4336-b038-656561363732/9ipads.png" imgfield="img" alt="" /> </div> </div> </div> </div> </div> </div> <div id="rec283209553" class="r t-rec t-rec_pt_120 t-rec_pb_0" style="padding-top:120px;padding-bottom:0px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 8 </div> </div> </div> <div id="rec283209554" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px; " data-record-type="65">  <div class="t056"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t056__title t-name t-name_xl" field="title"><div style="font-size: 26px;" data-customstyle="yes"><span style="font-weight: 500; font-size: 26px;">Unity and Contrast</span></div></div> </div> </div> </div> </div> <div id="rec283209555" class="r t-rec t-rec_pt_45 t-rec_pb_15" style="padding-top:45px;padding-bottom:15px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Use large shifts between the blocks, it will give your text enough space to breathe. Spacing your text makes it skim-friendly and improves readability score.<br /><br />However, it's essential to limit the use of color and design. Since the excessive use of style call for attention and prevent information from being processed. Remember, less is often more.</div> </div> </div> </div> </div> <div id="rec283209556" class="r t-rec t-rec_pt_60 t-rec_pb_30" style="padding-top:60px;padding-bottom:30px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3136-3039-4264-b833-346330303737/juuu.png"> <img itemprop="image" class="t-img t-width t107__width t-width_8" src="/upload/pages/17468862/tild3136-3039-4264-b833-346330303737__-__empty__juuu.png" data-original="https://static.tildacdn.com/tild3136-3039-4264-b833-346330303737/juuu.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec283209557" class="r t-rec t-rec_pt_60 t-rec_pb_30" style="padding-top:60px;padding-bottom:30px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">When you use one or another design, try to focus on the unique function. For example, imagine one design (size+letter form+leading) for a heading, inset, and image captions, and then work with it. If needed, you can add other styles, though this is only required when a new subject matter is introduced.</div> </div> </div> </div> </div> <div id="rec283209558" class="r t-rec t-rec_pt_75 t-rec_pb_0" style="padding-top:75px;padding-bottom:0px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 9 </div> </div> </div> <div id="rec283209559" class="r t-rec t-rec_pt_15 t-rec_pb_30" style="padding-top:15px;padding-bottom:30px; " data-record-type="65">  <div class="t056"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t056__title t-name t-name_xl" field="title"><span style="font-weight: 500; font-size: 26px;">Find a Relevant Mood</span></div> </div> </div> </div> </div> <div id="rec283209734" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">It is crucial to consider the cultural context associated with the font you’re using. For example, it is reasonable to use Helvetica in an article relating to New York (this font is used in NY public navigation and reflects modernist philosophy). The Bodoni font is good for Venice (one of the earliest Italian types, and it is still widely used in the design).<br /><br />One type is quite enough for one well-shaped article; however, it is acceptable to use two types of font to contrast.</div> </div> </div> </div> </div> <div id="rec283209735" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3633-6564-4766-a363-363264396465/type_tone2.jpg"> <img itemprop="image" class="t-img t-width t107__width t-width_12" src="/upload/pages/17468862/tild3633-6564-4766-a363-363264396465__-__empty__type_tone2.jpg" data-original="https://static.tildacdn.com/tild3633-6564-4766-a363-363264396465/type_tone2.jpg" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><span style="font-weight: 300;">The lettering style affects the statement's mood</span></div> </div> </div> </div> </div> <div id="rec283209736" class="r t-rec t-rec_pt_105 t-rec_pb_0" style="padding-top:105px;padding-bottom:0px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 10 </div> </div> </div> <div id="rec283209737" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px; " data-record-type="65">  <div class="t056"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t056__title t-name t-name_xl" field="title"><div style="font-size: 26px;" data-customstyle="yes"><span style="font-weight: 500; font-size: 26px;">Take Care to Share</span></div></div> </div> </div> </div> </div> <div id="rec283209738" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Don’t forget to embed social media icons. It’s better to use the "press-and-stick" buttons which stay in view while the reader scrolls down a page.<br /><br />There are possibilities that you might want to use a call to action combined with sharing. This will help people decide whether to read the article based on the Facebook feed or the media webpage.</div> </div> </div> </div> </div> <div id="rec283209739" class="r t-rec t-rec_pt_60 t-rec_pb_210" style="padding-top:60px;padding-bottom:210px; " data-record-type="94">  <div class="t083"> <div class="t-container"> <div class="t-col t-col_10 t-prefix_1"> <div class="t083__inner" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6338-3836-4835-b930-353333393362/Frame_119.png" /> <div class="t083__imgwrapper"> <img class="t083__image t-img" src="/upload/pages/17468862/tild6338-3836-4835-b930-353333393362__-__empty__frame_119.png" data-original="https://static.tildacdn.com/tild6338-3836-4835-b930-353333393362/Frame_119.png" imgfield="img" alt="" /> </div> <div class="t-title t083__textclass1 " field="title" itemprop="name"> <span style="font-weight: 500;">THINK ONCE MORE ABOUT THE HEADING. MAKE IT VIRAL. USE NICE PICTURES. WRITE INTERESTING LEADS. MAKE SURE SOCIAL MEDIA SNIPPETS ARE LOOKING GREAT–USE FACEBOOK DEBUGGER TO UPDATE THEM</span> </div> </div> </div> </div> </div> </div> <div id="rec296536924" class="r t-rec t-rec_pt_75 t-rec_pb_30" style="padding-top:75px;padding-bottom:30px; " data-record-type="219">  <div class="t191"> <div class="t-align_center"> <hr class="t-divider t191__line t-width t-width_2" style="background-color:#000000;opacity:1;"> </div> </div> </div> <div id="rec296536925" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-animationappear="off" data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align: center;" data-customstyle="yes">Text: Nikita Obukhov<br />Editor: Inna German<br />Illustrations: Julia Zass</div></div> </div> </div> </div> </div> <div id="rec296536926" class="r t-rec t-rec_pt_90 t-rec_pb_0" style="padding-top:90px;padding-bottom:0px; " data-animationappear="off" data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align: center;" data-customstyle="yes"><span style="font-size: 16px;">If you enjoyed this article, please share it with your friends! Thanks</span><span style="font-size: 14px;"> ✌️</span></div></div> </div> </div> </div> </div> <div id="rec296536927" class="r t-rec t-rec_pt_30 t-rec_pb_120" style="padding-top:30px;padding-bottom:120px; " data-animationappear="off" data-record-type="151"> <div class="t-container_100 t014" style=""> <div style="position: relative; right: 50%; float: right;"> <div style="position: relative; z-index: 1; right: -50%;" class="t014__circle-xxl "> <script type="text/javascript" src="https://static.tildacdn.com/js/ya-share.js" charset="utf-8" async="async"></script> <div class="ya-share2" data-access-token:facebook="" data-yashareL10n="en" data-services="facebook,twitter" data-counter=""></div> </div> </div> </div> </div> <div id="rec296536928" class="r t-rec t-rec_pt_120 t-rec_pb_75" style="padding-top:120px;padding-bottom:75px;background-color:#f0f0f0; " data-animationappear="off" data-record-type="33" data-bg-color="#f0f0f0">  <div class="t017"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t017__title t-title t-title_xxs" field="title">See also:</div> </div> </div> </div> </div> <div id="rec296536929" class="r t-rec t-rec_pt_0 t-rec_pb_165" style="padding-top:0px;padding-bottom:165px;background-color:#f0f0f0; " data-animationappear="off" data-record-type="404" data-bg-color="#f0f0f0">   <div class="t404" data-show-count="8"> <div class="t-container"> <div class="t404__col t-col t-col_3 t-align_left "> <a class="t404__link" href="/en/articles-cover-for-website"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6235-6235-4634-a535-303466623139/Tilda_Education-1.svg" style="background-image: url('https://static.tildacdn.com/tild6235-6235-4634-a535-303466623139/Tilda_Education-1.svg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">How To Create a Cover for a Website</div> </div> </a> </div> <div class="t404__col t-col t-col_3 t-align_left "> <a class="t404__link" href="/en/articles-zero-block"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3231-3261-4436-b236-623637393237/Group_1518.png" style="background-image: url('/upload/pages/17468862/tild3231-3261-4436-b236-623637393237__-__resizeb__20x__group_1518.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">A Complete Guide To Zero Block</div> </div> </a> </div> <div class="t404__col t-col t-col_3 t-align_left "> <a class="t404__link" href="/en/design-mistakes"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6263-3065-4933-a539-353865626133/Frame_3.png" style="background-image: url('/upload/pages/17468862/tild6263-3065-4933-a539-353865626133__-__resizeb__20x__frame_3.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Common Web Design Mistakes</div> </div> </a> </div> <div class="t404__col t-col t-col_3 t-align_left "> <a class="t404__link" href="/en/articles-navigation"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6261-6635-4335-b132-353731313137/Tilda_Education.svg" style="background-image: url('https://static.tildacdn.com/tild6261-6635-4335-b132-353731313137/Tilda_Education.svg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">How To Improve Your Website Navigation</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_3 t-align_left "> <a class="t404__link" href="/en/how-to-build-website"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6437-3037-4639-a463-613432666534/Frame_6.png" style="background-image: url('/upload/pages/17468862/tild6437-3037-4639-a463-613432666534__-__resizeb__20x__frame_6.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">How To Make a Website. Step-by-Step Guide</div> </div> </a> </div> <div class="t404__col t-col t-col_3 t-align_left "> <a class="t404__link" href="/en/articles-seo"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3339-6263-4262-b131-393563343834/Tilda_Education-2_1.png" style="background-image: url('/upload/pages/17468862/tild3339-6263-4262-b131-393563343834__-__resizeb__20x__tilda_education-2_1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">How To Boost Your Tilda Website SEO Ranking</div> </div> </a> </div> <div class="t404__col t-col t-col_3 t-align_left "> <a class="t404__link" href="/en/articles-jobs-to-be-done"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3939-3663-4364-b130-373065343539/Frame_2.png" style="background-image: url('/upload/pages/17468862/tild3939-3663-4364-b130-373065343539__-__resizeb__20x__frame_2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Jobs To Be Done: How To Attract New Customers</div> </div> </a> </div> <div class="t404__col t-col t-col_3 t-align_left "> <a class="t404__link" href="/en/articles-how-to-become-a-freelance-web-designer"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3066-6136-4365-a162-663438363934/Frame.svg" style="background-image: url('https://static.tildacdn.com/tild3066-6136-4365-a162-663438363934/Frame.svg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Guide To Getting Started As a Freelance Web Designer</div> </div> </a> </div> </div><div class="t-container"> </div> </div> <script>t_onReady(function() {var rec=document.getElementById('rec296536929');if(rec) {t_onFuncLoad('t404_unifyHeights',function() {t404_unifyHeights('296536929');window.addEventListener('resize',t_throttle(function() {t404_unifyHeights('296536929');},200));});if(typeof jQuery!=='undefined') {$('.t404').on('displayChanged',function() {t404_unifyHeights('296536929');});} else if(rec.querySelector('.t404')) {rec.querySelector('.t404').addEventListener('displayChanged',function() {t_onFuncLoad('t404_unifyHeights',function() {t404_unifyHeights('296536929');});});} window.onload=function() {t404_unifyHeights('296536929');};}});</script> <script>t_onReady(function() {t_onFuncLoad('t404_showMore',function() {t404_showMore('296536929');});});</script> <style> #rec296536929 .t404__title{font-size:20px;font-weight:600;}</style> </div> <div id="rec623863918" class="r t-rec" style=" " data-animationappear="off" data-record-type="694">  <style>#rec623863918 .t694__table{height:28vw;}@media screen and (max-width:768px){#rec623863918 .t694__table{height:56vw;}}</style> <div class="t694" data-tile-ratio="0.56"> <div class="t694__container t-card__container"> <div class="t694__row"> <div class="t694__col t-cell t-cell_50 t-align_center "> <div class="t694__table"> <div class="t694__cell t-card__col t-align_center t-valign_middle"> <div class="t694__bg t694__animation_fast t-bgimg" data-original="https://static.tildacdn.com/tild3735-3063-4334-b134-663536653638/Course_1__Cover_1.png" bgimgfield="li_img__1513695601022" style="background-image:url('/upload/pages/17468862/tild3735-3063-4334-b134-663536653638__-__resizeb__20x__course_1__cover_1.png');" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3735-3063-4334-b134-663536653638/Course_1__Cover_1.png"> </div> <div class="t694__overlay t694__animation_fast" style="background-image: -moz-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7));"></div> <div class="t694__textwrapper t694__animation_fast t694__textwrapper_animated"> <div class="t694__textwrapper__content"> <div class="t694__inner-wrapper t694__inner-wrapper_animated-btn"> <div class="t-card__title t-title t-title_xxs" field="li_title__1513695601022"> <a href="https://tilda.education/en/landing-page-course" class="t-card__link" id="cardtitle1_623863918" aria-labelledby="cardtitle1_623863918 cardbtn1_623863918"> How to Build a Landing Page </a> </div> <div class="t-card__descr t-descr t-descr_xs" field="li_text__1513695601022"> Free coursebook on how to design, set up, and run <br />high-conversion landing pages </div> <style> #rec623863918 .t-card__title{font-weight:500;}</style> </div> <div class="t694__button-container t694__button_show-hover"> <div class="t-card__btn-wrapper"> <div class="t-card__btn t-btn t-btn_sm" id="cardbtn1_623863918" style="color:#000000;background-color:#ffffff;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;" data-field="li_buttontitle__1513695601022" aria-hidden="true" data-buttonfieldset="li_button" data-lid="1513695601022"> Learn more </div> </div> </div> </div> </div> </div> </div> </div> <div class="t694__col t-cell t-cell_50 t-align_center "> <div class="t694__table"> <div class="t694__cell t-card__col t-align_center t-valign_middle"> <div class="t694__bg t694__animation_fast t-bgimg" data-original="https://static.tildacdn.com/tild6238-3530-4633-b836-623638366365/template_illustratio.png" bgimgfield="li_img__1495528759247" style="background-image:url('/upload/pages/17468862/tild6238-3530-4633-b836-623638366365__-__resizeb__20x__template_illustratio.png');" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6238-3530-4633-b836-623638366365/template_illustratio.png"> </div> <div class="t694__overlay t694__animation_fast" style="background-image: -moz-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7));"></div> <div class="t694__textwrapper t694__animation_fast t694__textwrapper_animated"> <div class="t694__textwrapper__content"> <div class="t694__inner-wrapper t694__inner-wrapper_animated-btn"> <div class="t-card__title t-title t-title_xxs" field="li_title__1495528759247"> <a href="https://tilda.education/en/web-animation-course" class="t-card__link" id="cardtitle2_623863918" aria-labelledby="cardtitle2_623863918 cardbtn2_623863918"> Web Animation </a> </div> <div class="t-card__descr t-descr t-descr_xs" field="li_text__1495528759247"> <p style="text-align: center;">Free practical guide to web animation with examples, techniques, </p><p style="text-align: center;">and tips on how to use them</p> </div> <style> #rec623863918 .t-card__title{font-weight:500;}</style> </div> <div class="t694__button-container t694__button_show-hover"> <div class="t-card__btn-wrapper"> <div class="t-card__btn t-btn t-btn_sm" id="cardbtn2_623863918" style="color:#000000;background-color:#ffffff;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;" data-field="li_buttontitle__1495528759247" aria-hidden="true" data-buttonfieldset="li_button" data-lid="1495528759247"> Explore </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t694_init',function() {t694_init('623863918');});});</script> </div> </div> <div style="clear: both;"></div> <div class="te-popup te-popup_opened" id="popup_login" > <a class="te-popup__overlay js-te-popup-close" href="#"></a> <a class="te-popup__close js-te-popup-close" href="#"> <img src="/images/close.svg"> </a> <div class="te-popup__wrap"> <div class="te-popup-window"> <div class="te-popup__header">Tilda education</div> <div class="te-popup__info"> <div class="te-popup__description">Log in to continue reading </div> <ul class="te-popup__buttons"> <li style="cursor: pointer"> <span class="te-popup__btn te-popup__btn-tilda js-socnet-login" data-provider="tilda"> <div class="te-popup__btn__icon"><img src="/images/tilda_logo_white.svg"></div> <span>Continue with Tilda</span> </span> </li> </ul> <div style="margin-bottom: 20px;"> <span id="another_login_methods" style="color: #222222; border-bottom: solid 1px #fa633f; cursor: pointer; opacity: 50%;">Other login methods</span> </div> <ul class="te-popup__buttons alternative" style="display: none"> <li> <a class="te-popup__btn te-popup__btn-google js-socnet-login" data-provider="google" href="/login/"> <div class="te-popup__btn__icon"><img src="/images/google.svg"></div> <span>Continue with Google</span> </a> </li> </ul> </div> <div class="te-popup__hint"> <span>By logging in, you agree to our </span> <a href="/en/terms" target="blank">Terms of Service</a> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $("#another_login_methods").click(function() { let block = $('.te-popup__buttons.alternative'); let display = block.css('display'); if (display === 'block') { block.css('display', 'none'); } else { block.css('display', 'block'); } }); $(".js-socnet-login").click(function(){ var provider = $(this).data('provider'); var $popup = $('#popup_login'); var target = $popup.data('target') || ''; console.log(provider); if (provider === 'tilda') { let bu = window.location.href; console.log(bu); window.location.replace('https://tilda.cc/identity/goeducation/?bu=' + bu); return true; } $.post('/login/submit/' + provider + '.php', {'action':'geturl', 'backurl': window.location.href+target}, function(json){ if (json.error && json.error > '') { alert('When authorizing via social network, an error occurred ['+ json.error + ']. Try again.'); } else if ( json.redirect && json.redirect > '' ) { window.location.href = json.redirect; } else if (json.activation == 1 && json.userid > 0) { window.location.href = '/identity/activationemail/?activation=1'; } else if(json.userid > 0) { window.location.href = '/en/'; } },'json' ); return false; }); }); </script> <script type="text/javascript" src="/static/project3379564/js/tilda-polyfill-1.0.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-blocks-page16067110.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/lazyload-1.3.min.export.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-menu-1.0.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-skiplink-1.0.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-events-1.0.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-education-langs-dropdown.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-stat-1.0.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-blocks-page17468862.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-zero-1.1.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-cover-1.0.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/hammer.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-slds-1.4.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-cards-1.0.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-video-processor-1.0.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/tilda-zero-scale-1.0.min.js?t=1732401014"></script><script type="text/javascript" src="/static/project3379564/js/ya-share.js?t=1732401014"></script> <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-64185315-1', 'auto'); ga('send', 'pageview'); (function(d) { var config = { kitId: 'gdw1mfn', scriptTimeout: 3000 }, h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='//use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s) })(document); </script>  <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter41832319 = new Ya.Metrika({ id:41832319, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/41832319" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  <script> setTimeout(function(){ !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='pltilda'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '503932973940614'); fbq('track', 'PageView'); }, 2000); </script>  <script type="text/javascript"> $(document).ready(function(){ /**события */ window.isSendEvent25percent = false; window.isSendEvent50percent = false; window.isSendEvent75percent = false; window.isSendEvent100percent = false; $(window).scroll(function(){ var top = $(document).scrollTop(); var wh = $(window).height(); var dh = $(document).height(); var p = parseInt((top + wh) * 100 / dh); var d = new Date(); if(p >= 25) { if(!window.isSendEvent25percent) { if(ga) { ga('send', {'hitType':'event', 'eventCategory':'Read Article','eventAction':'025%','eventLabel':document.title,'eventValue':0,'nonInteraction':true}); ga('send', 'timing', 'Read Article', '025%', parseInt(d.getTime() - window.startTimer),document.title,{'nonInteraction':true}); } window.isSendEvent25percent = true; } } if(p >= 50) { if(!window.isSendEvent50percent) { if(ga) { ga('send', {'hitType':'event', 'eventCategory':'Read Article','eventAction':'050%','eventLabel':document.title,'eventValue':25,'nonInteraction':true}); ga('send', 'timing', 'Read Article', '050%', parseInt(d.getTime() - window.startTimer),document.title,{'nonInteraction':true}); } window.isSendEvent50percent = true; } } if(p >= 75) { if(!window.isSendEvent75percent) { if(ga) { ga('send', {'hitType':'event', 'eventCategory':'Read Article','eventAction':'075%','eventLabel':document.title,'eventValue':50,'nonInteraction':true}); ga('send', 'timing', 'Read Article', '075%', parseInt(d.getTime() - window.startTimer),document.title,{'nonInteraction':true}); } window.isSendEvent75percent = true; } } if(p > 90) { if(!window.isSendEvent100percent) { if(ga) { ga('send', {'hitType':'event', 'eventCategory':'Read Article','eventAction':'100%','eventLabel':document.title,'eventValue':25,'nonInteraction':true}); ga('send', 'timing', 'Read Article', '100%', parseInt(d.getTime() - window.startTimer),document.title,{'nonInteraction':true}); } window.isSendEvent100percent = true; } } }); }); </script> <script type="text/javascript"> $(document).ready(function() { if ($(".te-header__wrapper").length > 0) {if ($("#allrecords").width() < 980) {$(".te-header__userbar").css({"right": "60px"});} else {$("#rec32526252 .t228").data("top-offset","60").css({"top": "60px"});}}}); </script>  <script type="text/javascript"> $(document).ready(function(){ $('#allrecords').data('tilda-statscroll','yes'); }); (function (d, w, k, o, g) { var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);}; s.type = "text/javascript"; s.async = true; s.key = k; s.id = "tildastatscript"; s.src=g; if (w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded", f, false);} else { f(); } })(document, window, '0bc3fa44a26a9e23465074e623f28e7f','script','https://stat.tildacdn.com/js/tildastat-0.2.min.js'); </script> <style> .ya-share2__item_service_facebook { display: none !important; } </style> </body> </html> <div id="allrecords_footer" itemprop="description" class="t-records_footer" data-hook="blocks-collection-content-node" data-tilda-project-id="3379564" data-tilda-page-id="42660986" data-tilda-page-alias="footer" data-tilda-formskey="6f20e8cab9363ca37fab290c70306272" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec744633993" class="r t-rec t-rec_pt_75 t-rec_pt-res-480_60 t-rec_pb_60" style="padding-top:75px;padding-bottom:60px;background-color:#232323; " data-animationappear="off" data-record-type="396" data-bg-color="#232323">  <style>#rec744633993 .t396__artboard {height:560px;background-color:#232323;}#rec744633993 .t396__filter {height:560px;}#rec744633993 .t396__carrier{height:560px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec744633993 .t396__artboard,#rec744633993 .t396__filter,#rec744633993 .t396__carrier {height:500px;}#rec744633993 .t396__filter {}#rec744633993 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec744633993 .t396__artboard,#rec744633993 .t396__filter,#rec744633993 .t396__carrier {height:700px;}#rec744633993 .t396__filter {}#rec744633993 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec744633993 .t396__artboard,#rec744633993 .t396__filter,#rec744633993 .t396__carrier {height:700px;}#rec744633993 .t396__filter {}#rec744633993 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec744633993 .t396__artboard,#rec744633993 .t396__filter,#rec744633993 .t396__carrier {height:711px;}#rec744633993 .t396__filter {}#rec744633993 .t396__carrier {background-attachment:scroll;}}#rec744633993 .tn-elem[data-elem-id="1697035553534"]{color:#ffffff;z-index:4;top:56px;left:calc(50% - 600px + 20px);width:199px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:49px;left:calc(50% - 480px + 10px);width:189px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:47px;left:calc(50% - 320px + 90px);width:189px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:47px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:51px;left:calc(50% - 160px + 10px);width:134px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1697035035883"]{color:#ffffff;z-index:5;top:6px;left:calc(50% - 600px + 20px);width:177px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 480px + 10px);width:202px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 320px + 91px);width:225px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:7px;left:calc(50% - 160px + 10px);width:135px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1697035553534"]{color:#ffffff;z-index:4;top:56px;left:calc(50% - 600px + 20px);width:199px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:49px;left:calc(50% - 480px + 10px);width:189px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:47px;left:calc(50% - 320px + 90px);width:189px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:47px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:51px;left:calc(50% - 160px + 10px);width:134px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1697035035883"]{color:#ffffff;z-index:5;top:6px;left:calc(50% - 600px + 20px);width:177px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 480px + 10px);width:202px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 320px + 91px);width:225px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:7px;left:calc(50% - 160px + 10px);width:135px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653257897600"]{color:#ffffff;z-index:7;top:56px;left:calc(50% - 600px + 319px);width:240px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:49px;left:calc(50% - 480px + 250px);width:188px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:264px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:264px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:270px;left:calc(50% - 160px + 10px);width:152px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653658890094"]{color:#ffffff;z-index:8;top:6px;left:calc(50% - 600px + 319px);width:267px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:5px;left:calc(50% - 480px + 250px);width:229px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:222px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:222px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:226px;left:calc(50% - 160px + 10px);width:142px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653257897600"]{color:#ffffff;z-index:7;top:56px;left:calc(50% - 600px + 319px);width:240px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:49px;left:calc(50% - 480px + 250px);width:188px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:264px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:264px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:270px;left:calc(50% - 160px + 10px);width:152px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653658890094"]{color:#ffffff;z-index:8;top:6px;left:calc(50% - 600px + 319px);width:267px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:5px;left:calc(50% - 480px + 250px);width:229px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:222px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:222px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:226px;left:calc(50% - 160px + 10px);width:142px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1707213006953"]{color:#ffffff;z-index:10;top:57px;left:calc(50% - 600px + 919px);width:201px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:49px;left:calc(50% - 480px + 730px);width:206px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:472px;left:calc(50% - 320px + 331px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:467px;left:calc(50% - 240px + 251px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:504px;left:calc(50% - 160px + 171px);width:140px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1707213006958"]{color:#ffffff;z-index:11;top:6px;left:calc(50% - 600px + 919px);width:205px;}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:5px;left:calc(50% - 480px + 730px);}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:430px;left:calc(50% - 320px + 331px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:425px;left:calc(50% - 240px + 251px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:460px;left:calc(50% - 160px + 171px);width:142px;}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1707213006953"]{color:#ffffff;z-index:10;top:57px;left:calc(50% - 600px + 919px);width:201px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:49px;left:calc(50% - 480px + 730px);width:206px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:472px;left:calc(50% - 320px + 331px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:467px;left:calc(50% - 240px + 251px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:504px;left:calc(50% - 160px + 171px);width:140px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1707213006958"]{color:#ffffff;z-index:11;top:6px;left:calc(50% - 600px + 919px);width:205px;}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:5px;left:calc(50% - 480px + 730px);}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:430px;left:calc(50% - 320px + 331px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:425px;left:calc(50% - 240px + 251px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:460px;left:calc(50% - 160px + 171px);width:142px;}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1698312869793"]{color:#ffffff;z-index:13;top:56px;left:calc(50% - 600px + 620px);width:209px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:49px;left:calc(50% - 480px + 490px);width:195px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:47px;left:calc(50% - 320px + 331px);width:186px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:42px;left:calc(50% - 240px + 251px);width:177px;}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:51px;left:calc(50% - 160px + 171px);width:131px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653659163722"]{color:#ffffff;z-index:14;top:6px;left:calc(50% - 600px + 621px);width:205px;}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:5px;left:calc(50% - 480px + 490px);}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:5px;left:calc(50% - 320px + 331px);width:189px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:0px;left:calc(50% - 240px + 251px);width:180px;}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:7px;left:calc(50% - 160px + 171px);width:126px;}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1698312869793"]{color:#ffffff;z-index:13;top:56px;left:calc(50% - 600px + 620px);width:209px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:49px;left:calc(50% - 480px + 490px);width:195px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:47px;left:calc(50% - 320px + 331px);width:186px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:42px;left:calc(50% - 240px + 251px);width:177px;}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:51px;left:calc(50% - 160px + 171px);width:131px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653659163722"]{color:#ffffff;z-index:14;top:6px;left:calc(50% - 600px + 621px);width:205px;}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:5px;left:calc(50% - 480px + 490px);}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:5px;left:calc(50% - 320px + 331px);width:189px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:0px;left:calc(50% - 240px + 251px);width:180px;}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:7px;left:calc(50% - 160px + 171px);width:126px;}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{font-size:12px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="744633993" data-artboard-screens="320,480,640,960,1200" data-artboard-height="560" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="711" data-artboard-height-res-480="700" data-artboard-height-res-640="700" data-artboard-height-res-960="500"> <div class="t396__carrier" data-artboard-recid="744633993"></div> <div class="t396__filter" data-artboard-recid="744633993"></div> <div class='t396__elem tn-elem tn-elem__7446339931697035553534' data-elem-id='1697035553534' data-elem-type='text' data-field-top-value="56" data-field-left-value="20" data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="51" data-field-left-res-320-value="10" data-field-width-res-320-value="134" data-field-top-res-480-value="47" data-field-left-res-480-value="10" data-field-top-res-640-value="47" data-field-left-res-640-value="90" data-field-width-res-640-value="189" data-field-top-res-960-value="49" data-field-left-res-960-value="10" data-field-width-res-960-value="189"> <div class='tn-atom'field='tn_text_1697035553534'><a href="https://tilda.education/en/#guidesandarticles" style="color: rgb(255, 255, 255);">Guides & Articles</a><br><br><a href="https://tilda.education/en/#videotutorials" style="color: rgb(255, 255, 255);">Video Tutorials </a><br><br><a href="https://tilda.education/en/#stories" style="color: rgb(255, 255, 255);">Success Stories</a><br><br><a href="https://tilda.education/en/landing-page-course" style="color: rgb(255, 255, 255);">Landing Page Course</a><br><br><a href="https://tilda.education/en/digital-marketing-course" style="color: rgb(255, 255, 255);">Digital Marketing Course</a><br><br><a href="https://tilda.education/en/web-animation-course" style="color: rgb(255, 255, 255);">Web Animation Course</a></div> </div> <div class='t396__elem tn-elem tn-elem__7446339931697035035883' data-elem-id='1697035035883' data-elem-type='text' data-field-top-value="6" data-field-left-value="20" data-field-width-value="177" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="7" data-field-left-res-320-value="10" data-field-width-res-320-value="135" data-field-top-res-480-value="5" data-field-left-res-480-value="10" data-field-top-res-640-value="5" data-field-left-res-640-value="91" data-field-width-res-640-value="225" data-field-top-res-960-value="5" data-field-left-res-960-value="10" data-field-width-res-960-value="202"> <div class='tn-atom'field='tn_text_1697035035883'>EDUCATION</div> </div> <div class='t396__elem tn-elem tn-elem__7446339931653257897600' data-elem-id='1653257897600' data-elem-type='text' data-field-top-value="56" data-field-left-value="319" data-field-width-value="240" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="270" data-field-left-res-320-value="10" data-field-width-res-320-value="152" data-field-top-res-480-value="264" data-field-left-res-480-value="10" data-field-top-res-640-value="264" data-field-left-res-640-value="90" data-field-top-res-960-value="49" data-field-left-res-960-value="250" data-field-width-res-960-value="188"> <div class='tn-atom'field='tn_text_1653257897600'><a href="https://tilda.cc" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Tilda.cc</a><br><span style="color: rgb(255, 255, 255);"></span><br><a href="https://tilda.cc/pricing/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Pricing</a><br><br><a href="https://tilda.cc/features/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">List of features</a><br><br><a href="https://tilda.cc/tpls/" style="color: rgb(255, 255, 255);">Website Templates</a> <br><br><a href="https://tilda.cc/madeontilda/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Website Examples </a><br><br><a href="https://tilda.cc/en/reviews/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">User Reviews</a><br><br><a href="https://tilda.cc/lp/overview/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Platform Overview</a><br><br><a href="https://blog-en.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Blog</a><br><br><a href="https://webinars.tilda.cc/en" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Webinars</a><br><br><a href="https://answers.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">F.A.Q.</a><br><br><a href="https://help.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Help Center</a></div> </div> <div class='t396__elem tn-elem tn-elem__7446339931653658890094' data-elem-id='1653658890094' data-elem-type='text' data-field-top-value="6" data-field-left-value="319" data-field-width-value="267" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="226" data-field-left-res-320-value="10" data-field-width-res-320-value="142" data-field-top-res-480-value="222" data-field-left-res-480-value="10" data-field-top-res-640-value="222" data-field-left-res-640-value="90" data-field-top-res-960-value="5" data-field-left-res-960-value="250" data-field-width-res-960-value="229"> <div class='tn-atom'field='tn_text_1653658890094'>WEBSITE BUILDER</div> </div> <div class='t396__elem tn-elem tn-elem__7446339931707213006953' data-elem-id='1707213006953' data-elem-type='text' data-field-top-value="57" data-field-left-value="919" data-field-width-value="201" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="504" data-field-left-res-320-value="171" data-field-width-res-320-value="140" data-field-top-res-480-value="467" data-field-left-res-480-value="251" data-field-top-res-640-value="472" data-field-left-res-640-value="331" data-field-top-res-960-value="49" data-field-left-res-960-value="730" data-field-width-res-960-value="206"> <div class='tn-atom'field='tn_text_1707213006953'><a href="https://tilda.cc/free-icons/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Free Icons</a><br><br><a href="https://tilda.cc/utm/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Campaign URL Builder</a><br><br><a href="https://tilda.cc/colors/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Color Library</a><br><br><a href="https://experts.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Hire a Designer</a><br><br><a href="https://tilda.cc/lp/tildasans/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Tilda Sans Typeface</a><br><br><a href="https://tilda.cc/broken-links/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Broken Link Checker</a><br><br><a href="https://tilda.education/en/privacy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Privacy Policy</a><br><br><a href="https://tilda.education/en/terms" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Terms of Service</a></div> </div> <div class='t396__elem tn-elem tn-elem__7446339931707213006958' data-elem-id='1707213006958' data-elem-type='text' data-field-top-value="6" data-field-left-value="919" data-field-width-value="205" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="460" data-field-left-res-320-value="171" data-field-width-res-320-value="142" data-field-top-res-480-value="425" data-field-left-res-480-value="251" data-field-top-res-640-value="430" data-field-left-res-640-value="331" data-field-top-res-960-value="5" data-field-left-res-960-value="730"> <div class='tn-atom'field='tn_text_1707213006958'>MORE</div> </div> <div class='t396__elem tn-elem tn-elem__7446339931698312869793' data-elem-id='1698312869793' data-elem-type='text' data-field-top-value="56" data-field-left-value="620" data-field-width-value="209" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="51" data-field-left-res-320-value="171" data-field-width-res-320-value="131" data-field-top-res-480-value="42" data-field-left-res-480-value="251" data-field-width-res-480-value="177" data-field-top-res-640-value="47" data-field-left-res-640-value="331" data-field-width-res-640-value="186" data-field-top-res-960-value="49" data-field-left-res-960-value="490" data-field-width-res-960-value="195"> <div class='tn-atom'field='tn_text_1698312869793'><a href="https://tilda.cc/lp/create-a-landing-page-for-business/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create a Landing Page</a><br><br><a href="https://tilda.cc/lp/website-builder/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create a Website Without Code</a><br><br><a href="https://tilda.cc/lp/build-online-store/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create an Online Store</a><br><br><a href="https://tilda.cc/lp/create-blog/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create a Company Blog</a><br><br><a href="https://tilda.cc/lp/course-builder/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create Online Courses</a><br><br><a href="https://tilda.cc/lp/seo/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">SEO On Tilda</a><br><br><a href="https://tilda.cc/lp/email-campaign-builder/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Email Campaign Builder</a><br><br><a href="https://tilda.cc/lp/forms/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Online Form Builder</a><br><br><a href="https://zero.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Zero Block. Web Design Editor</a><br><br><a href="https://tilda.cc/lp/crm/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Tilda CRM</a><br><br><a href="https://tilda.cc/lp/membership/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Membership</a><br><br><a href="https://tilda.cc/lp/quiz/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Interactive Quizzes</a><br><br><a href="https://tilda.cc/lp/image-optimization/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Adaptive Image Loading</a><br><br><a href="https://tilda.cc/lp/accessibility/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Digital Accessibility</a></div> </div> <div class='t396__elem tn-elem tn-elem__7446339931653659163722' data-elem-id='1653659163722' data-elem-type='text' data-field-top-value="6" data-field-left-value="621" data-field-width-value="205" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="7" data-field-left-res-320-value="171" data-field-width-res-320-value="126" data-field-top-res-480-value="0" data-field-left-res-480-value="251" data-field-width-res-480-value="180" data-field-top-res-640-value="5" data-field-left-res-640-value="331" data-field-width-res-640-value="189" data-field-top-res-960-value="5" data-field-left-res-960-value="490"> <div class='tn-atom'field='tn_text_1653659163722'>SOLUTIONS</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('744633993');});});</script>  </div> <div id="rec744634564" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#232323; " data-record-type="212" data-bg-color="#232323">  <div class="t188"> <div class="t-container_100"> <div class="t188__wrapper"> <div class="t-sociallinks"> <ul role="list" class="t-sociallinks__wrapper" aria-label="Social media links"> <li class="t-sociallinks__item t-sociallinks__item_instagram"><a href="https://www.instagram.com/tilda.cc/" target="_blank" rel="nofollow" aria-label="instagram" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100C77.6142 100 100 77.6142 100 50C100 22.3858 77.6142 0 50 0C22.3858 0 0 22.3858 0 50C0 77.6142 22.3858 100 50 100ZM25 39.3918C25 31.4558 31.4566 25 39.3918 25H60.6082C68.5442 25 75 31.4566 75 39.3918V60.8028C75 68.738 68.5442 75.1946 60.6082 75.1946H39.3918C31.4558 75.1946 25 68.738 25 60.8028V39.3918ZM36.9883 50.0054C36.9883 42.8847 42.8438 37.0922 50.0397 37.0922C57.2356 37.0922 63.0911 42.8847 63.0911 50.0054C63.0911 57.1252 57.2356 62.9177 50.0397 62.9177C42.843 62.9177 36.9883 57.1252 36.9883 50.0054ZM41.7422 50.0054C41.7422 54.5033 45.4641 58.1638 50.0397 58.1638C54.6153 58.1638 58.3372 54.5041 58.3372 50.0054C58.3372 45.5066 54.6145 41.8469 50.0397 41.8469C45.4641 41.8469 41.7422 45.5066 41.7422 50.0054ZM63.3248 39.6355C65.0208 39.6355 66.3956 38.2606 66.3956 36.5646C66.3956 34.8687 65.0208 33.4938 63.3248 33.4938C61.6288 33.4938 60.2539 34.8687 60.2539 36.5646C60.2539 38.2606 61.6288 39.6355 63.3248 39.6355Z" fill="#ffffff"/> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_youtube"><a href="https://www.youtube.com/@TildaPublishing_global" target="_blank" rel="nofollow" aria-label="youtube" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm17.9-67.374c3.838.346 6 2.695 6.474 6.438.332 2.612.626 6.352.626 10.375 0 7.064-.626 11.148-.626 11.148-.588 3.728-2.39 5.752-6.18 6.18-4.235.48-13.76.7-17.992.7-4.38 0-13.237-.184-17.66-.552-3.8-.317-6.394-2.44-6.916-6.218-.38-2.752-.626-6.022-.626-11.222 0-5.788.209-8.238.7-10.853.699-3.732 2.48-5.54 6.548-5.96C36.516 32.221 40.55 32 49.577 32c4.413 0 13.927.228 18.322.626Zm-23.216 9.761v14.374L58.37 49.5l-13.686-7.114Z" fill="#ffffff"/> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_twitter"><a href="https://twitter.com/TildaPublishing" target="_blank" rel="nofollow" aria-label="twitter" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" xmlns="http://www.w3.org/2000/svg" width=48px height=48px viewBox="0 0 48 48"> <g clip-path="url(#clip0_3697_102)"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48ZM33.3482 14L25.9027 22.4686H25.9023L34 34H28.0445L22.5915 26.2348L15.7644 34H14L21.8082 25.1193L14 14H19.9555L25.119 21.3532L31.5838 14H33.3482ZM22.695 24.1101L23.4861 25.2173V25.2177L28.8746 32.7594H31.5847L24.9813 23.5172L24.1902 22.4099L19.1103 15.2997H16.4002L22.695 24.1101Z" fill="#ffffff"/></g><defs><clipPath id="clip0_3697_102"><rect width="48" height="48" fill="white"/></clipPath></defs> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_facebook"><a href="https://www.facebook.com/tildapublishing" target="_blank" rel="nofollow" aria-label="facebook" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.6142 0 50-22.3858 50-50S77.6142 0 50 0 0 22.3858 0 50s22.3858 50 50 50Zm3.431-73.9854c-2.5161.0701-5.171.6758-7.0464 2.4577-1.5488 1.4326-2.329 3.5177-2.5044 5.602-.0534 1.4908-.0458 2.9855-.0382 4.4796.0058 1.1205.0115 2.2407-.0085 3.3587-.6888.005-1.3797.0036-2.0709.0021-.9218-.0019-1.8441-.0038-2.7626.0096 0 .8921.0013 1.7855.0026 2.6797.0026 1.791.0052 3.5853-.0026 5.3799.9185.0134 1.8409.0115 2.7627.0096.6912-.0015 1.382-.0029 2.0708.0021.0155 3.5565.0127 7.1128.0098 10.669-.0036 4.4452-.0072 8.8903.0252 13.3354 1.8903-.0134 3.7765-.0115 5.6633-.0095 1.4152.0014 2.8306.0028 4.2484-.0022.0117-4.0009.0088-7.9986.0058-11.9963-.0029-3.9979-.0058-7.9957.0059-11.9964.9533-.005 1.9067-.0036 2.86-.0021 1.2713.0019 2.5425.0038 3.8137-.0096.396-2.679.7335-5.3814.9198-8.0947-1.2576-.0058-2.5155-.0058-3.7734-.0058-1.2578 0-2.5157 0-3.7734-.0059 0-.4689-.0007-.9378-.0014-1.4066-.0022-1.4063-.0044-2.8123.0131-4.2188.198-1.0834 1.3158-1.9104 2.3992-1.8403h5.1476c.0117-2.8069.0117-5.602 0-8.4089-.6636 0-1.3273-.0007-1.9911-.0014-1.9915-.0022-3.9832-.0044-5.975.0131Z" fill="#ffffff"/> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_telegram"><a href="https://t.me/tilda_global" target="_blank" rel="nofollow" aria-label="telegram" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm21.977-68.056c.386-4.38-4.24-2.576-4.24-2.576-3.415 1.414-6.937 2.85-10.497 4.302-11.04 4.503-22.444 9.155-32.159 13.734-5.268 1.932-2.184 3.864-2.184 3.864l8.351 2.577c3.855 1.16 5.91-.129 5.91-.129l17.988-12.238c6.424-4.38 4.882-.773 3.34.773l-13.49 12.882c-2.056 1.804-1.028 3.35-.129 4.123 2.55 2.249 8.82 6.364 11.557 8.16.712.467 1.185.778 1.292.858.642.515 4.111 2.834 6.424 2.319 2.313-.516 2.57-3.479 2.57-3.479l3.083-20.226c.462-3.511.993-6.886 1.417-9.582.4-2.546.705-4.485.767-5.362Z" fill="#ffffff"/> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_tiktok"><a href="https://www.tiktok.com/@tilda.publishing" target="_blank" rel="nofollow" aria-label="tiktok" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm5.495-74.986c-1.555.002-3.113.004-4.676.028l.001.002c-.04 5.37-.038 10.742-.035 16.12.001 3.007.003 6.015-.004 9.026-.006 1.01-.005 2.019-.004 3.027.002 2.712.005 5.421-.144 8.138-.022.754-.4 1.417-.767 2.06l-.088.154c-1.212 1.977-3.442 3.327-5.769 3.352-3.51.31-6.797-2.563-7.292-5.982-.004-.167-.01-.336-.016-.505-.034-.964-.069-1.948.298-2.846.522-1.482 1.524-2.791 2.843-3.646 1.806-1.255 4.222-1.442 6.29-.773 0-1.318.022-2.636.044-3.953.03-1.767.06-3.534.036-5.303-4.525-.846-9.358.585-12.808 3.59-3.044 2.58-5.005 6.372-5.38 10.336a34.879 34.879 0 0 0 .025 3.1c.431 4.876 3.392 9.418 7.6 11.9 2.54 1.496 5.516 2.309 8.496 2.139 4.858-.082 9.588-2.686 12.313-6.682 1.694-2.4 2.655-5.299 2.818-8.211.042-4.001.04-8.01.036-12.023 0-2.068-.002-4.138.003-6.208 1.082.708 2.189 1.4 3.376 1.938 2.727 1.293 5.746 1.919 8.75 2.017v-8.39c-3.206-.357-6.501-1.415-8.83-3.726-2.335-2.255-3.482-5.504-3.646-8.693-1.156.01-2.312.012-3.47.014Z" fill="#ffffff"/> </svg></a></li> </ul> </div> </div> </div> </div> </div> <div id="rec744693715" class="r t-rec t-rec_pt_30 t-rec_pb_60" style="padding-top:30px;padding-bottom:60px;background-color:#232323; " data-record-type="56" data-bg-color="#232323">  <div class="t046"> <div class="t-container"> <div class="t-col t-col_10 t-prefix_1"> <div class="t046__text t-text_footer t-text_footer_xs" field="text"><div style="font-size: 14px;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);">A learning resource with practical guides on web design and digital marketing from the </span><a href="https://tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none;">Tilda</a><span style="color: rgb(255, 255, 255);"> website builder. </span><br /><span style="color: rgb(255, 255, 255);">© Tilda Publishing, 2015-2024 All rights reserved. Any reproduction and redistribution of the content is prohibited. Please read our </span><a href="https://tilda.education/en/terms" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none;">Terms of Service</a><span style="color: rgb(255, 255, 255);"> and </span><a href="https://tilda.education/en/privacy" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none;">Privacy Policy</a><span style="color: rgb(255, 255, 255);">. For any questions, contact us at </span><a href="mailto:team@tilda.cc" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none;">team@tilda.cc</a><br /><p style="text-align: center;"><span style="color: rgb(255, 255, 255);"> </span></p></div></div> </div> </div> </div> </div> </div> <style>.csssize{height:4743px}.t-body{margin:0}#allrecords_footer{-webkit-font-smoothing:antialiased;background-color:none}#allrecords_footer a{color:#ff8562;text-decoration:none}#allrecords_footer a,#allrecords_footer button,#allrecords_footer .t-radio,#allrecords_footer .t-checkbox,#allrecords_footer .t-img-select{outline:none}#allrecords_footer a:focus-visible,#allrecords_footer button:focus-visible,#allrecords_footer .t-focusable,#allrecords_footer .t-focusable .t-btn,#allrecords_footer .t-focusable .t-btntext,#allrecords_footer .t-img-select:focus-visible+.t-img-select__indicator,#allrecords_footer .t-img-select:focus-visible+.t-img-select__indicator:after,#allrecords_footer .t-radio:focus-visible+.t-radio__indicator,#allrecords_footer .t-checkbox:focus-visible+.t-checkbox__indicator{outline-color:#2015FF;outline-offset:4px;outline-style:auto}#allrecords_footer .t-descr a:focus-visible,#allrecords_footer .t-sociallinks a:focus-visible,#allrecords_footer .ya-share2__link:focus-visible{outline-offset:2px}#allrecords_footer a[href^=tel]{color:inherit;text-decoration:none}#allrecords_footer ol{padding-left:22px}#allrecords_footer ul{padding-left:20px}#allrecords_footer b,#allrecords_footer strong{font-weight:700}@media print{body,html{min-width:1200px;max-width:1200px;padding:0;margin:0 auto;border:none}}.t-records_footer{-webkit-font_smoothing:antialiased;background-color:none}.t-records_footer a{color:#ff8562;text-decoration:none}.t-records_footer a[href^=tel]{color:inherit;text-decoration:none}.t-records_footer ol{padding-left:22px;margin-top:0;margin-bottom:10px}.t-records_footer ul{padding-left:20px;margin-top:0;margin-bottom:10px}.t-mbfix{opacity:.01;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);position:fixed;width:100%;height:500px;background-color:white;top:0;left:0;z-index:10000;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}.t-mbfix_hide{-webkit-transform:translateX(3000px);-ms-transform:translateX(3000px);transform:translateX(3000px)}img:not([src]){visibility:hidden}.t-body_scroll-locked{position:fixed;left:0;width:100%;height:100%;overflow:hidden}.r_anim{-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.r_hidden{opacity:0}.r_showed{opacity:1}@media screen and (max-width:1024px){a:active,button:active{-webkit-tap-highlight-color:rgba(255,255,255,.1)}}.t-text_footer{font-family:'TildaSans',Arial,sans-serif;font-weight:400;color:#000000}.t-text_footer_xs{font-size:15px;line-height:1.55}.t-name{font-family:'TildaSans',Arial,sans-serif;font-weight:600;color:#000000}.t-name_md{font-size:20px;line-height:1.35}.t-title_footer{font-family:'TildaSans',Arial,sans-serif;font-weight:600;color:#000000}.t-tildalabel{background-color:#000;color:#fff;width:100%;height:70px;font-family:Arial;font-size:14px}.t-tildalabel:hover .t-tildalabel__wrapper{opacity:1}.t-tildalabel__wrapper{display:table;height:30px;width:270px;margin:0 auto;padding-top:20px;opacity:.4}.t-tildalabel__txtleft{display:table-cell;width:120px;height:30px;vertical-align:middle;text-align:right;padding-right:12px;font-weight:300;font-size:12px}.t-tildalabel__wrapimg{display:table-cell;width:30px;height:30px;vertical-align:middle}.t-tildalabel__img{width:30px;height:30px;vertical-align:middle}.t-tildalabel__txtright{display:table-cell;width:120px;height:30px;vertical-align:middle;padding-left:12px;font-weight:500;letter-spacing:2px}.t-tildalabel__link{color:#fff;text-decoration:none;vertical-align:middle}.t-rec_pt_0{padding-top:0}.t-rec_pt_30{padding-top:30px}.t-rec_pt_75{padding-top:75px}.t-rec_pb_0{padding-bottom:0}.t-rec_pb_60{padding-bottom:60px}@media screen and (max-width:1200px){.t-text_footer_xs{font-size:14px}.t-name_md{font-size:18px}}@media screen and (max-width:640px){.t-text_footer_xs{font-size:12px;line-height:1.45}.t-name_md{font-size:16px}}@media screen and (max-width:480px){.t-rec_pt_0{padding-top:0}.t-rec_pt_30{padding-top:30px}.t-rec_pt_75{padding-top:75px}.t-rec_pb_0{padding-bottom:0}.t-rec_pb_60{padding-bottom:60px}.t-rec_pt-res-480_60{padding-top:60px!important}}.t396{-webkit-text_footer-size-adjust:100%}.t396__iframe{z-index:10000;background-color:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0;border:0}.t396__body_overflow_hidden{overflow:hidden}.t396__display_none{display:none}.t396__artboard{position:relative;width:100%;height:100vh;overflow:hidden}.t396__artboard .t396__artboard_scale{overflow:visible}.t396__artboard.t396__artboard_scale .t396__elem[data-elem-type="text"] .tn-atom{word-break:normal;-moz-osx-font-smoothing:grayscale}.t396__artboard_scale .t396__carrier,.t396__artboard_scale .t396__filter{transform-origin:top left}.tn-atom__scale-wrapper{width:inherit;height:inherit}.t396__elem .tn-atom__scale-wrapper .tn-atom{width:inherit;height:inherit!important;box-sizing:border-box}.t396__artboard.rendering .tn-elem{visibility:hidden}.t396__artboard.rendered .tn-elem{visibility:visible}.t396__carrier{position:absolute;left:0;top:0;z-index:0;width:100%;height:100vh;-moz-transform:unset}.t396__filter{position:absolute;left:0;top:0;z-index:1;width:100%;height:100vh;transform:translateZ(0)}.t396__elem{position:absolute;box-sizing:border-box;display:table}.t396 .tn-atom{display:table-cell;vertical-align:middle;width:100%;-webkit-text_footer-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}@media screen and (max-width:959px){.t396_safari .t396__artboard_scale .tn-atom{-webkit-text_footer-size-adjust:auto;-moz-text-size-adjust:auto;-ms-text-size-adjust:auto}}.t396 .tn-atom ul,.t396 .tn-atom ol{margin-bottom:0}.t396_safari .tn-atom:not(.tn-atom__form){transform:translateZ(0)}.t396 a.tn-atom{text-decoration:none}.t396 .tn-atom__img{width:100%;display:block}.t396 .tn-atom__html{vertical-align:top}.t396 .tn-atom__pin{border-radius:1000px;border-style:solid}.t396 .tn-atom__pin_onclick{cursor:pointer}.t396 .tn-atom__tip{position:absolute;box-sizing:border-box;width:300px;max-width:90vw;padding:15px;display:none}.t396 .tn-atom__pin:hover .tn-atom__tip{display:none}.t396 .tn-atom__tip-img{width:100%;display:block;margin-bottom:10px}.t396 .tn-atom__tip[data-tip-pos=top]{bottom:100%;margin-bottom:15px;left:50%;transform:translateX(-50%)}.t396 .tn-atom__tip[data-tip-pos=bottom]{top:100%;margin-top:15px;left:50%;transform:translateX(-50%)}.t396 .tn-atom__tip[data-tip-pos=left]{right:100%;margin-right:15px;top:50%;transform:translateY(-50%)}.t396 .tn-atom__tip[data-tip-pos=right]{left:100%;margin-left:15px;top:50%;transform:translateY(-50%)}.t396__ui{position:absolute;top:16px;left:196px;background-color:#fa876b;color:#000!important;height:30px;line-height:30px;width:100px;z-index:1000;text-align:center;border-radius:3px;display:none;font-size:14px}.t396__artboard.t396__artboard-fixed-active{transform:none!important;opacity:1!important}.t396__artboard-fixed-no-bg,.t396__artboard-fixed-innactive,.t396__artboard-fixed-innactive .t396__elem,.t396__artboard-fixed-no-bg.t396__artboard-fixed-innactive .t396__elem{pointer-events:none}.t396__artboard-fixed-no-bg .t396__elem{pointer-events:auto}.t396__elem-flex{position:relative!important;left:initial!important;top:initial!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-flex-negative:0;flex-shrink:0}.t188__wrapone{position:relative;right:50%;float:right}.t188__wraptwo{position:relative;z-index:1;right:-50%}.t188__wrapper{display:-webkit-flex;display:flex;justify-content:center;-webkit-box-pack:justify;-webkit-justify-content:center;-ms-flex-pack:justify}.t188 .t-sociallinks__item,.t188__sociallinkimg{display:inline-block;padding-left:5px;padding-right:5px}#allrecords_footer .t188 ul.t-sociallinks__wrapper{margin-bottom:0;padding-left:0;list-style:none}.t188 .t-sociallinks__item a{display:inline-block}.t188__imgwrapper{background-size:contain;background-repeat:no-repeat;background-position:center}.t046__text{text-align:center;padding-top:10px;padding-bottom:4px}.t-menusub__menu{display:none}.t456__imglogo{display:block;height:auto;margin-right:30px}.t456__linewrapper{position:absolute;bottom:0;left:0;width:100%}.t456__horizontalline{margin:0;border:0;background-color:#C2C2C2;height:1px;right:0;bottom:0;margin:0 40px 0 40px}.t456__imglogo{max-width:300px}.t456__leftwrapper{display:table-cell;vertical-align:middle;padding-left:40px}.t456__rightwrapper{display:table-cell;vertical-align:middle;padding-right:40px;width:100%}.t456__menualign_left{text-align:left}.t456__menualign_right{text-align:right}.t456__menualign_center{text-align:center}@media screen and (max-width:1200px){.t456__leftwrapper{padding-left:20px}.t456__rightwrapper{padding-right:20px}}.t456{width:100%;height:80px;z-index:990;position:fixed;top:0;box-shadow:0 1px 3px rgba(0,0,0,0);transition:background-color 300ms linear}.t456__beforeready{visibility:hidden}.t456 ul{margin:0}.t456__maincontainer{width:100%;height:80px;display:table;position:relative}.t456__maincontainer.t456__c12collumns{max-width:1200px;margin:0 auto}.t456__logo{display:inline-block;font-size:24px;font-weight:400;white-space:nowrap;padding-right:30px}.t456__list{list-style-type:none;margin:0;padding:0!important}.t456__list_item{clear:both;font-family:'TildaSans',Arial,sans-serif;font-size:16px;display:inline-block;padding-left:15px;padding-right:15px;margin:0;color:#000000;white-space:nowrap}.t456__list_item .t-active{opacity:.7}.t456__list_item:first-child{padding-left:0}.t456__list_item:last-child{padding-right:0}.t456 a,#allrecords_footer .t456 a{text-decoration:none;color:#000000}.t456.t456__positionabsolute{position:absolute}.t456.t456__positionfixed{position:fixed}.t456.t456__positionstatic{position:static}.t456__mobile{display:none}@media screen and (max-width:980px){.t456__linewrapper{display:none}.t456{position:static;text-align:center;display:block;margin:0;padding:0;height:auto!important}.t456.t456__positionabsolute,.t456.t456__positionfixed,.t456.t456__positionstatic{position:relative}.t456__imglogo{width:auto!important;box-sizing:border-box;padding:20px;margin:0 auto}.t456__imglogomobile.t456__imglogo{width:100%!important}.t456__logo{text-align:center;margin:20px}.t456 img{float:inherit}.t456 .t456__list_item{display:block;text-align:center;padding:10px!important;white-space:normal}.t456__logo{white-space:normal;padding:0}.t456__logowrapper{position:static;display:block;width:100%}.t456__logowrapper2{display:block;position:static}.t456__leftwrapper,.t456__rightwrapper{width:100%!important;display:block}.t456__leftwrapper{padding:20px;box-sizing:border-box}.t456__rightwrapper{padding:20px 0!important;box-sizing:border-box}.t456__list{display:block;padding:0!important}}</style>