CINXE.COM

<!DOCTYPE html><html lang="en-US"><head><title>Just a moment...</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><meta name="robots" content="noindex,nofollow"><meta name="viewport" content="width=device-width,initial-scale=1"><style>*{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;color:#313131;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{display:flex;flex-direction:column;height:100vh;min-height:100vh}.main-content{margin:8rem auto;max-width:60rem;padding-left:1.5rem}@media (width <= 720px){.main-content{margin-top:4rem}}.h2{font-size:1.5rem;font-weight:500;line-height:2.25rem}@media (width <= 720px){.h2{font-size:1.25rem;line-height:1.5rem}}#challenge-error-text{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0IyMEYwMyIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjQjIwRjAzIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+);background-repeat:no-repeat;background-size:contain;padding-left:34px}@media (prefers-color-scheme:dark){body{background-color:#222;color:#d9d9d9}}</style><meta http-equiv="refresh" content="390"></head><body class="no-js"><div class="main-wrapper" role="main"><div class="main-content"><noscript><div class="h2"><span id="challenge-error-text">Enable JavaScript and cookies to continue</span></div></noscript></div></div><script>(function(){window._cf_chl_opt={cvId: '3',cZone: "www.udemy.com",cType: 'managed',cRay: '8e6f886b6938404e',cH: 'FRD5usqImLWvjhaKXrDSYiGVnWwJA7zpbWXdSImJ5jY-1732347854-1.2.1.1-5TJcgTIR4SBcCHitDVIiCfYX1ylERW2Z0Ue9BuzKy77n1cFkVHojJSBw.e9TFmtF',cUPMDTk: "\/course\/web-design-for-beginners-real-world-coding-in-html-css\/?__cf_chl_tk=RqiLXGESyEm21OKo6DeqnCFU3dJV4BGj6mNs2WxWxJ0-1732347854-1.0.1.1-CJsw8DBPnpn2gDQEquTrqsrwmLZiGq2tftZcObMjYOY",cFPWv: 'g',cITimeS: '1732347854',cTTimeMs: '1000',cMTimeMs: '390000',cTplC: 0,cTplV: 5,cTplB: 'cf',cK: "",fa: "\/course\/web-design-for-beginners-real-world-coding-in-html-css\/?__cf_chl_f_tk=RqiLXGESyEm21OKo6DeqnCFU3dJV4BGj6mNs2WxWxJ0-1732347854-1.0.1.1-CJsw8DBPnpn2gDQEquTrqsrwmLZiGq2tftZcObMjYOY",md: "g7LtAYRQ7TUx8dg8iq17UVHjJ5yzOUjZOciMcEiJnHk-1732347854-1.2.1.1-WYCgch1fJW7oLX5JbdI8fhHqhOUJJmLeJMkBNA9nkjgF11geEJxAXh1sGX8z_Kq9mhGipHjlPzGRIsKjTKEe_2immdZ0niT15Csa6nSfMkZw0Fqbi.Rt4JgC0gVKbcElrOBKeeXfoaU4Nyku.VFoeRUkf_tu1slDlP2LtOja2O1JFSSj4FEefZ.AtqGKG07QUSirhYH7ErFA.qoR3g3Ww.HkxfERzz.DIHJV9ddyygMryeEWtroO0mvPBf4rRt8QhdDBYzi5khc603Ai_QJjDjY6WZiOfPdsgRRAh71JLsYL.ZgsfvkdEAG4TMfxJsdmBHdCmZsN_WTMhuJ8vBT3EpGwa4Aix.sAEHm.Tz9HH2khxjhY_qs4dqPxAekQ1uJVJSZ_W05Ogy0VBL_pgjnxP1Cem.ooOwCZGRNkz8B8Fk4fOwAN.Aaod.09fSEeWx.zBAv_wbm0YZXNnQgF.Gjlo5An1T2QjBEUS_OI4HCltudtf4025iOfhlIZNycLnsVnLZ6si5gy_Vllf7W2WnjJTkW.DkiqsSMz.D72AlIfWfk6dxbWwlGxZ.UUvMSCC6JriS88mlQ8m.fJWNc2ujkDhSHHNRuvR44YuitWpyWXQdWwLVLhQbyRCnx.zheEvKbD9ILHKKRG66Y2J0BXXMaeguk9QDlWzEeaBGzaFskZOWAzCZoz3.Nr4NXkxhasWUL3XFX70o2H572O5kGQqTsctizjaMoMM7A0E2Am.ddxxJW5KgYhv1_9y3_I5nuX75X99tFbBDnVfnvtrsLIUonD0kDteQTjSKPaooUVeJuswTataMZ_TxoynM.pWnF.nqfBnmDJwsrAGlL85IBh.pHHlgTAn.c59iPp57wiE1nKsyBAAWnxOaJg_lAWCUbue3utS3hyiBFgKhCoA6EmskhRv3xOOICX9hp8kXApqQD9yZT7h8noMvHnwCn1pjdo6A0yCoH04GbScyX_Exe_lX05fpwGWHbg7zxB2_3hnjzqiwIhHFAQG08n7Onpw3buNkEiRXefn1_7tWfg59IRAM1gRkJipsm.KdyMIaFp8ErWmS4D4IraG6ebPFqRxWG0QQrPRo7vPRcay3NrQj1IkXhqJY4z200.dyw6iJWkVSkr_x.CuGshKYi17BR_YFV2t4OgojBHj0..Lw7Oj7dI7nYlkgkH.lhiUv_QvMgurqFG1_wI4cD7eM0qpqsM7C5J3LLk_Q0tlQhGe_Com6IOlaLQ3WHr4c.KR462ir5pZLYHZMcap7L5VwnRCtIwpjHyAJPXtOAoo9kiQr03ccr2eoIPSpHZmI2HjwgDtU3l2KTBzCwkRPjllaaKeJABiOzJ6y05nt7uTkVPcFzy5.DxutH_0jiufbZ8qJB8RBXl_BBomLK5wNmCW6I76adMYPuGlPeh91GoJkeNDvHCJ60W8Z5fsyzJIei.2tB9TyI5WJiM.2zcFQ85FoxMsDM08CWe.4YWrmamLzAxG_Quynn5vln_xa79U7CD.qzAoFJDrAWl9s3vRluuA2teBhofA3j3EM_6oV2qQEs8cBgQnLxT7Hx7_WBSxAJK1895JTGH1wqur4XjRjNqwbBDbiRErnAFHIj1vz6i0y9yeBCQGwpXgW34MRwBf2YzRrljC4G8EwFyilrn3VcAgdq_Oj4h5IfawBpTfeazlFi8ws1VFUH2CvzHvljncPgjrqj6WaVg9c4DM3ih_0f2Mls9Z6luJsZLKEHV4Fsp2KmFikROaOXfnbtuDAUkpTBcV5QWoBVv_TO3mk7waNilk91CcoQEXPwWOe_4.6IOhfXLFAk9HzCQJdG5iRvatFDuMyxcrg9U3HaRLuSisvdQKwE15RLHdAtpixdtugQOTJikVDKeYa78uV_ZSAk7haqnM8GAe7bFu2dAA9Yg5bscoZq99gnzQEqPGCt7KnNhh3jH_Z5xazm_Hw9kM7Px2YByQJLiUXDkTnq6.Iq10Oj9yrJoi9AKTfru_uupH8NXIlkpR1fA8JKIuvrCpfxI9cJH7MT1Raf6ZhKybWpos316.3GbINlF7OfdfQNcU.TkmforYz2w8NZu0RyP8FGOTQ8Lk.Z7dKcV1wxWVrUD3GQZGWtlMabGTwXDlBs3HQCaYRnnLJa1TtpwOOIKesnOejmaHXcGmYv7iH7C6yRIxwB16JnH1CPJCGxlDAmqVOSNkwwGI8Xvm1FFEPpvzn3vpXqerPa.AhDtDIurfB5ng3Whjdq3AzX.G8eefKC2CF4KxLwQWA1xERFVnwSkjJly7UMgD4iyuSGpB5RKsBmWPIK0eUkUeJGyx9yy7eIvXwIpZzwcLdRa9D3uz546NeBIL_lpr7VSxlRJMet1BO98E6PWODu829UtZMHZjJOTQQu7wXtK5sYgjKO4W890dt2jFpFIZN0fF8hO0iVC86bZocFllrtNeF8u5fbi5hJHgtcrTQjFVV.afjU9TGcqqL3oG2445FK.M2W2_OYnJQXDTuq9NytTThiA0p0x9CC5jTCjxGitWVgFbx9nTqUUzEye3AdGEmjHVQKevO.j3A.Y0eCvo0wyLtn4yI1V7SzTnkHrBYjuQtcTRxqHev1Gla0JJEL_Iz3eH_acWvPUI.Ptha4IYb7gQ8Re1nSSzT5PTeYO03.W5MpoT0x9NJjUrkHUdAaltdMHMyExhtK.6WNhONm9nrPy67TAqht0YPiub3wd.WQkGUqsHtPVSlxJcXbIfrHLdmTtNLniTg__KESGFFYsejalFJak9dZWDwsYZ_SPGtmfokXQkrUAKu4oI1Fx0RstzP1MBAQluQJ9XvJsvNETctRb5_tXA5fu4vt3OximKrHyJ.cMGWUVrRHPLjOqO6UlxHt8oae9zaTNGNb1JRqGGBkNtymGCMl1v2WZPUlk957UG0gxqAQhR0fYfrMfeTm7GgO.6HfvjABo8N0tmPUNzOIm915erac.I8e3IYlWBaoo70Yg2bguXpPp5.NckaU0M2KwSjR56D8GlDm_ds9xq52NdQ2OknGCEamA20ctD7D.vtgg9UO4ebEUd7uVb9W9Napk8_UIZyQ9Wfd6IznJbbUC26n.3Ea7mXj2oes3IgcWAlClrP.yX1hPaQ",mdrd: "Q_p7DpN_wRmaeTK1cEs4vleW_4IL3R9EaOYYsnv9fcY-1732347854-1.2.1.1-dj5gb3KGGaDR4amwTeunv9_Pfi6013XI7H7EvAV9YEB6yU.BRhlqJYRk0itepauxBVHXvxH3TFve5LEmeOXAh50SXLn7VHqOQVG_P2llWKVv7ZpsKG8v_u8_EbbeA1UuzOm4q5JGPnwaaWt9YRi.X_lVQGexoShCVCyWJsgNS99rVO8VmdcPaPbiCh_TbI8.cv84K9B_ly5Kh_HnUzEEsbZo8HJzZ0m_5MH70nH_Ud7A4Y63d4MdyX7.KDND8ypah06JTdGORPKjEGQ57TpqMrYbBP6V_fLkeB.5VNeQDJIL.4kXv22tReW9zo4CUcyRiAdJo0If3kVv3zSv2DrGcqnnl9MJSXrBQDOEGj.8Emng4esyLVV0z5J_lXFJ0C6Tebx9_owPgYJZznZZ_F3aSFuz64iHz2F1AR_Ft_KFK5sRtNXp_oSqbu2RKGGuf.Z3JXq_O1rQEdSE9hs.jmWP4nFUv6dksn8.C_Wwj3tRPaASRL5nIcVxPggbAQDjQWKCqfzeDRsqPkZIk9Qo4bcY8rKKK2eNWRESduV4YDaSTfWd8YfbWU6HFVPu0hr9okrsDqzetZm1fToZwud3PA29c8c_.fTioGNy4OfL1dIjyfjPyz7GIpvESd.c.vENYP8StrYeF924FrcNPpXPYu4DoEpYrikgPmMxxgTevGW4VuUAk8JSs4zHyyIIxDpKfOPIcSIzsJl5uc0X7HI2.nyA2RptKKNh9n3oNhZDQyh8bGZCRZWNOQF9BlSLD9bmKycQPrQz5s8MWNBC4YutRt5MzgoRYjNaaApOMUD14egiyaKMP7E954CygkAyZ1jGHYb1ovQBmcYBbMEq9wmTxzINyi0_0uCzCgBDATE4jgLjZRhveStTney_O4_bhQQSRW.UAe3omnsDs_N7jKt7Ew3VEIapXyxXpmqspuqoD9I01rAS3KqSbBLmgXGPzx3.OzM7dCDjUQWIQGQlGl6EkxIMImOoGXQ8rF7og.L5HPEfNrun405imZGTC490vR.QrrP10bAlCnC_f.bOT_5J7VXwU7rS9.DPdl.LgS.h88tjsywqUc1yBb.2T7JYYZUHnq8lW9o5Fhk_2MgSrjKyQDdovMBy8D3hmfjJg0VIUdDlAnwK0mWAHoB41LaE18LH4iLH8yIx3DsvUdHwZAA9Si6cVRXLcMAulTe9mG7GNvcKevPwzASS2sRnbQkebO8tf8vWTsQ7PzYLbYASvNdHXywFvj_arzV11kbjuo.QS6SYfrKztJwoWHDyNLHK9Vayap5odpo_CfNWTh0F_FKclr9xSPEz9VipcdeL3Mxcb0EuYIyVFxzD1P6rXtnhY6TPvwQUNAK5DIekgL5_EkxyPVumAfXPZri4Ql7Y4NgXKhqedcSwniaCtboWHGXJGRq_Ld5FNeve.z17usMwG2YCgudZnc5ai.j5SoqoQUCE3c1h305aeX2fKAfa6j9oLN_4XMK6Xyfnzcvcyncj8qKTRwsYXVTEbke5_ChjdnMrlYKJ8rdc9rNm2T5sruQwT.ljLxRWCWYt0roDiF3t61oSqVOfi9xSmdDFg1V_O_v.DSMCabw9pXw_pW7sz4ufqJ.Wn_bSnzofFFOr7vFAzowqcWE8eYKOQb_MeRdrXHWy1DsBeHDqgT9Ze9GDpUBsEakBC.KsUty1_Vspx16mNSe4GTybEDew7i9PCkIzhBwJHKKcC4bLNduu12e6TUX8SJ71TXTGhh4tVO_JLlyu8yDGRRhFuwqFD49aKBGemsTvwifuk2N2yFek0noXFsQ94qMni6aKKiquoMlADniFpUyBPDpWH6dnqkmr5mNf4EB_q4AHJwWcZmA74nAS_18CkiLJhI3DamNOQwXU2TQUQfhhpy8o2a9w31p8AeAo4D9EcTx.YsynvBN_0iFQE4ADmutgaVKM7kY8sAyrNRZk3SVzquEyhNiUJAZosaYu5lnqXIjMMabAilb7xqJsaOUeDTxac6jQ"};var cpo = document.createElement('script');cpo.src = '/cdn-cgi/challenge-platform/h/g/orchestrate/chl_page/v1?ray=8e6f886b6938404e';window._cf_chl_opt.cOgUHash = location.hash === '' && location.href.indexOf('#') !== -1 ? '#' : location.hash;window._cf_chl_opt.cOgUQuery = location.search === '' && location.href.slice(0, location.href.length - window._cf_chl_opt.cOgUHash.length).indexOf('?') !== -1 ? '?' : location.search;if (window.history && window.history.replaceState) {var ogU = location.pathname + window._cf_chl_opt.cOgUQuery + window._cf_chl_opt.cOgUHash;history.replaceState(null, null, "\/course\/web-design-for-beginners-real-world-coding-in-html-css\/?__cf_chl_rt_tk=RqiLXGESyEm21OKo6DeqnCFU3dJV4BGj6mNs2WxWxJ0-1732347854-1.0.1.1-CJsw8DBPnpn2gDQEquTrqsrwmLZiGq2tftZcObMjYOY" + window._cf_chl_opt.cOgUHash);cpo.onload = function() {history.replaceState(null, null, ogU);}}document.getElementsByTagName('head')[0].appendChild(cpo);}());</script></body></html>