CINXE.COM

<!DOCTYPE html> <html> <head> <title>How To Make a Website. Step-by-Step Guide</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="5 steps to create a website, main features of Tilda, links to useful resources, and practical advice" /> <meta property="og:url" content="https://tilda.education/en/how-to-build-website" /> <meta property="og:image" content="https://tilda.education/upload/pages/18515778/cover18515778.png" /> <meta property="og:title" content="How To Make a Website. Step-by-Step Guide" /> <meta property="og:description" content="5 steps to create a website, main features of Tilda, links to useful resources, and practical advice" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Tilda.Education" /> <link rel="canonical" href="https://tilda.education/en/how-to-build-website"/>  <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-page18515778.min.css"><link rel="stylesheet" type="text/css" href="/static/project3379564/css/tilda-animation-2.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="18515778" data-tilda-page-alias="en/how-to-build-website" data-tilda-formskey="6f20e8cab9363ca37fab290c70306272" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec300024954" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="396">  <style>#rec300024954 .t396__artboard {min-height:550px;height:100vh;background-color:#f5f5f5;}#rec300024954 .t396__filter {min-height:550px;height:100vh;}#rec300024954 .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) {#rec300024954 .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);}#rec300024954 .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) {#rec300024954 .t396__artboard,#rec300024954 .t396__filter,#rec300024954 .t396__carrier {min-height:500px;}#rec300024954 .t396__filter {}#rec300024954 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec300024954 .t396__artboard,#rec300024954 .t396__filter,#rec300024954 .t396__carrier {min-height:540px;}#rec300024954 .t396__filter {}#rec300024954 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec300024954 .t396__artboard,#rec300024954 .t396__filter,#rec300024954 .t396__carrier {min-height:430px;}#rec300024954 .t396__filter {}#rec300024954 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec300024954 .t396__artboard,#rec300024954 .t396__filter,#rec300024954 .t396__carrier {min-height:440px;}#rec300024954 .t396__filter {}#rec300024954 .t396__carrier {background-attachment:scroll;}}#rec300024954 .tn-elem[data-elem-id="1473960809193"]{color:#e000c2;z-index:3;top:calc(50vh - 275px + 425px);left:calc(50% - 600px + 81px);width:543px;}#rec300024954 .tn-elem[data-elem-id="1473960809193"] .tn-atom{color:#e000c2;font-size:30px;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) {#rec300024954 .tn-elem[data-elem-id="1473960809193"] {top:384px;left:calc(50% - 480px + 71px);width:470px;}#rec300024954 .tn-elem[data-elem-id="1473960809193"] .tn-atom{font-size:28px;}}@media screen and (max-width:959px) {#rec300024954 .tn-elem[data-elem-id="1473960809193"] {top:392px;left:calc(50% - 320px + 70px);width:331px;}#rec300024954 .tn-elem[data-elem-id="1473960809193"] .tn-atom{font-size:26px;}}@media screen and (max-width:639px) {#rec300024954 .tn-elem[data-elem-id="1473960809193"] {top:311px;left:calc(50% - 240px + 57px);width:303px;}#rec300024954 .tn-elem[data-elem-id="1473960809193"] .tn-atom{font-size:18px;}}@media screen and (max-width:479px) {#rec300024954 .tn-elem[data-elem-id="1473960809193"] {top:330px;left:calc(50% - 160px + 12px);width:281px;}}#rec300024954 .tn-elem[data-elem-id="1489595589033"]{z-index:4;top:calc(50vh - 275px + 130px);left:calc(50% - 600px + 760px);width:360px;}#rec300024954 .tn-elem[data-elem-id="1489595589033"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec300024954 .tn-elem[data-elem-id="1489595589033"] {top:50px;left:calc(50% - 480px + 620px);width:270px;}}@media screen and (max-width:959px) {#rec300024954 .tn-elem[data-elem-id="1489595589033"] {top:85px;left:calc(50% - 320px + 380px);width:220px;}}@media screen and (max-width:639px) {#rec300024954 .tn-elem[data-elem-id="1489595589033"] {top:95px;left:calc(50% - 240px + 310px);width:130px;}}@media screen and (max-width:479px) {#rec300024954 .tn-elem[data-elem-id="1489595589033"] {top:135px;left:calc(50% - 160px + 170px);width:130px;}}#rec300024954 .tn-elem[data-elem-id="1598270876312"]{color:#000000;z-index:5;top:calc(50vh - 275px + 25px);left:calc(50% - 600px + 174px);width:280px;}#rec300024954 .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) {#rec300024954 .tn-elem[data-elem-id="1598270876312"] {top:60px;left:calc(50% - 480px + 150px);width:300px;}#rec300024954 .tn-elem[data-elem-id="1598270876312"] .tn-atom{font-size:30px;}}@media screen and (max-width:959px) {#rec300024954 .tn-elem[data-elem-id="1598270876312"] {top:97px;left:calc(50% - 320px + 134px);width:220px;}#rec300024954 .tn-elem[data-elem-id="1598270876312"] .tn-atom{font-size:25px;}}@media screen and (max-width:639px) {#rec300024954 .tn-elem[data-elem-id="1598270876312"] {top:77px;left:calc(50% - 240px + 123px);}#rec300024954 .tn-elem[data-elem-id="1598270876312"] .tn-atom{font-size:22px;}}@media screen and (max-width:479px) {#rec300024954 .tn-elem[data-elem-id="1598270876312"] {top:80px;left:calc(50% - 160px + 60px);width:180px;}#rec300024954 .tn-elem[data-elem-id="1598270876312"] .tn-atom{font-size:18px;}}#rec300024954 .tn-elem[data-elem-id="1598270876318"]{z-index:6;top:calc(50vh - 275px + 11px);left:calc(50% - 600px + 80px);width:70px;}#rec300024954 .tn-elem[data-elem-id="1598270876318"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec300024954 .tn-elem[data-elem-id="1598270876318"] {top:48px;left:calc(50% - 480px + 71px);width:60px;}}@media screen and (max-width:959px) {#rec300024954 .tn-elem[data-elem-id="1598270876318"] {top:85px;left:calc(50% - 320px + 70px);width:50px;}}@media screen and (max-width:639px) {#rec300024954 .tn-elem[data-elem-id="1598270876318"] {top:65px;left:calc(50% - 240px + 60px);}}@media screen and (max-width:479px) {#rec300024954 .tn-elem[data-elem-id="1598270876318"] {top:71px;left:calc(50% - 160px + 10px);width:40px;}}#rec300024954 .tn-elem[data-elem-id="1473960759221"]{color:#e000c2;z-index:7;top:calc(50vh - 275px + 187px);left:calc(50% - 600px + 81px);width:586px;}#rec300024954 .tn-elem[data-elem-id="1473960759221"] .tn-atom{color:#e000c2;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) {#rec300024954 .tn-elem[data-elem-id="1473960759221"] {top:266px;left:calc(50% - 480px + 71px);width:560px;}#rec300024954 .tn-elem[data-elem-id="1473960759221"] .tn-atom{font-size:48px;}}@media screen and (max-width:959px) {#rec300024954 .tn-elem[data-elem-id="1473960759221"] {top:292px;left:calc(50% - 320px + 70px);width:450px;}#rec300024954 .tn-elem[data-elem-id="1473960759221"] .tn-atom{font-size:38px;}}@media screen and (max-width:639px) {#rec300024954 .tn-elem[data-elem-id="1473960759221"] {top:232px;left:calc(50% - 240px + 58px);width:336px;}#rec300024954 .tn-elem[data-elem-id="1473960759221"] .tn-atom{font-size:29px;}}@media screen and (max-width:479px) {#rec300024954 .tn-elem[data-elem-id="1473960759221"] {top:263px;left:calc(50% - 160px + 10px);width:299px;}#rec300024954 .tn-elem[data-elem-id="1473960759221"] .tn-atom{font-size:25px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="300024954" 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="430" data-artboard-height-res-640="540" data-artboard-height-res-960="500"> <div class="t396__carrier-wrapper"> <div class="t396__carrier" data-artboard-recid="300024954"></div> </div> <div class="t396__filter" data-artboard-recid="300024954"></div> <div class='t396__elem tn-elem tn-elem__3000249541473960809193' data-elem-id='1473960809193' data-elem-type='text' data-field-top-value="425" data-field-left-value="81" 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="281" data-field-top-res-480-value="311" data-field-left-res-480-value="57" data-field-width-res-480-value="303" data-field-top-res-640-value="392" data-field-left-res-640-value="70" data-field-width-res-640-value="331" data-field-top-res-960-value="384" data-field-left-res-960-value="71" data-field-width-res-960-value="470"> <div class='tn-atom'field='tn_text_1473960809193'>5 steps to create a website, main features of Tilda, useful links, and more</div> </div> <div class='t396__elem tn-elem tn-elem__3000249541489595589033' data-elem-id='1489595589033' data-elem-type='image' data-field-top-value="130" data-field-left-value="760" data-field-width-value="360" 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="1484" data-field-fileheight-value="918" data-field-top-res-320-value="135" data-field-left-res-320-value="170" data-field-width-res-320-value="130" data-field-top-res-480-value="95" data-field-left-res-480-value="310" data-field-width-res-480-value="130" data-field-top-res-640-value="85" data-field-left-res-640-value="380" data-field-width-res-640-value="220" data-field-top-res-960-value="50" data-field-left-res-960-value="620" data-field-width-res-960-value="270"> <div class='tn-atom'> <img itemprop="image" class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6231-6565-4166-b964-363361636431/Group_1529.png' alt='' imgfield='tn_img_1489595589033' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3000249541598270876312' 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/en"style="color: inherit">Tilda Education</a></div> </div> <div class='t396__elem tn-elem tn-elem__3000249541598270876318' 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__3000249541473960759221' data-elem-id='1473960759221' data-elem-type='text' data-field-top-value="187" data-field-left-value="81" data-field-width-value="586" 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="299" data-field-top-res-480-value="232" data-field-left-res-480-value="58" data-field-width-res-480-value="336" data-field-top-res-640-value="292" data-field-left-res-640-value="70" data-field-width-res-640-value="450" data-field-top-res-960-value="266" data-field-left-res-960-value="71" data-field-width-res-960-value="560"> <h1 itemprop="headline" class='tn-atom'field='tn_text_1473960759221'>How To Make a Website. Step-by-Step Guide</h1> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('300024954');});});</script>  </div> <div id="rec299182140" class="r t-rec t-rec_pt_120 t-rec_pb_0" style="padding-top:120px;padding-bottom:0px; " data-record-type="139">  <div class="t013"> <div class="t-container"> <div class="t-col t-col_3 t013__centeredsection"> <img itemprop="image" class="t013__img t-img" src="/upload/pages/18515778/tild3236-6536-4034-b737-376463336135__-__empty__894853_514935925214242_1350363745_o.jpg" data-original="https://static.tildacdn.com/tild3236-6536-4034-b737-376463336135/894853_514935925214242_1350363745_o.jpg" imgfield="img" data-tu-max-width="320" data-tu-max-height="320" data-tu-cover="c" alt=""> <br> <div class="t013__autor-title t-descr" field="imgtitle">Nikita Obukhov</div> <div class="t013__autor-descr t-descr" field="imgdescr">Designer, <a href="http://tilda.cc/">Tilda</a> Founder and CEO</div> </div> <div class="t-col t-col_8 "> <div class="t013__text t-text t-text_md" field="text">Creating a website can be pretty challenging. That is the reason we made this guide to help you accomplish this task within a short time frame and at a pocket-friendly price. We broke down all of the insights gained during 20+ years of experience in web design, compressed this knowledge, and explained how to apply it using Tilda, a platform that allows anyone to make awesome websites. Read, create, and make it happen!</div> </div> </div> </div> </div> <div id="rec299182142" class="r t-rec t-rec_pt_165 t-rec_pb_0" style="padding-top:165px;padding-bottom:0px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 1 </div> </div> </div> <div id="rec300924324" class="r t-rec t-rec_pt_45 t-rec_pb_60" style="padding-top:45px;padding-bottom:60px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_center"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">The Idea And Structure Of a Website</div> <div class="t225__descr t-descr t-descr_xxl" field="descr">The main idea and purpose of a website. One page or several? The website structure and the key blocks.</div> </div> </div> </div> </div> <div id="rec299182145" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;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 ">Plan out the sections of the website, the main idea, and the functions. For example, a client needs a website on architectural bureau. One of the undermining elements this website should feature is the bureau’s works and contacts.<br /><br />However, it’s also important to spot out what differentiates the bureau from other competitors. The bureau may focus on handling complex tasks, and share some unique features that make it stand out from other services. This is why uploading attractive and illustrative pictures won’t be enough! There is a place for content; you can share detailed descriptions of all the data, the process involved, and justification of decisions.<br /><br />You don’t need to showcase all the projects on the website; center your focus on the most important ones, explain why the brand or company is regarded as experts and what distinguishes their service from the competitors. At this point, you will need to use less animation, embellishment, and other special effects.<br /><br />Explain the concept of the company, and share main points that will emotionally engage and inspire website visitors.</div> </div> </div> </div> </div> <div id="rec299438680" class="r t-rec t-rec_pt_90 t-rec_pb_90" style="padding-top:90px;padding-bottom:90px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#f5f5f5;"> <div style=""> <div class="t220__title t-heading t-heading_sm" field="title">Example</div> <div field="text" class="t220__text t-text t-text_md ">Say, you want to create a landing page for a school specialized in design. The main purpose of this page is to help both students and parents understand the concept of design and what is expected from a designer.<br /><br /><strong>Problem: </strong>Students want to become designers. However, most of them are yet to understand the rudiments, the trends, and significant differences in designs.<br /><br /><strong>Objective:</strong> To help students know more about web design specializations and understand which suits them best.<br /><br /><strong>Idea:</strong> What if we highlight some of the major design trends like —interactive, graphic, and industrial. And host an interview with professionals in each field? Telling compelling stories is one of the best ways to attract an audience, share stories from personal work experience, and compliment it with attractive pictures. People will be interested to read it, they will see what kind of person each professional is, whether their lifestyle is inspiring or familiar.</div> </div> </div> </div> </div> </div> </div> <div id="rec299182147" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " 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 the text editor and write down the content. Evaluate the volume of the text to see if it can contain in one page. However, if there is too much content, consider using a multi-page website, and add some of the information to the website menu.</div> </div> </div> </div> </div> <div id="rec299182148" class="r t-rec t-rec_pt_60 t-rec_pb_75" style="padding-top:60px;padding-bottom:75px; " data-record-type="171">  <div class="t157"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t157__wrapper"> <div class="t-divider" style=""></div> <div field="text" class="t157__text t-text t-text_sm"><strong>A detail: </strong>don’t think of the main page as the beginning of a novel. Ensure the contact page has the same level of information as what you have on the main page. This will help in terms of navigation.</div> </div> </div> </div> </div> </div> <div id="rec299182149" 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/tild3466-6264-4532-b638-626666383030/photo_20160921_141142.jpg" style="background: url('/upload/pages/18515778/tild3466-6264-4532-b638-626666383030__-__resizeb__20x__photo_20160921_141142.jpg') center center no-repeat; background-size:cover;"><meta itemprop="image" content="https://static.tildacdn.com/tild3466-6264-4532-b638-626666383030/photo_20160921_141142.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__1" data-zoom-target="1" data-original="https://static.tildacdn.com/tild3737-3034-4334-b931-396530343739/photo_20160921_141130.jpg" style="background: url('/upload/pages/18515778/tild3737-3034-4334-b931-396530343739__-__resizeb__20x__photo_20160921_141130.jpg') center center no-repeat; background-size:cover;"><meta itemprop="image" content="https://static.tildacdn.com/tild3737-3034-4334-b931-396530343739/photo_20160921_141130.jpg"></div> </div> </div><div class="t-row"> </div> </div> </div> </div> <div id="rec299182150" class="r t-rec t-rec_pt_0 t-rec_pb_150" style="padding-top:0px;padding-bottom:150px; " data-record-type="61">  <div class="t051"> <div class="t-container"> <div class="t-col t-col_12 "> <div class="t051__text t-text t-text_md" field="text"><div style="font-size: 14px;" data-customstyle="yes"><span style="font-size: 14px;">A usual text editor or a list of paper — these are the necessary materials to outline the structure.</span></div></div> </div> </div> </div> </div> <div id="rec299182151" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 2 </div> </div> </div> <div id="rec300924459" class="r t-rec t-rec_pt_45 t-rec_pb_60" style="padding-top:45px;padding-bottom:60px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_center"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Research</div> <div class="t225__descr t-descr t-descr_xxl" field="descr">Competitor websites. Cross-categories. Inspiring examples.</div> </div> </div> </div> </div> <div id="rec299182154" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " 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 "><strong>Competitor websites.</strong> Once you get the idea and structure of the website, you can mirror a competitor’s website and find features that are suitable and will go in tandem with your concept. Evaluate the content rather than design: the menu, the features on the main page, and the text copy.<br /><br /><strong>Cross-categories</strong>. If you’re working on a theatre performance website, mirror from other websites offering similar services. If you can’t find something similar, check other close categories like opera or a modern dance website. If you need to tell about a football team, you can use methods found on hockey or rugby websites.</div> </div> </div> </div> </div> <div id="rec299182155" class="r t-rec t-rec_pt_60 t-rec_pb_75" style="padding-top:60px;padding-bottom:75px; " data-record-type="172">  <div class="t158"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_10 t-prefix_1"> <div class="t158__text t-text" field="text"><div style="font-size: 30px;" data-customstyle="yes"><span style="font-size: 30px;">Your competitor’s website might appear awkward in terms of styles and design. However, if they can attract the right audience, it means they have something to offer; your goal is to understand what makes all the difference.</span></div></div> </div> </div> </div> </div> </div> <div id="rec299182156" 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 "><strong>Inspiring examples</strong>. Even professionals with years of experience still go through new websites regularly, follow trends, and get inspiration from their colleagues. However, you don’t have to be a copycat to get it all. The idea here is to stay updated with the ever-changing world of web design, spot out trends and follow them.</div> </div> </div> </div> </div> <div id="rec754543494" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-record-type="670">  <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container "> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left " aria-controls="carousel_754543494" aria-disabled="false" aria-label="Previous slide"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 17px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 17.3 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 16.5,16.5 0.5,32.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right " aria-controls="carousel_754543494" aria-disabled="false" aria-label="Next slide"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 17px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 17.3 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 16.5,16.5 0.5,32.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_754543494" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 of 7"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3833-6566-4965-b833-366664306362/Frame_79_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3833-6566-4965-b833-366664306362__-__empty__frame_79_1.png" data-original="https://static.tildacdn.com/tild3833-6566-4965-b833-366664306362/Frame_79_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 of 7"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3565-3631-4439-b433-653265626533/Frame_78_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3565-3631-4439-b433-653265626533__-__empty__frame_78_1.png" data-original="https://static.tildacdn.com/tild3565-3631-4439-b433-653265626533/Frame_78_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 of 7"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6639-6136-4261-b034-616266383632/Frame_80_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild6639-6136-4261-b034-616266383632__-__empty__frame_80_1.png" data-original="https://static.tildacdn.com/tild6639-6136-4261-b034-616266383632/Frame_80_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="4" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="4 of 7"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6132-3061-4730-b932-653564306430/Frame_81_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild6132-3061-4730-b932-653564306430__-__empty__frame_81_1.png" data-original="https://static.tildacdn.com/tild6132-3061-4730-b932-653564306430/Frame_81_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="5" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="5 of 7"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6234-6165-4361-a263-393330366162/Frame_83_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild6234-6165-4361-a263-393330366162__-__empty__frame_83_1.png" data-original="https://static.tildacdn.com/tild6234-6165-4361-a263-393330366162/Frame_83_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="6" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="6 of 7"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3564-3161-4833-b861-386534373237/Frame_84_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3564-3161-4833-b861-386534373237__-__empty__frame_84_1.png" data-original="https://static.tildacdn.com/tild3564-3161-4833-b861-386534373237/Frame_84_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="7" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="7 of 7"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3037-6563-4262-b933-653562393564/Frame_82_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3037-6563-4262-b933-653562393564__-__empty__frame_82_1.png" data-original="https://static.tildacdn.com/tild3037-6563-4262-b933-653562393564/Frame_82_1.png" alt=""> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 1" aria-current="true" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 2" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 3" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 4" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="5"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 5" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="6"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 6" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="7"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 7" style=""></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">laura-pergolizzi.tilda.ws</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">goodfoodproject.com.br</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">laskaunion.com</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="4"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__3">youstudio.ch</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="5"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__4">codefortis.tilda.ws</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="6"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__5">www.stellarbranding.ch</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="7"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__6">myoctopus.ai</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('754543494',false);});});</script> <style>#rec754543494 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec754543494 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec754543494 .t-slds__title{font-weight:400;}</style> </div> <div id="rec299182158" 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 ">Listen to yourself: it’s important to be certain why exactly you like the website you’re going through. You may be fascinated by the typography, the blend of colors, and the quality of images. Look for expressive methods that you can use in your work. Check out websites from different walks of life regardless of the niche.<br /><br />Below are links to some resources featuring collections of good examples.</div> </div> </div> </div> </div> <div id="rec472506087" class="r t-rec t-rec_pt_0 t-rec_pb_150" style="padding-top:0px;padding-bottom:150px; " data-animationappear="off" data-record-type="686">  <div class="t686" data-tile-ratio="0.714"> <div class="t686__container t-card__container t-container" data-columns-in-row="2"> <div class="t-card__col t-card__col_withoutbtn t-col t-col_6 t-align_center "> <div class="t686__table" style=""> <div class="t686__cell t-align_center t-valign_middle"> <div class="t686__bg t686__animation_fast t686__bg_animated t-bgimg" data-original="https://static.tildacdn.com/tild3333-3235-4563-b065-316662323835/httpster.jpeg" bgimgfield="li_img__1494497749748" style="background-image:url('/upload/pages/18515778/tild3333-3235-4563-b065-316662323835__-__resizeb__20x__httpster.jpeg');" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3333-3235-4563-b065-316662323835/httpster.jpeg"> </div> <div class="t686__overlay t686__animation_fast" style="background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80));"></div> <div class="t686__textwrapper t686__animation_fast "> <div class="t686__textwrapper__content"> <div class="t686__inner-wrapper"> <div class="t-card__title t-title t-title_xxs" field="li_title__1494497749748"> <a href="http://httpster.net/" class="t-card__link" id="cardtitle1_472506087" target="_blank"> httpster.net </a> </div> </div> </div> </div> </div> </div> </div> <div class="t-card__col t-card__col_withoutbtn t-col t-col_6 t-align_center "> <div class="t686__table" style=""> <div class="t686__cell t-align_center t-valign_middle"> <div class="t686__bg t686__animation_fast t686__bg_animated t-bgimg" data-original="https://static.tildacdn.com/tild3730-6134-4435-a162-386135313238/awwards.jpeg" bgimgfield="li_img__1494498239096" style="background-image:url('/upload/pages/18515778/tild3730-6134-4435-a162-386135313238__-__resizeb__20x__awwards.jpeg');" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3730-6134-4435-a162-386135313238/awwards.jpeg"> </div> <div class="t686__overlay t686__animation_fast" style="background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80));"></div> <div class="t686__textwrapper t686__animation_fast "> <div class="t686__textwrapper__content"> <div class="t686__inner-wrapper"> <div class="t-card__title t-title t-title_xxs" field="li_title__1494498239096"> <a href="http://www.awwwards.com/awards-of-the-day/" class="t-card__link" id="cardtitle2_472506087" target="_blank"> awwwards.com </a> </div> </div> </div> </div> </div> </div> </div> <div class="t-clear t686__separator"></div> <div class="t-card__col t-card__col_withoutbtn t-col t-col_6 t-align_center "> <div class="t686__table" style=""> <div class="t686__cell t-align_center t-valign_middle"> <div class="t686__bg t686__animation_fast t686__bg_animated t-bgimg" data-original="https://static.tildacdn.com/tild3032-3032-4563-a663-366562366666/siteinspire.jpeg" bgimgfield="li_img__1658741300772" style="background-image:url('/upload/pages/18515778/tild3032-3032-4563-a663-366562366666__-__resizeb__20x__siteinspire.jpeg');" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3032-3032-4563-a663-366562366666/siteinspire.jpeg"> </div> <div class="t686__overlay t686__animation_fast" style="background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80));"></div> <div class="t686__textwrapper t686__animation_fast "> <div class="t686__textwrapper__content"> <div class="t686__inner-wrapper"> <div class="t-card__title t-title t-title_xxs" field="li_title__1658741300772"> <a href="http://www.siteinspire.com/" class="t-card__link" id="cardtitle3_472506087" target="_blank"> siteinspire.com </a> </div> </div> </div> </div> </div> </div> </div> <div class="t-card__col t-card__col_withoutbtn t-col t-col_6 t-align_center "> <div class="t686__table" style=""> <div class="t686__cell t-align_center t-valign_middle"> <div class="t686__bg t686__animation_fast t686__bg_animated t-bgimg" data-original="https://static.tildacdn.com/tild3062-6235-4331-b866-643266663437/onepage.jpeg" bgimgfield="li_img__1658741312092" style="background-image:url('/upload/pages/18515778/tild3062-6235-4331-b866-643266663437__-__resizeb__20x__onepage.jpeg');" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3062-6235-4331-b866-643266663437/onepage.jpeg"> </div> <div class="t686__overlay t686__animation_fast" style="background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.80));"></div> <div class="t686__textwrapper t686__animation_fast "> <div class="t686__textwrapper__content"> <div class="t686__inner-wrapper"> <div class="t-card__title t-title t-title_xxs" field="li_title__1658741312092"> <a href="https://onepagelove.com/" class="t-card__link" id="cardtitle4_472506087" target="_blank"> onepagelove.com </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t686_init',function() {t686_init('472506087');});});</script> </div> <div id="rec299182161" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 3 </div> </div> </div> <div id="rec300924851" class="r t-rec t-rec_pt_45 t-rec_pb_60" style="padding-top:45px;padding-bottom:60px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_center"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t225__title t-title t-title_md" field="title">A Website Prototype Or Mock-Up</h2> <div class="t225__descr t-descr t-descr_xxl" field="descr">What is a prototype? Examples of prototypes. How to draw a prototype, basic elements.</div> </div> </div> </div> </div> <div id="rec300924917" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t017__title t-title t-title_xxs" field="title"><strong>What is a prototype</strong></div> </div> </div> </div> <style> @media screen and (min-width:900px){#rec300924917 .t017__title{font-size:32px;}}</style> </div> <div id="rec299182164" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;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 "> Now that you get some ideas and inspiration from your competitors and know what is expected, the next phase is to express these ideas by making a sketch graphically.</div> </div> </div> </div> </div> <div id="rec299182165" class="r t-rec t-rec_pt_60 t-rec_pb_75" style="padding-top:60px;padding-bottom:75px; " data-record-type="172">  <div class="t158"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_10 t-prefix_1"> <div class="t158__text t-text" field="text"><div style="font-size: 30px;" data-customstyle="yes"><span style="font-size: 30px;">A draft website or prototype is a schematic representation of the website’s blocks—your visual scenario.</span></div></div> </div> </div> </div> </div> </div> <div id="rec299182166" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " 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 ">This is one of the easiest things to do. Grab a piece of paper and two colored pens, a black and a contrasting color and sketch out a plan listing everything required for the project. You don’t have to go detailed at this point; focus only on the main idea, and create a script for the website you intend to build.<br /><br />Imagine this as a presentation, think in screens. What do you want to say? Maybe you can display an attractive design that will call the attention of visitors and state the mission of the website at a glance.<br /><br />Afterward, share a bit more about your experience, outline some advantages of working with the team and share their contacts. All these features have to be sketched out properly.</div> </div> </div> </div> </div> <div id="rec299182167" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-record-type="169">  <div class="t155"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_6"> <div class="t-bgimg" data-original="https://static.tildacdn.com/tild3935-3161-4136-a530-663865316662/oneproto.jpg" bgimgfield="gi_img__0" style="background: url('/upload/pages/18515778/tild3935-3161-4136-a530-663865316662__-__resizeb__20x__oneproto.jpg') center center no-repeat; background-size:cover; height:660px; margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3935-3161-4136-a530-663865316662/oneproto.jpg"> </div> </div> <div class="t-col t-col_6"> <div class="t-bgimg" data-original="https://static.tildacdn.com/tild3466-3464-4130-b733-636432313439/_DSC3725.jpg" bgimgfield="gi_img__1" title="" style="width:100%; background: url('/upload/pages/18515778/tild3466-3464-4130-b733-636432313439__-__resizeb__20x___dsc3725.jpg') center center no-repeat; background-size:cover; height:320px; margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3466-3464-4130-b733-636432313439/_DSC3725.jpg"> <meta itemprop="caption" content=""> </div> <div class="t-bgimg" data-original="https://static.tildacdn.com/tild3331-3763-4366-b063-363132636538/_DSC3733.jpg" bgimgfield="gi_img__2" title="" style="width:100%; background: url('/upload/pages/18515778/tild3331-3763-4366-b063-363132636538__-__resizeb__20x___dsc3733.jpg') center center no-repeat; background-size:cover; height:320px; margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3331-3763-4366-b063-363132636538/_DSC3733.jpg"> <meta itemprop="caption" content=""> </div> </div> </div> </div> </div> </div> <div id="rec299182168" class="r t-rec t-rec_pt_15 t-rec_pb_30" style="padding-top:15px;padding-bottom:30px; " data-record-type="61">  <div class="t051"> <div class="t-container"> <div class="t-col t-col_12 "> <div class="t051__text t-text t-text_md" field="text"><div style="font-size: 16px;" data-customstyle="yes"><span style="font-size: 16px;">Examples of what prototypes look like</span></div></div> </div> </div> </div> </div> <div id="rec300925233" class="r t-rec t-rec_pt_90 t-rec_pb_30" style="padding-top:90px;padding-bottom:30px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t017__title t-title t-title_xxs" field="title"><strong style="font-size: 36px;">How To Draw a Prototype</strong></h2> </div> </div> </div> <style> @media screen and (min-width:900px){#rec300925233 .t017__title{font-size:32px;}}</style> </div> <div id="rec299182169" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;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 ">There are basic sets of standard elements; text is shown by straight lines and a bolder headline. The picture comes in the shape of a rectangle with crossed lines and operating elements that have the shape of a pin. The headline is the strip at the top; on the lift side of the screen is a dash bolder line meant for the logo, while to the right side of the screen are five dash lines meant for the menu.</div> </div> </div> </div> </div> <div id="rec299439565" class="r t-rec t-rec_pt_60 t-rec_pb_75" style="padding-top:60px;padding-bottom:75px; " data-record-type="172">  <div class="t158"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_10 t-prefix_1"> <div class="t158__text t-text" field="text"><div style="font-size: 30px;" data-customstyle="yes">Don't make your prototype too large. For example, if you are using an A4 sheet of paper, the window width should be 5-6 cm. It's better to have it summarized, easy to skim, with room for notes in the margins.</div></div> </div> </div> </div> </div> </div> <div id="rec299182171" 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 ">Try to use accurate drawings since it is easier to perceive. There are usually many ideas, so it best to brainstorm with your colleagues on which idea is preferable.</div> </div> </div> </div> </div> <div id="rec299421386" class="r t-rec t-rec_pt_15 t-rec_pb_150" style="padding-top:15px;padding-bottom:150px; " data-record-type="670">  <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container "> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left " aria-controls="carousel_299421386" aria-disabled="false" aria-label="Previous slide"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 17px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 17.3 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 16.5,16.5 0.5,32.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right " aria-controls="carousel_299421386" aria-disabled="false" aria-label="Next slide"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 17px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 17.3 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 16.5,16.5 0.5,32.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_8 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_299421386" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 of 7"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3732-3037-4237-a364-373537363761/cover.jpg"><meta itemprop="caption" content="The cover. A bold line for the headline. Thin lines for a short description. Short strips at the top for a menu."> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3732-3037-4237-a364-373537363761__-__empty__cover.jpg" data-original="https://static.tildacdn.com/tild3732-3037-4237-a364-373537363761/cover.jpg" alt="The cover. A bold line for the headline. Thin lines for a short description. Short strips at the top for a menu."> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 of 7"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3361-3031-4031-b135-363439363161/pix.jpg"><meta itemprop="caption" content="Images are crossed rectangles. Text is depicted as straight lines."> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3361-3031-4031-b135-363439363161__-__empty__pix.jpg" data-original="https://static.tildacdn.com/tild3361-3031-4031-b135-363439363161/pix.jpg" alt="Images are crossed rectangles. Text is depicted as straight lines."> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 of 7"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3565-3137-4363-b733-313037663965/fullscreen.jpg"><meta itemprop="caption" content="If the image is full screen, draw it as it appears on the website"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3565-3137-4363-b733-313037663965__-__empty__fullscreen.jpg" data-original="https://static.tildacdn.com/tild3565-3137-4363-b733-313037663965/fullscreen.jpg" alt="If the image is full screen, draw it as it appears on the website"> </div> </div> </div> <div class="t-slds__item" data-slide-index="4" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="4 of 7"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3136-3030-4965-b438-316331663630/kolonki.jpg"><meta itemprop="caption" content="The text in columns, bold lines for the titles"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3136-3030-4965-b438-316331663630__-__empty__kolonki.jpg" data-original="https://static.tildacdn.com/tild3136-3030-4965-b438-316331663630/kolonki.jpg" alt="The text in columns, bold lines for the titles"> </div> </div> </div> <div class="t-slds__item" data-slide-index="5" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="5 of 7"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3965-6632-4132-a339-633830626439/gallery.jpg"><meta itemprop="caption" content="Image gallery: crossed box and control elements"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3965-6632-4132-a339-633830626439__-__empty__gallery.jpg" data-original="https://static.tildacdn.com/tild3965-6632-4132-a339-633830626439/gallery.jpg" alt="Image gallery: crossed box and control elements"> </div> </div> </div> <div class="t-slds__item" data-slide-index="6" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="6 of 7"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6437-3939-4361-a236-363161333264/video.jpg"><meta itemprop="caption" content="Video is traditionally depicted as a triangle"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild6437-3939-4361-a236-363161333264__-__empty__video.jpg" data-original="https://static.tildacdn.com/tild6437-3939-4361-a236-363161333264/video.jpg" alt="Video is traditionally depicted as a triangle"> </div> </div> </div> <div class="t-slds__item" data-slide-index="7" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="7 of 7"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6234-3430-4663-b963-643137316530/features.jpg"><meta itemprop="caption" content="Main features - a schematic representation of icons and texts in columns"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild6234-3430-4663-b963-643137316530__-__empty__features.jpg" data-original="https://static.tildacdn.com/tild6234-3430-4663-b963-643137316530/features.jpg" alt="Main features - a schematic representation of icons and texts in columns"> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 1" aria-current="true" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 2" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 3" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 4" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="5"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 5" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="6"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 6" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="7"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 7" style=""></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__title t-name t-name_xs" data-redactor-notoolbar="yes" field="gi_title__0">The cover. A bold line for the headline. Thin lines for a short description. Short strips at the top for a menu.</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__title t-name t-name_xs" data-redactor-notoolbar="yes" field="gi_title__1">Images are crossed rectangles. Text is depicted as straight lines.</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__title t-name t-name_xs" data-redactor-notoolbar="yes" field="gi_title__2">If the image is full screen, draw it as it appears on the website</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="4"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__title t-name t-name_xs" data-redactor-notoolbar="yes" field="gi_title__3">The text in columns, bold lines for the titles</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="5"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__title t-name t-name_xs" data-redactor-notoolbar="yes" field="gi_title__4">Image gallery: crossed box and control elements</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="6"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__title t-name t-name_xs" data-redactor-notoolbar="yes" field="gi_title__5">Video is traditionally depicted as a triangle</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="7"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__title t-name t-name_xs" data-redactor-notoolbar="yes" field="gi_title__6">Main features - a schematic representation of icons and texts in columns</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('299421386',false);});});</script> <style>#rec299421386 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec299421386 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec299421386 .t-slds__title{font-weight:400;}</style> </div> <div id="rec299182173" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 4 </div> </div> </div> <div id="rec300925609" class="r t-rec t-rec_pt_45 t-rec_pb_60" style="padding-top:45px;padding-bottom:60px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_center"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t225__title t-title t-title_md" field="title">Content</h2> <div class="t225__descr t-descr t-descr_xxl" field="descr">Where to get the information for the website. How to write the text for the website, key points. Text style.</div> </div> </div> </div> </div> <div id="rec300925683" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t017__title t-title t-title_xxs" field="title"><strong style="font-size: 36px;">Where To Look For Content?</strong></div> </div> </div> </div> <style> @media screen and (min-width:900px){#rec300925683 .t017__title{font-size:32px;}}</style> </div> <div id="rec299182176" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;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 ">Before you proceed to Tilda, it’s important to ensure your content is up to standard. Remember, content is Key! First, you have to gather all the essentials you need; these include publications, presentations, brochures, and any material that will serve as a starting point.</div> </div> </div> </div> </div> <div id="rec299182177" class="r t-rec t-rec_pt_60 t-rec_pb_75" style="padding-top:60px;padding-bottom:75px; " data-record-type="172">  <div class="t158"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_12 "> <div class="t158__text t-text" field="text"><div style="font-size: 30px;" data-customstyle="yes"><span style="font-size: 30px;">First, answer the</span> <span style="font-size: 30px;">question: "Why am I good?"</span></div></div> </div> </div> </div> </div> </div> <div id="rec299182178" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;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 ">If you’re working for a client, then it’s considerable to get them engaged in a brief interview. Ask them questions and try to understand the value they offer that stands them out from other competitors.<br /><br />You can transcribe the record yourself or hire the service of a freelancer to do this; this won’t cause much.</div> </div> </div> </div> </div> <div id="rec299439942" class="r t-rec t-rec_pt_60 t-rec_pb_75" style="padding-top:60px;padding-bottom:75px; " data-record-type="172">  <div class="t158"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_10 t-prefix_1"> <div class="t158__text t-text" field="text"><div style="font-size: 30px;" data-customstyle="yes"><span style="font-size: 30px;">Ensure all texts are written in a text editor, not on the</span> <span style="font-size: 30px;">website. Avoid writing and developing design at the</span> <span style="font-size: 30px;">same time. It's easier and faster to edit content in a text editor where you can easily cut, copy, and move phrases. It's way easier to design the page when the text is ready.</span></div></div> </div> </div> </div> </div> </div> <div id="rec754583580" class="r t-rec t-rec_pt_15 t-rec_pb_120" style="padding-top:15px;padding-bottom:120px; " 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/tild6165-3038-4033-b534-386364666462/Frame_85_1.png"> <img itemprop="image" class="t-img t-width t107__width t-width_9" src="/upload/pages/18515778/tild6165-3038-4033-b534-386364666462__-__empty__frame_85_1.png" data-original="https://static.tildacdn.com/tild6165-3038-4033-b534-386364666462/Frame_85_1.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec300926233" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t017__title t-title t-title_xxs" field="title"><div style="font-size: 36px;" data-customstyle="yes"><span style="font-size: 36px;">How To Write a Quality Website Copy</span></div></h2> </div> </div> </div> <style> @media screen and (min-width:900px){#rec300926233 .t017__title{font-size:32px;}}</style> </div> <div id="rec299182181" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;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 ">If you intend to curate the content yourself, consider the following plan:</div> </div> </div> </div> </div> <div id="rec299182182" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " 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 "><ul><li style="text-align: left;"><strong>Write a short text about yourself and your company.</strong> Write a summary that capaciously and clearly defines the activities you’re offering. For example, Tilda — a service that helps to create impressive websites without technical skills.</li><li style="text-align: left;"><strong>Expand the text a bit and explain what you do</strong>. Use simple words, and write as if you are speaking to a friend while having a cup of coffee — be comprehensible.</li><li style="text-align: left;"><strong>Highlight three features</strong> Including the reasons why your product or service stands out.</li><li style="text-align: left;"><strong>Describe advantages</strong>. Tell how your product or service solves your clients' problems, be specific.</li><li style="text-align: left;"><strong>Think about the headlines</strong>. Use attractive headlines, instead of short and formal ones: Instead of "News" or "Contacts" write, for example, "Stay tuned" and "Say Hello."</li><li style="text-align: left;"><strong>Take a review</strong>. Request reviews from your most loyal clients. Ask them to share how your service or product has impacted their lives. It usually works well.</li></ul></div> </div> </div> </div> <style> #rec299182182 .t-text{line-height:1,5;}</style> </div> <div id="rec299182183" class="r t-rec t-rec_pt_105 t-rec_pb_105" style="padding-top:105px;padding-bottom:105px; " data-record-type="172">  <div class="t158"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_10 t-prefix_1"> <div class="t158__text t-text" field="text">Avoid using banal phrases like "we are a young, dynamic, and developing team."</div> </div> </div> </div> </div> </div> <div id="rec299182184" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;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 "><ul><li><strong>Make up three key numbers</strong>, people like numbers. However, ensure the numbers you're using are reasonable and comprehensible. Avoid abstract numbers, such as made 1000 clients happy, 200 liters of coffee has been consumed, sold over 38 000 teddy bears. A good example would be "7.5 is an average IELTS exam score among our alumni." "Three minutes is how long it takes on average to transfer files from one device to another using the app."</li><li><strong>Show the team</strong> and highlight its strong points. An individual is always interesting; most audiences trust real people more than abstract companies and agencies.</li><li><strong>Tell about partners</strong> or clients, if you are proud of any.</li><li><strong>Specify your specialty</strong>. If your bar has a wide collection of craft beer, point it out separately.</li></ul></div> </div> </div> </div> </div> <div id="rec300926666" class="r t-rec t-rec_pt_90 t-rec_pb_30" style="padding-top:90px;padding-bottom:30px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t017__title t-title t-title_xxs" field="title"><strong style="font-size: 36px;">Text Style</strong></div> </div> </div> </div> <style> @media screen and (min-width:900px){#rec300926666 .t017__title{font-size:32px;}}</style> </div> <div id="rec299182185" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " 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 ">Be informative, but don't venture into unnecessary details; be short and highlight what's important —be brief, try to share your information in a skim and friendly manner.<br /><br />Employ the use of an inverted pyramid —first say what is important, followed by the details. At this point, it’s important to pair the headline and summary. The headline must attract attention and convey the essence, while the description serves to expand and complete the message. Limit the use of lead-in structures, avoid cliches and bureaucratic style.</div> </div> </div> </div> </div> <div id="rec300926910" class="r t-rec t-rec_pt_60 t-rec_pb_150" style="padding-top:60px;padding-bottom:150px; " data-record-type="172">  <div class="t158"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_10 t-prefix_1"> <div class="t158__text t-text" field="text">General advice: If you're not a good writer, don't hesitate to hire the service of a copywriter; It's relatively cheap. They will ask you a couple of questions and provide you with the right content. However, it’s important to let them know you want the content concise and straight to the point.</div> </div> </div> </div> </div> </div> <div id="rec299182187" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 5 </div> </div> </div> <div id="rec300927330" class="r t-rec t-rec_pt_45 t-rec_pb_60" style="padding-top:45px;padding-bottom:60px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_center"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t225__title t-title t-title_md" field="title">Design</h2> <div class="t225__descr t-descr t-descr_xxl" field="descr">The #madeontilda section. Selecting and adapting a template. Navigation on the website. Where to get good pictures for the website. What to do with the logo. Third-party services and special features. Selection of typefaces and font pairings. How to make your website stylish. Publishing the website. Testing.</div> </div> </div> </div> </div> <div id="rec299182190" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_9 t-prefix_2"> <div field="text" class="t-text t-text_md "><a href="https://tilda.cc/" target="_blank" rel="noreferrer noopener"><strong>Sign up for Tilda</strong></a>, if you don't have the account yet, it's free.</div> </div> </div> </div> </div> <div id="rec754592508" 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/tild3766-3163-4536-a662-363165636330/Frame_86_1.png"> <a class="t107__link" href="http://tilda.cc" target=""> <img itemprop="image" class="t-img t-width t107__width t-width_9" src="/upload/pages/18515778/tild3766-3163-4536-a662-363165636330__-__empty__frame_86_1.png" data-original="https://static.tildacdn.com/tild3766-3163-4536-a662-363165636330/Frame_86_1.png" imgfield="img" alt=""> </a> </div> </div> </div> <div id="rec299182192" class="r t-rec t-rec_pt_105 t-rec_pb_60" style="padding-top:105px;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 "><strong>Carefully check out the</strong> <a href="https://tilda.cc/tpls/" target="_blank" rel="noreferrer noopener"><strong>list of templates</strong></a>. Choose the right template that suits the project you’re working on. Each template is a sample of web design and a good example of combining blocks. Templates don’t limit your creativity: Modify them to your liking, or even start from scratch.</div> </div> </div> </div> </div> <div id="rec754599711" 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/tild3238-3465-4162-b736-333065383862/Frame_87_1.png"> <a class="t107__link" href="http://tilda.cc" target=""> <img itemprop="image" class="t-img t-width t107__width t-width_9" src="/upload/pages/18515778/tild3238-3465-4162-b736-333065383862__-__empty__frame_87_1.png" data-original="https://static.tildacdn.com/tild3238-3465-4162-b736-333065383862/Frame_87_1.png" imgfield="img" alt=""> </a> </div> </div> </div> <div id="rec299182194" class="r t-rec t-rec_pt_135 t-rec_pb_45" style="padding-top:135px;padding-bottom:45px; " 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 "><strong>Check out the section </strong><a href="https://tilda.cc/madeontilda/" target="_blank"><strong>#madeontilda</strong></a>. Here you can find an inspiring selection of finest Tilda projects created by other users.</div> </div> </div> </div> </div> <div id="rec299182195" 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/tild3934-3839-4265-b631-613932326366/Frame_88_1.png"> <a class="t107__link" href="https://tilda.cc/madeontilda/" target=""> <img itemprop="image" class="t-img t-width t107__width t-width_9" src="/upload/pages/18515778/tild3934-3839-4265-b631-613932326366__-__empty__frame_88_1.png" data-original="https://static.tildacdn.com/tild3934-3839-4265-b631-613932326366/Frame_88_1.png" imgfield="img" alt=""> </a> </div> </div> </div> <div id="rec299182196" class="r t-rec t-rec_pt_120 t-rec_pb_60" style="padding-top:120px;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 ">Open the Block Library and build the website based on the prototype you’ve created. Don’t edit the content in Tilda; what is more important is to create the design. If you don’t have the right images, use high-quality samples that are similar; you can replace them once the website is ready.</div> </div> </div> </div> </div> <div id="rec299182197" class="r t-rec" style=" " data-record-type="4">  <div class="t121"> <center> <div class="t-width t-width_8"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="299182197" data-videolazy-type="youtube" data-videolazy-id="ciBkX_0KQKk" data-videolazy-height="540px" style="height: 540px;"> </div> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('299182197');});});</script> </div> <div id="rec299182198" 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 t-align_center"> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><span style="line-height: 14px; font-size: 16px;">Video on Tilda Basics: See what </span><span style="font-size: 16px;">the</span><span style="font-size: 16px; line-height: 14px;"> editing process feels like on Tilda</span></div> </div> </div> </div> <style> #rec299182198 .t-text{font-size:16px;}</style> </div> <div id="rec300928325" class="r t-rec t-rec_pt_90 t-rec_pb_30" style="padding-top:90px;padding-bottom:30px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t017__title t-title t-title_xxs" field="title"><strong style="font-size: 36px;">Navigation</strong></div> </div> </div> </div> <style> @media screen and (min-width:900px){#rec300928325 .t017__title{font-size:32px;}}</style> </div> <div id="rec299182199" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;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 ">Add a menu; if it appears good: try not to make it too big so that it doesn’t dominate the page. The menu should not exceed five items, and this has to be kept simple as possible. Feel free to make the sections bigger; keep the section titles short. Three words in one menu line are clearly not necessary: menu items should be skim-friendly.</div> </div> </div> </div> </div> <div id="rec754604823" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="374">  <div class="t374"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <a class="t374__link" href="https://tilda.education/en/articles-navigation" target="_blank"> <div class="t374__wrapper"> <div class="t374__col t374__col-left"> <svg role="presentation" imgfield="img" width="30px" height="30px" viewBox="0 0 30 30"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="t374__svg" transform="translate(1.000000, 1.000000)"> <circle cx="14.2" cy="14.1" r="14.1"></circle> <path d="M12.1,19.9 L17.7,14.3 L12.1,8.7"></path> </g> </g> </svg> </div> <div class="t374__col"> <div class="t374__title t-text t-text_sm" field="title"><div style="font-size: 20px;" data-customstyle="yes">How To Improve Your Website Navigation</div></div> </div> </div> </a> </div> </div> </div> </div> <div id="rec754605713" class="r t-rec t-rec_pt_90 t-rec_pb_90" style="padding-top:90px;padding-bottom:90px; " data-record-type="670">  <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container "> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left " aria-controls="carousel_754605713" aria-disabled="false" aria-label="Previous slide"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 17px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 17.3 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 16.5,16.5 0.5,32.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right " aria-controls="carousel_754605713" aria-disabled="false" aria-label="Next slide"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 17px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 17.3 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 16.5,16.5 0.5,32.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_754605713" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 of 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6434-6438-4439-b137-376665346664/Frame_91_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild6434-6438-4439-b137-376665346664__-__empty__frame_91_1.png" data-original="https://static.tildacdn.com/tild6434-6438-4439-b137-376665346664/Frame_91_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 of 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6165-3737-4538-b366-633338633634/Frame_90_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild6165-3737-4538-b366-633338633634__-__empty__frame_90_1.png" data-original="https://static.tildacdn.com/tild6165-3737-4538-b366-633338633634/Frame_90_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 of 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3433-3963-4632-a632-663836333966/Frame_89_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3433-3963-4632-a632-663836333966__-__empty__frame_89_1.png" data-original="https://static.tildacdn.com/tild3433-3963-4632-a632-663836333966/Frame_89_1.png" alt=""> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 1" aria-current="true" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 2" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 3" style=""></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">salutagency.com</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">ultimafans.com</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">applegenius.cz</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('754605713',false);});});</script> <style>#rec754605713 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec754605713 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec754605713 .t-slds__title{font-weight:400;}</style> </div> <div id="rec299182201" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " 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 "><strong>The cover (first screen) deserves special attention</strong>. The fist impression will be good if there is a high-quality picture and a catchy and original headline.</div> </div> </div> </div> </div> <div id="rec754612127" class="r t-rec t-rec_pt_90 t-rec_pb_90" style="padding-top:90px;padding-bottom:90px; " data-record-type="670">  <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container "> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left " aria-controls="carousel_754612127" aria-disabled="false" aria-label="Previous slide"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 17px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 17.3 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 16.5,16.5 0.5,32.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right " aria-controls="carousel_754612127" aria-disabled="false" aria-label="Next slide"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 17px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 17.3 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 16.5,16.5 0.5,32.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_754612127" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 of 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3139-3463-4463-a338-303935386638/Frame_93_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3139-3463-4463-a338-303935386638__-__empty__frame_93_1.png" data-original="https://static.tildacdn.com/tild3139-3463-4463-a338-303935386638/Frame_93_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 of 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6365-3336-4931-b666-616633346538/Frame_94_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild6365-3336-4931-b666-616633346538__-__empty__frame_94_1.png" data-original="https://static.tildacdn.com/tild6365-3336-4931-b666-616633346538/Frame_94_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 of 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6231-3363-4034-b432-383664626366/Frame_92_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild6231-3363-4034-b432-383664626366__-__empty__frame_92_1.png" data-original="https://static.tildacdn.com/tild6231-3363-4034-b432-383664626366/Frame_92_1.png" alt=""> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 1" aria-current="true" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 2" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 3" style=""></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">kreator-agency.com</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">collextr.com</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">fulcrotheatre.co.il</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('754612127',false);});});</script> <style>#rec754612127 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec754612127 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec754612127 .t-slds__title{font-weight:400;}</style> </div> <div id="rec754619249" class="r t-rec t-rec_pt_75 t-rec_pb_30" style="padding-top:75px;padding-bottom:30px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t017__title t-title t-title_xxs" field="title"><div style="font-size: 36px;" data-customstyle="yes">Where Can I Get High Quality Images?</div></h2> </div> </div> </div> <style> @media screen and (min-width:900px){#rec754619249 .t017__title{font-size:32px;}}</style> </div> <div id="rec754611902" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " 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 ">A picture speaks more than a thousand words. The use of clear and high-resolution photos will go a long way. In fact, "No photos — no website." Avoid the use of clip-art. The handshake of two businessmen and their smiling colleagues is an outdated concept, these photos do not work. It is better to take a picture of yourself and your colleagues, than to look for ready-made pictures while googling "successful entrepreneur".<br /><br /><strong>Hire a photographer or illustrator. </strong>Using popular illustrators and photographers might be too expensive; however, it’s possible to find professionals at a reasonable rate who are happy to work with you and provide you with attractive content you can use on your website.<br /><br />If you need icons, you can use the built-in <a href="https://tilda.cc/free-icons/" target="_blank" rel="noreferrer noopener">Tilda Icons</a> library.</div> </div> </div> </div> </div> <div id="rec755324469" class="r t-rec t-rec_pt_60 t-rec_pb_45" style="padding-top:60px;padding-bottom:45px; " 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-3534-4462-b430-336562333436/Frame_95_2.png"> <img itemprop="image" class="t-img t-width t107__width t-width_9" src="/upload/pages/18515778/tild3136-3534-4462-b430-336562333436__-__empty__frame_95_2.png" data-original="https://static.tildacdn.com/tild3136-3534-4462-b430-336562333436/Frame_95_2.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name">Icon library in the Content settings on Tilda </div> </div> </div> </div> </div> <div id="rec299182203" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;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 "><strong>Logo.</strong> The logo must be horizontal. Using vertical logos on the website doesn’t appear attractive. As a rule of thumb, it’s ideal to embed your logo in the menu and ensure it’s cropped to occupy less space. If you don’t have a logo, you can simply write down the project’s title using a non-system font, like Proxima or Futura.<br /><br />If you don’t have a logo due to some reasons, it’s no big deal since it has a little to no impression on the value of the website. Its better to think about the photos and general style.</div> </div> </div> </div> </div> <div id="rec299182204" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#f5f5f5;"> <div style=""> <div class="t220__title t-heading t-heading_sm" field="title"><span style="font-weight: 500;">Additional Services</span></div> <div field="text" class="t220__text t-text t-text_md ">Email marketing service — <a href="https://mailchimp.com/" target="_blank" rel="noreferrer noopener">Mailchimp</a><br />Client Relationship Management — <a href="https://tilda.cc/lp/crm/" target="_blank" rel="noreferrer noopener">Tilda CRM</a><br />Interactive timelines for events— <a href="https://timeline.knightlab.com/" target="_blank" rel="noreferrer noopener">Knight Lab</a> or <a href="https://www.timetoast.com/" target="_blank" rel="noreferrer noopener">Timetoast</a><br />Infographics — <a href="https://www.datawrapper.de/" target="_blank" rel="noreferrer noopener">Datawrapper</a> or <a href="https://infogram.com/" target="_blank" rel="noreferrer noopener">Infogram</a><br />Audio —<a href="https://www.mixcloud.com/" target="_blank" rel="noreferrer noopener">Mixcloud</a> (embed with an HTML code)<br />Event ticketing platform — <a href="https://www.eventbrite.com/l/sell-tickets/" target="_blank" rel="noreferrer noopener">Eventbrite</a><br />Interactive images — <a href="https://www.thinglink.com/" target="_blank" rel="noreferrer noopener">Thinglink</a><br />Feedback — <a href="https://help.tilda.cc/callback" target="_blank" rel="noreferrer noopener">Tilda's feedback widgets</a><br />Accepting payments online — <a href="https://stripe.com/" target="_blank" rel="noreferrer noopener">Stripe</a> or <a href="https://www.paypal.com" target="_blank" rel="noreferrer noopener">PayPal</a><br /><br />If you want to add any third-party service to your Tilda website, use the block "Embed HTML code." For unique elements, you can also consider contacting a developer.</div> </div> </div> </div> </div> </div> </div> <div id="rec755340189" class="r t-rec t-rec_pt_90 t-rec_pb_30" style="padding-top:90px;padding-bottom:30px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t017__title t-title t-title_xxs" field="title"><div style="font-size: 36px;" data-customstyle="yes">How To Choose a Font?</div></h2> </div> </div> </div> <style> @media screen and (min-width:900px){#rec755340189 .t017__title{font-size:32px;}}</style> </div> <div id="rec299182205" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;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 ">Be sure to include a signature font as it affects communication. Remember, the content plays a very significant role, so the font defines the signature style. Each font has a character, so pick a font that suits your content.<br /><br />For instance, you can use <a href="https://tilda.cc/lp/tildasans/" target="_blank" rel="noreferrer noopener">Tilda Sans</a>, Tilda’s signature typeface. It is a variable typeface with an open license, meaning all platform users can apply it to their commercial projects for free. Tilda Sans is a geometric sans serif for the web that features seven font weights and ensures faster page loading and easier use in text boxes, headings, subheadings, and the general interface.<br /><br />As a rule, using a single font is enough for a website. But if you want spectacular contrast, use font pairings like serif and sans-serif fonts. Examples of successful font combinations:</div> </div> </div> </div> </div> <div id="rec299432766" class="r t-rec t-rec_pt_60 t-rec_pb_60" style="padding-top:60px;padding-bottom:60px; " data-record-type="670">  <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container "> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left " aria-controls="carousel_299432766" aria-disabled="false" aria-label="Previous slide"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 17px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 17.3 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 16.5,16.5 0.5,32.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right " aria-controls="carousel_299432766" aria-disabled="false" aria-label="Next slide"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 17px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 17.3 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 16.5,16.5 0.5,32.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_8 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_299432766" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 of 4"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3234-3334-4238-b439-313031333139/Frame_96_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3234-3334-4238-b439-313031333139__-__empty__frame_96_1.png" data-original="https://static.tildacdn.com/tild3234-3334-4238-b439-313031333139/Frame_96_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 of 4"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6332-3765-4036-a632-623265396661/Screenshot_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild6332-3765-4036-a632-623265396661__-__empty__screenshot_1.png" data-original="https://static.tildacdn.com/tild6332-3765-4036-a632-623265396661/Screenshot_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 of 4"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3738-3535-4063-b461-656234623865/Screenshot_3.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3738-3535-4063-b461-656234623865__-__empty__screenshot_3.png" data-original="https://static.tildacdn.com/tild3738-3535-4063-b461-656234623865/Screenshot_3.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="4" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="4 of 4"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6239-3239-4464-b936-323632366439/Screenshot_4.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild6239-3239-4464-b936-323632366439__-__empty__screenshot_4.png" data-original="https://static.tildacdn.com/tild6239-3239-4464-b936-323632366439/Screenshot_4.png" alt=""> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 1" aria-current="true" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 2" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 3" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 4" style=""></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">The traditional combination: Sans serif for headlines and serif for text; Tilda Sans + PT Serif</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">The safe way is to take different sets of the same family, for example PT Sans and PT Serif</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">Sometimes a serif font can be used for headlines; Georgia + Roboto</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="4"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__3">Open Sans + Georgia font combination</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('299432766',false);});});</script> <style>#rec299432766 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec299432766 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec299432766 .t-slds__title{font-weight:400;}</style> </div> <div id="rec755347775" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="374">  <div class="t374"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <a class="t374__link" href="https://tilda.education/en/articles-fonts" target="_blank"> <div class="t374__wrapper"> <div class="t374__col t374__col-left"> <svg role="presentation" imgfield="img" width="30px" height="30px" viewBox="0 0 30 30"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="t374__svg" transform="translate(1.000000, 1.000000)"> <circle cx="14.2" cy="14.1" r="14.1"></circle> <path d="M12.1,19.9 L17.7,14.3 L12.1,8.7"></path> </g> </g> </svg> </div> <div class="t374__col"> <div class="t374__title t-text t-text_sm" field="title"><div style="font-size: 20px;" data-customstyle="yes">How To Choose Fonts For a Website Or an Article</div></div> </div> </div> </a> </div> </div> </div> </div> <div id="rec755347968" class="r t-rec t-rec_pt_90 t-rec_pb_30" style="padding-top:90px;padding-bottom:30px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t017__title t-title t-title_xxs" field="title"><div style="font-size: 36px;" data-customstyle="yes"><strong>The Overall Style Of Your Website</strong></div></h2> </div> </div> </div> <style> @media screen and (min-width:900px){#rec755347968 .t017__title{font-size:32px;}}</style> </div> <div id="rec299182207" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;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 ">Once you designed all the blocks, take a look at the website and grade the appearance. Align the indentations, make headlines uniform, make sure the font size remains the same and that there is enough whitespace.</div> </div> </div> </div> </div> <div id="rec755348814" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="374">  <div class="t374"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <a class="t374__link" href="https://tilda.education/en/design-mistakes" target="_blank"> <div class="t374__wrapper"> <div class="t374__col t374__col-left"> <svg role="presentation" imgfield="img" width="30px" height="30px" viewBox="0 0 30 30"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="t374__svg" transform="translate(1.000000, 1.000000)"> <circle cx="14.2" cy="14.1" r="14.1"></circle> <path d="M12.1,19.9 L17.7,14.3 L12.1,8.7"></path> </g> </g> </svg> </div> <div class="t374__col"> <div class="t374__title t-text t-text_sm" field="title"><div style="font-size: 20px;" data-customstyle="yes">Common Web Design Mistakes</div></div> </div> </div> </a> </div> </div> </div> </div> <div id="rec299182208" class="r t-rec t-rec_pt_90 t-rec_pb_60" style="padding-top:90px;padding-bottom:60px; " data-record-type="670">  <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container "> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left " aria-controls="carousel_299182208" aria-disabled="false" aria-label="Previous slide"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 17px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 17.3 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 16.5,16.5 0.5,32.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right " aria-controls="carousel_299182208" aria-disabled="false" aria-label="Next slide"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 17px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 17.3 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 16.5,16.5 0.5,32.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_299182208" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 of 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3232-3961-4739-b238-393336323437/Frame_98_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3232-3961-4739-b238-393336323437__-__empty__frame_98_1.png" data-original="https://static.tildacdn.com/tild3232-3961-4739-b238-393336323437/Frame_98_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 of 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3363-3432-4337-b339-643061396337/Frame_99_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild3363-3432-4337-b339-643061396337__-__empty__frame_99_1.png" data-original="https://static.tildacdn.com/tild3363-3432-4337-b339-643061396337/Frame_99_1.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 of 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6264-6437-4835-a538-626132356534/Frame_97_1.png"> <img itemprop="image" class="t-slds__img t-img" src="/upload/pages/18515778/tild6264-6437-4835-a538-626132356534__-__empty__frame_97_1.png" data-original="https://static.tildacdn.com/tild6264-6437-4835-a538-626132356534/Frame_97_1.png" alt=""> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 1" aria-current="true" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 2" style=""></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 3" style=""></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">Make sure that there is enough "air" on the page, that is white space around the text and images so that they do not stick together or interfere with each other</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">Pay attention to the quantity of styles as you don't want to mix too many</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">If you use additional colors, don't overdo</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('299182208',false);});});</script> <style>#rec299182208 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec299182208 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec299182208 .t-slds__title{font-weight:400;}</style> </div> <div id="rec299182209" class="r t-rec t-rec_pt_60 t-rec_pb_75" style="padding-top:60px;padding-bottom:75px; " data-record-type="172">  <div class="t158"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_10 t-prefix_1"> <div class="t158__text t-text" field="text"><div style="font-size: 30px;" data-customstyle="yes"><span style="font-size: 30px;">Try to be austere. The simpler — the fewer mistakes, the better and more stylish your website is.</span></div></div> </div> </div> </div> </div> </div> <div id="rec299182210" class="r t-rec t-rec_pt_60 t-rec_pb_60" style="padding-top:60px;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 ">Use signature colors—that doesn’t mean you have to paint all in different colors. Instead, adhere to the rule that 90% is black & white while 10% is bright. Using one additional color is the best option. You can blend two colors, but this has to be done on a professional level.</div> </div> </div> </div> </div> <div id="rec299182211" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " 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/tild3834-3961-4234-b936-643166363561/juuu.png"> <img itemprop="image" class="t-img t-width t107__width t-width_8" src="/upload/pages/18515778/tild3834-3961-4234-b936-643166363561__-__empty__juuu.png" data-original="https://static.tildacdn.com/tild3834-3961-4234-b936-643166363561/juuu.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec299182212" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " 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 ">If you have no experience in design and nothing seems to be working out, write the content, make a version of the webpage on Tilda, and hire a designer for a limited period. <br /><br />A professional designer will quickly arrange the webpage. This will help you cut down costs compared to what you spend when you order a website from scratch. On the flip side, if you’re a designer, feel free to consult a friend to check out the results and share an unbiased feedback.</div> </div> </div> </div> </div> <div id="rec300933054" class="r t-rec t-rec_pt_90 t-rec_pb_30" style="padding-top:90px;padding-bottom:30px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t017__title t-title t-title_xxs" field="title"><strong style="font-size: 36px;">Going Live</strong></div> </div> </div> </div> <style> @media screen and (min-width:900px){#rec300933054 .t017__title{font-size:32px;}}</style> </div> <div id="rec300933061" 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 "><strong>Connect the domain.</strong><span style="font-weight: 500;"> </span>To do this, specify the URL address in the Site Settings, and on the side of the registrar used to buy this domain name, add an A-type record that points to the IP address displayed in Site Settings → Domain. Learn more about connecting your custom domain on Tilda in the Help Center article <a href="https://help.tilda.cc/customdomain" target="_blank" rel="noreferrer noopener">"How To Connect a Domain Name."</a><br /><br /><strong>Don’t forget about statistics.</strong> The key metrics such as pageviews, sessions, leads, traffic sources, UTM stats, <span style="font-weight: 400;">events</span>, etc. are available on Tilda in the Site Settings → Analytics. You can find out more details in the Help Center guide <a href="https://help.tilda.cc/statistics" target="_blank" rel="noreferrer noopener">"How To Track Website Statistics."</a><br /><br />You can also connect a third-party analytics service such as <a href="https://analytics.google.com/analytics/web/provision/?authuser=0#provision/SignUp/">Google Analytics</a>: Sign up for the service, get the tracking ID, and paste itin the settings.<br /><br />Think about how you intend to present the website on search engines or social media and fill in its title and description. Provide each page with a badge, or a preview image that will display each time the page is shared on social.<br /><br /><strong>Testing.</strong> At this point, you’ve completed the website; the next thing is to get reviews from visitors. Show it to your colleagues and friends, ask them to give critical comments on what they think and how the website can be improved. Share the link with your customers and ask for their opinions.</div> </div> </div> </div> </div> <div id="rec300933299" class="r t-rec t-rec_pt_120 t-rec_pb_0" style="padding-top:120px;padding-bottom:0px;background-color:#f0f0f0; " data-record-type="467" data-bg-color="#f0f0f0">  <div class="t467"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t467__title t-title t-title_lg t-margin_auto" field="title">The website of your dreams starts right here</div> <a href="https://tilda.cc/registration/" target="_blank" class="t-btn t-btn_md " style="color:#000000;border:1px solid #000000;background-color:#f0f0f0;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);" data-buttonfieldset="button"> <table role="presentation" style="width:100%; height:100%;"><tr><td data-field="buttontitle">Create website</td></tr></table> </a> </div> </div> </div> <style> @media screen and (min-width:900px){#rec300933299 .t467__title{font-size:36px;}}</style> <style>@media (hover:hover),(min-width:0\0) {#rec300933299 .t-btn:not(.t-animate_no-hover):hover {color:#ffffff !important;border-color:#ff855d !important;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3) !important;background-color:#ff855d !important;}#rec300933299 .t-btn:not(.t-animate_no-hover):focus-visible {color:#ffffff !important;border-color:#ff855d !important;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3) !important;background-color:#ff855d !important;}#rec300933299 .t-btn:not(.t-animate_no-hover) {transition-property:background-color,color,border-color,box-shadow;transition-duration:0.2s;transition-timing-function:ease-in-out;}#rec300933299 .t-btntext:not(.t-animate_no-hover):hover {color:#ffffff !important;}#rec300933299 .t-btntext:not(.t-animate_no-hover):focus-visible {color:#ffffff !important;}}</style> </div> <div id="rec299182215" class="r t-rec t-rec_pt_75 t-rec_pb_0" style="padding-top:75px;padding-bottom:0px;background-color:#f0f0f0; " data-record-type="106" data-bg-color="#f0f0f0">  <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="line-height: 16px; font-size: 16px;">If you enjoyed the article, share it with your friends. This way you'll help others discover Tilda Education and support our project. Thank you!</span></div></div> </div> </div> </div> </div> <div id="rec299182216" class="r t-rec t-rec_pt_15 t-rec_pb_90" style="padding-top:15px;padding-bottom:90px;background-color:#f0f0f0; " data-record-type="151" data-bg-color="#f0f0f0"> <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-xl "> <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="rec299436635" 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="rec299436636" 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/18515778/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/18515778/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/articles-10-rules-of-storytelling"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3837-3039-4033-b135-393964353935/Group_1462.png" style="background-image: url('/upload/pages/18515778/tild3837-3039-4033-b135-393964353935__-__resizeb__20x__group_1462.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">10 Rules Of Digital Storytelling</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/18515778/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-offer"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3662-6435-4534-b864-656438663737/Frame_5.png" style="background-image: url('/upload/pages/18515778/tild3662-6435-4534-b864-656438663737__-__resizeb__20x__frame_5.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Creating a Unique Selling Proposition (USP) 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-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/18515778/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><div class="t-container"> </div> </div> <script>t_onReady(function() {var rec=document.getElementById('rec299436636');if(rec) {t_onFuncLoad('t404_unifyHeights',function() {t404_unifyHeights('299436636');window.addEventListener('resize',t_throttle(function() {t404_unifyHeights('299436636');},200));});if(typeof jQuery!=='undefined') {$('.t404').on('displayChanged',function() {t404_unifyHeights('299436636');});} else if(rec.querySelector('.t404')) {rec.querySelector('.t404').addEventListener('displayChanged',function() {t_onFuncLoad('t404_unifyHeights',function() {t404_unifyHeights('299436636');});});} window.onload=function() {t404_unifyHeights('299436636');};}});</script> <script>t_onReady(function() {t_onFuncLoad('t404_showMore',function() {t404_showMore('299436636');});});</script> <style> #rec299436636 .t404__title{font-size:20px;font-weight:600;}</style> </div> <div id="rec556923388" class="r t-rec" style=" " data-animationappear="off" data-record-type="694">  <style>#rec556923388 .t694__table{height:28vw;}@media screen and (max-width:768px){#rec556923388 .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/tild6632-3435-4963-a331-316664373261/Frame_71_1.png" bgimgfield="li_img__1513695601022" style="background-image:url('/upload/pages/18515778/tild6632-3435-4963-a331-316664373261__-__resizeb__20x__frame_71_1.png');" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6632-3435-4963-a331-316664373261/Frame_71_1.png"> </div> <div class="t694__overlay t694__animation_fast" style="background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.3)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.3)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.3)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.3));"></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="http://tilda.education/en/landing-page-course" class="t-card__link" id="cardtitle1_556923388" aria-labelledby="cardtitle1_556923388 cardbtn1_556923388"> 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> #rec556923388 .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_556923388" 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/tild3732-3762-4536-b031-306364353633/tilda_web_marketing1.jpeg" bgimgfield="li_img__1495528759247" style="background-image:url('/upload/pages/18515778/tild3732-3762-4536-b031-306364353633__-__resizeb__20x__tilda_web_marketing1.jpeg');" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3732-3762-4536-b031-306364353633/tilda_web_marketing1.jpeg"> </div> <div class="t694__overlay t694__animation_fast" style="background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.3)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.3)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.3)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.3));"></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/digital-marketing-course" class="t-card__link" id="cardtitle2_556923388" aria-labelledby="cardtitle2_556923388 cardbtn2_556923388"> Digital Marketing Course </a> </div> <div class="t-card__descr t-descr t-descr_xs" field="li_text__1495528759247"> <p style="text-align: center;">All the essentials to effectively promote a website</p> </div> <style> #rec556923388 .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_556923388" 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('556923388');});});</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=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-blocks-page16067110.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/lazyload-1.3.min.export.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-menu-1.0.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-skiplink-1.0.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-events-1.0.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-education-langs-dropdown.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-stat-1.0.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-blocks-page18515778.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-animation-2.0.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-zero-1.1.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-slds-1.4.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/hammer.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-cards-1.0.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-video-1.0.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-video-processor-1.0.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/tilda-zero-scale-1.0.min.js?t=1732395024"></script><script type="text/javascript" src="/static/project3379564/js/ya-share.js?t=1732395024"></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>