CINXE.COM

<!DOCTYPE html><html data-wf-domain="university.webflow.com" data-wf-page="64a5cefb380b172bed5f5fa3" data-wf-site="6491b4dd238fa881faab3d5c" data-wf-intellimize-customer-id="117895862" lang="en"><head><meta charset="utf-8"/><title>Free web design courses, tutorials & masterclass | Webflow University</title><meta content="Learn web design with interactive video tutorials. Detailed walkthroughs on the basics of designing with Webflow, building interactions, and working with Webflow CMS." name="description"/><meta content="Free web design courses, tutorials & masterclass | Webflow University" property="og:title"/><meta content="Learn web design with interactive video tutorials. Detailed walkthroughs on the basics of designing with Webflow, building interactions, and working with Webflow CMS." property="og:description"/><meta content="Free web design courses, tutorials & masterclass | Webflow University" property="twitter:title"/><meta content="Learn web design with interactive video tutorials. Detailed walkthroughs on the basics of designing with Webflow, building interactions, and working with Webflow CMS." property="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/css/wfu3.webflow.e96173922.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Inconsolata:400,700"] }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/651eeb0fe501a1138badedc2_favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/651eeb1329ae15d10c507faa_webclip.png" rel="apple-touch-icon"/><link href="https://university.webflow.com/courses" rel="canonical"/><style>.anti-flicker, .anti-flicker * {visibility: hidden !important; opacity: 0 !important;}</style><style>[data-wf-hidden-variation], [data-wf-hidden-variation] * { display: none !important; }</style><script type="text/javascript">localStorage.removeItem('intellimize_opt_out_117895862'); if (localStorage.getItem('intellimize_data_tracking_type') !== 'always') { localStorage.setItem('intellimize_data_tracking_type', 'always'); }</script><script type="text/javascript">(function(e,t,p){var n=document.documentElement,s={p:[],r:[]},u={p:s.p,r:s.r,push:function(e){s.p.push(e)},ready:function(e){s.r.push(e)}};e.intellimize=u,n.className+=" "+p,setTimeout(function(){n.className=n.className.replace(RegExp(" ?"+p),"")},t)})(window, 4000, 'anti-flicker')</script><link href="https://cdn.intellimize.co/snippet/117895862.js" rel="preload" as="script"/><script type="text/javascript">var wfClientScript=document.createElement("script");wfClientScript.src="https://cdn.intellimize.co/snippet/117895862.js",wfClientScript.async=!0,wfClientScript.onerror=function(){document.documentElement.className=document.documentElement.className.replace(RegExp(" ?anti-flicker"),"")},document.head.appendChild(wfClientScript);</script><link href="https://api.intellimize.co" rel="preconnect" crossorigin="true"/><link href="https://log.intellimize.co" rel="preconnect" crossorigin="true"/><link href="https://117895862.intellimizeio.com" rel="preconnect"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-YBG5ECMHN8"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-YBG5ECMHN8');</script><meta name="theme-color" content="#080808" /> <meta name="twitter:card" content="summary_large_image">  <meta name="p:domain_verify" content="036f26a5cf411a605048d3b84322ad6d"/>  <meta property="fb:pages" content="149158061793615" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.0/js.cookie.min.js"></script> <script> (function() { // Function to get the theme from Cookies or Local Storage // Runs right away to avoid a flash in styling function getInitialTheme() { let theme = null; try { theme = Cookies.get('wfu-theme'); // Try to get from cookies } catch(e) { theme = localStorage.getItem('theme'); // Fallback to local storage } return theme || 'dark'; // Default to 'dark' mode if not set } // Set the theme immediately let initialTheme = getInitialTheme(); document.documentElement.setAttribute('data-theme', initialTheme); })(); </script> <script> const sidebarState = localStorage.getItem('sidebarState'); document.documentElement.style.visibility = 'hidden'; </script>  <meta name='zd-site-verification' content='llhqm0djyf8japo1nqgl' /> <meta name="google-site-verification" content="vwOCerJqcd24WZR3eoYfzMvYBW2gvsSdkW6CSisWzFA" /> <script src="//d2wy8f7a9ursnm.cloudfront.net/v6/bugsnag.min.js"></script> <script>window.bugsnagClient = bugsnag('b16418141e2c09cfdf9fd9d8d97d688c')</script> <style> body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } /*Reset apple form styles*/ input, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background-image: none; } </style> <script id="jetboost-script" type="text/javascript"> window.JETBOOST_SITE_ID = "clk7b8vdj019g0q3ihq8l9m7j"; (function(d) { var s = d.createElement("script"); s.src = "https://cdn.jetboost.io/jetboost.js"; s.async = 1; d.getElementsByTagName("head")[0].appendChild(s); })(document); </script>  <script type='text/javascript' src="https://webflow.com/resources/marketing-head.js"></script><style> .cc_courses-grid.list .cc_course-card:hover { outline: none; transform: none; padding: 0 0.25rem; } .cc_courses-grid.list .cc_course-card { flex-direction: row; border-radius: 0; border-bottom: 0; } .cc_courses-grid.list .cc_course-card-thumbnail-wrap, .cc_courses-grid.list .cc_course-card-description, .cc_courses-grid.list .cc_course-card-footer-item.arrow { display: none; } .cc_courses-grid.list .cc_course-card-inner { display: block; padding: 0.5rem 1rem; flex-grow: 1; min-width: 0; } .cc_courses-grid.list h3 { font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .cc_courses-grid.list .cc_course-card-footer-item p { font-size: 0.9rem !important; white-space: nowrap; } .cc_courses-grid.list .cc_course-card-footer-item.length { display: none; } .cc_courses-grid.list .cc_course-card-footer { border-top: none; margin-left: auto; } .cc_courses-grid.list .cc_course-card-footer-item { border: none; } @media screen and (max-width: 600px) { .cc_courses-grid.list .cc_course-card { flex-direction: column; } .cc_courses-grid.list .cc_course-card-inner { padding-bottom: 0.125rem; } .cc_courses-grid.list .cc_course-card-footer { margin-left: 0; } .cc_courses-grid.list .cc_course-card-footer-item { padding-top: 0; } } </style></head><body><div><div class="styles_base w-embed"><style> :root { --swatches--inherit: inherit; --swatches--currentColor: currentColor; --brand-blue: var(--swatches--blue); } *::selection { background: var(--swatches--blue); color: var(--swatches--white); } /* Custom Scrollbar */ ::-webkit-scrollbar { width: 0.5rem; } /* Scrollbar thumb */ ::-webkit-scrollbar-thumb { background: var(--border-primary); } /* Scrollbar track */ ::-webkit-scrollbar-track { background: var(--theme--t_bg-primary); background: linear-gradient( 90deg, var(--theme--t_border-primary) 0%, var(--theme--t_border-primary) 1px, var(--bg-primary) 1px, var(--theme--t_bg-primary) 100%); } ::-webkit-scrollbar-thumb:hover { background: var(--swatches--blue); } /* Set proper font features for WF Visual Sans */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "ss01" 1, "ss02" 1, "ss03" 1; } h1, h2, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5, .h6, .cc_featured-course-title { font-feature-settings: "ss01" 0, "ss02" 0, "ss03" 0; } @font-face { font-family: "Open Dyslexic"; src: url("https://assets.website-files.com/62fd074032c3269eb2bb89d3/63039459c5baf9960e933540_OpenDyslexic-Regular.otf"); } /* Text link underline size and spacing */ a { text-underline-position: under; text-decoration-thickness: 0.1em; text-underline-offset: 0.05em; } a:focus-visible { outline-color: var(--swatches--blue); border-radius: var(--radius--r_sm); border-bottom: none !important; } /* Remove top margin on rich text first child */ .w-richtext>:first-child { margin-top: 0; } /* Remove bottom margin of rich text last child */ .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0; } .page-main { overflow: clip; } /*Apply "..." after 3 lines of text */ .text-style-3lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /*Apply "..." after 2 lines of text */ .text-style-2lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* Remove last-item's border-bottom from list tables */ .cc_list-wrap .w-dyn-item:last-child .cc_list-item { border-bottom: none; } [class*="u-text-balance"] { text-wrap: balance; } @media screen and (max-width: 991px) { .w-webflow-badge { bottom: 4.5rem !important; } } </style></div><div class="styles_sizing w-embed"><style> :root { /* Size scale: Used as the multiplier to make the margin, padding, gap, etc spacing responsive */ --scale: 1; /* 16px */ /* Redefine the spacing tokens */ --size--responsive--rs_2: calc(var(--size--fixed--fs_2) * var(--scale)); --size--responsive--rs_2-25: calc(var(--size--fixed--fs_2-25) * var(--scale)); --size--responsive--rs_2-5: calc(var(--size--fixed--fs_2-5) * var(--scale)); --size--responsive--rs_2-75: calc(var(--size--fixed--fs_2-75) * var(--scale)); --size--responsive--rs_3: calc(var(--size--fixed--fs_3) * var(--scale)); --size--responsive--rs_3-5: calc(var(--size--fixed--fs_3-5) * var(--scale)); --size--responsive--rs_4: calc(var(--size--fixed--fs_4) * var(--scale)); --size--responsive--rs_4-5: calc(var(--size--fixed--fs_4-5) * var(--scale)); --size--responsive--rs_5: calc(var(--size--fixed--fs_5) * var(--scale)); --size--responsive--rs_5-5: calc(var(--size--fixed--fs_5-5) * var(--scale)); --size--responsive--rs_6: calc(var(--size--fixed--fs_6) * var(--scale)); --size--responsive--rs_6-5: calc(var(--size--fixed--fs_6-5) * var(--scale)); --size--responsive--rs_7: calc(var(--size--fixed--fs_7) * var(--scale)); --size--responsive--rs_7-5: calc(var(--size--fixed--fs_7-5) * var(--scale)); --size--responsive--rs_8: calc(var(--size--fixed--fs_8) * var(--scale)); --size--responsive--rs_8-5: calc(var(--size--fixed--fs_8-5) * var(--scale)); --size--responsive--rs_9: calc(var(--size--fixed--fs_9) * var(--scale)); --size--responsive--rs_9-5: calc(var(--size--fixed--fs_9-5) * var(--scale)); --size--responsive--rs_10: calc(var(--size--fixed--fs_10) * var(--scale)); --size--responsive--rs_11: calc(var(--size--fixed--fs_11) * var(--scale)); --size--responsive--rs_12: calc(var(--size--fixed--fs_12) * var(--scale)); --size--responsive--rs_13: calc(var(--size--fixed--fs_13) * var(--scale)); --size--responsive--rs_14: calc(var(--size--fixed--fs_14) * var(--scale)); --size--responsive--rs_15: calc(var(--size--fixed--fs_15) * var(--scale)); --size--responsive--rs_16: calc(var(--size--fixed--fs_16) * var(--scale)); --size--responsive--rs_17: calc(var(--size--fixed--fs_17) * var(--scale)); --size--responsive--rs_18: calc(var(--size--fixed--fs_18) * var(--scale)); --size--responsive--rs_19: calc(var(--size--fixed--fs_19) * var(--scale)); --size--responsive--rs_20: calc(var(--size--fixed--fs_20) * var(--scale)); } /* Set a minimum sizing for typography */ h1, .h1 { font-size: max(var(--typography--h1), var(--typography--h1_min)); } h2, .h2 { font-size: max(var(--typography--h2), var(--typography--h2_min)); } h3, .h3 { font-size: max(var(--typography--h3), var(--typography--h3_min)); } h4, .h4 { font-size: max(var(--typography--h4), var(--typography--h4_min)); } .text-lg { font-size: max(var(--typography--text-lg), var(--typography--text-lg_min)); } .text-md { font-size: max(var(--typography--text-md), var(--typography--text-md_min)); } /* Tablet */ @media screen and (max-width: 991px) { :root { --scale: 0.875; /* 14px */ } } @media screen and (max-width: 767px) { :root { --scale: 0.75; /* 12px */ } } @media screen and (max-width: 480px) { :root { --scale: 0.625; /* 10px */ /* --scale: 0.5; 8px */ } } </style></div><div class="styles_themes w-embed"><style> :root[data-theme="dark"][data-contrast="high"] { --theme--t_bg-primary: var(--theme--dark--high-contrast--tdhc_bg-primary); --theme--t_bg-secondary: var(--theme--dark--high-contrast--tdhc_bg-secondary); --theme--t_bg-secondary-action: var(--theme--dark--high-contrast--tdhc_bg-secondary-action); --theme--t_bg-tertiary: var(--theme--dark--high-contrast--tdhc_bg-tertiary); --theme--t_bg-overlay: var(--theme--dark--high-contrast--tdhc_bg-overlay); --theme--t_text-primary: var(--theme--dark--high-contrast--tdhc_text-primary); --theme--t_text-secondary: var(--theme--dark--high-contrast--tdhc_text-secondary); --theme--t_text-tertiary: var(--theme--dark--high-contrast--tdhc_text-tertiary); --theme--t_border-primary: var(--theme--dark--high-contrast--tdhc_border-primary); --theme--t_icon-primary: var(--theme--dark--high-contrast--tdhc_icon-primary); --theme--t_icon-secondary: var(--theme--dark--high-contrast--tdhc_icon-secondary); --theme--t_icon-tertiary: var(--theme--dark--high-contrast--tdhc_icon-tertiary); --theme--t_headings: var(--theme--dark--high-contrast--tdhc_headings); --theme--t_btn-1-bg: var(--theme--dark--high-contrast--tdhc_btn-1-bg); --theme--t_btn-1-bg-hover: var(--theme--dark--high-contrast--tdhc_btn-1-bg-hover); --theme--t_btn-1-text: var(--theme--dark--high-contrast--tdhc_btn-1-text); --theme--t_btn-1-text-hover: var(--theme--dark--high-contrast--tdhc_btn-1-text-hover); --theme--t_btn-2-bg: var(--theme--dark--high-contrast--tdhc_btn-2-bg); --theme--t_btn-2-bg-hover: var(--theme--dark--high-contrast--tdhc_btn-2-bg-hover); --theme--t_btn-2-text: var(--theme--dark--high-contrast--tdhc_btn-2-text); --theme--t_btn-2-text-hover: var(--theme--dark--high-contrast--tdhc_btn-2-text-hover); } :root[data-theme="light"] { --theme--t_bg-primary: var(--theme--light--tl_bg-primary); --theme--t_bg-secondary: var(--theme--light--tl_bg-secondary); --theme--t_bg-secondary-action: var(--theme--light--tl_bg-secondary-action); --theme--t_bg-tertiary: var(--theme--light--tl_bg-tertiary); --theme--t_bg-overlay: var(--theme--light--tl_bg-overlay); --theme--t_text-primary: var(--theme--light--tl_text-primary); --theme--t_text-secondary: var(--theme--light--tl_text-secondary); --theme--t_text-tertiary: var(--theme--light--tl_text-tertiary); --theme--t_border-primary: var(--theme--light--tl_border-primary); --theme--t_icon-primary: var(--theme--light--tl_icon-primary); --theme--t_icon-secondary: var(--theme--light--tl_icon-secondary); --theme--t_icon-tertiary: var(--theme--light--tl_icon-tertiary); --theme--t_headings: var(--theme--light--tl_headings); --theme--t_btn-1-bg: var(--theme--light--tl_btn-1-bg); --theme--t_btn-1-bg-hover: var(--theme--light--tl_btn-1-bg-hover); --theme--t_btn-1-text: var(--theme--light--tl_btn-1-text); --theme--t_btn-1-text-hover: var(--theme--light--tl_btn-1-text-hover); --theme--t_btn-2-bg: var(--theme--light--tl_btn-2-bg); --theme--t_btn-2-bg-hover: var(--theme--light--tl_btn-2-bg-hover); --theme--t_btn-2-text: var(--theme--light--tl_btn-2-text); --theme--t_btn-2-text-hover: var(--theme--light--tl_btn-2-text-hover); } :root[data-theme="light"][data-contrast="high"] { --theme--t_bg-primary: var(--theme--light--high-contrast--tlhc_bg-primary); --theme--t_bg-secondary: var(--theme--light--high-contrast--tlhc_bg-secondary); --theme--t_bg-secondary-action: var(--theme--light--high-contrast--tlhc_bg-secondary-action); --theme--t_bg-tertiary: var(--theme--light--high-contrast--tlhc_bg-tertiary); --theme--t_bg-overlay: var(--theme--light--high-contrast--tlhc_bg-overlay); --theme--t_text-primary: var(--theme--light--high-contrast--tlhc_text-primary); --theme--t_text-secondary: var(--theme--light--high-contrast--tlhc_text-secondary); --theme--t_text-tertiary: var(--theme--light--high-contrast--tlhc_text-tertiary); --theme--t_border-primary: var(--theme--light--high-contrast--tlhc_border-primary); --theme--t_icon-primary: var(--theme--light--high-contrast--tlhc_icon-primary); --theme--t_icon-secondary: var(--theme--light--high-contrast--tlhc_icon-secondary); --theme--t_icon-tertiary: var(--theme--light--high-contrast--tlhc_icon-tertiary); --theme--t_headings: var(--theme--light--high-contrast--tlhc_headings); --theme--t_btn-1-bg: var(--theme--light--high-contrast--tlhc_btn-1-bg); --theme--t_btn-1-bg-hover: var(--theme--light--high-contrast--tlhc_btn-1-bg-hover); --theme--t_btn-1-text: var(--theme--light--high-contrast--tlhc_btn-1-text); --theme--t_btn-1-text-hover: var(--theme--light--high-contrast--tlhc_btn-1-text-hover); --theme--t_btn-2-bg: var(--theme--light--high-contrast--tlhc_btn-2-bg); --theme--t_btn-2-bg-hover: var(--theme--light--high-contrast--tlhc_btn-2-bg-hover); --theme--t_btn-2-text: var(--theme--light--high-contrast--tlhc_btn-2-text); --theme--t_btn-2-text-hover: var(--theme--light--high-contrast--tlhc_btn-2-text-hover); } </style></div><div class="styles_theme-overrides w-embed"><style> :root[data-theme="light"] .cc_course_hero { background-image: radial-gradient(circle at 0 100%, rgba(0, 0, 0, 0.1), rgba(0,0,0, 0.1)), linear-gradient(to right, rgba(0, 0, 0, .6) 47%, rgba(0,0,0, .1)) } :root[data-theme="dark"][data-contrast="high"] .cc_breadcrumbs-wrap, :root[data-theme="light"][data-contrast="high"] .cc_breadcrumbs-wrap { background: var(--theme--t_bg-secondary); } :root[data-theme="dark"][data-contrast="high"] .cc_dd-toggle-group-item.active, :root[data-theme="light"][data-contrast="high"] .cc_dd-toggle-group-item.active { color: var(--theme--t_bg-primary); background: var(--theme--t_text-primary); } :root[data-theme="light"][data-contrast="high"] .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: var(--theme--t_text-primary); border-color: var(--swatches--white); } :root[data-theme="dark"][data-contrast="high"] .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: var(--theme--t_bg-primary); border-color: var(--swatches--white); } :root[data-theme="dark"][data-contrast="high"] .button.cc_outline, :root[data-theme="light"][data-contrast="high"] .button.cc_outline { background-color: var(--theme--t_btn-1-bg); color: var(--theme--t_btn-1-text); } :root[data-theme="dark"][data-contrast="high"] .button.cc_outline:hover, :root[data-theme="light"][data-contrast="high"] .button.cc_outline:hover { background-color: var(--theme--t_btn-1-bg-hover); color: var(--theme--t_btn-1-text-hover); } :root[data-theme="light"] .g-footer-list_item-link:hover { color: var(--theme_--t_text-primary); } </style></div><div class="styles_custom-breakpoints w-embed"><style> @media screen and (min-width: 992px) and (max-width: 1300px) { .cc_courses-grid { grid-template-columns: 1fr; } } </style></div></div><div class="page-wrapper"><div class="sidebar_wrap"><nav id="sidebar" class="sidebar"><div class="sidebar_header"><div class="sidebar_logo-wrap"><a data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a792d036-2180-ece2-6019-e965866c7c24" href="https://webflow.com" class="w-inline-block"><div class="wf_mark w-embed"><svg width="100%" height="100%" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5723 0.0491879C19.5839 0.0267106 19.5675 0 19.5423 0H13.8501C13.8374 0 13.8259 0.00702586 13.8201 0.0182204L11.6271 4.24446C11.6214 4.25561 11.6099 4.26263 11.5973 4.26268L11.5711 4.26279C11.5516 4.26287 11.536 4.24648 11.5372 4.22703L11.7839 0.0361956C11.785 0.0167938 11.7696 0.000432944 11.7502 0.000432944H7.58043C7.56691 0.000432944 7.55546 0.0066851 7.55012 0.0191115C7.44705 0.258804 6.36907 2.74995 5.43637 4.27233C5.43026 4.28229 5.41957 4.28815 5.40788 4.2882L5.39505 4.28825C5.37614 4.28833 5.36085 4.27288 5.36113 4.25398L5.42319 0.0342746C5.42346 0.0154273 5.40826 0 5.38941 0H0.16659C0.147935 0 0.132812 0.0151226 0.132812 0.0337776V5.18042C0.132812 5.19908 0.147935 5.2142 0.16659 5.2142H4.65799C4.68768 5.2142 4.70264 5.24981 4.68182 5.27098C3.06502 6.91532 0.477578 7.16569 0.164209 7.19034C0.146393 7.19174 0.132812 7.20656 0.132812 7.22443V12.1263C0.132812 12.1462 0.150158 12.1617 0.16994 12.1599C4.70874 11.7372 7.89811 9.92174 10.0076 7.13683C10.014 7.12838 10.024 7.1234 10.0346 7.1234H10.0777C10.103 7.1234 10.1194 7.15025 10.1077 7.17274L7.63309 11.9418C7.62142 11.9643 7.63774 11.9911 7.66307 11.9911H13.4293C13.442 11.9911 13.4536 11.9841 13.4594 11.9728L19.5723 0.0491879Z" fill="var(--swatches--blue)" /> </svg></div></a><a data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:c852e62b-885c-42d0-e6ec-38d82ff938b9" href="https://university.webflow.com" class="wf_wordmark w-inline-block"><div class="wm_wf w-embed"><svg width="100%" height="100%" viewBox="0 0 76 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M46.6099 15.0132H49.0948V0.75H46.6099V15.0132Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M32.9112 14.8675C33.4513 15.092 34.0004 15.2043 34.5587 15.2043C35.4811 15.2043 36.3063 14.9798 37.0345 14.5307C37.7627 14.0817 38.327 13.4628 38.7275 12.6739C39.128 11.879 39.3283 10.9778 39.3283 9.97054C39.3283 8.96323 39.122 8.06211 38.7093 7.26718C38.2967 6.47226 37.7232 5.85634 36.989 5.41943C36.2548 4.97646 35.4204 4.75801 34.4859 4.76407C33.8912 4.76407 33.3208 4.87937 32.7747 5.10996C32.2285 5.34055 31.7734 5.66823 31.4094 6.093C31.3812 6.12534 31.3539 6.158 31.3274 6.19099V0.759102H28.8334V15.0132H31.3092L31.3042 13.6816C31.3683 13.7601 31.4367 13.8368 31.5095 13.9118C31.9039 14.3184 32.3712 14.6369 32.9112 14.8675ZM35.4598 12.5647C35.0533 12.8135 34.5891 12.9379 34.0672 12.9379C33.5514 12.9379 33.0781 12.8104 32.6472 12.5556C32.2164 12.2946 31.8736 11.9397 31.6187 11.4906C31.3699 11.0416 31.2455 10.5318 31.2455 9.96144C31.2394 9.39103 31.3608 8.88131 31.6096 8.43227C31.8645 7.97716 32.2073 7.6252 32.6381 7.37641C33.069 7.12155 33.5453 6.99715 34.0672 7.00322C34.5891 6.99715 35.0533 7.11851 35.4598 7.36731C35.8725 7.61003 36.188 7.95895 36.4065 8.41406C36.631 8.8631 36.7432 9.37889 36.7432 9.96144C36.7432 10.544 36.631 11.0598 36.4065 11.5088C36.188 11.9579 35.8725 12.3098 35.4598 12.5647Z" fill="currentColor"/> <path d="M0 1.61471H2.83989L5.38027 10.8923L8.08276 1.61471H10.4493L13.3803 10.7061L15.8196 1.61471H18.4229L14.5817 15.0132H12.1332L9.1529 6.13159L6.41706 15.0132H3.94126L0 1.61471Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M22.6166 15.2498C21.6275 15.2559 20.7355 15.0374 19.9406 14.5945C19.1517 14.1454 18.5297 13.5234 18.0746 12.7285C17.6256 11.9336 17.401 11.0264 17.401 10.0069C17.401 9.01784 17.6316 8.12279 18.0928 7.3218C18.554 6.5208 19.179 5.89578 19.9679 5.44674C20.7567 4.9977 21.6366 4.77318 22.6075 4.77318C23.6998 4.77318 24.6555 5.0159 25.4747 5.50135C26.3 5.9868 26.9159 6.67554 27.3225 7.56755C27.7351 8.4535 27.8838 9.46992 27.7685 10.6168H19.9717C19.9935 11.0737 20.1075 11.4894 20.3138 11.8638C20.5443 12.2764 20.866 12.598 21.2786 12.8286C21.6912 13.0592 22.1524 13.1745 22.6621 13.1745C23.0505 13.1684 23.4115 13.1017 23.7453 12.9743C24.079 12.8408 24.3612 12.6618 24.5918 12.4372C24.8284 12.2127 24.9953 11.9579 25.0924 11.6727H27.6956C27.5379 12.3705 27.2223 12.9925 26.749 13.5386C26.2757 14.0787 25.681 14.5004 24.965 14.8038C24.2489 15.1072 23.4662 15.2559 22.6166 15.2498ZM20.3229 8.11369C20.1774 8.36727 20.0767 8.64034 20.0206 8.93289H25.1889C25.1514 8.5633 25.0373 8.22652 24.8467 7.92254C24.6282 7.56452 24.3309 7.28842 23.9546 7.09424C23.5784 6.89399 23.1536 6.79387 22.6803 6.79387C22.1767 6.79387 21.7185 6.90916 21.3059 7.13975C20.8933 7.37034 20.5656 7.69499 20.3229 8.11369Z" fill="currentColor"/> <path d="M41.1578 4.98253C41.1578 4.1694 41.3429 3.44729 41.7131 2.8162C42.0832 2.17905 42.602 1.68449 43.2695 1.33254C43.9431 0.974521 44.7289 0.789443 45.627 0.777307V2.98914C45.2083 2.99521 44.8503 3.0832 44.5529 3.25311C44.2617 3.41695 44.0371 3.65664 43.8794 3.97218C43.7341 4.26268 43.6557 4.59946 43.6442 4.98253H45.5724V7.08514H43.6427V15.0132H41.1578V7.08514H39.5558V4.98253H41.1578Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M55.4117 15.2316C54.3984 15.2316 53.4912 15.0101 52.6902 14.5672C51.8953 14.1181 51.2702 13.4992 50.8151 12.7103C50.3661 11.9154 50.1416 11.0143 50.1416 10.0069C50.1416 8.99357 50.3661 8.08942 50.8151 7.29449C51.2702 6.49349 51.8953 5.87151 52.6902 5.42854C53.4912 4.98556 54.3984 4.76407 55.4117 4.76407C56.4312 4.76407 57.3414 4.98556 58.1424 5.42854C58.9495 5.87151 59.5775 6.49046 60.0266 7.28539C60.4756 8.08031 60.7032 8.9875 60.7092 10.0069C60.7032 11.0143 60.4756 11.9154 60.0266 12.7103C59.5836 13.4992 58.9586 14.1181 58.1515 14.5672C57.3444 15.0101 56.4312 15.2316 55.4117 15.2316ZM55.4117 12.947C55.9457 12.947 56.4191 12.8256 56.8317 12.5829C57.2443 12.3341 57.5629 11.9882 57.7874 11.5452C58.0119 11.0962 58.1242 10.5834 58.1242 10.0069C58.1242 9.42441 58.0119 8.90861 57.7874 8.45957C57.5629 8.01053 57.2443 7.66465 56.8317 7.42192C56.4191 7.17313 55.9457 7.04873 55.4117 7.04873C54.8838 7.04873 54.4135 7.17313 54.0009 7.42192C53.5943 7.66465 53.2788 8.01053 53.0543 8.45957C52.8298 8.90861 52.7205 9.42441 52.7266 10.0069C52.7266 10.5834 52.8389 11.0962 53.0634 11.5452C53.294 11.9882 53.6095 12.3341 54.01 12.5829C54.4166 12.8256 54.8838 12.947 55.4117 12.947Z" fill="currentColor"/> <path d="M63.3944 4.98253H60.6273L63.6219 15.0132H66.0431L68.0124 8.60661L70.1391 15.0132H72.5239L75.5276 4.98253H73.0245L71.3212 11.226L69.4383 4.98253H67.0171L65.1433 11.3635L63.3944 4.98253Z" fill="currentColor"/> </svg></div><div class="wm_uni">University</div></a></div></div><div class="sidebar__links-wrap"><div class="sidebar_group"><a data-logged-in-display="none" data-tooltip="Home" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a104e7af-95ec-bce6-1ba8-ee0b0ffb6cb1" href="https://university.webflow.com/" class="sidebar_link-group hide-mobile-p w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.75 10.113V18C5.75 18.1381 5.86193 18.25 6 18.25H18C18.1381 18.25 18.25 18.1381 18.25 18V10.113C18.25 10.0412 18.2191 9.9728 18.1652 9.92534L12.1652 4.64522C12.0707 4.56212 11.9293 4.56212 11.8348 4.64522L5.83484 9.92534C5.78091 9.9728 5.75 10.0412 5.75 10.113Z" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Home</div></a><a data-logged-in-display="flex" data-tooltip="Dashboard" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:2d231c21-1731-7fbf-4e1b-cd74e5941c77" href="https://university.webflow.com/dashboard" class="sidebar_link-group hide-logged-out w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 6C4 5.86193 4.11193 5.75 4.25 5.75H19.75C19.8881 5.75 20 5.86193 20 6V18C20 18.1381 19.8881 18.25 19.75 18.25H4.25C4.11193 18.25 4 18.1381 4 18V6Z" stroke="currentColor" stroke-width="1.5"/> <path d="M17 10L9 10" stroke="currentColor" stroke-width="1.5"/> <path d="M17 14L9 14" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Dashboard</div></a><a data-tooltip="Search" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:887fbdc3-f3df-bd0c-9cb8-a22862be0a19" href="#" class="sidebar_link-group open-search w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.25 10.25C15.25 13.0114 13.0114 15.25 10.25 15.25C7.48858 15.25 5.25 13.0114 5.25 10.25C5.25 7.48858 7.48858 5.25 10.25 5.25C13.0114 5.25 15.25 7.48858 15.25 10.25Z" stroke="currentColor" stroke-width="1.5"/> <path d="M13.7856 13.7855L19.5001 19.5" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Search</div><div class="sidebar_link-text secondary">⌘E</div></a></div><div class="sidebar_group"><div class="sidebar_title u-fc-3">Learn</div><a data-tooltip="Courses" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a104e7af-95ec-bce6-1ba8-ee0b0ffb6cca" href="https://university.webflow.com/courses" class="sidebar_link-group w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="4" y="4" width="16" height="12" rx="0.25" stroke="currentColor" stroke-width="1.5"/> <path d="M15 9.99506L10 7V13L15 9.99506Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 4L22 4" stroke="currentColor" stroke-width="1.5"/> <path d="M11.5 16V18" stroke="currentColor" stroke-width="1.5"/> <circle cx="11.5" cy="19.5" r="1.5" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Courses</div></a><a id="docs" data-tooltip="Docs" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a104e7af-95ec-bce6-1ba8-ee0b0ffb6cce" href="https://help.webflow.com/" class="sidebar_link-group w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 4.16C5 4.00536 5.12536 3.88 5.28 3.88H18.72C18.8746 3.88 19 4.00537 19 4.16V19.84C19 19.9946 18.8746 20.12 18.72 20.12H5.28C5.12536 20.12 5 19.9946 5 19.84V4.16Z" stroke="currentColor" stroke-width="1.5"/> <path d="M7.52002 7.79999H16.48" stroke="currentColor" stroke-width="1.5"/> <path d="M7.52002 11.16H12" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Docs</div><div class="sidebar_link-text secondary">↗</div></a><a id="videos" data-tooltip="Videos" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:c5e5aec0-76ff-6840-6027-0fd08fe6c1f7" href="https://university.webflow.com/videos" class="sidebar_link-group w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.90146 9.01611L15.1233 12L9.90146 14.9839L9.90146 9.01611Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 4H4V20H20V4Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/> </svg></div><div class="sidebar_link-text">Videos</div></a><a data-tooltip="Interactive learning" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a104e7af-95ec-bce6-1ba8-ee0b0ffb6cd6" href="https://university.webflow.com/interactive-learning" class="sidebar_link-group hide-mobile-l w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.4909 15.3666L15.4871 14.6166C15.2272 14.618 14.9865 14.7538 14.851 14.9756C14.7154 15.1974 14.7044 15.4735 14.8218 15.7054L15.4909 15.3666ZM18.7569 21.8165L19.0957 22.4856C19.2732 22.3957 19.4077 22.2391 19.4696 22.05C19.5316 21.861 19.5159 21.6551 19.426 21.4777L18.7569 21.8165ZM15.8903 23.268L15.2212 23.6068C15.4084 23.9764 15.8596 24.1243 16.2292 23.9371L15.8903 23.268ZM12.6243 16.818L13.2934 16.4792C13.1759 16.2473 12.9468 16.0927 12.6878 16.0707C12.4288 16.0487 12.1769 16.1623 12.022 16.3711L12.6243 16.818ZM9.41291 21.1454L8.66292 21.1492C8.66456 21.4721 8.87258 21.7576 9.17935 21.8581C9.48613 21.9587 9.82281 21.8516 10.0152 21.5924L9.41291 21.1454ZM9.33991 6.77598L9.78686 6.17371C9.55873 6.00441 9.25454 5.97854 9.0011 6.10688C8.74766 6.23521 8.58848 6.49572 8.58992 6.77979L9.33991 6.77598ZM12.2249 8.91688L11.7779 9.51916C12.006 9.68845 12.3102 9.71433 12.5637 9.58599L12.2249 8.91688ZM12.225 8.91682L12.8941 8.57801C12.707 8.20847 12.2557 8.06059 11.8862 8.24772L12.225 8.91682ZM12.2251 8.91706L11.556 9.25588C11.6086 9.35975 11.6847 9.44996 11.7782 9.51934L12.2251 8.91706ZM20.8793 15.3393L20.8831 16.0892C21.2059 16.0876 21.4914 15.8796 21.592 15.5728C21.6925 15.266 21.5855 14.9294 21.3262 14.737L20.8793 15.3393ZM14.8218 15.7054L18.0878 22.1553L19.426 21.4777L16.1601 15.0278L14.8218 15.7054ZM18.4181 21.1474L15.5515 22.5989L16.2292 23.9371L19.0957 22.4856L18.4181 21.1474ZM16.5594 22.9292L13.2934 16.4792L11.9552 17.1568L15.2212 23.6068L16.5594 22.9292ZM12.022 16.3711L8.81063 20.6985L10.0152 21.5924L13.2265 17.2649L12.022 16.3711ZM10.1629 21.1416L10.0899 6.77217L8.58992 6.77979L8.66292 21.1492L10.1629 21.1416ZM8.89297 7.37826L11.7779 9.51916L12.6718 8.31461L9.78686 6.17371L8.89297 7.37826ZM12.5637 9.58599L12.5638 9.58593L11.8862 8.24772L11.886 8.24778L12.5637 9.58599ZM11.5559 9.25564L11.556 9.25588L12.8942 8.57825L12.8941 8.57801L11.5559 9.25564ZM11.7782 9.51934L20.4323 15.9415L21.3262 14.737L12.6721 8.31479L11.7782 9.51934ZM20.8755 14.5893L15.4871 14.6166L15.4948 16.1166L20.8831 16.0892L20.8755 14.5893Z" fill="currentColor"/> <path d="M9.60889 13.9872C6.30223 13.7712 3.79674 10.9156 4.01273 7.60891C4.22872 4.30225 7.08439 1.79676 10.391 2.01275C13.6977 2.22874 16.2032 5.08441 15.9872 8.39107C15.933 9.22091 15.7126 10.0003 15.3604 10.6989" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Interactive learning</div></a><a data-tooltip="Glossary" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:c446808c-74cc-63a4-89bd-5645ac052b83" href="https://university.webflow.com/glossary" class="sidebar_link-group hide-mobile-l w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.75 6.75C5.75 5.64543 6.64543 4.75 7.75 4.75H18.25V19.25H7.75C6.64543 19.25 5.75 18.3546 5.75 17.25V6.75Z" stroke="currentColor" stroke-width="1.5"/> <path d="M5.75 15.75H18.25" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Glossary</div></a><a data-tooltip="Certifications" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a104e7af-95ec-bce6-1ba8-ee0b0ffb6cda" href="https://university.webflow.com/certifications" class="sidebar_link-group hide-mobile-p w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="9" r="5.25" stroke="currentColor" stroke-width="1.5"/> <path d="M8 12.5V21L12 19L16 21V12.5" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Certifications</div></a></div><div class="sidebar_group"><div class="sidebar_title u-fc-3">Engage</div><a data-tooltip="Support" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a104e7af-95ec-bce6-1ba8-ee0b0ffb6ce9" href="https://help.webflow.com/" class="sidebar_link-group hide-mobile-l w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 19.5C10.199 19.5 8.54635 18.8652 7.25344 17.8072L9.55708 15.5036C10.2493 15.9872 11.0916 16.2708 12 16.2708C12.9085 16.2708 13.7507 15.9872 14.443 15.5036L16.7466 17.8072C15.4537 18.8652 13.801 19.5 12 19.5ZM17.8072 16.7465C18.8652 15.4536 19.5 13.8009 19.5 12C19.5 10.199 18.8652 8.54635 17.8072 7.25344L15.5036 9.55702C15.9872 10.2493 16.2709 11.0915 16.2709 12C16.2709 12.9085 15.9872 13.7507 15.5036 14.4429L17.8072 16.7465ZM8.49642 14.4429L6.19278 16.7465C5.13477 15.4536 4.5 13.8009 4.5 12C4.5 10.199 5.13478 8.54635 6.1928 7.25344L8.49642 9.55706C8.01285 10.2493 7.72921 11.0915 7.72921 12C7.72921 12.9084 8.01286 13.7507 8.49642 14.4429ZM16.7465 6.19278C15.4536 5.13477 13.8009 4.5 12 4.5C10.1991 4.5 8.54636 5.13477 7.25346 6.19278L9.55707 8.4964C10.2493 8.01281 11.0916 7.72915 12 7.72915C12.9085 7.72915 13.7507 8.0128 14.443 8.49636L16.7465 6.19278ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM9.22921 12C9.22921 10.4697 10.4698 9.22915 12 9.22915C13.5303 9.22915 14.7709 10.4697 14.7709 12C14.7709 13.5303 13.5303 14.7708 12 14.7708C10.4698 14.7708 9.22921 13.5303 9.22921 12Z" fill="currentColor"/> </svg></div><div class="sidebar_link-text">Support</div><div class="sidebar_link-text secondary">↗</div></a><a data-tooltip="Community" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a104e7af-95ec-bce6-1ba8-ee0b0ffb6ce1" href="https://webflow.com/community" class="sidebar_link-group hide-tablet w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2708 6.44912C10.3475 5.35986 11.2554 4.5 12.3642 4.5C13.5232 4.5 14.4628 5.43957 14.4628 6.59859C14.4628 7.75762 13.5232 8.69719 12.3642 8.69719C12.0409 8.69719 11.7347 8.6241 11.4612 8.49354C11.5742 9.01176 11.5806 9.55419 11.4709 10.0854C11.7565 10.1584 12.0558 10.1972 12.3642 10.1972C14.3516 10.1972 15.9628 8.58604 15.9628 6.5986C15.9628 4.61115 14.3516 3 12.3642 3C10.7027 3 9.30416 4.12602 8.89014 5.65657C9.14278 5.7384 9.39072 5.84784 9.62997 5.98597C9.86344 6.12076 10.0774 6.27638 10.2708 6.44912Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.2967 13.8457C13.0097 13.772 12.7089 13.7328 12.3989 13.7328C10.4114 13.7328 8.80029 15.3439 8.80029 17.3314C8.80029 19.3188 10.4114 20.93 12.3989 20.93C14.0385 20.93 15.422 19.8335 15.856 18.3337C15.6062 18.2522 15.361 18.1436 15.1243 18.007C14.8921 17.8729 14.6792 17.7183 14.4866 17.5466C14.3788 18.6045 13.4852 19.43 12.3989 19.43C11.2399 19.43 10.3003 18.4904 10.3003 17.3314C10.3003 16.1724 11.2399 15.2328 12.3989 15.2328C12.7126 15.2328 13.0103 15.3016 13.2776 15.425C13.1757 14.9092 13.179 14.3713 13.2967 13.8457Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.94988 7.26991C10.0682 7.91554 10.4513 9.34548 9.80567 10.4638C9.65588 10.7232 9.46387 10.9431 9.24334 11.1197C9.71694 11.3145 10.154 11.6046 10.5228 11.9816C10.7435 11.7561 10.9397 11.4996 11.1047 11.2138C12.1646 9.37804 11.5356 7.03072 9.69988 5.97087C7.86416 4.91102 5.51684 5.53998 4.45698 7.3757C3.57578 8.90199 3.86204 10.782 5.03871 11.9815C5.27724 11.7384 5.55235 11.5232 5.86175 11.3445C6.01091 11.2584 6.16345 11.1835 6.3184 11.1194C5.43102 10.41 5.17059 9.1397 5.75602 8.1257C6.40166 7.00742 7.8316 6.62427 8.94988 7.26991Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2552 11.9813C14.0346 12.2068 13.8385 12.4632 13.6735 12.7489C12.6137 14.5847 13.2426 16.932 15.0784 17.9918C16.9141 19.0517 19.2614 18.4227 20.3213 16.587C21.2024 15.0607 20.9162 13.1808 19.7396 11.9813C19.501 12.2245 19.2259 12.4398 18.9164 12.6185C18.7673 12.7045 18.6149 12.7795 18.4601 12.8435C19.3473 13.553 19.6076 14.8231 19.0222 15.837C18.3766 16.9553 16.9466 17.3384 15.8284 16.6928C14.7101 16.0472 14.3269 14.6172 14.9726 13.4989C15.1223 13.2396 15.3142 13.0198 15.5346 12.8432C15.061 12.6484 14.624 12.3583 14.2552 11.9813Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61181 12.6437C7.73009 11.998 9.16003 12.3812 9.80567 13.4994C10.0108 13.8547 10.112 14.2413 10.1189 14.6243C10.5258 14.282 11.0096 14.0282 11.5407 13.8925C11.4598 13.5007 11.3157 13.1149 11.1047 12.7494C10.0449 10.9137 7.69753 10.2848 5.86181 11.3446C4.02609 12.4045 3.39713 14.7518 4.45698 16.5875C5.37873 18.184 7.27429 18.8678 8.96019 18.3217C8.87892 18.0213 8.83555 17.7054 8.83555 17.3794C8.83555 17.1555 8.85599 16.9365 8.89509 16.724C7.78531 17.3263 6.39116 16.9376 5.75602 15.8375C5.11038 14.7192 5.49353 13.2893 6.61181 12.6437Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.2375 10.0704C13.3185 10.4624 13.4626 10.8482 13.6736 11.2138C14.7335 13.0495 17.0808 13.6785 18.9165 12.6186C20.7522 11.5588 21.3812 9.21145 20.3213 7.37573C19.3996 5.77923 17.5041 5.09547 15.8182 5.64153C15.8994 5.94179 15.9428 6.25763 15.9428 6.58358C15.9428 6.80752 15.9223 7.02668 15.8832 7.2393C16.993 6.63693 18.3871 7.02561 19.0223 8.12573C19.6679 9.24401 19.2848 10.6739 18.1665 11.3196C17.0482 11.9652 15.6183 11.5821 14.9727 10.4638C14.7675 10.1085 14.6662 9.7217 14.6594 9.33861C14.2525 9.68092 13.7686 9.93474 13.2375 10.0704Z" fill="currentColor"/> </svg></div><div class="sidebar_link-text">Community</div><div class="sidebar_link-text secondary">↗</div></a><a data-tooltip="Events" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a104e7af-95ec-bce6-1ba8-ee0b0ffb6ce5" href="https://webflow.com/events" class="sidebar_link-group hide-tablet w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.75 6C5.75 5.86193 5.86193 5.75 6 5.75H18C18.1381 5.75 18.25 5.86193 18.25 6V18C18.25 18.1381 18.1381 18.25 18 18.25H6C5.86193 18.25 5.75 18.1381 5.75 18V6Z" stroke="currentColor" stroke-width="1.5"/> <path d="M8.75 3.5V8" stroke="currentColor" stroke-width="1.5"/> <path d="M15.25 3.5V8" stroke="currentColor" stroke-width="1.5"/> <path d="M18.25 10.25H5.75" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Events</div><div class="sidebar_link-text secondary">↗</div></a><a data-tooltip="Forum" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a104e7af-95ec-bce6-1ba8-ee0b0ffb6ced" href="https://forum.webflow.com/" class="sidebar_link-group hide-tablet w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.75 5C4.75 4.86193 4.86193 4.75 5 4.75H15C15.1381 4.75 15.25 4.86193 15.25 5V13C15.25 13.1381 15.1381 13.25 15 13.25H7.60355C7.53725 13.25 7.47366 13.2763 7.42678 13.3232L5.17678 15.5732C5.01929 15.7307 4.75 15.6192 4.75 15.3964V5Z" stroke="currentColor" stroke-width="1.5"/> <path d="M18.75 8V19L16.5 16.75H9" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Forum</div><div class="sidebar_link-text secondary">↗</div></a></div><div class="sidebar_group hide-tablet"><div class="sidebar_title u-fc-3">Build</div><a data-tooltip="New Site" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a104e7af-95ec-bce6-1ba8-ee0b0ffb6cf4" href="https://webflow.com/dashboard/sites/new" class="sidebar_link-group w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.75 6C5.75 5.86193 5.86193 5.75 6 5.75H18C18.1381 5.75 18.25 5.86193 18.25 6V18C18.25 18.1381 18.1381 18.25 18 18.25H6C5.86193 18.25 5.75 18.1381 5.75 18V6Z" stroke="currentColor" stroke-width="1.5"/> <path d="M12 9V15" stroke="currentColor" stroke-width="1.5"/> <path d="M15 12L9 12" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">New site</div><div class="sidebar_link-text secondary">↗</div></a><a data-tooltip="Webflow Dashboard" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a104e7af-95ec-bce6-1ba8-ee0b0ffb6cf8" href="https://webflow.com/dashboard" class="sidebar_link-group w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.25 5V19C19.25 19.1381 19.1381 19.25 19 19.25H18.9727H18.9453H18.918H18.8906H18.8633H18.8359H18.8086H18.7812H18.7539H18.7266H18.6992H18.6719H18.6445H18.6172H18.5898H18.5625H18.5352H18.5078H18.4805H18.4531H18.4258H18.3984H18.3711H18.3438H18.3164H18.2891H18.2617H18.2344H18.207H18.1797H18.1523H18.125H18.0977H18.0703H18.043H18.0156H17.9883H17.9609H17.9336H17.9062H17.8789H17.8516H17.8242H17.7969H17.7695H17.7422H17.7148H17.6875H17.6602H17.6328H17.6055H17.5781H17.5508H17.5234H17.4961H17.4688H17.4414H17.4141H17.3867H17.3594H17.332H17.3047H17.2773H17.25H17.2227H17.1953H17.168H17.1406H17.1133H17.0859H17.0586H17.0312H17.0039H16.9766H16.9492H16.9219H16.8945H16.8672H16.8398H16.8125H16.7852H16.7578H16.7305H16.7031H16.6758H16.6484H16.6211H16.5938H16.5664H16.5391H16.5117H16.4844H16.457H16.4297H16.4023H16.375H16.3477H16.3203H16.293H16.2656H16.2383H16.2109H16.1836H16.1562H16.1289H16.1016H16.0742H16.0469H16.0195H15.9922H15.9648H15.9375H15.9102H15.8828H15.8555H15.8281H15.8008H15.7734H15.7461H15.7188H15.6914H15.6641H15.6367H15.6094H15.582H15.5547H15.5273H15.5H15.4727H15.4453H15.418H15.3906H15.3633H15.3359H15.3086H15.2812H15.2539H15.2266H15.1992H15.1719H15.1445H15.1172H15.0898H15.0625H15.0352H15.0078H14.9805H14.9531H14.9258H14.8984H14.8711H14.8438H14.8164H14.7891H14.7617H14.7344H14.707H14.6797H14.6523H14.625H14.5977H14.5703H14.543H14.5156H14.4883H14.4609H14.4336H14.4062H14.3789H14.3516H14.3242H14.2969H14.2695H14.2422H14.2148H14.1875H14.1602H14.1328H14.1055H14.0781H14.0508H14.0234H13.9961H13.9688H13.9414H13.9141H13.8867H13.8594H13.832H13.8047H13.7773H13.75H13.7227H13.6953H13.668H13.6406H13.6133H13.5859H13.5586H13.5312H13.5039H13.4766H13.4492H13.4219H13.3945H13.3672H13.3398H13.3125H13.2852H13.2578H13.2305H13.2031H13.1758H13.1484H13.1211H13.0938H13.0664H13.0391H13.0117H12.9844H12.957H12.9297H12.9023H12.875H12.8477H12.8203H12.793H12.7656H12.7383H12.7109H12.6836H12.6562H12.6289H12.6016H12.5742H12.5469H12.5195H12.4922H12.4648H12.4375H12.4102H12.3828H12.3555H12.3281H12.3008H12.2734H12.2461H12.2188H12.1914H12.1641H12.1367H12.1094H12.082H12.0547H12.0273H12H11.9727H11.9453H11.918H11.8906H11.8633H11.8359H11.8086H11.7812H11.7539H11.7266H11.6992H11.6719H11.6445H11.6172H11.5898H11.5625H11.5352H11.5078H11.4805H11.4531H11.4258H11.3984H11.3711H11.3438H11.3164H11.2891H11.2617H11.2344H11.207H11.1797H11.1523H11.125H11.0977H11.0703H11.043H11.0156H10.9883H10.9609H10.9336H10.9062H10.8789H10.8516H10.8242H10.7969H10.7695H10.7422H10.7148H10.6875H10.6602H10.6328H10.6055H10.5781H10.5508H10.5234H10.4961H10.4688H10.4414H10.4141H10.3867H10.3594H10.332H10.3047H10.2773H10.25H10.2227H10.1953H10.168H10.1406H10.1133H10.0859H10.0586H10.0312H10.0039H9.97656H9.94922H9.92188H9.89453H9.86719H9.83984H9.8125H9.78516H9.75781H9.73047H9.70312H9.67578H9.64844H9.62109H9.59375H9.56641H9.53906H9.51172H9.48438H9.45703H9.42969H9.40234H9.375H9.34766H9.32031H9.29297H9.26562H9.23828H9.21094H9.18359H9.15625H9.12891H9.10156H9.07422H9.04688H9.01953H8.99219H8.96484H8.9375H8.91016H8.88281H8.85547H8.82812H8.80078H8.77344H8.74609H8.71875H8.69141H8.66406H8.63672H8.60938H8.58203H8.55469H8.52734H8.5H8.47266H8.44531H8.41797H8.39062H8.36328H8.33594H8.30859H8.28125H8.25391H8.22656H8.19922H8.17188H8.14453H8.11719H8.08984H8.0625H8.03516H8.00781H7.98047H7.95312H7.92578H7.89844H7.87109H7.84375H7.81641H7.78906H7.76172H7.73438H7.70703H7.67969H7.65234H7.625H7.59766H7.57031H7.54297H7.51562H7.48828H7.46094H7.43359H7.40625H7.37891H7.35156H7.32422H7.29688H7.26953H7.24219H7.21484H7.1875H7.16016H7.13281H7.10547H7.07812H7.05078H7.02344H6.99609H6.96875H6.94141H6.91406H6.88672H6.85938H6.83203H6.80469H6.77734H6.75H6.72266H6.69531H6.66797H6.64062H6.61328H6.58594H6.55859H6.53125H6.50391H6.47656H6.44922H6.42188H6.39453H6.36719H6.33984H6.3125H6.28516H6.25781H6.23047H6.20312H6.17578H6.14844H6.12109H6.09375H6.06641H6.03906H6.01172H5.98438H5.95703H5.92969H5.90234H5.875H5.84766H5.82031H5.79297H5.76562H5.73828H5.71094H5.68359H5.65625H5.62891H5.60156H5.57422H5.54688H5.51953H5.49219H5.46484H5.4375H5.41016H5.38281H5.35547H5.32812H5.30078H5.27344H5.24609H5.21875H5.19141H5.16406H5.13672H5.10938H5.08203H5.05469H5.02734H5C4.86193 19.25 4.75 19.1381 4.75 19V5C4.75 4.86193 4.86193 4.75 5 4.75H19C19.1381 4.75 19.25 4.86193 19.25 5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> <path d="M5 8.25H19" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg></div><div class="sidebar_link-text">Dashboard</div><div class="sidebar_link-text secondary">↗</div></a></div><div class="sidebar_group sidebar-cta-group"><div data-logged-in-display="none" class="cc_sidebar-cta-wrap"><a data-signup-cta="1" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:d28ae868-3f36-977a-cbda-8db49c654dce" href="#" class="button sidebar-cta-btn w-button">Try Webflow — it's free</a></div></div><div class="sidebar_footer"><a id="toLightMode" data-tooltip="Switch to Light Mode" data-w-id="a9f77ad5-b5b7-d24e-795b-cb5432855c9b" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a9f77ad5-b5b7-d24e-795b-cb5432855c9b" href="#" class="sidebar_footer-button hide-mobile-p w-inline-block"><div id="themeIcon" data-is-ix2-target="1" class="sidebar_moon-icon" data-w-id="a9f77ad5-b5b7-d24e-795b-cb5432855c9c" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/64dd4613a2e57c8cbc1ee8fc_moon-to-sun_v05.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="0.6666666666666666" data-duration="0" data-ix2-initial-state="0.01"></div></a><a id="toDarkMode" data-tooltip="Switch to Dark Mode" data-w-id="d540b063-7b0b-0779-e524-b03dfc84167a" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:d540b063-7b0b-0779-e524-b03dfc84167a" href="#" class="sidebar_footer-button hide-mobile-p w-inline-block"><div id="themeIcon" data-is-ix2-target="1" class="sidebar_sun-icon" data-w-id="d540b063-7b0b-0779-e524-b03dfc84167b" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/64dd4613f642f16df9a102b8_sun-to-moon_v05.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="0.7083333333333334" data-duration="0" data-ix2-initial-state="0.01"></div></a><a id="toggleContrast" data-tooltip="Toggle High Contrast Mode" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:fac37f1b-ea1d-4ca6-4168-2201bd1204f8" href="#" class="sidebar_footer-button hide-mobile-l toggle-contrast w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="7.25" stroke="currentColor" stroke-width="1.5"/> <path d="M7 12C7 14.7614 9.23858 17 12 17V7C9.23858 7 7 9.23858 7 12Z" fill="currentColor"/> </svg></div></a><div id="sidebar-close" data-tooltip="Toggle the sidebar (⌘ / )" class="sidebar_footer-button last"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.75 5.75H19.25V18.25H4.75V5.75Z" stroke="currentColor" stroke-width="1.5"/> <path d="M9.75 5.75V18.25" stroke="currentColor" stroke-width="1.5"/> </svg></div></div><div id="mobile-menu" data-tooltip="Open the sidebar" data-w-id="9e4eaedb-2c01-7abe-0d94-c783a233fdb9" class="sidebar_footer-button last mobile-menu"><div class="sidenav-btn__wrap"><div data-w-id="10987b4a-c1ec-a9ed-5cac-1b031eedd8db" class="sidenav-btn__line line-top"></div><div data-w-id="10987b4a-c1ec-a9ed-5cac-1b031eedd8dc" class="sidenav-btn__line line-middle"></div><div data-w-id="10987b4a-c1ec-a9ed-5cac-1b031eedd8dd" class="sidenav-btn__line line-bottom"></div></div></div></div></div></nav><div class="sidebar_mobile-wrap"><div class="sidebar_mobile-menu"><div class="sidebar_mobile-menu-group"><div class="sidebar_title-mobile-menu u-fc-3">University</div><a data-logged-in-display="none" data-tooltip="Home" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:c5e0392b-5700-06c0-09c1-80b33218c297" href="https://university.webflow.com/" class="sidebar_link-group mobile-menu w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.75 10.113V18C5.75 18.1381 5.86193 18.25 6 18.25H18C18.1381 18.25 18.25 18.1381 18.25 18V10.113C18.25 10.0412 18.2191 9.9728 18.1652 9.92534L12.1652 4.64522C12.0707 4.56212 11.9293 4.56212 11.8348 4.64522L5.83484 9.92534C5.78091 9.9728 5.75 10.0412 5.75 10.113Z" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Home</div></a><a data-tooltip="Home" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:1d397494-5b33-af0c-206d-f9c9e5d02026" href="#" class="sidebar_link-group mobile-menu open-search w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.25 10.25C15.25 13.0114 13.0114 15.25 10.25 15.25C7.48858 15.25 5.25 13.0114 5.25 10.25C5.25 7.48858 7.48858 5.25 10.25 5.25C13.0114 5.25 15.25 7.48858 15.25 10.25Z" stroke="currentColor" stroke-width="1.5"/> <path d="M13.7856 13.7855L19.5001 19.5" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Search</div><div class="sidebar_link-text secondary">⌘E</div></a><a data-logged-in-display="flex" data-tooltip="Dashboard" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:0f34dafb-e685-1bb3-39c5-8e27a345ecba" href="https://university.webflow.com/dashboard" class="sidebar_link-group mobile-menu hide-logged-out w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 6C4 5.86193 4.11193 5.75 4.25 5.75H19.75C19.8881 5.75 20 5.86193 20 6V18C20 18.1381 19.8881 18.25 19.75 18.25H4.25C4.11193 18.25 4 18.1381 4 18V6Z" stroke="currentColor" stroke-width="1.5"/> <path d="M17 10L9 10" stroke="currentColor" stroke-width="1.5"/> <path d="M17 14L9 14" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Dashboard</div></a><a data-signup-cta="1" data-logged-in-display="none" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:abcbedd2-6889-b1c7-3c8a-fd9556e062ba" href="#" class="button sidebar-cta-btn w-button">Try Webflow — it's free</a></div><div class="sidebar_mobile-menu-group"><div class="sidebar_title-mobile-menu u-fc-3">Learn</div><a data-tooltip="Courses" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:b6eef22d-56ae-c92e-719a-10826d9549a7" href="https://university.webflow.com/courses" class="sidebar_link-group mobile-menu w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="4" y="4" width="16" height="12" rx="0.25" stroke="currentColor" stroke-width="1.5"/> <path d="M15 9.99506L10 7V13L15 9.99506Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 4L22 4" stroke="currentColor" stroke-width="1.5"/> <path d="M11.5 16V18" stroke="currentColor" stroke-width="1.5"/> <circle cx="11.5" cy="19.5" r="1.5" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Courses</div></a><a data-tooltip="Docs" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:b6eef22d-56ae-c92e-719a-10826d9549ab" href="https://help.webflow.com/" class="sidebar_link-group mobile-menu w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 4.16C5 4.00536 5.12536 3.88 5.28 3.88H18.72C18.8746 3.88 19 4.00537 19 4.16V19.84C19 19.9946 18.8746 20.12 18.72 20.12H5.28C5.12536 20.12 5 19.9946 5 19.84V4.16Z" stroke="currentColor" stroke-width="1.5"/> <path d="M7.52002 7.79999H16.48" stroke="currentColor" stroke-width="1.5"/> <path d="M7.52002 11.16H12" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Docs</div></a><a data-tooltip="Videos" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:467d34aa-5724-f68a-feea-4b9554041568" href="https://university.webflow.com/videos" class="sidebar_link-group mobile-menu w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.90146 9.01611L15.1233 12L9.90146 14.9839L9.90146 9.01611Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 4H4V20H20V4Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/> </svg></div><div class="sidebar_link-text">Videos</div></a><a data-tooltip="Interactive Learning" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:b6eef22d-56ae-c92e-719a-10826d9549af" href="https://university.webflow.com/interactive-learning" class="sidebar_link-group mobile-menu w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.4909 15.3666L15.4871 14.6166C15.2272 14.618 14.9865 14.7538 14.851 14.9756C14.7154 15.1974 14.7044 15.4735 14.8218 15.7054L15.4909 15.3666ZM18.7569 21.8165L19.0957 22.4856C19.2732 22.3957 19.4077 22.2391 19.4696 22.05C19.5316 21.861 19.5159 21.6551 19.426 21.4777L18.7569 21.8165ZM15.8903 23.268L15.2212 23.6068C15.4084 23.9764 15.8596 24.1243 16.2292 23.9371L15.8903 23.268ZM12.6243 16.818L13.2934 16.4792C13.1759 16.2473 12.9468 16.0927 12.6878 16.0707C12.4288 16.0487 12.1769 16.1623 12.022 16.3711L12.6243 16.818ZM9.41291 21.1454L8.66292 21.1492C8.66456 21.4721 8.87258 21.7576 9.17935 21.8581C9.48613 21.9587 9.82281 21.8516 10.0152 21.5924L9.41291 21.1454ZM9.33991 6.77598L9.78686 6.17371C9.55873 6.00441 9.25454 5.97854 9.0011 6.10688C8.74766 6.23521 8.58848 6.49572 8.58992 6.77979L9.33991 6.77598ZM12.2249 8.91688L11.7779 9.51916C12.006 9.68845 12.3102 9.71433 12.5637 9.58599L12.2249 8.91688ZM12.225 8.91682L12.8941 8.57801C12.707 8.20847 12.2557 8.06059 11.8862 8.24772L12.225 8.91682ZM12.2251 8.91706L11.556 9.25588C11.6086 9.35975 11.6847 9.44996 11.7782 9.51934L12.2251 8.91706ZM20.8793 15.3393L20.8831 16.0892C21.2059 16.0876 21.4914 15.8796 21.592 15.5728C21.6925 15.266 21.5855 14.9294 21.3262 14.737L20.8793 15.3393ZM14.8218 15.7054L18.0878 22.1553L19.426 21.4777L16.1601 15.0278L14.8218 15.7054ZM18.4181 21.1474L15.5515 22.5989L16.2292 23.9371L19.0957 22.4856L18.4181 21.1474ZM16.5594 22.9292L13.2934 16.4792L11.9552 17.1568L15.2212 23.6068L16.5594 22.9292ZM12.022 16.3711L8.81063 20.6985L10.0152 21.5924L13.2265 17.2649L12.022 16.3711ZM10.1629 21.1416L10.0899 6.77217L8.58992 6.77979L8.66292 21.1492L10.1629 21.1416ZM8.89297 7.37826L11.7779 9.51916L12.6718 8.31461L9.78686 6.17371L8.89297 7.37826ZM12.5637 9.58599L12.5638 9.58593L11.8862 8.24772L11.886 8.24778L12.5637 9.58599ZM11.5559 9.25564L11.556 9.25588L12.8942 8.57825L12.8941 8.57801L11.5559 9.25564ZM11.7782 9.51934L20.4323 15.9415L21.3262 14.737L12.6721 8.31479L11.7782 9.51934ZM20.8755 14.5893L15.4871 14.6166L15.4948 16.1166L20.8831 16.0892L20.8755 14.5893Z" fill="currentColor"/> <path d="M9.60889 13.9872C6.30223 13.7712 3.79674 10.9156 4.01273 7.60891C4.22872 4.30225 7.08439 1.79676 10.391 2.01275C13.6977 2.22874 16.2032 5.08441 15.9872 8.39107C15.933 9.22091 15.7126 10.0003 15.3604 10.6989" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Interactive Learning</div></a><a data-tooltip="Glossary" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:0fad1a68-ccee-8cb6-41fa-efc4c45929c9" href="https://university.webflow.com/glossary" class="sidebar_link-group mobile-menu w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.75 6.75C5.75 5.64543 6.64543 4.75 7.75 4.75H18.25V19.25H7.75C6.64543 19.25 5.75 18.3546 5.75 17.25V6.75Z" stroke="currentColor" stroke-width="1.5"/> <path d="M5.75 15.75H18.25" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Glossary</div></a><a data-tooltip="Certifications" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:b6eef22d-56ae-c92e-719a-10826d9549b3" href="https://university.webflow.com/certifications" class="sidebar_link-group mobile-menu w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="9" r="5.25" stroke="currentColor" stroke-width="1.5"/> <path d="M8 12.5V21L12 19L16 21V12.5" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Certifications</div></a></div><div class="sidebar_mobile-menu-group"><div class="sidebar_title-mobile-menu u-fc-3">Engage</div><a data-tooltip="Support" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:2e58d3f5-ae21-489c-13c2-ea1b98cc16d6" href="https://help.webflow.com/" class="sidebar_link-group mobile-menu w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 19.5C10.199 19.5 8.54635 18.8652 7.25344 17.8072L9.55708 15.5036C10.2493 15.9872 11.0916 16.2708 12 16.2708C12.9085 16.2708 13.7507 15.9872 14.443 15.5036L16.7466 17.8072C15.4537 18.8652 13.801 19.5 12 19.5ZM17.8072 16.7465C18.8652 15.4536 19.5 13.8009 19.5 12C19.5 10.199 18.8652 8.54635 17.8072 7.25344L15.5036 9.55702C15.9872 10.2493 16.2709 11.0915 16.2709 12C16.2709 12.9085 15.9872 13.7507 15.5036 14.4429L17.8072 16.7465ZM8.49642 14.4429L6.19278 16.7465C5.13477 15.4536 4.5 13.8009 4.5 12C4.5 10.199 5.13478 8.54635 6.1928 7.25344L8.49642 9.55706C8.01285 10.2493 7.72921 11.0915 7.72921 12C7.72921 12.9084 8.01286 13.7507 8.49642 14.4429ZM16.7465 6.19278C15.4536 5.13477 13.8009 4.5 12 4.5C10.1991 4.5 8.54636 5.13477 7.25346 6.19278L9.55707 8.4964C10.2493 8.01281 11.0916 7.72915 12 7.72915C12.9085 7.72915 13.7507 8.0128 14.443 8.49636L16.7465 6.19278ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM9.22921 12C9.22921 10.4697 10.4698 9.22915 12 9.22915C13.5303 9.22915 14.7709 10.4697 14.7709 12C14.7709 13.5303 13.5303 14.7708 12 14.7708C10.4698 14.7708 9.22921 13.5303 9.22921 12Z" fill="currentColor"/> </svg></div><div class="sidebar_link-text">Support</div></a><a data-tooltip="Community" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:2e58d3f5-ae21-489c-13c2-ea1b98cc16ce" href="https://webflow.com/community" class="sidebar_link-group mobile-menu w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2708 6.44912C10.3475 5.35986 11.2554 4.5 12.3642 4.5C13.5232 4.5 14.4628 5.43957 14.4628 6.59859C14.4628 7.75762 13.5232 8.69719 12.3642 8.69719C12.0409 8.69719 11.7347 8.6241 11.4612 8.49354C11.5742 9.01176 11.5806 9.55419 11.4709 10.0854C11.7565 10.1584 12.0558 10.1972 12.3642 10.1972C14.3516 10.1972 15.9628 8.58604 15.9628 6.5986C15.9628 4.61115 14.3516 3 12.3642 3C10.7027 3 9.30416 4.12602 8.89014 5.65657C9.14278 5.7384 9.39072 5.84784 9.62997 5.98597C9.86344 6.12076 10.0774 6.27638 10.2708 6.44912Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.2967 13.8457C13.0097 13.772 12.7089 13.7328 12.3989 13.7328C10.4114 13.7328 8.80029 15.3439 8.80029 17.3314C8.80029 19.3188 10.4114 20.93 12.3989 20.93C14.0385 20.93 15.422 19.8335 15.856 18.3337C15.6062 18.2522 15.361 18.1436 15.1243 18.007C14.8921 17.8729 14.6792 17.7183 14.4866 17.5466C14.3788 18.6045 13.4852 19.43 12.3989 19.43C11.2399 19.43 10.3003 18.4904 10.3003 17.3314C10.3003 16.1724 11.2399 15.2328 12.3989 15.2328C12.7126 15.2328 13.0103 15.3016 13.2776 15.425C13.1757 14.9092 13.179 14.3713 13.2967 13.8457Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.94988 7.26991C10.0682 7.91554 10.4513 9.34548 9.80567 10.4638C9.65588 10.7232 9.46387 10.9431 9.24334 11.1197C9.71694 11.3145 10.154 11.6046 10.5228 11.9816C10.7435 11.7561 10.9397 11.4996 11.1047 11.2138C12.1646 9.37804 11.5356 7.03072 9.69988 5.97087C7.86416 4.91102 5.51684 5.53998 4.45698 7.3757C3.57578 8.90199 3.86204 10.782 5.03871 11.9815C5.27724 11.7384 5.55235 11.5232 5.86175 11.3445C6.01091 11.2584 6.16345 11.1835 6.3184 11.1194C5.43102 10.41 5.17059 9.1397 5.75602 8.1257C6.40166 7.00742 7.8316 6.62427 8.94988 7.26991Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2552 11.9813C14.0346 12.2068 13.8385 12.4632 13.6735 12.7489C12.6137 14.5847 13.2426 16.932 15.0784 17.9918C16.9141 19.0517 19.2614 18.4227 20.3213 16.587C21.2024 15.0607 20.9162 13.1808 19.7396 11.9813C19.501 12.2245 19.2259 12.4398 18.9164 12.6185C18.7673 12.7045 18.6149 12.7795 18.4601 12.8435C19.3473 13.553 19.6076 14.8231 19.0222 15.837C18.3766 16.9553 16.9466 17.3384 15.8284 16.6928C14.7101 16.0472 14.3269 14.6172 14.9726 13.4989C15.1223 13.2396 15.3142 13.0198 15.5346 12.8432C15.061 12.6484 14.624 12.3583 14.2552 11.9813Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61181 12.6437C7.73009 11.998 9.16003 12.3812 9.80567 13.4994C10.0108 13.8547 10.112 14.2413 10.1189 14.6243C10.5258 14.282 11.0096 14.0282 11.5407 13.8925C11.4598 13.5007 11.3157 13.1149 11.1047 12.7494C10.0449 10.9137 7.69753 10.2848 5.86181 11.3446C4.02609 12.4045 3.39713 14.7518 4.45698 16.5875C5.37873 18.184 7.27429 18.8678 8.96019 18.3217C8.87892 18.0213 8.83555 17.7054 8.83555 17.3794C8.83555 17.1555 8.85599 16.9365 8.89509 16.724C7.78531 17.3263 6.39116 16.9376 5.75602 15.8375C5.11038 14.7192 5.49353 13.2893 6.61181 12.6437Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.2375 10.0704C13.3185 10.4624 13.4626 10.8482 13.6736 11.2138C14.7335 13.0495 17.0808 13.6785 18.9165 12.6186C20.7522 11.5588 21.3812 9.21145 20.3213 7.37573C19.3996 5.77923 17.5041 5.09547 15.8182 5.64153C15.8994 5.94179 15.9428 6.25763 15.9428 6.58358C15.9428 6.80752 15.9223 7.02668 15.8832 7.2393C16.993 6.63693 18.3871 7.02561 19.0223 8.12573C19.6679 9.24401 19.2848 10.6739 18.1665 11.3196C17.0482 11.9652 15.6183 11.5821 14.9727 10.4638C14.7675 10.1085 14.6662 9.7217 14.6594 9.33861C14.2525 9.68092 13.7686 9.93474 13.2375 10.0704Z" fill="currentColor"/> </svg></div><div class="sidebar_link-text">Community</div></a><a data-tooltip="Events" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:2e58d3f5-ae21-489c-13c2-ea1b98cc16d2" href="https://webflow.com/events" class="sidebar_link-group mobile-menu w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.75 6C5.75 5.86193 5.86193 5.75 6 5.75H18C18.1381 5.75 18.25 5.86193 18.25 6V18C18.25 18.1381 18.1381 18.25 18 18.25H6C5.86193 18.25 5.75 18.1381 5.75 18V6Z" stroke="currentColor" stroke-width="1.5"/> <path d="M8.75 3.5V8" stroke="currentColor" stroke-width="1.5"/> <path d="M15.25 3.5V8" stroke="currentColor" stroke-width="1.5"/> <path d="M18.25 10.25H5.75" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Events</div></a><a data-tooltip="Forum" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:a6548a53-b54f-9d3c-d80d-0273cd4f2929" href="https://university.webflow.com/support" class="sidebar_link-group mobile-menu w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.75 5C4.75 4.86193 4.86193 4.75 5 4.75H15C15.1381 4.75 15.25 4.86193 15.25 5V13C15.25 13.1381 15.1381 13.25 15 13.25H7.60355C7.53725 13.25 7.47366 13.2763 7.42678 13.3232L5.17678 15.5732C5.01929 15.7307 4.75 15.6192 4.75 15.3964V5Z" stroke="currentColor" stroke-width="1.5"/> <path d="M18.75 8V19L16.5 16.75H9" stroke="currentColor" stroke-width="1.5"/> </svg></div><div class="sidebar_link-text">Forum</div></a></div><div class="sidebar_mobile-menu-group last"><div class="sidebar_title-mobile-menu u-fc-3">Accessibility</div><a id="toLightModeMobile" data-tooltip="Light mode" data-w-id="cdb88b07-89e7-ad9d-61bc-76e62077c052" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:cdb88b07-89e7-ad9d-61bc-76e62077c052" href="#" class="sidebar_link-group mobile-menu w-inline-block"><div id="themeIcon" data-is-ix2-target="1" class="sidebar_moon-icon" data-w-id="c19a5ba1-5c3d-e5b8-9ac2-b78b9feea669" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/64dd4613a2e57c8cbc1ee8fc_moon-to-sun_v05.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="0.6666666666666666" data-duration="0" data-ix2-initial-state="0.01"></div><div class="sidebar_link-text">Switch to Light mode</div></a><a id="toDarkModeMobile" data-tooltip="Dark mode" data-w-id="058bbeaf-a79a-7d10-6602-bb97f7194965" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:058bbeaf-a79a-7d10-6602-bb97f7194965" href="#" class="sidebar_link-group mobile-menu w-inline-block"><div id="themeIcon" data-is-ix2-target="1" class="sidebar_sun-icon" data-w-id="7718690d-cd4a-db08-b3f6-a6a30e1d4aab" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/64dd4613f642f16df9a102b8_sun-to-moon_v05.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="0.7083333333333334" data-duration="0" data-ix2-initial-state="0.01"></div><div class="sidebar_link-text">Switch to Dark mode</div></a><a data-tooltip="High contrast mode" data-wf-native-id-path="c9ebbf87-1826-db47-edc9-48bd94c3df88:cdb88b07-89e7-ad9d-61bc-76e62077c056" href="#" class="sidebar_link-group mobile-menu toggle-contrast w-inline-block"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="7.25" stroke="currentColor" stroke-width="1.5"/> <path d="M7 12C7 14.7614 9.23858 17 12 17V7C9.23858 7 7 9.23858 7 12Z" fill="currentColor"/> </svg></div><div class="sidebar_link-text">High contrast</div></a></div></div></div><div id="mobileBgClose" data-w-id="d88dc439-4959-9433-349e-e7455bd19f85" class="sidebar_mobile-bg-close"></div><div class="styles_sidebar-custom-styles w-embed"><style> :root[data-theme="dark"][data-contrast="high"] .sidebar, :root[data-theme="light"][data-contrast="high"] .sidebar { background-color: var(--theme--t_bg-secondary); } :root[data-theme="light"][data-contrast="high"] .sidebar_link-group.w--current, :root[data-theme="dark"][data-contrast="high"] .sidebar_link-group.w--current, :root[data-theme="light"][data-contrast="high"] .sidebar_link-group:hover, :root[data-theme="dark"][data-contrast="high"] .sidebar_link-group:hover, :root[data-contrast="high"] .sidebar_link-group.toggle-contrast, :root[data-contrast="high"] .sidebar_link-group.toggle-contrast .sidebar_link-text { background-color: var(--theme--t_text-primary); color: var(--theme--t_bg-primary); } :root[data-theme="dark"][data-contrast="high"] .sidebar_link-group.w--current .sidebar_link-text, :root[data-theme="light"][data-contrast="high"] .sidebar_link-group.w--current .sidebar_link-text, :root[data-theme="dark"][data-contrast="high"] .sidebar_link-group:hover .sidebar_link-text, :root[data-theme="light"][data-contrast="high"] .sidebar_link-group:hover .sidebar_link-text { color: var(--theme--t_bg-primary); } .sidebar.opened .sidebar_link-text, .sidebar.opened .sidebar_title, .sidebar.opened .wf_wordmark { display: block; opacity: 1; max-height: 2rem; visibility: visible; pointer-events: auto; } .sidebar .wf_wordmark { display: flex; } .sidebar.opened .wf_wordmark { display: flex; } .sidebar.opened .sidebar-cta-btn { display: block; opacity: 1; height: auto; padding: 0.5rem; visibility: visible; pointer-events: auto; } .sidebar.opened .sidebar_title { margin: 0.5rem 0 0.25rem 0; } .no-transition { transition: none !important; } .sidebar.opened .cc_sidebar-cta-wrap { display: block; } .sidebar_footer { width: calc(3.125rem - 1px); height: 8rem; } .sidebar.opened .sidebar_footer { width: 100%; height: 2.75rem; } .sidebar_footer-button { transition: border-width 0.35s 0.35s cubic-bezier(0.8, 0.1, 0.38, 0.88), border-color 0.35s 0.35s cubic-bezier(0.8, 0.1, 0.38, 0.88); } .sidebar.opened .sidebar_footer-button { border-bottom-style: none; border-bottom-width: 0; border-right-width: 1px; border-right-style: solid; height: 100%; } .sidebar.opened .sidebar_footer-button.last { border: none; } #toggleContrast { transition: background-color .25s cubic-bezier(0.8, 0.1, 0.38, 0.88), color .25s cubic-bezier(0.8, 0.1, 0.38, 0.88); } :root[data-theme="light"][data-contrast="high"] #toggleContrast, :root[data-theme="dark"][data-contrast="high"] #toggleContrast { background: var(--theme--t_text-primary); color: var(--theme--t_bg-primary); } /* - - - - - - Tooltips - - - - - - */ .sidebar:not(.opened) .sidebar_link-group[data-tooltip]::after, .sidebar:not(.opened) .sidebar_link-group[data-tooltip]::before { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); opacity: 0; pointer-events: none; visibility: hidden; transition: visibility 0s .15s, opacity .15s cubic-bezier(0.8, 0.1, 0.38, 0.88), left .15s cubic-bezier(0.8, 0.1, 0.38, 0.88); } .sidebar:not(.opened) .sidebar_link-group[data-tooltip]::after { content: attr(data-tooltip); /* Set content from data attribute */ background: var(--theme--t_btn-1-bg); color: var(--theme--t_btn-1-text); box-shadow: var(--btn-shadow); padding: 0.25rem 0.5rem; border-radius: 0.125rem; white-space: nowrap; } /* Tooltip Arrow */ .sidebar:not(.opened) .sidebar_link-group[data-tooltip]::before { content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid var(--theme--t_btn-1-bg); } .sidebar:not(.opened) .sidebar_link-group[data-tooltip]:hover::after, .sidebar:not(.opened) .sidebar_link-group[data-tooltip]:hover::before { opacity: 1; visibility: visible; transition: visibility 0.25s 0.75s, opacity 0.25s 0.6s cubic-bezier(0.8, 0.1, 0.38, 0.88), left 0.25s 0.6s cubic-bezier(0.8, 0.1, 0.38, 0.88); } .sidebar:not(.opened) .sidebar_link-group[data-tooltip]:hover::after { left: calc(100% + 0.75rem); } .sidebar:not(.opened) .sidebar_link-group[data-tooltip]:hover::before { left: calc(100% + 0.45rem); } #moon-stroke, #sun-stroke { stroke: currentColor; fill: currentColor; } </style></div><div class="styles_sidebar-mobile-styles w-embed"><style> @media (max-height: 850px) { .sidebar { overflow-y: auto; overflow-x: hidden; } .sidebar .sidebar_title { display: none !important; } } @media screen and (min-width: 992px) and (max-width: 1040px) { .sidebar:not(.opened) .wf_wordmark { transition: none !important; } } @media screen and (max-width: 991px) { .sidebar_wrap { padding: 0.75rem; width: 100%; position: fixed; bottom: 0; } .sidebar, .sidebar.opened { width: 100%; height: 3rem; flex-direction: row; background: var(--theme--t_bg-secondary); transition: none !important; overflow: visible; } .sidebar .sidebar_header, .sidebar.opened .sidebar_header { min-height: 3rem; padding: 0 0.75rem; display: flex; border: none; } .sidebar .sidebar_link-text, .sidebar.opened .sidebar_link-text, .sidebar .sidebar_link-text.secondary, .sidebar.opened .sidebar_link-text.secondary, .sidebar .sidebar_title, .sidebar.opened .sidebar_title { opacity: 0; max-height: 0; visibility: hidden; pointer-events: none; display: none; } .sidebar .wf_wordmark, .sidebar.opened .wf_wordmark { display: flex; opacity: 1; max-height: 2rem; pointer-events: auto; visibility: visible; } .sidebar .sidebar__links-wrap, .sidebar.opened .sidebar__links-wrap { width: 100%; height: calc(3rem - 2px); display: flex; flex-direction: row; justify-content: end; } .sidebar .sidebar_group, .sidebar.opened .sidebar_group { flex-direction: row; display: flex; border: none; width: auto; padding: 0; } .sidebar .sidebar_link-group, .sidebar.opened .sidebar_link-group { margin: 0; } .sidebar_link-group:hover, .sidebar_footer-button:hover { background: transparent; } .sidebar .sidebar_group.hide-tablet, .sidebar.opened .sidebar_group.hide-tablet, .sidebar .sidebar_link-group.hide-tablet, .sidebar.opened .sidebar_link-group.hide-tablet { display: none; } .sidebar .sidebar_footer, .sidebar.opened .sidebar_footer { width: auto; height: 100%; margin: 0; border-left-width: 1px; border-left-style: solid; border-top: none; border-color: var(--theme--t_border-primary); transition: none !important; } .sidebar .sidebar_footer-button, .sidebar.opened .sidebar_footer-button { width: auto; border: none; height: 100%; } .sidebar .sidebar_footer-button#sidebar-close, .sidebar.opened .sidebar_footer-button#sidebar-close { display: none; } .sidebar .sidebar_footer-button#mobile-menu, .sidebar.opened .sidebar_footer-button#mobile-menu { display: flex; } /* Tooltips */ .sidebar:not(.opened) .sidebar_link-group[data-tooltip]::after, .sidebar:not(.opened) .sidebar_link-group[data-tooltip]::before { left: 50%; top: auto; bottom: 100%; transform: translateX(-50%) translateY(0); transition: opacity .15s cubic-bezier(0.8, 0.1, 0.38, 0.88), bottom .15s cubic-bezier(0.8, 0.1, 0.38, 0.88); } /* Tooltip Arrow */ .sidebar:not(.opened) .sidebar_link-group[data-tooltip]::before { border-top: 5px solid var(--theme--t_btn-1-bg); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: none; } .sidebar:not(.opened) .sidebar_link-group[data-tooltip]:hover::before, .sidebar:not(.opened) .sidebar_link-group[data-tooltip]:hover::after { transition: visibility 0.25s 0.75s, opacity 0.25s 0.6s cubic-bezier(0.8, 0.1, 0.38, 0.88), bottom 0.25s 0.6s cubic-bezier(0.8, 0.1, 0.38, 0.88); left: 100%; margin-left: -50%; } .sidebar:not(.opened) .sidebar_link-group[data-tooltip]:hover::after { bottom: calc(100% + 0.75rem); } .sidebar:not(.opened) .sidebar_link-group[data-tooltip]:hover::before { bottom: calc(100% + 0.45rem); } /* Mobile Nav */ .sidebar_mobile-menu { background: var(--theme--t_bg-secondary); width: calc(100vw - 2.5rem + 1px); } } @media screen and (max-width: 768px) { .sidebar_mobile-menu { width: calc(100vw - 1.5rem); max-height: calc(100dvh - 5.25rem); } .sidebar .sidebar_group.hide-mobile-l, .sidebar .sidebar_link-group.hide-mobile-l, .sidebar .sidebar_footer-button.hide-mobile-l { display: none; } } @media screen and (max-width: 600px) { .sidebar .sidebar_group.hide-mobile-p, .sidebar .sidebar_link-group.hide-mobile-p, .sidebar .sidebar_footer-button.hide-mobile-p { display: none; } } </style></div><div class="styles_sidebar-script w-embed w-script"><script src="https://cdn.jsdelivr.net/gh/mackenziechild/wfu3/js/sidebar-v2.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/mackenziechild/wfu3/js/theme.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/mackenziechild/wfu3/js/contrast.min.js"></script></div><div class="g-modal_wrap"><div id="modal-box" class="g-modal_box experiment"><div id="modal-close" class="g-modal_x"></div><div id="signup-v2" class="g-modal-asset cc-image"><div class="g-modal-image"><img src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/650a09e56e7b9e1728b7d528_designer.avif" loading="lazy" srcset="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/650a09e56e7b9e1728b7d528_designer-p-500.avif 500w, https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/650a09e56e7b9e1728b7d528_designer-p-800.avif 800w, https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/650a09e56e7b9e1728b7d528_designer.avif 2253w" sizes="100vw" alt="" class="g-modal-image-img"/></div></div><div class="g-modal-login"><div><div class="g-modal_embed experiment w-embed w-iframe"><iframe id="signup-modal" style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh;" frameBorder="0"></iframe></div></div><div id="signup-logos-v2" data-signup-modal-logos="1" class="g-modal-logos"><div class="g-modal-logos_title">Trusted by teams at</div><div class="g-modal-logos_wrapper"><img src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/650a09e56e7b9e1728b7d530_dell.svg" loading="lazy" alt="Dell" height="20" class="g-modal-logos_img"/><img src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/650a09e56e7b9e1728b7d534_zendesk.svg" loading="lazy" alt="Zendesk" height="18" class="g-modal-logos_img"/><img src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/650a09e56e7b9e1728b7d533_rakuten.svg" loading="lazy" alt="Rakuten" height="22" class="g-modal-logos_img cc-rakuten"/><img src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/650a09e56e7b9e1728b7d52f_petal-black.svg" loading="lazy" alt="Petal" height="18" class="g-modal-logos_img"/><img src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/650a09e56e7b9e1728b7d535_mural.svg" loading="lazy" alt="Mural" height="20" class="g-modal-logos_img"/><img src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/650a09e56e7b9e1728b7d532_ted.svg" loading="lazy" height="18" alt="Ted" class="g-modal-logos_img"/><img src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/650a09e56e7b9e1728b7d531_lattice.svg" loading="lazy" alt="Lattice" height="18" class="g-modal-logos_img"/></div></div></div></div><div id="modal-trigger" class="g-modal_trigger"></div><div class="u-hidden w-embed"><style> /* Edit to navigation for quote in slider user in Sign-up experiment */ .w-slider-nav { height: auto !important; text-align: left !important; padding: 0 80px 36px !important; } .w-slider-dot { margin: 0 12px 0 0 !important; width: 0.75em !important; height: 0.75em !important; } @media screen and (max-width: 991px) { .w-slider-nav { height: auto !important; text-align: left !important; padding: 0 60px 36px !important; } } @media screen and (max-width: 479px) { .w-slider-nav { height: auto !important; text-align: left !important; padding: 0 28px 28px !important; } } </style></div></div></div><main id="main" class="page-main"><section id="typography" class="section section_header"><div class="container"><div class="cc_grid-sidebar"><div class="u-d-flex-vertical"><h1 class="u-mb-0">Courses</h1></div></div></div></section><section class="section no-top"><div class="container"><div class="cc_grid-sidebar"><div id="w-node-d5f17065-4ccc-1a03-01e4-307a46adc849-ed5f5fa3"><div id="w-node-b8c0b3e1-4770-cff5-d07b-564817ca1248-ed5f5fa3" class="cc_search-with-filter-wrap courses"><div class="cc_search-input-wrap"><input type="text" placeholder="Search" id="search-filter-input" class="input jetboost-list-search-input-8pxx"/><div class="w-embed"><style> #search-filter-input { padding-left: 3rem; } .search-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 991px) { ##search-filter-input { padding-left: 2.5rem; } .search-icon { left: 0.75rem; } } </style> <svg class="search-icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z" stroke="var(--theme--t_text-primary)" stroke-width="1.5" stroke-linecap="round"/> </svg></div></div><div class="cc_search-filter-wrap-btns"><div class="cc_button-group"><div id="cardBtn" class="cc_button-group-item active"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 5.5H18.5V9.5H14.5V5.5ZM13 5.5C13 4.67157 13.6716 4 14.5 4H18.5C19.3284 4 20 4.67157 20 5.5V9.5C20 10.3284 19.3284 11 18.5 11H14.5C13.6716 11 13 10.3284 13 9.5V5.5ZM5.5 14.5H9.5V18.5H5.5L5.5 14.5ZM4 14.5C4 13.6716 4.67157 13 5.5 13H9.5C10.3284 13 11 13.6716 11 14.5V18.5C11 19.3284 10.3284 20 9.5 20H5.5C4.67157 20 4 19.3284 4 18.5V14.5ZM18.5 14.5H14.5V18.5H18.5V14.5ZM14.5 13C13.6716 13 13 13.6716 13 14.5V18.5C13 19.3284 13.6716 20 14.5 20H18.5C19.3284 20 20 19.3284 20 18.5V14.5C20 13.6716 19.3284 13 18.5 13H14.5ZM5.5 5.5H9.5V9.5H5.5L5.5 5.5ZM4 5.5C4 4.67157 4.67157 4 5.5 4H9.5C10.3284 4 11 4.67157 11 5.5V9.5C11 10.3284 10.3284 11 9.5 11H5.5C4.67157 11 4 10.3284 4 9.5V5.5Z" fill="currentColor"/> </svg></div></div><div id="listBtn" class="cc_button-group-item"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 17L5 17" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> <path d="M19 13L5 13" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> <path d="M19 9L5 9" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> <path d="M19 5L5 5" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> </svg></div></div></div><div data-hover="false" data-delay="0" class="cc_filter-dropdown-wrap w-dropdown"><div class="cc_filter-dropdown-btn w-dropdown-toggle"><div class="icon-1-5 w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15 17H9" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> <path d="M17 12L7 12" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> <path d="M19 7L5 7" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> </svg></div></div><nav class="cc_filter-dropdown-content-wrap w-dropdown-list"><div class="cc_filter-dropdown-header u-bgc-2"><div class="h4 u-mb-0">Filter</div><a data-wf-native-id-path="c6a54e2a-741c-2f12-4c77-4b1546ecee4a" href="#" class="cc_docs-filter-reset jetboost-filter-none-5r1v jetboost-list-search-reset-8pxx">Reset</a></div><div><div class="cc_filter-dropdown-inner"><div class="w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" data-wf-page-id="64a5cefb380b172bed5f5fa3" data-wf-element-id="b7456b39-05a2-d6bb-95ad-6c137c7a01d7"><div class="jetboost-filter-5r1v w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-0" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Localization</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="localization" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-1" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Ecommerce</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="ecommerce" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-2" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Editor</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="editor" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-3" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">HTML</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="html" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-4" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Freelancing</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="freelancing" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-5" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">CSS</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="css" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-6" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Accessibility</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="accessibility" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-7" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">CMS</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="cms" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-8" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Business</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="business" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-9" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Figma</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="figma" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-10" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Interactions</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="interactions" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-11" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">SEO</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="seo" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b7456b39-05a2-d6bb-95ad-6c137c7a01db_instance-12" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Site build</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="site-build" /></div></div></div></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></nav></div></div></div><div class="jetboost-list-wrapper-5r1v jetboost-list-wrapper-8pxx w-dyn-list"><div role="list" class="cc_courses-grid w-dyn-items"><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-0" href="/courses/localize-your-site-in-webflow" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/65674da04e930301297eb15e_loc-wfu.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Localize your site in Webflow</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Learn how to localize a site for different languages and regions. Translate text, customize and manage content, and optimize SEO settings, so your site reaches a wider audience.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Beginner - Intermediate</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">22m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="localize-your-site-in-webflow" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-1" href="/courses/figma-to-webflow" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/656dfdf20754b1b9bdbb09db_f2w.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Figma to Webflow</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Learn the entire design process from idea to final output as we take you through Figma, Cinema 4D and Octane, and Webflow.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Beginner - Advanced</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">6h 27m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="figma-to-webflow" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-2" href="/courses/21-day-portfolio-course" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/656dfdd778e6d2468e8cb594_21day.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">21-day design portfolio course</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Build and visually design a full portfolio website within the span of 21 days.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Beginner - Advanced</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">4h 51m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="21-day-portfolio-course" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-3" href="/courses/clients-guide-to-the-editor" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6570b8234ff53ba13d8c7bb9_editor.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Client's guide to the Editor</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">This is the Client's guide to the Webflow Editor. Share these lessons to get your clients up and running.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Intermediate</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">17m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="clients-guide-to-the-editor" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-4" href="/courses/webflow-ecommerce" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b562045337bd1308594d_5f1831a9c4237872d457d02f_Ecommerce-(1).jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Webflow Ecommerce</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Learn how to build and design your Webflow Ecommerce store. Customize every detail and launch a fully functional online store — without writing code.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Beginner - Intermediate</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">19m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="webflow-ecommerce" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-5" href="/courses/seo-fundamentals" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/65736c75644957b470a9424d_seo-2.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">SEO fundamentals</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">An overview of search engine optimization (SEO) fundamentals and best practices — learn how to optimize your content from the start.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Beginner</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">13m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="seo-fundamentals" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-6" href="/courses/moving-your-business-online" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b524b05670b3e2710b15_5f18307bd070a77e529fe509_Moving-20your-20business-20online.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Moving your business online</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">A free course on how to take your business online. Serve more clients and generate more revenue in this new environment. </p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Beginner</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">27m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="moving-your-business-online" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-7" href="/courses/web-elements-course" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/656f83fd4a836cba41250bec_web-elements.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Web elements</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">A comprehensive look at the building blocks and elements Webflow puts at your fingertips — start designing websites visually, with confidence.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Intermediate</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">2h 18m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="web-elements-course" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-8" href="/courses/grid" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6571f15954cf5d8ee9711349_grid.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">CSS grid in Webflow</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">An overview of CSS grid. Use the grid layout in Webflow to get more control over your designs and create powerful, responsive layouts — faster.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Intermediate</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">39m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="grid" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-9" href="/courses/web-accessibility" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b4d5c2851e91db33e374_60a5a88f6cf45227f91e4858_Accessibility-course.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Accessibility on the web</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Learn about accessibility on the web and how to create inclusive and accessible sites without writing code.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Beginner - Intermediate</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">43m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="web-accessibility" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-10" href="/courses/webflow-101" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/656dfde596a47599cffa45b0_wf101.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Webflow 101</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Introducing Webflow 101, the ultimate course to learn the fundamentals of web design and development.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Beginner - Intermediate</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">2h 23m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="webflow-101" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-11" href="/courses/after-effects-lottie-in-webflow" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/66fb08eec638c8537b1e53de_web-animations.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Web animations with After Effects & Lottie</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Intermediate</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">1h 18m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="after-effects-lottie-in-webflow" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-12" href="/courses/landing-page-generator-for-ryan-reynolds" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b518c0feaa5aa5fac177_63eb30c52d440b14454bd77c_Course-20TN.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Landing page generator for Ryan Reynolds</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Learn how to build a dynamic landing page generator in under 30 minutes.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Intermediate - Advanced</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">41m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="landing-page-generator-for-ryan-reynolds" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-13" href="/courses/interactions-and-animations-course" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b512c0feaa5aa5fabbee_5f1831e1781ada6d13dde1da_Frame-20179.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Interactions & animations course</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Learn how to animate multiple elements managed on a single timeline — bring your designs to life with rich, sequenced interactions and animations.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Intermediate - Advanced</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">1h 59m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="interactions-and-animations-course" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-14" href="/courses/cms-and-dynamic-content" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b4dec0feaa5aa5fa9cf5_5f1831d30a7237298f4efa99_Cms.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">CMS & dynamic content</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Learn how to use Webflow CMS to build completely custom websites powered by dynamic content, and define your content's structure and style.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Beginner - Intermediate</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">41m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="cms-and-dynamic-content" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-15" href="/courses/the-freelancers-journey" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b50684a1442373f47523_5f1832378a845756c8380d4a_The-20freelancers-20journey.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Freelance web design boot camp</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">The Freelancer’s Journey is a free, comprehensive course to help you build a successful, fulfilling freelance career in web design.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Beginner</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">6h 59m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="the-freelancers-journey" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-16" href="/courses/full-site-build" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b522ca348970f3a4e29c_5f44164190d139e56592c83c_Full-20site.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Full site build</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Learn how to design and develop a CMS-driven website built around the needs of your client and their audience — and execute a successful launch.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Intermediate</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">4h 23m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="full-site-build" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-17" href="/courses/ultimate-web-design-course" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b549356820b6e0dcf474_5f18322b7d0a6b24a4db36f4_Ultimate-20web-20design-20course.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">Ultimate web design course</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">From the fundamentals to advanced topics — learn how to build sites in Webflow and become the designer you always wanted to be.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Beginner - Intermediate</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">5h 29m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="ultimate-web-design-course" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-18" href="/courses/css-layout-and-positioning" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b4ed34351a4e9258615c_5f1831f194d53c32ab6a3545_CSS-20LAYOUT-20AND-20POSITIONING.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">CSS layout & positioning</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Dig into the world of HTML and CSS layouts — learn how they work together and get an overview of display properties like inline block and flexbox.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Intermediate - Advanced</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">1h 34m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="css-layout-and-positioning" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="6bbbae49-39c3-7055-56f5-9c57ff4b0ee4_instance-19" href="/courses/css-styling" class="cc_course-card w-inline-block"><div style="background-image:url("https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b4f0c0feaa5aa5faa0a9_5f1831ff5432683db3b93baf_CSS-20STYLING.jpeg")" class="cc_course-card-thumbnail-wrap"></div><div class="cc_course-card-inner"><h3 class="h4 u-mb-0">CSS styling</h3><p class="cc_course-card-description u-fc-2 text-style-2lines">Take a closer look at all the creative styling possibilities that CSS offers. Learn how to style elements visually, with the power of Webflow.</p></div><div class="cc_course-card-footer"><div class="cc_course-card-footer-item skill"><p class="text-xs u-fc-2 u-mb-0">Intermediate</p></div><div class="cc_course-card-footer-item length"><p class="text-xs u-fc-2 u-mb-0">2h 13m</p></div><div class="cc_course-card-footer-item arrow u-bgc-2"><div class="icon-1-25 w-embed"><svg width="100%" height="100%" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.25 0.5L7.46 1.22L11.35 5.5H0.75V6.5H11.35L7.46 10.78L7.97 11.5L13.25 6L8.25 0.5Z" fill="currentColor"/> </svg></div></div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="css-styling" /></div></div></div></div><div class="jetboost-list-wrapper-empty-5r1v"><div class="cc_query-no-results"><h4 class="cc_docs-list-no-results-title">Hmm…we couldn’t find any results. Reset the filters or try searching for something specific.</h4><a href="#" id="reset-btn" data-wf-native-id-path="1bd7fe80-2d2b-d18d-43b8-3a9d48ec1345" class="btn jetboost-filter-none-5r1v jetboost-list-search-reset-8pxx w-button">Reset the filter</a></div></div></div><div id="w-node-d5f17065-4ccc-1a03-01e4-307a46adc875-ed5f5fa3" class="u-hide-tablet"><div class="cc_sticky-wrap"><div class="spread u-mb-1"><h3 class="u-mb-0">Filter</h3><a data-wf-native-id-path="d5f17065-4ccc-1a03-01e4-307a46adc87a" href="#" class="cc_docs-filter-reset jetboost-filter-none-5r1v jetboost-list-search-reset-8pxx">Reset</a></div><div><div class="eyebrow">Topics</div><div class="w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" data-wf-page-id="64a5cefb380b172bed5f5fa3" data-wf-element-id="d5f17065-4ccc-1a03-01e4-307a46adc892"><div class="jetboost-filter-5r1v w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-0" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Localization</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="localization" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-1" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Ecommerce</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="ecommerce" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-2" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Editor</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="editor" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-3" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">HTML</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="html" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-4" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Freelancing</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="freelancing" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-5" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">CSS</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="css" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-6" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Accessibility</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="accessibility" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-7" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">CMS</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="cms" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-8" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Business</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="business" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-9" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Figma</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="figma" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-10" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Interactions</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="interactions" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-11" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">SEO</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="seo" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="b312b77b-ada2-3c26-90db-06f766220934_instance-12" class="w-checkbox checkbox-group"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" id="topicCheckbox" name="checkbox" data-name="Checkbox" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox_filter-label w-form-label" for="checkbox">Site build</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="site-build" /></div></div></div></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div><a id="backToTop" data-wf-native-id-path="d5f17065-4ccc-1a03-01e4-307a46adc8a3" href="#" class="cc_docs-filter-back-to-top">Back to top</a></div></div></div></div></div></section><footer class="g-footer"><div class="container"><div class="g-footer_container"><div class="g-footer-column_wrapper"><div class="g-footer-column"><div><div class="g-footer-section_title">Product</div><ul aria-label="Product" role="list" class="g-footer-list w-list-unstyled"><li class="g-footer-list_item"><a data-cta-text="platform" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcea4" href="https://webflow.com/platform" class="g-footer-list_item-link w-inline-block"><div>Platform</div></a></li><li class="g-footer-list_item"><a data-cta-text="designer" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcea8" href="https://webflow.com/designer" class="g-footer-list_item-link w-inline-block"><div>Designer</div></a></li><li class="g-footer-list_item"><a data-cta-text="edit mode" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcec0" href="https://webflow.com/edit-mode" class="g-footer-list_item-link w-inline-block"><div>Edit mode</div></a></li><li class="g-footer-list_item"><a data-cta-text="interactions" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bceb4" href="https://webflow.com/interactions-animations" class="g-footer-list_item-link w-inline-block"><div>Interactions</div></a></li><li class="g-footer-list_item"><a data-cta-text="page building" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:8b372ac5-d3b7-f257-778b-66d329e48a6b" href="https://webflow.com/page-building" class="g-footer-list_item-link w-inline-block"><div>Page building</div><div class="g-footer-list_item-tag">New</div></a></li><li class="g-footer-list_item"><a data-cta-text="cms" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bceac" href="https://webflow.com/cms" class="g-footer-list_item-link w-inline-block"><div>CMS</div></a></li><li class="g-footer-list_item"><a data-cta-text="hosting" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcec4" href="https://webflow.com/hosting" class="g-footer-list_item-link w-inline-block"><div>Hosting</div></a></li><li class="g-footer-list_item"><a data-cta-text="localization" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcebc" href="https://webflow.com/localization" class="g-footer-list_item-link w-inline-block"><div>Localization</div></a></li><li class="g-footer-list_item"><a data-cta-text="security" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bced4" href="https://webflow.com/security" class="g-footer-list_item-link w-inline-block"><div>Security</div></a></li><li class="g-footer-list_item"><a data-cta-text="ecommerce" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bceb0" href="https://webflow.com/ecommerce" class="g-footer-list_item-link w-inline-block"><div>Ecommerce</div></a></li><li class="g-footer-list_item"><a data-cta-text="analyze" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:23e50bb6-4edd-4d7b-b428-c144c2961126" href="https://webflow.com/analyze" class="g-footer-list_item-link w-inline-block"><div>Analyze</div><div class="g-footer-list_item-tag">New</div></a></li><li class="g-footer-list_item"><a data-cta-text="optimize" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:286cc2eb-c9db-048d-5e96-c09d9cb3d109" href="https://webflow.com/optimize" class="g-footer-list_item-link w-inline-block"><div>Optimize</div><div class="g-footer-list_item-tag">New</div></a></li><li class="g-footer-list_item"><a data-cta-text="seo" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bceb8" href="https://webflow.com/seo" class="g-footer-list_item-link w-inline-block"><div>SEO</div></a></li><li class="g-footer-list_item"><a data-cta-text="devlink" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcec8" href="http://webflow.com/devlink" class="g-footer-list_item-link cc-combo w-inline-block"><div>DevLink</div><div class="g-footer-list_item-tag">Labs</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcecd-cf98f26f" class="g-footer-list_item"><a data-cta-text="figma to webflow" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcece" href="https://webflow.com/figma-to-webflow" class="g-footer-list_item-link cc-combo w-inline-block"><div>Figma to Webflow</div><div class="g-footer-list_item-tag">Labs</div></a></li><li class="g-footer-list_item"><a data-cta-text="accessibility" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bced8" href="https://webflow.com/accessibility" class="g-footer-list_item-link w-inline-block"><div>Accessibility</div></a></li><li class="g-footer-list_item"><a data-cta-text="ai" data-cta="footer CTA" data-cta-position="product section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:33703fb0-666b-15c2-a07d-75d710665fe8" href="https://webflow.com/ai" class="g-footer-list_item-link w-inline-block"><div>AI</div></a></li></ul></div></div><div class="g-footer-column"><div><div class="g-footer-section_title">Solutions</div><ul aria-label="Solutions" role="list" class="g-footer-list w-list-unstyled"><li class="g-footer-list_item"><a data-cta-text="enterprise" data-cta="footer CTA" data-cta-position="solutions section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcee1" href="https://webflow.com/enterprise" class="g-footer-list_item-link w-inline-block"><div>Enterprise</div></a></li><li class="g-footer-list_item"><a data-cta-text="startups" data-cta="footer CTA" data-cta-position="solutions section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcee5" href="https://webflow.com/startups" class="g-footer-list_item-link w-inline-block"><div>Startups</div></a></li><li class="g-footer-list_item"><a data-cta-text="global alliances" data-cta="footer CTA" data-cta-position="solutions section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcee9" href="https://webflow.com/solutions/global-alliances" class="g-footer-list_item-link w-inline-block"><div>Global alliances</div></a></li><li class="g-footer-list_item"><a data-cta-text="agencies" data-cta="footer CTA" data-cta-position="solutions section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bceed" href="https://webflow.com/solutions/agencies" class="g-footer-list_item-link w-inline-block"><div>Agencies</div></a></li><li class="g-footer-list_item"><a data-cta-text="freelancers" data-cta="footer CTA" data-cta-position="solutions section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcef1" href="https://webflow.com/solutions/freelancers" class="g-footer-list_item-link w-inline-block"><div>Freelancers</div></a></li><li class="g-footer-list_item"><a data-cta-text="classrooms" data-cta="footer CTA" data-cta-position="solutions sections" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcef5" href="https://webflow.com/for/classroom" class="g-footer-list_item-link w-inline-block"><div>Classrooms</div></a></li></ul></div></div><div class="g-footer-column"><div><div class="g-footer-section_title">Resources</div><ul aria-label="Resources" role="list" class="g-footer-list w-list-unstyled"><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcefd-cf98f26f" class="g-footer-list_item"><a data-cta-text="university" data-cta="footer CTA" data-cta-position="resources section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcefe" href="https://university.webflow.com" class="g-footer-list_item-link w-inline-block"><div>University</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf01-cf98f26f" class="g-footer-list_item"><a data-cta-text="blog" data-cta="footer CTA" data-cta-position="resources section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf02" href="https://webflow.com/blog" class="g-footer-list_item-link w-inline-block"><div>Blog</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf05-cf98f26f" class="g-footer-list_item"><a data-cta-text="customer stories" data-cta="footer CTA" data-cta-position="resources section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf06" href="https://webflow.com/customers" class="g-footer-list_item-link w-inline-block"><div>Customer stories</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf09-cf98f26f" class="g-footer-list_item"><a data-cta-text="webinars and ebooks" data-cta="footer CTA" data-cta-position="resources section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf0a" href="https://webflow.com/resources" class="g-footer-list_item-link w-inline-block"><div>Webinars and ebooks</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf0d-cf98f26f" class="g-footer-list_item"><a data-cta-text="apps" data-cta="footer CTA" data-cta-position="resources section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf0e" href="https://webflow.com/apps" class="g-footer-list_item-link w-inline-block"><div>Apps</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf11-cf98f26f" class="g-footer-list_item"><a data-cta-text="libraries" data-cta="footer CTA" data-cta-position="resources section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf12" href="https://webflow.com/libraries" class="g-footer-list_item-link w-inline-block"><div>Libraries</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf17-cf98f26f" class="g-footer-list_item"><a data-cta-text="templates" data-cta="footer CTA" data-cta-position="resources section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf18" href="https://webflow.com/templates" class="g-footer-list_item-link w-inline-block"><div>Templates</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf1b-cf98f26f" class="g-footer-list_item"><a data-cta-text="developers" data-cta="footer CTA" data-cta-position="resources section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf1c" href="http://developers.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Developers</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf1f-cf98f26f" class="g-footer-list_item"><a data-cta-text="made in webflow" data-cta="footer CTA" data-cta-position="resources section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf20" href="https://webflow.com/made-in-webflow" class="g-footer-list_item-link w-inline-block"><div>Made in Webflow</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf23-cf98f26f" class="g-footer-list_item"><a data-cta-text="glossary" data-cta="footer CTA" data-cta-position="resources section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf24" href="https://webflow.com/glossary" class="g-footer-list_item-link w-inline-block"><div>Glossary</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf27-cf98f26f" class="g-footer-list_item"><a data-cta-text="livestreams" data-cta="footer CTA" data-cta-position="resources section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf28" href="https://webflow.com/events/livestreams" class="g-footer-list_item-link w-inline-block"><div>Livestreams</div></a></li></ul></div></div><div class="g-footer-column"><div><div class="g-footer-section_title">Company</div><ul aria-label="Company" role="list" class="g-footer-list w-list-unstyled"><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf30-cf98f26f" class="g-footer-list_item"><a data-cta-text="about" data-cta="footer CTA" data-cta-position="company section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf31" href="https://webflow.com/about" class="g-footer-list_item-link w-inline-block"><div>About</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf34-cf98f26f" class="g-footer-list_item"><a data-cta-text="careers" data-cta="footer CTA" data-cta-position="company section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf35" href="https://webflow.com/careers" class="g-footer-list_item-link cc-combo w-inline-block"><div>Careers</div><div class="g-footer-list_item-tag">We're Hiring</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf3a-cf98f26f" class="g-footer-list_item"><a data-cta-text="press" data-cta="footer CTA" data-cta-position="company section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf3b" href="https://webflow.com/press" class="g-footer-list_item-link w-inline-block"><div>Press</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf3e-cf98f26f" class="g-footer-list_item"><a data-cta-text="webflow ventures" data-cta="footer CTA" data-cta-position="company section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf3f" href="https://webflow.com/webflow-ventures" class="g-footer-list_item-link w-inline-block"><div>Webflow Ventures</div></a></li><li id="w-node-ac660fd7-0f53-346a-117d-bd3fdba78bf9-cf98f26f" class="g-footer-list_item"><a data-cta-text="webflow shop" data-cta="footer CTA" data-cta-position="company section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:ac660fd7-0f53-346a-117d-bd3fdba78bfa" href="https://shop.webflow.com" class="g-footer-list_item-link w-inline-block"><div>Webflow Shop</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf42-cf98f26f" class="g-footer-list_item"><a data-cta-text="terms of service" data-cta="footer CTA" data-cta-position="company section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf43" href="https://webflow.com/legal/terms" class="g-footer-list_item-link w-inline-block"><div>Terms of Service</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf46-cf98f26f" class="g-footer-list_item"><a data-cta-text="privacy policy" data-cta="footer CTA" data-cta-position="company section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf47" href="https://webflow.com/legal/privacy" class="g-footer-list_item-link w-inline-block"><div>Privacy policy</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf4a-cf98f26f" class="g-footer-list_item"><a data-cta-text="cookie policy" data-cta="footer CTA" data-cta-position="company section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf4b" href="https://webflow.com/legal/cookie-policy" class="g-footer-list_item-link w-inline-block"><div>Cookie policy</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf4e-cf98f26f" class="g-footer-list_item"><a id="show-cookie-preferences" data-cta="footer CTA" data-cta-position="company section" data-cta-text="cookie preferences" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf4f" href="#" class="g-footer-list_item-link w-inline-block"><div>Cookie preferences</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf52-cf98f26f" class="g-footer-list_item"><a data-cta-text="accessibility statement" data-cta="footer CTA" data-cta-position="company section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf53" href="https://webflow.com/accessibility/statement" class="g-footer-list_item-link w-inline-block"><div>Accessibility statement</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf56-cf98f26f" class="g-footer-list_item"><a data-cta-text="sitemap" data-cta="footer CTA" data-cta-position="company section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf57" href="https://webflow.com/sitemap" class="g-footer-list_item-link w-inline-block"><div>Sitemap</div></a></li></ul></div></div><div class="g-footer-column"><div><div class="g-footer-section_title">Community</div><ul aria-label="Community" role="list" class="g-footer-list w-list-unstyled"><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf5f-cf98f26f" class="g-footer-list_item"><a data-cta-text="discover the community" data-cta="footer CTA" data-cta-position="community section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf60" href="https://webflow.com/community" class="g-footer-list_item-link w-inline-block"><div>Discover the community</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf63-cf98f26f" class="g-footer-list_item"><a data-cta-text="partner with webflow" data-cta="footer CTA" data-cta-position="community section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf64" href="https://webflow.com/partners" class="g-footer-list_item-link w-inline-block"><div>Partner with Webflow</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf67-cf98f26f" class="g-footer-list_item"><a data-cta-text="certified partners" data-cta="footer CTA" data-cta-position="community section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf68" href="https://experts.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Certified Partners</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf6b-cf98f26f" class="g-footer-list_item"><a data-cta-text="become a template designer" data-cta="footer CTA" data-cta-position="community section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf6c" href="https://webflow.com/templates/applications" class="g-footer-list_item-link w-inline-block"><div>Become a template designer</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf6f-cf98f26f" class="g-footer-list_item"><a data-cta-text="become an affiliate" data-cta="footer CTA" data-cta-position="community section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf70" href="https://webflow.com/affiliates" class="g-footer-list_item-link w-inline-block"><div>Become an affiliate</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf73-cf98f26f" class="g-footer-list_item"><a data-cta-text="become a global leader" data-cta="footer CTA" data-cta-position="community section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf74" href="https://webflow.com/community/global-leaders" class="g-footer-list_item-link w-inline-block"><div>Become a Global Leader</div></a></li><li id="w-node-f4032ea3-bc43-584e-4e99-2dac702bcf77-cf98f26f" class="g-footer-list_item"><a data-cta-text="find a meetup near you" data-cta="footer CTA" data-cta-position="community section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf78" href="https://webflow.com/events" class="g-footer-list_item-link w-inline-block"><div>Find a meetup near you</div></a></li></ul></div></div><div class="g-footer-column cc-last"><div><div class="g-footer-section_title">Get help</div><ul aria-label="Get help" role="list" class="g-footer-list w-list-unstyled"><li class="g-footer-list_item"><a data-cta-text="support" data-cta="footer CTA" data-cta-position="get help section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf81" href="https://help.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Support</div></a></li><li class="g-footer-list_item"><a data-cta-text="pricing" data-cta="footer CTA" data-cta-position="get help section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf85" href="https://webflow.com/pricing" class="g-footer-list_item-link w-inline-block"><div>Pricing</div></a></li><li class="g-footer-list_item"><a data-cta-text="status" data-cta="footer CTA" data-cta-position="get help section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf89" href="https://status.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Status</div></a></li><li class="g-footer-list_item"><a data-cta-text="forum" data-cta="footer CTA" data-cta-position="get help section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf8d" href="https://forum.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Forum</div></a></li><li class="g-footer-list_item"><a data-cta-text="wishlist" data-cta="footer CTA" data-cta-position="get help section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf91" href="https://wishlist.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Wishlist</div></a></li></ul></div></div></div><div class="g-footer-copyright"><div class="u-text-gray400">© <span class="footer-copyright_year">2024</span> Webflow, Inc. All rights reserved</div><a data-cta-text="webflow icon home" aria-label="Webflow's homepage" data-cta="footer CTA" data-cta-position="footer section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf9a" href="https://webflow.com/?r=0" class="g-footer-brand w-inline-block"><div class="g-brand-logo_footer w-embed"><svg width="39" height="24" viewBox="0 0 39 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M38.7475 0L26.4707 24H14.9392L20.077 14.0534H19.8465C15.6078 19.5558 9.28359 23.178 0.272522 24V14.191C0.272522 14.191 6.03712 13.8505 9.42596 10.2877H0.272522V0.000189575H10.56V8.46149L10.7909 8.46054L14.9947 0.000189575H22.7749V8.40784L23.0058 8.40746L27.3673 0H38.7475Z" fill="#146EF5"/> </svg></div></a><div class="g-footer-column-social"><ul role="list" class="g-footer-list cc-social w-list-unstyled"><li class="g-footer-list_item"><a data-cta-text="made in webflow icon" aria-label="Made in Webflow" data-cta="footer CTA" data-cta-position="footer section" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcf9f" href="https://webflow.com/discover/popular#recent" class="g-footer-list_item-link w-inline-block"><div class="g-footer-list_item-social w-embed"><svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Made in Webflow</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.9575 0.157898L14.9576 13.8421H8.3826L11.3121 8.1708H11.1806C8.76383 11.3081 5.15791 13.3734 0.0200195 13.8421V8.24927C0.0200195 8.24927 3.30685 8.05514 5.23909 6.02368H0.0200195V0.158006H5.88569V4.98244L6.01734 4.98189L8.41427 0.158006H12.8503V4.95185L12.982 4.95163L15.4688 0.157898H21.9575Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-cta-position="footer section" href="https://www.youtube.com/webflow" data-cta="footer CTA" data-cta-text="youtube icon" aria-label="Webflow's YouTube channel" target="_blank" rel="noopener" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcfa2"><div class="g-footer-list_item-social w-embed"><svg alt width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>YouTube</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.1 1.83737C17.4829 2.32842 17.7311 2.91085 17.82 3.52713C17.9319 4.44288 17.992 5.36422 18 6.28674V7.57655C17.9924 8.50241 17.9323 9.4271 17.82 10.3462C17.7311 10.9624 17.4829 11.5449 17.1 12.0359C16.6125 12.4946 15.9694 12.7518 15.3 12.7558C12.78 12.9358 9 12.9358 9 12.9358C9 12.9358 4.32 12.9358 2.9 12.7658C2.16881 12.762 1.46173 12.5039 0.9 12.0359C0.515501 11.542 0.267246 10.9559 0.18 10.3362C0.0680335 9.42042 0.0079376 8.49908 0 7.57655V6.28674C0.00756015 5.36088 0.0676567 4.43619 0.18 3.51713C0.268925 2.90085 0.517095 2.31843 0.9 1.82737C1.38752 1.3687 2.0306 1.11151 2.7 1.10748C5.22 0.9375 9 0.9375 9 0.9375C9 0.9375 12.78 0.9375 15.3 1.11747C15.9694 1.12151 16.6125 1.3787 17.1 1.83737ZM13 6.9375L7 3.9375V9.9375L13 6.9375Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-cta-position="footer section" href="https://twitter.com/webflow" data-cta="footer CTA" data-cta-text="x icon" aria-label="Webflow's Twitter account" target="_blank" rel="noopener" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcfa5"><div class="g-footer-list_item-social w-embed"><svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>X</title> <path d="M13.9389 0.316772H16.5457L10.8507 6.82584L17.5504 15.6832H12.3046L8.19581 10.3113L3.49447 15.6832H0.886112L6.97752 8.72103L0.550415 0.316772H5.92945L9.6434 5.22694L13.9389 0.316772ZM13.024 14.1229H14.4685L5.14458 1.7951H3.59454L13.024 14.1229Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-cta-position="footer section" href="https://www.facebook.com/webflow/" data-cta="footer CTA" data-cta-text="facebook icon" aria-label="Webflow's Facebook page" target="_blank" rel="noopener" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcfa8"><div class="g-footer-list_item-social w-embed"><svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Facebook</title> <path d="M19 10.495C18.9998 8.67955 18.4794 6.90217 17.5004 5.37329C16.5215 3.84441 15.1249 2.62804 13.4761 1.86821C11.8273 1.10837 9.99534 0.836881 8.19704 1.08588C6.39875 1.33487 4.70945 2.09393 3.32915 3.27318C1.94885 4.45243 0.935345 6.00249 0.408625 7.73985C-0.118094 9.47721 -0.135971 11.3291 0.357111 13.0763C0.850194 14.8235 1.83359 16.3929 3.19087 17.5985C4.54814 18.8042 6.22247 19.5958 8.01563 19.8794V13.2413H5.60342V10.495H8.01563V8.40183C8.01563 6.02129 9.43429 4.70554 11.6035 4.70554C12.3161 4.71576 13.027 4.77767 13.7307 4.89079V7.22937H12.5321C12.1713 7.18148 11.8062 7.27883 11.5172 7.50003C11.2281 7.72123 11.0388 8.04817 10.9907 8.40896C10.9771 8.50999 10.975 8.61224 10.9844 8.71375V10.495H13.6167L13.1955 13.2413H10.9788V19.8794C13.2145 19.5271 15.251 18.3882 16.7215 16.6677C18.1921 14.9472 19.0001 12.7583 19 10.495V10.495Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-cta-position="footer section" href="https://www.linkedin.com/company/webflow-inc-" data-cta="footer CTA" data-cta-text="linkedin icon" aria-label="Webflow's Linkedin page" target="_blank" rel="noopener" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcfab"><div class="g-footer-list_item-social w-embed"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Linkedin</title> <path d="M16.2763 0.5H0.76377C0.33877 0.5 0.0200195 0.81875 0.0200195 1.24375V16.8625C0.0200195 17.1812 0.33877 17.5 0.76377 17.5H16.3825C16.8075 17.5 17.1263 17.1813 17.1263 16.7563V1.24375C17.02 0.81875 16.7013 0.5 16.2763 0.5ZM5.01377 14.95H2.57002V6.875H5.12002V14.95H5.01377ZM3.84502 5.8125C2.99502 5.8125 2.35752 5.06875 2.35752 4.325C2.35752 3.475 2.99502 2.8375 3.84502 2.8375C4.69502 2.8375 5.33252 3.475 5.33252 4.325C5.22627 5.06875 4.58877 5.8125 3.84502 5.8125ZM14.47 14.95H11.92V11.0187C11.92 10.0625 11.92 8.89375 10.645 8.89375C9.37002 8.89375 9.15752 9.95625 9.15752 11.0187V15.0562H6.60752V6.875H9.05127V7.9375C9.37002 7.3 10.22 6.6625 11.3888 6.6625C13.9388 6.6625 14.3638 8.3625 14.3638 10.4875V14.95H14.47Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-cta-position="footer section" href="https://www.instagram.com/webflow/" data-cta="footer CTA" data-cta-text="instagram icon" aria-label="Webflow's Instagram page" target="_blank" rel="noopener" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcfae"><div class="g-footer-list_item-social w-embed"><svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Instagram</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.28999 0.991399C6.24999 0.941406 6.55999 0.941406 8.99999 0.941406C11.44 0.941406 11.75 0.941406 12.72 0.991399C13.4651 1.00749 14.2022 1.14947 14.9 1.41134C16.1042 1.8878 17.0518 2.84977 17.51 4.06096C17.7719 4.75865 17.9139 5.49561 17.93 6.24065C17.98 7.20051 17.98 7.51047 17.98 9.95012C17.98 11.4375 17.9614 12.1185 17.9469 12.65C17.9376 12.9903 17.93 13.2693 17.93 13.6596C17.9139 14.4046 17.7719 15.1416 17.51 15.8393C17.0426 17.0469 16.0878 18.0016 14.88 18.4689C14.1822 18.7308 13.4451 18.8728 12.7 18.8889C11.74 18.9388 11.43 18.9388 8.99027 18.9388H8.98999C7.50235 18.9388 6.82135 18.9203 6.28974 18.9058C5.94941 18.8965 5.67031 18.8889 5.27999 18.8889C4.53485 18.8728 3.79779 18.7308 3.1 18.4689C1.89018 17.9994 0.935014 17.0407 0.469999 15.8293C0.208096 15.1316 0.0660938 14.3946 0.0499999 13.6496C0 12.6897 0 12.3798 0 9.94012C0 7.50047 0 7.19052 0.0499999 6.22065C0.0660938 5.47561 0.208096 4.73866 0.469999 4.04096C0.939608 2.83132 1.8984 1.87629 3.11 1.41134C3.80779 1.14947 4.54485 1.00749 5.28999 0.991399ZM12.6406 2.61249C11.6906 2.5625 11.4006 2.5625 9.00061 2.5625V2.5825C7.52013 2.5825 6.84346 2.60136 6.32148 2.61592C5.99376 2.62505 5.72702 2.63249 5.36062 2.63249C4.79035 2.63982 4.22553 2.74465 3.69062 2.94245C2.91752 3.24733 2.30556 3.85921 2.00062 4.6322C1.8028 5.16704 1.69796 5.73177 1.69062 6.30196C1.64062 7.25183 1.64062 7.53179 1.64062 9.94144C1.64062 11.4217 1.65949 12.0983 1.67405 12.6202C1.68319 12.9479 1.69062 13.2146 1.69062 13.5809C1.69796 14.1511 1.8028 14.7158 2.00062 15.2507C2.30556 16.0237 2.91752 16.6355 3.69062 16.9404C4.22553 17.1382 4.79035 17.2431 5.36062 17.2504C6.31062 17.3004 6.59061 17.3004 9.00061 17.3004C10.4811 17.3004 11.1578 17.2815 11.6797 17.267C12.0075 17.2578 12.2742 17.2504 12.6406 17.2504C13.2109 17.2431 13.7757 17.1382 14.3106 16.9404C15.0837 16.6355 15.6957 16.0237 16.0006 15.2507C16.1984 14.7158 16.3033 14.1511 16.3106 13.5809C16.3606 12.6311 16.3606 12.3511 16.3606 9.94144C16.3606 8.46117 16.3417 7.78459 16.3272 7.26269C16.318 6.93502 16.3106 6.66832 16.3106 6.30196C16.3033 5.73177 16.1984 5.16704 16.0006 4.6322C15.6957 3.85921 15.0837 3.24733 14.3106 2.94245C13.7769 2.73783 13.212 2.62622 12.6406 2.61249Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.37891 9.93965C4.37891 7.38846 6.44735 5.32031 8.9989 5.32031C10.2242 5.32031 11.3993 5.80699 12.2657 6.67329C13.1321 7.53958 13.6189 8.71453 13.6189 9.93965C13.6189 12.4908 11.5505 14.559 8.9989 14.559C6.44735 14.559 4.37891 12.4908 4.37891 9.93965ZM6 9.94043C6 11.5973 7.34315 12.9404 9 12.9404C9.79565 12.9404 10.5587 12.6244 11.1213 12.0617C11.6839 11.4991 12 10.7361 12 9.94043C12 8.28358 10.6569 6.94043 9 6.94043C7.34315 6.94043 6 8.28358 6 9.94043Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7988 6.2225C14.3952 6.2225 14.8788 5.73897 14.8788 5.1425C14.8788 4.54603 14.3952 4.0625 13.7988 4.0625C13.2023 4.0625 12.7188 4.54603 12.7188 5.1425C12.7188 5.73897 13.2023 6.2225 13.7988 6.2225Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-cta-position="footer section" href="https://www.tiktok.com/@webflow" data-cta="footer CTA" data-cta-text="tiktok icon" aria-label="Webflow's TikTok" target="_blank" rel="noopener" data-wf-native-id-path="63ef34c2-0b02-bd63-cad4-4b5ce802223f:f4032ea3-bc43-584e-4e99-2dac702bcfb1"><div class="g-footer-list_item-social w-embed"><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>TikTok</title> <path d="M8.30373 8.65756V11.7284C7.93253 11.6265 7.54412 11.6126 7.16708 11.6877C6.79004 11.7628 6.43401 11.9251 6.12521 12.1625C5.81641 12.3999 5.56272 12.7064 5.38283 13.0595C5.20293 13.4125 5.10143 13.8031 5.0858 14.2024C5.06468 14.5462 5.11448 14.8907 5.23187 15.2128C5.34925 15.535 5.53151 15.8271 5.76637 16.0699C6.00124 16.3126 6.28328 16.5002 6.59355 16.6199C6.90381 16.7398 7.23512 16.7891 7.56521 16.7646C9.39728 16.7646 10.0446 15.4246 10.0446 14.1678V2.00391H12.9611C13.4572 5.216 14.9992 5.96137 17.0661 6.30587V9.3834C17.0661 9.3834 14.6141 9.20193 13.0437 7.96915V14.0488C13.0421 16.7998 11.4755 19.8706 7.5872 19.8706C3.97883 19.8706 2.13281 16.688 2.13281 14.0204C2.15583 13.23 2.33952 12.4536 2.67179 11.7426C3.00405 11.0315 3.47735 10.4018 4.06045 9.89507C4.64356 9.38832 5.32323 9.01601 6.05464 8.80271C6.78607 8.5894 7.5526 8.53993 8.30373 8.65756Z" fill="currentColor"/> </svg></div></a></li></ul></div></div></div></div><div class="g_search-wrapper"><div class="g_search-container"><div class="g_search-close-bg"></div><div class="g_search-container-inner"><h2>Search</h2><div class="g_search_form"><div class="cc_search-input-wrap"><input type="text" placeholder="Search our courses & documentation..." id="g-search" class="input st-default-search-input"/><div class="w-embed"><style> #g-search { padding-left: 3rem; } .search-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 991px) { #g-search { padding-left: 2.5rem; } .search-icon { left: 0.75rem; } } </style> <svg class="search-icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z" stroke="var(--theme--t_text-primary)" stroke-width="1.5" stroke-linecap="round"/> </svg></div></div></div></div></div><div class="swiftype-script-css-overrides w-embed w-script">   <style> :root { --font-family-heading: var(--typography--font_headings), sans-serif !important; --font-family-text: var(--typography--font_text), sans-serif !important; --search-br: 0.25rem !important; --search-br-sm: 0.125rem !important; } /* - - - - - - - - - - - - - - - - Auto complete search results - - - - - - - - - - - - - - - - */ /* - - Search input - - */ .input.st-default-search-input { border-color: var(--theme--t_border-primary); background: var(--theme--t_bg-primary); box-sizing: border-box; } .input.st-default-search-input:focus { outline: 0.125rem solid var(--swatches--blue); outline-offset: 0.25rem; } :root[data-theme="light"] .input.st-default-search-input:focus { outline: 0.125rem solid var(--swatches--white); } /* - - Search Results Wrapper - - */ .st-default-autocomplete .st-query-present { background: var(--theme--t_bg-secondary) !important; font-family: var(--font-family-heading); border: 1px solid var(--theme--t_border-primary) !important; border-radius: var(--radius--r_main) !important; max-height: calc(100dvh - 222px); overflow-y: auto; margin-top: 0.55rem !important; } /* - - Result item - - */ .st-default-autocomplete .st-ui-result { padding: 0.5rem 1rem !important; border-bottom: 1px solid var(--theme--t_border-primary) !important; } .st-default-autocomplete .st-ui-result:last-of-type { border-bottom: none !important; } /* - - Result item heading - - */ .st-default-autocomplete .st-ui-type-heading { margin-bottom: 0 !important; font-size: 0.9rem !important; font-weight: 400 !important; font-weight: 600 !important; } .st-default-autocomplete div.st-ui-autocomplete div.st-query-present a.st-ui-result .st-ui-type-heading { color: var(--theme--t_text-primary) !important; font-family: var(--font-family-heading); } /* - - Result item description - - */ .st-default-autocomplete .st-ui-type-detail { font-size: 0.75rem !important; color: var(--theme--t_text-secondary) !important; font-family: var(--font-family-text); } /* - - Highlighted words - - */ .st-default-autocomplete .st-ui-result em { color: var(--theme--t_bg-primary) !important; border-radius: var(--radius--r_main) !important; padding: 0 0.075rem !important; font-family: var(--font-family-heading); } .st-default-autocomplete div.st-ui-autocomplete div.st-query-present a.st-ui-result em { background-color: var(--theme--t_text-primary) !important; } /* - - Active item - - */ .st-default-autocomplete .st-ui-result:hover, .st-default-autocomplete .st-ui-result.st-keyboard-active-item { background-color: var(--theme--t_bg-primary) !important; color: var(--theme--t_text-primary) !important; } /* - - Hide the thumbnail - - */ .st-default-autocomplete .st-ui-thumbnail { display: none !important; } /* - - - - - - - - - - - - - - - - - - - Overlay search results container - - - - - - - - - - - - - - - - - - */ /* - - Remove overlay - - */ .st-ui-overlay { background: none !important; } /* - - Overlay search results container - - */ .st-ui-injected-overlay-container { position: fixed; top: 0; left: 50%; margin: 1rem 0 1rem -24rem; width: 100%; max-width: 48rem; height: calc(100% - 2rem); background: var(--theme--t_bg-secondary) !important; font-family: var(--font-family-heading); border: 1px solid var(--theme--t_border-primary) !important; border-radius: var(--radius--r_main) !important; } @media screen and (max-width: 800px) { .st-ui-injected-overlay-container { left: 0; margin: 1rem; width: calc(100% - 2rem); } } .st-ui-injected-overlay-container .st-ui-content { padding: 3rem 0 2rem !important; } @media screen and (max-width: 800px) { .st-ui-injected-overlay-container .st-ui-content { padding: 3rem 0 3rem !important; } } .st-ui-injected-overlay-container .st-ui-content .st-query-present { padding-bottom: 0; width: 100%; max-width: 48rem; margin: 0 auto; } /* - - Fix mobile bug - - */ .st-ui-injected-overlay-container .st-ui-content * { -webkit-transform: none; -moz-transform: none; transform: none; } /* - - Hide the thumbnail - - */ .st-ui-result .st-ui-thumbnail { display: none !important; } /* - - Adjust result item padding after hide thumbnail - - */ a.st-ui-result.st-ui-image { padding: 1rem !important; border-bottom: 1px solid var(--theme--t_border-primary); } a.st-ui-result.st-ui-image:hover { background: var(--theme--t_bg-primary) !important; } a.st-ui-result::before { display: none !important; } /* - - Result item heading - - */ .st-ui-injected-overlay-container .st-ui-result .st-ui-type-heading { color: var(--theme--t_text-primary) !important; font-size: 0.9rem !important; font-weight: 400 !important; font-weight: 600 !important; font-family: var(--font-family-heading); } /* - - Result item description - - */ a.st-ui-result .st-ui-type-detail { max-height: max-content !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: var(--theme--t_text-secondary) !important; font-size: 0.8rem !important; font-family: var(--font-family-text); } .st-ui-type-detail-bold { font-size: 0.8rem !important; font-weight: 400 !important; line-height: 1.4; color: var(--theme--t_text-secondary) !important; } /* - - Header / Search Input - - */ .st-ui-injected-overlay-container .st-ui-header { height: 3rem !important; border-bottom: 1px solid var(--theme--t_border-primary) !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important; background: var(--theme--t_bg-primary) !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .st-ui-injected-overlay-container .st-ui-header input[type="text"] { color: var(--theme--t_text-primary) !important; padding: 0 120px 0 40px; } .st-ui-injected-overlay-container .st-ui-header input[type="text"]:focus { height: 3rem !important; border-bottom: none !important; } /* - - Footer - - */ .st-ui-injected-overlay-container .st-ui-footer { height: 3rem !important; border-top: 1px solid var(--theme--t_border-primary) !important; box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15) !important; background: var(--theme--t_bg-primary) !important; color: var(--theme--t_text-primary) !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .st-ui-injected-overlay-container .st-ui-footer .st-ui-search-summary { color: var(--theme--t_text-secondary) !important; font-family: var(--font-family-text); } .st-ui-injected-overlay-container .st-ui-footer .st-ui-search-summary strong { color: var(--swatches--blue); font-weight: 600; } .st-ui-injected-overlay-container .st-ui-footer a.st-ui-pagination-link { color: var(--theme--t_text-secondary) !important; } .st-ui-injected-overlay-container .st-ui-footer a.st-ui-pagination-link:hover { color: var(--theme--t_text-primary) !important; } .st-ui-injected-overlay-container .st-ui-footer .st-ui-pagination-link.active, .st-ui-injected-overlay-container .st-ui-footer span.st-ui-pagination-link { color: var(--swatches--blue) !important; } .st-ui-injected-overlay-container .st-ui-footer a.st-ui-pagination-link span.st-ui-arrow { border-color: var(--theme--t_text-secondary) !important; } /* - - Highlighted words - - */ .st-ui-injected-overlay-container .st-ui-result em { color: var(--theme--t_bg-primary) !important; border-radius: var(--radius--r_sm) !important; padding: 0 0.075rem !important; background: var(--theme--t_text-primary) !important; font-family: var(--font-family-heading); } /* - - Hide slide out autocomplete results - - */ .st-ui-container-overlay .st-ui-slide-autocomplete, .st-ui-injected-overlay-container .st-ui-slide-autocomplete { display: none !important } /* - - Search icon - - */ span.st-ui-search-icon { top: 12px !important; left: 12px !important; width: 24px !important; height: 24px !important; background-image: url(https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/656757767efc4d97a800b19c_search-white.svg) !important; background-size: 24px 24px !important; } :root[data-theme="light"] span.st-ui-search-icon { background-image: url(https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/656757769f5f090c8dee14ec_search-black.svg) !important; } /* - - Close button - - */ a.st-ui-close-button { top: 12px !important; right: 12px !important; width: 24px !important; height: 24px !important; background-image: url(https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/6567609a9652cc52c544a062_x-close-white.svg) !important; background-size: 24px 24px !important; } a.st-ui-close-button:hover { background-position: 0 !important; opacity: 0.4 !important; } :root[data-theme="light"] a.st-ui-close-button { background-image: url(https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/6567609a46e245f22fe9368a_x-close-black.svg) !important; } </style> <script src="https://cdn.jsdelivr.net/gh/mackenziechild/wfu3/js/global-search.min.js"></script></div></div></footer></main></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6491b4dd238fa881faab3d5c" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/6491b4dd238fa881faab3d5c/js/webflow.dbb1e550f.js" type="text/javascript"></script> <script type='text/javascript' src="https://webflow.com/resources/marketing-body.js"></script> <script type='text/javascript' src="https://webflow.com/resources/university.js"></script> <script type='text/javascript'> wf_analytics.init({ pageView: { name: 'University Viewed', data: {} }, page: 'university' }); </script>    <script type="text/javascript"> (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){ (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t); e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e); })(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st'); _st('install','8tPjZM7QFLqxMEpVo-ws','2.0.0'); </script> <script src="https://cdn.jsdelivr.net/gh/mackenziechild/wfu3/js/courses.min.js"></script></body></html>