You will understand what a frontend developer does
You will receive experience in solving real-world problems
You’ll get the skills to become a candidate for your dream job
We've built a path for you from doing simple tasks to creating a full-fledged web page and putting it online
You don't need any prior knowledge, start out now
You'll write your first line of code just in two minutes after the start
Work at your own pace, you can always pick up where you left off
Stay focused with our catching storyline
Check our courses
The theory is very easy to understand, much more interesting than video lessons. And it’s cool that you can practice it right away. I really liked it and was fascinated, even though I was initially afraid and thought that I would never understand this «gibberish», but it turns out that I just needed the right training! Thank you! I fell in love and want to go deeper into the maze of programming with Muffin!
All of the theory is written in clear language. I liked the practical part more and the plus is that you can peek at the answers, but out of thirteen tasks only once I used this opportunity, because the theoretical part is described in detail. It’s a great feeling when you realize that you edited something on the website with your own hands.
A great start, especially for those who are far from programming. For those who are passionate about programming and wanted to try their hand at web development, but thought everything was illogical and complicated, this platform will be a great tutorial showing all the simplicity and logic of HTML and CSS.
<!DOCTYPE html><html lang="en" class="no-js"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><script>var b=document.documentElement.classList;b.remove('no-js');if(!window.Promise||!window.sessionStorage||!!sessionStorage.getItem('muller.v2')){b.add('muller')}</script><link rel="dns-prefetch" href="https://assets.htmlacademy.org"><script async src="https://www.googletagmanager.com/gtag/js?id=G-MXPCRXM48C"></script><script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-MXPCRXM48C');
</script><script type="text/javascript">
(function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
;r.type="text/javascript"
;r.integrity="sha384-d/yhnowERvm+7eCU79T/bYjOiMmq4F11ElWYLmt0ktvYEVgqLDazh4+gW9CKMpYW"
;r.crossOrigin="anonymous";r.async=true
;r.src="https://cdn.amplitude.com/libs/amplitude-5.2.2-min.gz.js"
;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
console.log("[Amplitude] Error: could not load SDK")}}
;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
;function s(e,t){e.prototype[t]=function(){
this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
var o=function(){this._q=[];return this}
;var a=["add","append","clearAll","prepend","set","setOnce","unset"]
;for(var u=0;u<a.length;u++){s(o,a[u])}n.Identify=o;var c=function(){this._q=[]
;return this}
;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
;for(var p=0;p<l.length;p++){s(c,l[p])}n.Revenue=c
;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
;function v(e){function t(t){e[t]=function(){
e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
e=(!e||e.length===0?"$default_instance":e).toLowerCase()
;if(!n._iq.hasOwnProperty(e)){n._iq[e]={_q:[]};v(n._iq[e])}return n._iq[e]}
;e.amplitude=n})(window,document);
amplitude.getInstance().init("df11525b6880a3c5e2af14f9b6238408", null,{
includeUtm: true,
includeGclid: true,
includeReferrer: true,
deviceIdFromUrlParam: true
}, function (instance) {
window.amplitudeLoaded = true;
});
</script><link rel="stylesheet" href="https://assets.htmlacademy.org/css/core.v284.css"><link rel="stylesheet" href="https://assets.htmlacademy.org/css/index-page-en.v48.css"><link rel="stylesheet" href="https://assets.htmlacademy.org/css/profile.v236.css"><link rel="stylesheet" href="/css/custom.css"><link rel="stylesheet" href="/css/cookies.css"><link rel="preload" as="script" href="https://assets.htmlacademy.org/js/general.v274.js"><title>HTML Academy: World's deepest interactive courses in HTML, CSS and JavaScript, for free</title><meta name="description" content="Free interactive courses on programming, algorithms and web design"><meta name="keywords" content="html course, html5 course, css course, css3 course, web development course, online course on html, online course on css, online course on web development, study html, study css, study web development"><meta property="og:type" content="website"><meta property="og:site_name" content="HTML Academy"><meta name="twitter:url" property="og:url" content="https://htmlacademy.org"><meta name="twitter:title" property="og:title" content="Interactive online courses HTML Academy"><meta name="twitter:description" property="og:description" content="Together we’ll learn how to work with real code, solve true-to-life problems, use cutting edge technologies. Minimum of boring theory and lots of practical tasks."><meta name="twitter:image" property="og:image" content="https://htmlacademy.org/og/htmlacademy.png"><meta name="twitter:card" content="summary_large_image"><link rel="canonical" href="https://htmlacademy.org"><meta name="theme-color" content="#2f358f"></head><body><header class="page-header page-header--home page-header--home-en"><h1 class="sr-only">HTML Academy. Interactive online courses</h1><div class="page-header__inner"><div class="page-header__top"><a class="page-header__logo" href="/"><img src="https://assets.htmlacademy.org/img/logo.v2.svg" width="104" height="36" alt="HTML Academy"></a><nav class="main-menu" aria-label="Main navigation" itemscope itemtype="http://schema.org/SiteNavigationElement"><ul class="main-menu__list main-menu__list--main main-menu__list--adaptive"><li class="main-menu__item main-menu__item--logo"><a class="main-menu__link" href="/" title="HTML Academy main page"><img src="https://assets.htmlacademy.org/img/logo.v2.svg" width="104" height="36" alt="HTML Academy"></a></li><li class="main-menu__item"><a class="main-menu__link" href="/courses" title="Courses"><span class="main-menu__icon"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#course"></use></svg></span>Courses</a></li><li class="main-menu__item"><a class="main-menu__link" href="/tutorials" title="Tutorials"><span class="main-menu__icon"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#intensive"></use></svg></span>Tutorials</a></li><li class="main-menu__item"><a class="main-menu__link" href="/blog" title="Blog"><span class="main-menu__icon"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#hat"></use></svg></span>Blog</a></li></ul><button class="main-menu__trigger" type="button" title="Main menu"><span></span></button><div class="main-menu__dropdown" id="main-menu"><div class="main-menu__dropdown-inner"><ul class="main-menu__list main-menu__list--main"><li class="main-menu__item" itemprop="name"><a class="main-menu__link" href="/courses" itemprop="url"><span class="main-menu__icon" aria-hidden="true"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#course"></use></svg></span>Courses</a></li><li class="main-menu__item" itemprop="name"><a class="main-menu__link" href="/tutorials" itemprop="url"><span class="main-menu__icon" aria-hidden="true"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#intensive"></use></svg></span>Tutorials</a></li><li class="main-menu__item" itemprop="name"><a class="main-menu__link" href="/blog" itemprop="url"><span class="main-menu__icon" aria-hidden="true"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#hat"></use></svg></span>Blog</a></li></ul><ul class="main-menu__list main-menu__list--user main-menu__list--user-guest"><li class="main-menu__item" itemprop="name"><a class="main-menu__link" href="/signup" title="Sign up" data-modal="open" data-value="register" itemprop="url"><span class="main-menu__icon" aria-hidden="true"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#user"></use></svg></span>Sign up</a></li><li class="main-menu__item main-menu__item--login" itemprop="name"><a class="main-menu__link" href="/login" title="Log in" data-modal="open" data-value="login" itemprop="url"><span class="main-menu__icon" aria-hidden="true"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#login"></use></svg></span>Log in</a></li></ul></div></div></nav></div><div class="start-home"><div class="start-home__top"><div class="start-home__message"><p class="start-home__message-text">
World's deepest interactive courses in HTML, CSS and JavaScript, for free
</p><a class="how-it-works__button button button--green button--large button--wide button--split-effect" href="/courses/intro-to-web-development/html-and-css/html">Start learning</a></div></div><span class="start-home__decoration-01" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="130" height="104" class="header-decoration-01" viewBox="0 0 130 104"><g class="header-decoration-01__group"><path d="M62.3 104L112 74.4l-.2-.1-49.1-28.2-50 28.8z" class="header-decoration-01__element-01"/><path d="M73.4 83.4l49.7-29.5-.2-.1-49.2-28.2-49.9 28.7z" class="header-decoration-01__element-02"/><path d="M80.2 67.7l49.7-29.6-.2-.1L80.6 9.8l-50 28.8z" class="header-decoration-01__element-03"/><g class="header-decoration-01__element-04"><path d="M72.8 33.1l15.6-9.3-7.4-4.5-15.4-8.9-15.6 9zM98.2 35.4l7.7-4.6-3.7-2.3-7.6-4.4-7.8 4.5z"/></g></g></svg></span><span class="start-home__decoration-02" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="123" height="92" class="header-decoration-02" viewBox="0 0 123 92"><g class="header-decoration-02__group"><path d="M73.1 92l48.2-28.6-.2-.1-47.7-27.4L25 63.8z" class="header-decoration-02__element-01"/><path d="M63.8 72.6L112 43.9l-.2-.1-47.7-27.3-48.4 27.8z" class="header-decoration-02__element-02"/><path d="M48.1 72.6l48.3-28.7-.3-.1-47.6-27.3L0 44.3z" class="header-decoration-02__element-03"/><path d="M34.3 22.3l15.1-9-7.1-4.4-15-8.6L12.2 9z" class="header-decoration-02__element-04"/><path d="M29.4 44.7l7.5-4.4-3.6-2.2-7.4-4.3-7.6 4.3z" class="header-decoration-02__element-05"/><path d="M115.3 37.7l7.5-4.5-3.6-2.2-7.4-4.2-7.6 4.3z" class="header-decoration-02__element-06"/></g></svg></span><span class="start-home__decoration-04" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="80" height="50" class="header-decoration-04" viewBox="-20 -5 80 50"><g class="header-decoration-04__group"><path d="M19.9 2.5l33.9 19.8V42L19.9 22.3z" class="header-decoration-04__element-01"/><path d="M0 .3l33.9 19.8v19.7L0 20.1z" class="header-decoration-04__element-02"/></g></svg></span><span class="start-home__decoration-05" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="42" height="39" class="header-decoration-05" viewBox="0 0 42 39"><g class="header-decoration-05__group"><g class="header-decoration-05__element-01"><path d="M28.4 1.6L.1 18.2M0 19.6L28.5 2.9 28.4.3.1 16.9zM28.4 6.9L.1 23.5M0 24.9L28.5 8.2l-.1-2.6L.1 22.2zm28.4-12.7L.1 28.8M0 30.2l28.5-16.7-.1-2.6L.1 27.5zm28.4-12.9L.1 33.9M0 35.3l28.5-16.7-.1-2.6L.1 32.7z"/></g><g class="header-decoration-05__element-02"><path d="M41.7 5.3L13.4 21.9M13.3 23.3L41.8 6.6 41.7 4 13.4 20.6zm28.4-12.8L13.4 27.2M13.3 28.6l28.5-16.7-.1-2.6-28.3 16.6zm28.4-12.8L13.4 32.5M13.3 33.9l28.5-16.7-.1-2.6-28.3 16.6zM41.7 21L13.4 37.6M13.3 39l28.5-16.7-.1-2.6-28.3 16.6z"/></g></g></svg></span><span class="start-home__decoration-06" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="157" height="100" class="header-decoration-06" viewBox="-20 0 157 100"><path d="M26.1 40.4V17.3L56.1 0v22.7z" class="header-decoration-06__element-01"/><path d="M20.3 52.1V29l30-17.3v22.8z" class="header-decoration-06__element-02"/><path d="M57.7 36.2L18.2 60.5v1.9l39.5-24zm5.4 2.7L17.6 66v1.9l45.5-26.8zM106.6 18L6.1 80.1V82l100.5-61.8zM82.9 39L43.4 63.3v2l39.5-24.1z" class="header-decoration-06__element-03"/><path d="M29.3 56.6V43.3l17.3-10.1v13.2z" class="header-decoration-06__element-04"/><path d="M57.7 78.7v-9.6L83 54.5v9.2z" class="header-decoration-06__element-05"/><path d="M-10.7 50.4l9.1 5.3v14.2l-9.1-5.4z" class="header-decoration-06__element-06"/><path d="M-15 55.3l9.1 5.3v14.2l-9.1-5.3z" class="header-decoration-06__element-07"/></svg></span></div></div></header><div class="page-content"><style>
.demonstation {
padding: 50px 40px;
background: #f5f5f5;
}
.demonstation__header {
margin-top: 0;
margin-bottom: 40px;
text-align: center;
}
.demonstation__video video {
display: block;
width: 1000px;
max-width: 95%;
margin: 0 auto;
}
.demonstation__button {
margin-top: 40px;
text-align: center;
}
</style><section class="demonstation"><h2 class="demonstation__header">Cutting-edge interactive courses from leading experts</h2><div class="demonstation__video"><video width="800" autoplay loop controls muted><source type="video/mp4" src="/img/academy-crop-new-en.mp4"></video></div><div class="demonstation__button"><a class="how-it-works__button button button--green button--large button--wide button--split-effect" href="/courses">Check our courses</a></div></section><section class="expectations"><h2 class="expectations__header">What will I get after these courses?</h2><div class="expectations__items-wrapper"><div class="expectations__item expectations__item--frontend-dev"><p class="expectations__text">You will understand what a frontend developer does</p></div><div class="expectations__item expectations__item--solving"><p class="expectations__text">You will receive experience in solving real-world problems</p></div><div class="expectations__item expectations__item--skills"><p class="expectations__text">You’ll get the skills to become a candidate for your dream job</p></div></div></section><section class="how-it-works"><div class="how-it-works__inner"><h2 class="how-it-works__header">How does learning at HTML Academy work?</h2><div class="how-it-works__features"><div class="how-it-works__features-item how-it-works__features-item--simple-start"><p class="how-it-works__features-text">We've built a path for you from doing simple tasks to creating a full-fledged web page and putting it online</p></div><div class="how-it-works__features-item how-it-works__features-item--no-knowledge"><p class="how-it-works__features-text">You don't need any prior knowledge, start out now</p></div><div class="how-it-works__features-item how-it-works__features-item--first-code"><p class="how-it-works__features-text">You'll write your first line of code just in two minutes after the start</p></div><div class="how-it-works__features-item how-it-works__features-item--own-pace"><p class="how-it-works__features-text">Work at your own pace, you can always pick up where you left off</p></div><div class="how-it-works__features-item how-it-works__features-item--storyline"><p class="how-it-works__features-text">Stay focused with our catching storyline</p></div></div><h2 class="how-it-works__header">Are you ready?</h2><a class="how-it-works__button button button--green button--large button--wide button--split-effect" href="/courses">Check our courses</a></div></section><section class="impressions impressions--en"><h2 class="impressions__header">What our customers say</h2><ul class="impressions__list"><li class="impressions__item"><blockquote class="impressions__user-blockquote">
The theory is very easy to understand, much more interesting than video lessons. And it’s cool that you can practice it right away. I really liked it and was fascinated, even though I was initially afraid and thought that I would never understand this «gibberish», but it turns out that I just needed the right training! Thank you! I fell in love and want to go deeper into the maze of programming with Muffin!
<footer><span>Olesya B.</span></footer></blockquote></li><li class="impressions__item"><blockquote class="impressions__user-blockquote">
All of the theory is written in clear language. I liked the practical part more and the plus is that you can peek at the answers, but out of thirteen tasks only once I used this opportunity, because the theoretical part is described in detail. It’s a great feeling when you realize that you edited something on the website with your own hands.
<footer><span>Kaleria F.</span></footer></blockquote></li><li class="impressions__item"><blockquote class="impressions__user-blockquote">
A great start, especially for those who are far from programming. For those who are passionate about programming and wanted to try their hand at web development, but thought everything was illogical and complicated, this platform will be a great tutorial showing all the simplicity and logic of HTML and CSS.
<footer><span>Oleg C.</span></footer></blockquote></li></ul></section></div><footer class="page-footer page-footer--tiny"><div class="page-footer__inner"><p><a href="/docs/cookies">Cookies</a> ∙
<a href="/docs/privacy">Privacy</a> ∙
<a href="/docs/agreement">License Agreement</a> ∙
<a href="/docs/about">About</a> ∙
<a href="/contacts">Contacts</a> ∙
© HTML Academy OÜ, 2019−2026
</p><div class="page-footer__financial"><img src="https://assets.htmlacademy.org/img/visa-white.svg?cs=96e54ec8c587db9d4b1d8d328ffd87c2ebfd9555" alt="VISA" title="VISA" width="35" height="35"><img src="https://assets.htmlacademy.org/img/mastercard-horizontal.v2.svg" alt="Mastercard" title="Mastercard" width="35" height="35"></div></div></footer><div class="modal"><div class="modal__inner"><div class="modal__wrapper js-login hidden"><button class="modal__close icon-close" type="button" title="Close" data-modal="close"></button><h4 class="modal__header">Log in</h4><ul class="modal__social"><li class="modal__social-link modal__social-link--fb"><a href="/login/fb" rel="nofollow" title="Log in via Facebook"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#facebook"></use></svg></a></li><li class="modal__social-link modal__social-link--google"><a href="/login/google" rel="nofollow" title="Log in via Google"><svg height="30" width="30" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="#ffffff" d="M457.732 216.625c2.628 14.041 4.063 28.743 4.063 44.098C461.796 380.688 381.481 466 260.204 466c-116.023 0-210-93.977-210-210s93.977-210 210-210c56.704 0 104.077 20.867 140.44 54.73l-59.204 59.197v-.135c-22.046-21.002-50-31.762-81.236-31.762-69.297 0-125.604 58.537-125.604 127.841 0 69.29 56.306 127.968 125.604 127.968 62.87 0 105.653-35.965 114.46-85.312h-114.46v-81.902h197.528z"/></svg></a></li></ul><div class="modal__or"><span>or</span></div><form class="modal__form form" action="/login" autocomplete="off" method="post" data-submit="o"><input type="hidden" name="csrf_name" value="csrf69aea5a016fe5"><input type="hidden" name="csrf_value" value="3406072ec857680ad1bb14cf23000fab"><div class="form__group"><label class="sr-only" for="login-email">Email</label><input class="field field--text field--full-width" type="email" name="email" placeholder="Email" value="" id="login-email"></div><div class="form__group"><label class="sr-only" for="login-password">Password</label><input class="field field--text field--full-width ym-disable-keys" type="password" name="password" placeholder="Password" id="login-password"></div><input class="button button--full-width" type="submit" data-submit-text="Logging in…" value="Log in"></form><p class="modal__forgot-password"><a href="/recover" data-modal="open" data-value="recover">Forgot your password?</a></p><a class="modal__bottom-link" href="/signup" data-modal="open" data-value="register">Sign up</a></div><div class="modal__wrapper js-register hidden"><button class="modal__close icon-close" type="button" title="Close" data-modal="close"></button><h4 class="modal__header">Sign up</h4><ul class="modal__social"><li class="modal__social-link modal__social-link--fb"><a href="/login/fb" rel="nofollow" title="Log in via Facebook"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#facebook"></use></svg></a></li><li class="modal__social-link modal__social-link--google"><a href="/login/google" rel="nofollow" title="Log in via Google"><svg height="30" width="30" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="#ffffff" d="M457.732 216.625c2.628 14.041 4.063 28.743 4.063 44.098C461.796 380.688 381.481 466 260.204 466c-116.023 0-210-93.977-210-210s93.977-210 210-210c56.704 0 104.077 20.867 140.44 54.73l-59.204 59.197v-.135c-22.046-21.002-50-31.762-81.236-31.762-69.297 0-125.604 58.537-125.604 127.841 0 69.29 56.306 127.968 125.604 127.968 62.87 0 105.653-35.965 114.46-85.312h-114.46v-81.902h197.528z"/></svg></a></li></ul><div class="modal__or"><span>or</span></div><form class="modal__form form" action="/signup" autocomplete="off" method="post"><input type="hidden" name="csrf_name" value="csrf69aea5a016fe5"><input type="hidden" name="csrf_value" value="3406072ec857680ad1bb14cf23000fab"><div class="form__group"><label class="sr-only" for="email">
Email
<span class="required"><span class="sr-only">Required field</span><span class="required__star">*</span></span></label><div class="form__group-fields"><input class="field field--text field--full-width" type="email" name="email" value="" id="email" required placeholder="Email"></div></div><div class="form__group"><label class="sr-only" for="password">
Password
<span class="required"><span class="sr-only">Required field</span><span class="required__star">*</span></span></label><div class="form__group-fields"><input class="field field--text field--full-width" type="password" name="password" value="" id="password" required placeholder="Password"></div></div><div class="form__group"><label class="checkbox"><input class="checkbox__input" type="checkbox" name="agreement" value="1" required><span class="checkbox__text"><span>By signing up, you agree to our <a href="/docs/agreement" target="_blank">License Agreement</a> and <a href="/docs/privacy" target="_blank">Privacy Policy</a>.</span></span></label></div><input class="button button--full-width" type="submit" data-submit-text="Signing up…" value="Sign up"></form><a class="modal__bottom-link" href="/login" data-modal="open" data-value="login">Log in</a></div><div class="modal__wrapper modal__wrapper--no-btn-bottom js-recover hidden"><button class="modal__close icon-close" type="button" title="Close" data-modal="close"></button><h4 class="modal__header">Restore access</h4><p class="modal__text-accent">Have you forgotten your password or lost access to your profile? Enter your email connected to your profile and we will send you a link to restore access.</p><form class="modal__form form" action="/recover" autocomplete="off" method="post" data-submit="o"><input type="hidden" name="csrf_name" value="csrf69aea5a016fe5"><input type="hidden" name="csrf_value" value="3406072ec857680ad1bb14cf23000fab"><div class="form__group"><label class="sr-only" for="recovery-email">Email</label><input class="field field--text field--full-width" type="email" name="email" placeholder="Email" value="" id="recovery-email"></div><script src='https://www.google.com/recaptcha/api.js'></script><div class="form__group"><div class="g-recaptcha" data-sitekey="6LetCTEqAAAAANROWtPzfC7Rfg9iIRiRt2k2FPn7"></div></div><input class="button button--full-width" type="submit" data-submit-text="Sending…" value="Send"></form><p class="modal__text">Forgot to connect your email to the profile? Email us and we’ll help.</p></div></div></div><div class="banner-bottom" id="cookies_disclaimer_container"><div class="banner-bottom__inner"><p>We are using cookies to gather information which will help you use our website most effectively. You can read about this <a href="/docs/cookies">here</a> or disable this feature if you want. By continuing to browse the site, you agree to our use of cookies.</p><button class="button button--green" type="button" id="cookies_disclaimer_button">Agree</button></div></div><script type="text/javascript">
(function (n) {
var c = document.getElementById('cookies_disclaimer_container');
var b = document.getElementById('cookies_disclaimer_button');
b.onclick = function() {
c.remove();
var d = new Date();
d.setTime(d.getTime() + 60 * 60* 24 * 365 * 1000);
document.cookie = n + "=1; path=/; expires=" + d.toUTCString();
};
})('hidden_cookies_disclaimer');
</script><script async src="https://assets.htmlacademy.org/js/general.v274.js" data-assets="https://assets.htmlacademy.org" data-require="toggle,modal,form,nav"></script></body></html>