CINXE.COM
All materials
<!DOCTYPE html> <head> <script> window.accountUserId = -1; window.requestIp = "8.222.208.146"; window.isSublogined = false; window.accountId = 476640; window.gcSessionId = 0; window.controllerId = "lite-blog"; window.actionId = "0"; window.nowTime = new Date(2024, 10, 23, 23, 05, 24); window.dateOffset = 3; window.userInfo = {"isAdmin":false,"isInAccount":false,"isTeacher":false}; window.currencyLabels = {"RUB":"RUB","USD":"USD","EUR":"EUR","GBP":"GBP","BYR":"BYR","BYN":"BYN","KZT":"KZT","UAH":"UAH","AUD":"AUD","DKK":"DKK","CHF":"CHF","SEK":"SEK","ZAR":"ZAR","AMD":"AMD","RON":"RON","BRL":"BRL","ILS":"ILS","MYR":"MYR","SGD":"SGD","KGS":"KGS","CAD":"CAD","MXN":"MXN","JPY":"JPY","UZS":"UZS","PLN":"PLN","AZN":"AZN","AED":"AED","TRY":"TRY","INR":"INR","RSD":"RSD","CZK":"CZK","MNT":"MNT","NZD":"NZD","BGN":"BGN","IDR":"IDR","CNY":"CNY","GEL":"GEL","COP":"COP","ARS":"ARS","PEN":"PEN","CLP":"CLP","VND":"VND","PHP":"PHP","DOP":"DOP","KRW":"KRW","TWD":"TWD","MDL":"MDL","TJS":"TJS","NOK":"NOK","POINTS":""}; window.accountSafeUserName = "Guest"; window.accountUserThumbnail = "<img class=\"user-profile-image user-default-profile-image\" src=\"\/public\/img\/default_profile_50.png\" width=\"50\" alt=\"\">"; window.language = "en"; window.csrfToken = "v6SneHLacuNhPIfM1v4nj5hLeIlP5Dd0P74REaWs8gr20cU2EYIRogJv2Pi8hFDp3R8w4wfQUSRU6iB-iPiGZQ=="; window.requestTime = 1732392324; window.requestSimpleSign = "b23e64eaa209a703f525e380da0e3dc5"; window.gcUniqId = "816473020674235844b2270.74996183.1732392324.3078"; window.mailingVisibility = 0; window.isSupportChatEnabled = false; window.disableCaptchaForConfirmPhone = true; window.allowRevealPassword = false; window.globalCheckboxEnabled = true; window.globalCheckboxText = "I have read and agree to <a href=\"\/cms\/system\/legal\" target=\"_blank\">Terms and Conditions<\/a>"; window.persodataConfirm = false; window.checkboxMailingEnabled = false; window.checkboxMailingChecked = false; window.checkboxMailingText = "I agree to receive informational and marketing mailings (you can unsubscribe from receiving emails in your personal account at any time)"; window.params_52 = 0; window.isSessionLocalStorageEnabled = true; window.isWhatsappIconEnabled = false; window.file_upload_blocking = false; window.storage_usage_percent = null; window.used_storage_size = null; window.max_storage_size = null; window.fileserviceThumbnailHost = "fs-thb01.getcourse.ru"; window.fileserviceMainHost = "fs21.getcourse.ru"; window.fileserviceUploadHost = "fs20.getcourse.ru"; window.fileserviceTusFeatureEnabled = true; window.iCanSelectGridOffset = true; window.isEnabledSecureUpload = 1; window.webinarWebsocketHosts = ["stream01.gcfiles.net","ws02.getcourse.ru"]; window.webSocketHost = "ws04.getcourse.ru"; window.fdsrevEnabled12 = true; window.isDisabledFacebook = true; window.metaIsAnExtremismOrganizationText = "\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f Meta \u043f\u0440\u0438\u0437\u043d\u0430\u043d\u0430 \u044d\u043a\u0441\u0442\u0440\u0435\u043c\u0438\u0441\u0442\u043a\u043e\u0439 \u0432 \u0420\u0424."; window.isTestingV2 = false; window.testingV2VersionCheck = false; window.isDisabledVK = false; window.isEnabledChatiumActionInXdget = true; window.autoGenerateSubtitlesSectionEnabled = true; window.internalDomains = ["hou2touch.com","hou-2-touch.getcourse.ru"]; window.vhApiHost = "player02.getcourse.ru"; window.vhsRegion = "ru"; window.videoLinkFeatureUsed = 0; window.helpdeskEnabledFeature = false; window.helpdeskTalksEnabledFeature = false; window.enabledTariffsPage = true; window.relatedUsersOnActiveBlock = true; window.rulePluginRequestOptimizationFeature = true; window.inSegmentLoopFeature = true; window.UShort = "Wy0xXQ.jJngIW2QSnfFxbKezdLYP2FR2h3jyUBmQY6Vzkz7EaA"; window.ULong = "Wy0xXQ.jJngIW2QSnfFxbKezdLYP2FR2h3jyUBmQY6Vzkz7EaA"; window.ruleCustomFieldIdFeature = true; window.gcRedesign = {"isLessonRedesignEnabled":false}; </script> <script type="text/javascript"> window.userInfo = {"isAdmin":false,"isManager":false,"isInAccount":false,"isTeacher":false,"canCms":false,"canEditHelp":false,"isHumanDesign":"0"}; </script> <link rel="shortcut icon" href="https://fs01.getcourse.ru/fileservice/file/download/a/476640/sc/213/h/5c63f9b9de6594c4a87acd2286f4c812.png"> <link href="/nassets/89bfd734/css/blueimp-gallery.min.css?v=1727033016" rel="stylesheet"> <link href="/nassets/89bfd734/css/blueimp-gallery-indicator.css?v=1727033016" rel="stylesheet"> <link href="/nassets/b6f806c8/css/bootstrap.min.css?v=1727033018" rel="stylesheet"> <link href="/nassets/c4ee8f9e/css/modal.css?v=1727033017" rel="stylesheet"> <link href="/nassets/9eba28af/css/videoplayer.css?v=1727033018" rel="stylesheet"> <link href="/nassets/bb9d3ce6/fotorama.css?v=1727033017" rel="stylesheet"> <link href="/nassets/740288c3/uploadifive.css?v=1727033017" rel="stylesheet"> <link href="/nassets/25543e7/css/jquery.Jcrop.min.css?v=1727033016" rel="stylesheet"> <link href="/nassets/b52047c6/css/jquery.dataTables.min.css?v=1727033016" rel="stylesheet"> <link href="/nassets/24d4d8eb/css/file-dialog.css?v=1731579639" rel="stylesheet"> <link href="/nassets/24d4d8eb/css/file-widget-with-dialog.css?v=1727033016" rel="stylesheet"> <link href="/nassets/24d4d8eb/css/video-grid.css?v=1727033016" rel="stylesheet"> <link href="/nassets/e5e3a727/css/block-animation.css?v=1727033018" rel="stylesheet"> <link href="/nassets/css/lite-block-7fc3ee8f2e467f6a54c0b2364568b90d.css?v=1732384572" rel="stylesheet"> <link href="/public/fonts/gfonts/open-sans/open-sans-cyr-swap.css" rel="stylesheet"> <link href="/public/fonts/gfonts/roboto/roboto-cyr-swap.css" rel="stylesheet"> <link href="/nassets/cdab323c/css/blog.css?v=1727033018" rel="stylesheet"> <link href="/nassets/c5143804/css/button.css?v=1727033020" rel="stylesheet"> <link href="/nassets/css/tags-a4ffab408734cc692f9c956be7634162.css?v=1732384572" rel="stylesheet"> <link href="/nassets/caecfdfe/like-and-subscribe-notifications.css?v=1727033017" rel="stylesheet"> <link href="/nassets/e4a2c60f/css/like.css?v=1727033017" rel="stylesheet"> <link href="/nassets/d26359b3/css/subscribe.css?v=1727033018" rel="stylesheet"> <link href="/nassets/12427aee/proxima.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/all.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/v5-font-face.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/v4-font-face.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/v4-shims.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/old.css?v=1727033016" rel="stylesheet"> <link href="/nassets/adafa055/glyphicons.css?v=1727033016" rel="stylesheet"> <link href="/nassets/73a9d10/css/reveal-password.css?v=1729158413" rel="stylesheet"> <link href="/nassets/59757da8/css/global.css?v=1727033016" rel="stylesheet"> <link href="/nassets/e10e18c3/bootstrap-social.css?v=1727033016" rel="stylesheet"> <link href="/nassets/css/flexboxgrid-2fdc38bacf1e55f1fe5aa0abe4871e96.css?v=1732384572" rel="stylesheet" async="async"> <link href="/nassets/9692a03a/themes/smoothness/jquery-ui.css?v=1727033018" rel="stylesheet"> <link href="/nassets/8e13878b/toast/css/jquery.toast.min.css?v=1727033016" rel="stylesheet"> <link href="/nassets/1125450b/css/lite.css?v=1727033018" rel="stylesheet"> <link href="/nassets/644c2834/css/menu.css?v=1727033016" rel="stylesheet"> <link href="/nassets/d50f330d/jquery.emojiarea.css?v=1727033017" rel="stylesheet"> <link href="/nassets/d50f330d/emoji.css?v=1727033017" rel="stylesheet"> <link href="/nassets/c6280e06/css/audio-comments.css?v=1727033016" rel="stylesheet"> <link href="/nassets/f678dcf8/css/user-form.css?v=1727033018" rel="stylesheet"> <link href="/nassets/9b643ce6/css/flex-audio-js.css?v=1727033016" rel="stylesheet"> <link href="/nassets/9b643ce6/css/comments.css?v=1727033016" rel="stylesheet"> <link href="/nassets/9b643ce6/css/comment_reply_open.css?v=1727033016" rel="stylesheet"> <link href="/nassets/9b643ce6/css/comment_rating_widget.css?v=1727033016" rel="stylesheet"> <link href="/nassets/9b643ce6/css/conversation_widget.css?v=1727033016" rel="stylesheet"> <link href="/nassets/9b643ce6/css/talks_widget.css?v=1727033016" rel="stylesheet"> <style>.custom-menu .gc-account-leftbar, .custom-menu .gc-account-leftbar .gc-account-user-menu, .custom-menu .gc-account-leftbar .toggle-link { background-color: #070707 } .custom-menu .gc-account-leftbar .gc-account-user-menu li a { background-color: #070707 } .custom-menu .gc-account-leftbar .gc-account-user-menu li.active a, .custom-menu .gc-account-leftbar .gc-account-user-menu li.selected a { background-color: #FFFFFF } .custom-menu .gc-account-leftbar .gc-account-user-menu li:not(.active):not(.selected) a:hover { background-color: #ff7a00 } .custom-menu .gc-account-leftbar .gc-account-user-submenu-bar, .custom-menu .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed { background-color: #FFFFFF } .custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover { background-color: #ff7a00 } .custom-menu .gc-account-leftbar .gc-account-user-menu li .notify-count, .custom-menu .gc-account-leftbar .gc-account-user-submenu li .notify-count { background-color: #ff3d00 } .custom-menu .gc-account-leftbar .menu-item-label { color: #FFFFFF } .custom-menu .gc-account-leftbar li.active .menu-item-label, .custom-menu .gc-account-leftbar li.selected .menu-item-label { color: #070707 } .custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu a, .custom-menu .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed, .custom-menu .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .date { color: #070707 } .custom-menu .gc-account-user-submenu-bar h3 { color: #070707 } .custom-menu .gc-account-leftbar .menu-item-label { display: none !important } </style> <script src="/nassets/584d89d6/jquery.min.js?v=1727033019"></script> <script src="/nassets/740288c3/jquery.uploadifive.min.js?v=1727033017"></script> <script src="/nassets/740288c3/uploadifive-rewrite.js?v=1727033017"></script> <script src="/nassets/b6f806c8/js/bootstrap.min.js?v=1727033018"></script> <script src="/nassets/f678dcf8/js/user-form-def.js?v=1727033018"></script> <script src="/nassets/e4a2c60f/js/like.js?v=1727033017"></script> <script src="/nassets/d26359b3/js/subscribe.js?v=1727033018"></script> <script src="/nassets/59757da8/js/global-function.js?v=1727033016"></script> <script src="/nassets/73a9d10/js/reveal-password.js?v=1729158413"></script> <script src="/nassets/59757da8/js/main.js?v=1727033020"></script> <script src="/nassets/9692a03a/jquery-ui.min.js?v=1727033018"></script> <script src="/nassets/8e13878b/js/jquery.toast.min.js?v=1727033016"></script> <script src="/nassets/7c98f997/yii.js?v=1727033019"></script> <script src="/nassets/8e919e17/jquery.autosize.min.js?v=1727033016"></script> <script src="/nassets/8e919e17/jquery.form.min.js?v=1727033016"></script> <script src="/nassets/d50f330d/jquery.emojiarea.js?v=1727033017"></script> <script src="/nassets/d50f330d/emoji.js?v=1731579639"></script> <script src="/nassets/c6280e06/js/audio-comments.js?v=1727033016"></script> <script src="/nassets/c6280e06/js/RecordRTC.min.js?v=1727033016"></script> <script src="/nassets/644c2834/js/react/react.min.js?v=1727033016"></script> <script src="/nassets/f678dcf8/js/build/user-form.js?v=1727033018"></script> <script src="/nassets/644c2834/js/socket.io.slim.js?v=1727033016"></script> <script src="/nassets/644c2834/js/socket.js?v=1727033016"></script> <script src="/nassets/644c2834/js/websocket.global.js?v=1727033016"></script> <script src="/nassets/9b643ce6/js/comments.js?v=1717595724"></script> <script src="/nassets/9b643ce6/js/comment_reply_open.js?v=1727033016"></script> <script src="/nassets/9b643ce6/js/comment_template_dialog.js?v=1727033016"></script> <script src="/nassets/33313f15/js/JsTrans.min.js?v=1727033017"></script> <script src="/nassets/5e2765a/dictionary-gen-8232beb872fb76d91a80fe0cb453c98195f529dd.js?v=1732381200"></script> <script src="/nassets/5e2765a/dictionary-gen-d541db305d463ce9adf3ce545b757d8280178974.js?v=1732381200"></script> <title>All materials</title> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:title" content=""/> <meta name="description" property="og:description" content=""/> <meta property="og:url" content="https://hou2touch.com/blog?tagNames=%23tutorial"/> <meta property="fb:app_id" content="1437814016454992"/> <!-- Meta Pixel Code --> <script> !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.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', '910806457157277'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=910806457157277&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> </head> <body class="gc-user-guest"> <div class="gc-main-content gc-both-main-content no-menu gc-user-guest"> <style> .gc-account-leftbar, .talks-widget-window, .index-link, .create-link { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; } </style> <div class="lite-page block-set "> <style> #ltBlock1862804161 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1862804161" data-block-id="1862804191" class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block" data-code="b-fa93a" > <div class="lt-block-wrapper"> <style id="rawCss2389995">@font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/cb6d52ed66350f26dd18b00c533a198b.ttf/a/531213/sc/183) format('truetype'); font-weight: 400; } @font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/8cabcef865d0b2af17b1e490426e5eb5.ttf/a/531213/sc/333) format('truetype'); font-weight: 700; } @font-face { font-family: "Bebas Neue"; src: url(/fileservice/file/download/h/f0a2f44215c7092318880a215df3ada2.ttf/a/531213/sc/78) format('truetype'); font-weight: 700; }</style> </div></div> <style> #ltBlock1862049542 .f-header { font-family: 'Bebas Neue', sans-serif; } #ltBlock1862049542 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock1862049542 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1862049542" data-block-id="1862061775" data-has-css="true" class="lt-block lt-view menu01 lt-menu lt-menu-universal positionsticky mobile-toggler style-normal gc-into-main-content" data-code="b-8fa95" > <div class="lt-block-wrapper"> <div class="menu-wrapper" data-menu="yes"> <div class="collapsed-view"> <div class="toggler"> <span class="fa fa-bars"></span> </div> <div class="collapsed-content" > <div class="f-header fg-color"> </div> </div> <div class="collapsed-contacts fg-color" > </div> </div> <div class="main-container"> <div class="padding40px"></div> <div class="leftside"> <div class="leftcontainer"> <a href="" class="fg-color"> <div class="logo f-header fg-color"> </div> </a></div> </div> <div class="centerside menualign-center"> <div class="centercontainer"> <ul class="menu-list"> <li class="list-item"> <a href="/about" class="f-header fg-color"> Who we are </a> </li> <li class="list-item"> <a href="/boxes" class="f-header fg-color"> Courses </a> </li> <li class="list-item"> <a href="/subscribe" class="f-header fg-color"> Subscribe to newsletters </a> </li> <li class="list-item"> <a href="/blog" class="f-header fg-color"> Free materials </a> </li> </ul> </div> </div> <div class="rightside"> <div class="rightcontainer"> <div class="right-descr fg-color" style="display:none;padding:0;"> </div> <div class="right-buttons"> <div class="right-buttons-wrap"> <div class="right-buttons-but"> <button type="button" id="button8235648" class="btn f-btn button-md btn-success" style="color: #FFFFFF; background-color: #000000; border-radius: !important; "> Sign in </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton8235648']) { e.preventDefault(); return false; } else { $('#button8235648').addClass('disabled'); window['prsbutton8235648'] = true; setTimeout(function(){window['prsbutton8235648'] = false;$('#button8235648').removeClass('disabled');}, 6000); } return true; }; $( '#button8235648' ).click( function(e) { //disableButton(e); location.href='https://hou2touch.com/cms/system/login'; } ); }); </script> </div> </div> </div> </div> </div> <div class="padding40px"> </div> </div> </div> <script> $( function() { $('#ltBlock1862049542').liteMenu({ position: "sticky" }) } ); </script> <style> #ltBlock1862049542 .fg-color { color: #000000; } #ltBlock1862049542.lt-editing .menu-wrapper { background-color: rgba(0,0,0,0.5); } #ltBlock1862049542 .menu-wrapper { background-color: rgba( 255,255,255,1);; } #ltBlock1862049542.positionfixed.scrolled .menu-wrapper { background-color: rgba( 255,255,255,0.8);; } #ltBlock1862049542 .menu-wrapper, #ltBlock1862049542 .main-container { height: 45px; } .country-dropdown-wrapper { padding-left: 10px; } @media screen and (max-width: 980px) { #ltBlock1862049542 .menu-wrapper { background-color: rgba( 255,255,255,1);; } #ltBlock1862049542.positionfixed.scrolled .menu-wrapper { background-color: rgba( 255,255,255,0.8);; } #ltBlock1862049542.positionfixed .menu-wrapper.expanded { background-color: rgba( 255,255,255,1);; } } </style> </div></div> <style> #ltBlock1867195643 .lt-block-wrapper { padding-top: 60px; padding-bottom: 15px } </style> <div id="ltBlock1867195643" data-block-id="1867195723" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-14d20" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-8 col-md-offset-2 text-left" style=""> <div id="builder4006787" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field40749" data-item-name="field40749" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="aff8f904d6" > <div id="image6724822" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/777eb8206d31079aa6bc7319907ed528.jpg/s/s1200x/a/476640/sc/61" > <img class="lazyload" src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/777eb8206d31079aa6bc7319907ed528.jpg/s/s1200x/a/476640/sc/61" data-param="items/parts/field40749/inner/image" data-hash="777eb8206d31079aa6bc7319907ed528.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1867195723"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aff8f904d6 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder4006787 input[type="radio"]').length == 1 && $('#builder4006787 input[type="radio"]').prop('checked') ) { $('#builder4006787 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <div class="container" style="margin-top:30px;"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h1 style="margin-bottom: 15px;" class="f-header f-header-52"> All materials </h1> <form action="" id="ugcListForm" style="margin-bottom: 30px;"> <input id="tagsEl" type="text" value="#tutorial" placeholder="поиск по тегам" class="tags-input"> <script> $(function () { $('#tagsEl').tagsCloud({ contextName: 'UgcPublishedContext', formSelector: '#ugcListForm', showArchivedSelector: false, noReload: true }); }) </script> </form> <div class="blog-record"> <h4 class='f-header f-header-26' style="margin-top: 0px; margin-bottom: 0px;"><a href="/blog/1090177">Calling all art and tech enthusiasts!</a></h4> <div style="overflow:hidden; margin-top: 5px; margin-bottom: 5px;"> <span class='gc-tags'><a href='/blog?tagNames=%23stream'>#stream</a> <a href='/blog?tagNames=%23tutorial'>#tutorial</a> <a href='/blog?tagNames=%23updates'>#updates</a> <a href='/blog?tagNames=%23vadimepstein'>#vadimepstein</a></span> </div> <div style="overflow: hidden; "> <div style="overflow:hidden;"> <a href="/blog/1090177"> <img style="float: left; margin-right: 20px; margin-top: 5px" src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/f8051cbd08fa0fd70ffac801f4f93f3d.png/s/f700x/a/476640/sc/383"> </a> </div> <div class="f-desc">Sunday, March 17th, at 7 pm GMT+3</div> </div> <div> <div class="blog-record-info"> <div class="pull-left"> <a href="/blog/1090177">Read more</a> </div> <div class="pull-right"> <span title="04.01.2024 19:56">4 January</span> — <a href='/pl/244740225'>Maksim Smirnov</a> </div> <div style="clear:both"> <span class="b-like-and-subscribe-notifications"> <span class="b-like like-1090177-1" id="likes-1090177-1"> <span class="positive-count hide" style="cursor:pointer" data-object-id="1090177" data-object-type-id="1"> <i class="icon fa fa-thumbs-o-up"></i> <span class="value"><a class="like_users_list"></a></span> </span> <span class="button positive auth-link" data-object-id="1090177" data-object-type-id="1" ><span class="html">Like</span></span> </span> </span> </div> </div> </div> </div> <div class="blog-record"> <h4 class='f-header f-header-26' style="margin-top: 0px; margin-bottom: 0px;"><a href="/blog/1089071">Hou2Touch Weekly #7</a></h4> <div style="overflow:hidden; margin-top: 5px; margin-bottom: 5px;"> <span class='gc-tags'><a href='/blog?tagNames=%23bitwig'>#bitwig</a> <a href='/blog?tagNames=%23discounts'>#discounts</a> <a href='/blog?tagNames=%23freelesson'>#freelesson</a> <a href='/blog?tagNames=%23oldbutgold'>#oldbutgold</a> <a href='/blog?tagNames=%23stream'>#stream</a> <a href='/blog?tagNames=%23tutorial'>#tutorial</a> <a href='/blog?tagNames=%23updates'>#updates</a> <a href='/blog?tagNames=%23weekly'>#weekly</a> <a href='/blog?tagNames=%23workshop'>#workshop</a></span> </div> <div style="overflow: hidden; "> <div style="overflow:hidden;"> <a href="/blog/1089071"> <img style="float: left; margin-right: 20px; margin-top: 5px" src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/8f19e2648dda7074f4ecbfe462e834be.jpg/s/f700x/a/476640/sc/306"> </a> </div> <div class="f-desc">- How to make the Industrial vocal track with Hypnoskull - What's new? Stream about Bitwig Studio 5.1 and TouchDesigner 2023 Updates - First course about AudioVisual production using Bitwig & TouchDesigner - Demystifying TouchDesigner SOPs 07. Cutting Geometry Tools: Boolean, Carve, Clip SOPs -...</div> </div> <div> <div class="blog-record-info"> <div class="pull-left"> <a href="/blog/1089071">Read more</a> </div> <div class="pull-right"> <span title="13.12.2023 20:33">13 December 2023</span> — <a href='/pl/244740225'>Maksim Smirnov</a> </div> <div style="clear:both"> <span class="b-like-and-subscribe-notifications"> <span class="b-like like-1089071-1" id="likes-1089071-1"> <span class="positive-count hide" style="cursor:pointer" data-object-id="1089071" data-object-type-id="1"> <i class="icon fa fa-thumbs-o-up"></i> <span class="value"><a class="like_users_list"></a></span> </span> <span class="button positive auth-link" data-object-id="1089071" data-object-type-id="1" ><span class="html">Like</span></span> </span> </span> </div> </div> </div> </div> <div class="blog-record"> <h4 class='f-header f-header-26' style="margin-top: 0px; margin-bottom: 0px;"><a href="/blog/1087963">Hou2Touch Weekly #6</a></h4> <div style="overflow:hidden; margin-top: 5px; margin-bottom: 5px;"> <span class='gc-tags'><a href='/blog?tagNames=%23bitwig'>#bitwig</a> <a href='/blog?tagNames=%23freelesson'>#freelesson</a> <a href='/blog?tagNames=%23oldbutgold'>#oldbutgold</a> <a href='/blog?tagNames=%23tutorial'>#tutorial</a> <a href='/blog?tagNames=%23updates'>#updates</a> <a href='/blog?tagNames=%23weekly'>#weekly</a></span> </div> <div style="overflow: hidden; "> <div style="overflow:hidden;"> <a href="/blog/1087963"> <img style="float: left; margin-right: 20px; margin-top: 5px" src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/5f9b9ae11434da87dbbd638aa027be36.jpg/s/f700x/a/476640/sc/286"> </a> </div> <div class="f-desc">- What's new? Stream about Bitwig Studio 5.1 and TouchDesigner 2023 Updates - Demystifying TouchDesigner SOPs 06. Basic Modeling Tools: Extrude, Revolve, Skin, Sweep SOPs - Procedural Pipeline for every CG Artist Free lesson - 10-minutes tutorial: 003. TouchDesigner. Play 30 Audio Samples with o...</div> </div> <div> <div class="blog-record-info"> <div class="pull-left"> <a href="/blog/1087963">Read more</a> </div> <div class="pull-right"> <span title="08.12.2023 04:36">8 December 2023</span> — <a href='/pl/244740225'>Maksim Smirnov</a> </div> <div style="clear:both"> <span class="b-like-and-subscribe-notifications"> <span class="b-like like-1087963-1" id="likes-1087963-1"> <span class="positive-count hide" style="cursor:pointer" data-object-id="1087963" data-object-type-id="1"> <i class="icon fa fa-thumbs-o-up"></i> <span class="value"><a class="like_users_list"></a></span> </span> <span class="button positive auth-link" data-object-id="1087963" data-object-type-id="1" ><span class="html">Like</span></span> </span> </span> </div> </div> </div> </div> <div class="blog-record"> <h4 class='f-header f-header-26' style="margin-top: 0px; margin-bottom: 0px;"><a href="/blog/1086604">Hou2Touch Weekly #5</a></h4> <div style="overflow:hidden; margin-top: 5px; margin-bottom: 5px;"> <span class='gc-tags'><a href='/blog?tagNames=%23discounts'>#discounts</a> <a href='/blog?tagNames=%23freelesson'>#freelesson</a> <a href='/blog?tagNames=%23hou2touch'>#hou2touch</a> <a href='/blog?tagNames=%23tutorial'>#tutorial</a></span> </div> <div style="overflow: hidden; "> <div style="overflow:hidden;"> <a href="/blog/1086604"> <img style="float: left; margin-right: 20px; margin-top: 5px" src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/0e4d51377f9524595f63db80d92deae7.png/s/f700x/a/476640/sc/163"> </a> </div> <div class="f-desc">- Intro 2 Procedural workflow Free lesson - Demystifying TouchDesigner SOPs 05. Deformers. Twist, Noise and Blend SOPs - Tutorial: 002. TouchDesigner. Control Particle SOP with Optical Flow</div> </div> <div> <div class="blog-record-info"> <div class="pull-left"> <a href="/blog/1086604">Read more</a> </div> <div class="pull-right"> <span title="02.12.2023 06:24">2 December 2023</span> — <a href='/pl/244740225'>Maksim Smirnov</a> </div> <div style="clear:both"> <span class="b-like-and-subscribe-notifications"> <span class="b-like like-1086604-1" id="likes-1086604-1"> <span class="positive-count hide" style="cursor:pointer" data-object-id="1086604" data-object-type-id="1"> <i class="icon fa fa-thumbs-o-up"></i> <span class="value"><a class="like_users_list"></a></span> </span> <span class="button positive auth-link" data-object-id="1086604" data-object-type-id="1" ><span class="html">Like</span></span> </span> </span> </div> </div> </div> </div> <div class="blog-record"> <h4 class='f-header f-header-26' style="margin-top: 0px; margin-bottom: 0px;"><a href="/blog/1085171">Hou2Touch Weekly #4</a></h4> <div style="overflow:hidden; margin-top: 5px; margin-bottom: 5px;"> <span class='gc-tags'><a href='/blog?tagNames=%23bitwig'>#bitwig</a> <a href='/blog?tagNames=%23discounts'>#discounts</a> <a href='/blog?tagNames=%23touchdesigner'>#touchdesigner</a> <a href='/blog?tagNames=%23tutorial'>#tutorial</a> <a href='/blog?tagNames=%23workshop'>#workshop</a></span> </div> <div style="overflow: hidden; "> <div style="overflow:hidden;"> <a href="/blog/1085171"> <img style="float: left; margin-right: 20px; margin-top: 5px" src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/5af748dd68593d43aaaef91c42c793a5.png/s/f700x/a/476640/sc/254"> </a> </div> <div class="f-desc">- Workshop: Introduction to Bitwig. AV setup with Bitwig and TouchDesigner. New 6 weeks course - Demystifying TouchDesigner SOPs 04. Deformers. Lattice & Magnet SOPs - Tutorial: 001. TouchDesigner. Control RampTOP with HSV Values</div> </div> <div> <div class="blog-record-info"> <div class="pull-left"> <a href="/blog/1085171">Read more</a> </div> <div class="pull-right"> <span title="23.11.2023 23:32">23 November 2023</span> — <a href='/pl/244740225'>Maksim Smirnov</a> </div> <div style="clear:both"> <span class="b-like-and-subscribe-notifications"> <span class="b-like like-1085171-1" id="likes-1085171-1"> <span class="positive-count " style="cursor:pointer" data-object-id="1085171" data-object-type-id="1"> <i class="icon fa fa-thumbs-o-up"></i> <span class="value"><a class="like_users_list">1</a></span> </span> <span class="button positive auth-link" data-object-id="1085171" data-object-type-id="1" ><span class="html">Like</span></span> </span> </span> </div> </div> </div> </div> <div class="blog-record"> <h4 class='f-header f-header-26' style="margin-top: 0px; margin-bottom: 0px;"><a href="/blog/1078566">Hou2Touch Weekly #3</a></h4> <div style="overflow:hidden; margin-top: 5px; margin-bottom: 5px;"> <span class='gc-tags'><a href='/blog?tagNames=%23al%2Fml'>#al/ml</a> <a href='/blog?tagNames=%23bitwig'>#bitwig</a> <a href='/blog?tagNames=%23touchdesigner'>#touchdesigner</a> <a href='/blog?tagNames=%23tutorial'>#tutorial</a> <a href='/blog?tagNames=%23vadimepstein'>#vadimepstein</a> <a href='/blog?tagNames=%23weekly'>#weekly</a></span> </div> <div style="overflow: hidden; "> <div style="overflow:hidden;"> <a href="/blog/1078566"> <img style="float: left; margin-right: 20px; margin-top: 5px" src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/3ccfb63c3e055b3e1700f839b0f09487.jpg/s/f700x/a/476640/sc/143"> </a> </div> <div class="f-desc">- AI/ML in Visual. Online Course Starting Soon. - Demystifying TouchDesigner SOPs 03.Working with geometry Attributes. - Modulate & Conquer. Free lesson about Bitwig & TouchDesigner. </div> </div> <div> <div class="blog-record-info"> <div class="pull-left"> <a href="/blog/1078566">Read more</a> </div> <div class="pull-right"> <span title="13.10.2023 00:01">13 October 2023</span> — <a href='/pl/227178042'>Stanislav Glazov</a> </div> <div style="clear:both"> <span class="b-like-and-subscribe-notifications"> <span class="b-like like-1078566-1" id="likes-1078566-1"> <span class="positive-count " style="cursor:pointer" data-object-id="1078566" data-object-type-id="1"> <i class="icon fa fa-thumbs-o-up"></i> <span class="value"><a class="like_users_list">1</a></span> </span> <span class="button positive auth-link" data-object-id="1078566" data-object-type-id="1" ><span class="html">Like</span></span> </span> </span> </div> </div> </div> </div> <div class="blog-record"> <h4 class='f-header f-header-26' style="margin-top: 0px; margin-bottom: 0px;"><a href="/blog/1077457">Hou2Touch Weekly #2</a></h4> <div style="overflow:hidden; margin-top: 5px; margin-bottom: 5px;"> <span class='gc-tags'><a href='/blog?tagNames=%23PersonInTouch'>#PersonInTouch</a> <a href='/blog?tagNames=%23stream'>#stream</a> <a href='/blog?tagNames=%23touchdesigner'>#touchdesigner</a> <a href='/blog?tagNames=%23tutorial'>#tutorial</a> <a href='/blog?tagNames=%23vadimepstein'>#vadimepstein</a></span> </div> <div style="overflow: hidden; "> <div style="overflow:hidden;"> <a href="/blog/1077457"> <img style="float: left; margin-right: 20px; margin-top: 5px" src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/c0dc8fb17a9a39009432bacdae8a1dc3.jpg/s/f700x/a/476640/sc/367"> </a> </div> <div class="f-desc">- Modulate & Conquer. Free lesson about Bitwig & TouchDesigner. - Demystifying TouchDesigner SOPs 02.Generators. - Vadim Epstein and AI/ML in Visual.</div> </div> <div> <div class="blog-record-info"> <div class="pull-left"> <a href="/blog/1077457">Read more</a> </div> <div class="pull-right"> <span title="05.10.2023 01:09">5 October 2023</span> — <a href='/pl/227178042'>Stanislav Glazov</a> </div> <div style="clear:both"> <span class="b-like-and-subscribe-notifications"> <span class="b-like like-1077457-1" id="likes-1077457-1"> <span class="positive-count " style="cursor:pointer" data-object-id="1077457" data-object-type-id="1"> <i class="icon fa fa-thumbs-o-up"></i> <span class="value"><a class="like_users_list">1</a></span> </span> <span class="button positive auth-link" data-object-id="1077457" data-object-type-id="1" ><span class="html">Like</span></span> </span> </span> </div> </div> </div> </div> <div class="blog-record"> <h4 class='f-header f-header-26' style="margin-top: 0px; margin-bottom: 0px;"><a href="/blog/1073120">Hou2Touch Weekly #1</a></h4> <div style="overflow:hidden; margin-top: 5px; margin-bottom: 5px;"> <span class='gc-tags'><a href='/blog?tagNames=%23touchdesigner'>#touchdesigner</a> <a href='/blog?tagNames=%23tutorial'>#tutorial</a> <a href='/blog?tagNames=%23vadimepstein'>#vadimepstein</a></span> </div> <div style="overflow: hidden; "> <div style="overflow:hidden;"> <a href="/blog/1073120"> <img style="float: left; margin-right: 20px; margin-top: 5px" src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/1bd4f2a6e6bbcd56c955261ef0655189.jpg/s/f700x/a/476640/sc/199"> </a> </div> <div class="f-desc">- Demystifying TouchDesigner SOPs 01. Add, Limit, CHOP to, DAT to. - Vadim Epstein and AI/ML in Visual. - How to animate nodes in TouchDesigner network editor tutorial.</div> </div> <div> <div class="blog-record-info"> <div class="pull-left"> <a href="/blog/1073120">Read more</a> </div> <div class="pull-right"> <span title="13.09.2023 20:00">13 September 2023</span> — <a href='/pl/244740225'>Maksim Smirnov</a> </div> <div style="clear:both"> <span class="b-like-and-subscribe-notifications"> <span class="b-like like-1073120-1" id="likes-1073120-1"> <span class="positive-count " style="cursor:pointer" data-object-id="1073120" data-object-type-id="1"> <i class="icon fa fa-thumbs-o-up"></i> <span class="value"><a class="like_users_list">1</a></span> </span> <span class="button positive auth-link" data-object-id="1073120" data-object-type-id="1" ><span class="html">Like</span></span> </span> </span> </div> </div> </div> </div> </div> </div> </div> <style> #ltBlock1862804218 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1862804218" data-block-id="1862804244" class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block" data-code="b-be7e2" > <div class="lt-block-wrapper"> <style id="rawCss2717590">@font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/cb6d52ed66350f26dd18b00c533a198b.ttf/a/531213/sc/183) format('truetype'); font-weight: 400; } @font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/8cabcef865d0b2af17b1e490426e5eb5.ttf/a/531213/sc/333) format('truetype'); font-weight: 700; } @font-face { font-family: "Bebas Neue"; src: url(/fileservice/file/download/h/f0a2f44215c7092318880a215df3ada2.ttf/a/531213/sc/78) format('truetype'); font-weight: 700; }</style> </div></div> <style> #ltBlock1862075335 .f-header { font-family: 'Inter', sans-serif; } #ltBlock1862075335 .f-text { font-family: 'Bebas Neue', sans; } </style> <style> #ltBlock1862075335 .lt-block-wrapper { padding-top: 45px; padding-bottom: 0px; background-color: #ffffff; color: #000000 } </style> <div id="ltBlock1862075335" data-block-id="1862075617" data-has-css="true" class="lt-block lt-view tcb-01 lt-twocolumn lt-twocolumn-standard" data-code="b-aeb67" > <div class="lt-block-wrapper"> <div class="my-container flex-container wrap-col"> <div id="builder6875054" class="builder flex-column col-md-6 col-md-offset-0" data-path="column1" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column1/box" data-title="Block style" data-setting-editable="true"></div> <div data-param="column1/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text text-left" id="a7013ce310" > <div style='' class='text-subnormal f-text' data-param='column1/parts/text1/inner/text' data-editable='true'><p><span class="redactor-inline-converted"><span class="redactor-inline-converted"><strong>Email address: hello@hou2touch.com</strong></span></span></p> <p><span class="redactor-inline-converted"><span class="redactor-inline-converted"><strong>Telegram: @prcdrl</strong></span></span></p> <p><span class="redactor-inline-converted"><span class="redactor-inline-converted"><strong><a href="https://www.youtube.com/@StanislavGlazov" target="_blank">Youtube</a> <a href="https://www.instagram.com/hou2touch/" target="_blank">Instagram</a> <a href="https://www.facebook.com/hou2touch" target="_blank">Facebook</a> <a href="https://www.twitter.com/hou2touch" target="_blank">Twitter</a> </strong></span></span></p> <p><span class="redactor-inline-converted"><strong><br></strong></span></p> <p><span class="redactor-inline-converted"><span class="redactor-inline-converted"><strong>Hou2Touch 2023 (c)</strong></span></span></p></div> <div class="add-redesign-subblock" data-id="1862075617"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a7013ce310 .add-redesign-subblock { display: none; } </style> </div> <style> #builder6875054 { ; } </style> <script> $( function() { if( $('#builder6875054 input[type="radio"]').length == 1 && $('#builder6875054 input[type="radio"]').prop('checked') ) { $('#builder6875054 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> <div id="builder7602023" class="builder flex-column col-md-5 col-md-offset-1" data-path="column2" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column2/box" data-title="Block style" data-setting-editable="true"></div> <div data-param="column2/parts/field63929" data-item-name="field63929" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text text-right" id="a5b1f5b240" > <div style='' class='text-subnormal f-text' data-param='column2/parts/field63929/inner/text' data-editable='true'><p><strong>Lichtpfad studio</strong></p> <p><strong>Berlin, Germany</strong></p><p><br></p><br> <p><strong><span class="redactor-inline-converted"><a href="https://hou2touch.com/cms/system/contact">Feedback page</a> </span><a href="https://hou2touch.com/offer">License Agreement</a><span> </span></strong><a href="https://hou2touch.com/policy"><strong>Privacy Policy</strong></a></p></div> <div class="add-redesign-subblock" data-id="1862075617"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5b1f5b240 .add-redesign-subblock { display: none; } </style> </div> <style> #builder7602023 { ; } </style> <script> $( function() { if( $('#builder7602023 input[type="radio"]').length == 1 && $('#builder7602023 input[type="radio"]').prop('checked') ) { $('#builder7602023 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div></div> <style> #ltBlock1862075335 hr.separator { border-color: #000000; } #ltBlock1862075335 .f-text { color: #000000; } </style> </div> </div> <script src="/nassets/89bfd734/js/blueimp-gallery.min.js?v=1727033016"></script> <script src="/nassets/89bfd734/js/jquery.blueimp-gallery.min.js?v=1727033016"></script> <script src="/nassets/89bfd734/js/blueimp-gallery-indicator.js?v=1727033016"></script> <script src="/nassets/c4ee8f9e/js/modal.js?v=1727033020"></script> <script src="https://vh-asset-static.vhcdn.com/vhstatic/gz/gc.ts.vh-bridge/app/22/vh.min.js"></script> <script src="https://vh-asset-static.vhcdn.com/vhstatic/gz/gc.ts.webbrowser-monitoring/app/7/monitoring.min.js"></script> <script src="/nassets/9eba28af/js/cdnfeedback.js?v=1727033018"></script> <script src="/nassets/9eba28af/js/videoplayer.js?v=1727033018"></script> <script src="/nassets/bb9d3ce6/fotorama.js?v=1727033020"></script> <script src="/nassets/8ffd4c6a/file_widget.js?v=1727033017"></script> <script src="/nassets/25543e7/js/jquery.Jcrop.min.js?v=1727033016"></script> <script src="/nassets/b52047c6/js/jquery.dataTables.min.js?v=1727033016"></script> <script src="/nassets/dea6a97/tus.min.js?v=1727033017"></script> <script src="/nassets/24d4d8eb/js/file-dialog.js?v=1731579639"></script> <script src="/nassets/24d4d8eb/js/editable-image.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/folder.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/folder-upload.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/tus-uploader.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/folder-favorites.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/folder-covers.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/file-widget-with-dialog.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/folder-pixabay.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/frames/folder.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/frames/dialog.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/frames/grid.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/frames/gridLog.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/frames/statistics.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/frames/subtitles.js?v=1727033016"></script> <script src="/nassets/e5e3a727/js/block-animation.js?v=1727033018"></script> <script src="/nassets/js/lite-block-0344882a2ecea5a54aa676bb3d5ee954.js?v=1732384572"></script> <script src="/nassets/js/tags-21807f51d89013341f82fdbe08e42a0d.js?v=1732384572"></script> <script src="/nassets/1125450b/js/common.js?v=1727033018"></script> <script src="/nassets/644c2834/js/light-menu.js?v=1727033016"></script> <script src="/nassets/9b643ce6/js/comment_rating_widget.js?v=1727033016"></script> <script src="/nassets/f150f963/audio.min.js?v=1727033016"></script> <script src="/nassets/9b643ce6/js/conversation_widget.js?v=1727033016"></script> <script src="/nassets/9b643ce6/js/conversation_controls.js?v=1727033016"></script> <script src="/nassets/9b643ce6/js/talks_widget.js?v=1727033020"></script> <script async src="https://hou2touch.com/chtm/s/metric/clarity.js"></script> <script src="/public/js/gccounter-new.js?1"></script> <script async src="https://vhencapi13.gcfiles.net/st/stat.js?v=1732392324"></script> </body> <div style="display: none;" id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"><div class="slides next-click"></div><h3 class="title"></h3><a class="prev">‹</a><a class="next next-click">›</a><a class="play-pause"></a><ol class="indicator"></ol></div>