CINXE.COM

<!DOCTYPE html><html data-wf-domain="wfu3.webflow.io" data-wf-page="64bed5b2158b8079da52234d" data-wf-site="6491b4dd238fa881faab3d5c" data-wf-intellimize-customer-id="117895862" lang="en" data-wf-collection="64bed5b2158b8079da52232d" data-wf-item-slug="effects"><head><meta charset="utf-8"/><title>Effects – Definition | Webflow Glossary</title><meta content="Explore the definition of Effects. Browse our glossary for web design and development terms." name="description"/><meta content="Effects – Definition | Webflow Glossary" property="og:title"/><meta content="Explore the definition of Effects. Browse our glossary for web design and development terms." property="og:description"/><meta content="Effects – Definition | Webflow Glossary" property="twitter:title"/><meta content="Explore the definition of Effects. Browse our glossary for web design and development terms." 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.54f1ada4f.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/glossary/effects" 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><script> const seo = "" if (seo != "") { document.title = ''; } else { document.title = 'Effects – Definition | Webflow Glossary'; } </script> <link rel="canonical" href="https://webflow.com/glossary/effects" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/> <style> .swiper-pagination-bullets.swiper-pagination-horizontal { width: auto; } </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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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="5e6e3810-bef0-24d2-5903-8a034c92c393: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 class="page-main"><section class="section no-top u-border-b"><div class="container cc_breadcrumbs-container"><div class="cc_breadcrumbs-wrap"><div class="cc_breadcrumbs-group"><a data-wf-native-id-path="d6020c37-c16a-3190-4c69-cb516eea290e" href="/glossary" class="cc_breadcrumb-btn">Glossary</a><div class="cc_breadcrumb-item">Effects</div></div><div class="cc_breadcrumbs-group"><a data-wf-native-id-path="d6020c37-c16a-3190-4c69-cb516eea2932" href="#" class="cc_breadcrumb-btn icon 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.25 4.75C7.75 4.75 6.25 4.75 4.75 4.75L4.75 19.25C9.58333 19.25 14.4167 19.25 19.25 19.25V14.75" stroke-width="1.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="bevel"/> <path d="M19.25 9.25V4.75H14.75" stroke-width="1.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="bevel"/> <path d="M19 5L11.75 12.25" stroke-width="1.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="bevel"/> </svg></div></a></div></div></div><div class="container"><div class="cc_grid-sidebar u-mt-3"><div id="w-node-cce5c0bf-6bb9-a82a-a409-713e4c5111fe-da52234d" class="stack gap-1-5"><h1 class="u-mb-0">Effects</h1><div class="docs_rich-text w-richtext"><p id="">A section in the Style panel that houses CSS properties for changing how an element appears, such as its opacity, outline, and box shadows.</p><p>‍</p></div></div><div id="w-node-b0e04ce5-99ef-b09b-a490-a2818278a124-da52234d" class="u-pt-1"><a data-wf-native-id-path="4567b51b-b30b-dd76-cf4f-8a51b3b0501f" href="https://university.webflow.com/" class="cc_notes-wrap link medium 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 6V18C15.25 18.1381 15.1381 18.25 15 18.25H4C3.86193 18.25 3.75 18.1381 3.75 18V6C3.75 5.86193 3.86193 5.75 4 5.75H15C15.1381 5.75 15.25 5.86193 15.25 6Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> <path d="M16.75 14.6435V9.35649L19.8439 6.88396C20.0076 6.75313 20.25 6.86968 20.25 7.07925V16.9207C20.25 17.1303 20.0076 17.2469 19.8439 17.116L16.75 14.6435Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg></div><div class="stack"><div>Browse our library of 400+ free lessons<span class="u-fc-3"> covering everything from layout and typography to interactions and 3D transforms.</span></div><div>Visit Webflow University ↗</div></div></a></div></div></div></section><section class="section u-border-b"><div class="container"><div class="row no-margin-b"><div class="col"><h2 class="u-mb-0">Relevant courses</h2></div></div><div class="slider-main_component"><div class="slider-main_top-wrapper-2"><div class="slider-main_button-wrapper"><a data-wf-native-id-path="ac7f1ccf-1993-2860-a9f4-55e1a915fd6d" href="#" class="slider-main_button swiper-prev w-inline-block"><div class="slider-main_button-icon is-reversed 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></a><a data-wf-native-id-path="ac7f1ccf-1993-2860-a9f4-55e1a915fd6f" href="#" class="slider-main_button swiper-next w-inline-block"><div class="slider-main_button-icon 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></a></div></div><div class="swiper is-slider-main w-dyn-list"><div role="list" class="swiper-wrapper is-slider-main w-dyn-items"><div role="listitem" class="swiper-slide is-slider-main w-dyn-item"><a data-wf-native-id-path="ac7f1ccf-1993-2860-a9f4-55e1a915fd74_instance-0" href="https://university.webflow.com/courses/webflow-ecommerce" class="cc-card w-inline-block"><img src="https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b562045337bd1308594d_5f1831a9c4237872d457d02f_Ecommerce-(1).jpeg" loading="lazy" alt="" sizes="(max-width: 479px) 30vw, (max-width: 767px) 31vw, (max-width: 991px) 32vw, 29vw" srcset="https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b562045337bd1308594d_5f1831a9c4237872d457d02f_Ecommerce-(1)-p-500.jpeg 500w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b562045337bd1308594d_5f1831a9c4237872d457d02f_Ecommerce-(1)-p-800.jpeg 800w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b562045337bd1308594d_5f1831a9c4237872d457d02f_Ecommerce-(1)-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b562045337bd1308594d_5f1831a9c4237872d457d02f_Ecommerce-(1).jpeg 1470w" class="cc_card-thumbnail"/><div><h3 class="h4 u-mb-0-5">Webflow Ecommerce</h3><div class="text-sm u-fc-2 text-style-3lines">Learn how to build and design your Webflow Ecommerce store. Customize every detail and launch a fully functional online store — without writing code.</div></div></a></div><div role="listitem" class="swiper-slide is-slider-main w-dyn-item"><a data-wf-native-id-path="ac7f1ccf-1993-2860-a9f4-55e1a915fd74_instance-1" href="https://university.webflow.com/courses/seo-fundamentals" class="cc-card w-inline-block"><img src="https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/65736c75644957b470a9424d_seo-2.jpeg" loading="lazy" alt="" class="cc_card-thumbnail"/><div><h3 class="h4 u-mb-0-5">SEO fundamentals</h3><div class="text-sm u-fc-2 text-style-3lines">An overview of search engine optimization (SEO) fundamentals and best practices — learn how to optimize your content from the start.</div></div></a></div><div role="listitem" class="swiper-slide is-slider-main w-dyn-item"><a data-wf-native-id-path="ac7f1ccf-1993-2860-a9f4-55e1a915fd74_instance-2" href="https://university.webflow.com/courses/css-styling" class="cc-card w-inline-block"><img src="https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b4f0c0feaa5aa5faa0a9_5f1831ff5432683db3b93baf_CSS-20STYLING.jpeg" loading="lazy" alt="" sizes="(max-width: 479px) 30vw, (max-width: 767px) 31vw, (max-width: 991px) 32vw, 29vw" srcset="https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b4f0c0feaa5aa5faa0a9_5f1831ff5432683db3b93baf_CSS-20STYLING-p-500.jpeg 500w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b4f0c0feaa5aa5faa0a9_5f1831ff5432683db3b93baf_CSS-20STYLING-p-800.jpeg 800w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b4f0c0feaa5aa5faa0a9_5f1831ff5432683db3b93baf_CSS-20STYLING-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b4f0c0feaa5aa5faa0a9_5f1831ff5432683db3b93baf_CSS-20STYLING.jpeg 1470w" class="cc_card-thumbnail"/><div><h3 class="h4 u-mb-0-5">CSS styling</h3><div class="text-sm u-fc-2 text-style-3lines">Take a closer look at all the creative styling possibilities that CSS offers. Learn how to style elements visually, with the power of Webflow.</div></div></a></div><div role="listitem" class="swiper-slide is-slider-main w-dyn-item"><a data-wf-native-id-path="ac7f1ccf-1993-2860-a9f4-55e1a915fd74_instance-3" href="https://university.webflow.com/courses/ultimate-web-design-course" class="cc-card w-inline-block"><img src="https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b549356820b6e0dcf474_5f18322b7d0a6b24a4db36f4_Ultimate-20web-20design-20course.jpeg" loading="lazy" alt="" sizes="(max-width: 479px) 30vw, (max-width: 767px) 31vw, (max-width: 991px) 32vw, 29vw" srcset="https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b549356820b6e0dcf474_5f18322b7d0a6b24a4db36f4_Ultimate-20web-20design-20course-p-500.jpeg 500w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b549356820b6e0dcf474_5f18322b7d0a6b24a4db36f4_Ultimate-20web-20design-20course-p-800.jpeg 800w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b549356820b6e0dcf474_5f18322b7d0a6b24a4db36f4_Ultimate-20web-20design-20course-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b549356820b6e0dcf474_5f18322b7d0a6b24a4db36f4_Ultimate-20web-20design-20course.jpeg 1470w" class="cc_card-thumbnail"/><div><h3 class="h4 u-mb-0-5">Ultimate web design course</h3><div class="text-sm u-fc-2 text-style-3lines">From the fundamentals to advanced topics — learn how to build sites in Webflow and become the designer you always wanted to be.</div></div></a></div><div role="listitem" class="swiper-slide is-slider-main w-dyn-item"><a data-wf-native-id-path="ac7f1ccf-1993-2860-a9f4-55e1a915fd74_instance-4" href="https://university.webflow.com/courses/landing-page-generator-for-ryan-reynolds" class="cc-card w-inline-block"><img src="https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b518c0feaa5aa5fac177_63eb30c52d440b14454bd77c_Course-20TN.jpeg" loading="lazy" alt="" sizes="(max-width: 479px) 30vw, (max-width: 767px) 31vw, (max-width: 991px) 32vw, 29vw" srcset="https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b518c0feaa5aa5fac177_63eb30c52d440b14454bd77c_Course-20TN-p-500.jpeg 500w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b518c0feaa5aa5fac177_63eb30c52d440b14454bd77c_Course-20TN-p-800.jpeg 800w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b518c0feaa5aa5fac177_63eb30c52d440b14454bd77c_Course-20TN-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b518c0feaa5aa5fac177_63eb30c52d440b14454bd77c_Course-20TN-p-1600.jpeg 1600w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b518c0feaa5aa5fac177_63eb30c52d440b14454bd77c_Course-20TN.jpeg 1920w" class="cc_card-thumbnail"/><div><h3 class="h4 u-mb-0-5">Landing page generator for Ryan Reynolds</h3><div class="text-sm u-fc-2 text-style-3lines">Learn how to build a dynamic landing page generator in under 30 minutes.</div></div></a></div><div role="listitem" class="swiper-slide is-slider-main w-dyn-item"><a data-wf-native-id-path="ac7f1ccf-1993-2860-a9f4-55e1a915fd74_instance-5" href="https://university.webflow.com/courses/the-freelancers-journey" class="cc-card w-inline-block"><img src="https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b50684a1442373f47523_5f1832378a845756c8380d4a_The-20freelancers-20journey.jpeg" loading="lazy" alt="" sizes="(max-width: 479px) 30vw, (max-width: 767px) 31vw, (max-width: 991px) 32vw, 29vw" srcset="https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b50684a1442373f47523_5f1832378a845756c8380d4a_The-20freelancers-20journey-p-500.jpeg 500w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b50684a1442373f47523_5f1832378a845756c8380d4a_The-20freelancers-20journey-p-800.jpeg 800w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b50684a1442373f47523_5f1832378a845756c8380d4a_The-20freelancers-20journey-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/6501b50684a1442373f47523_5f1832378a845756c8380d4a_The-20freelancers-20journey.jpeg 1470w" class="cc_card-thumbnail"/><div><h3 class="h4 u-mb-0-5">Freelance web design boot camp</h3><div class="text-sm u-fc-2 text-style-3lines">The Freelancer’s Journey is a free, comprehensive course to help you build a successful, fulfilling freelance career in web design.</div></div></a></div></div></div></div></div></section><section class="section"><div class="container"><div class="u-mb-3"><h2>Other glossary terms</h2></div><div class="cc_grid-sidebar"><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799bf-da52234d" class="stack gap-1-5"><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799c0-da52234d" class="w-form"><form id="wf-form-docs-search" name="wf-form-docs-search" data-name="docs search" method="get" class="cc_search-input-wrap" data-wf-page-id="64bed5b2158b8079da52234d" data-wf-element-id="2e59bf8d-7de5-d2e9-8b54-7e5a766799c1"><input class="input jetboost-list-search-input-81k2 w-input" maxlength="256" name="Search" data-name="Search" placeholder="Search" type="text" id="docs-search" required=""/><div class="w-embed"><style> #docs-search { padding-left: 3rem; } .search-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); } </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><input type="submit" data-wait="Please wait..." data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799c4" class="cc-search-submit w-button" value="Submit"/></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 class="jetboost-list-wrapper-592b jetboost-list-wrapper-81k2 jetboost-list-wrapper-lzj1 w-dyn-list"><div role="list" class="cc_list-wrap w-dyn-items"><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-0" href="/glossary/class" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Class</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A class is a template that defines variables for objects with similar properties.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="class" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-1" href="/glossary/user-interface" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">User interface (UI)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A user interface (UI) is any visual element humans interact with on a device, webpage, or application.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="user-interface" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-2" href="/glossary/sql" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Structured Query Language (SQL)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Structured Query Language (SQL) is a programming language that enables storing, retrieving, and manipulating information in a relational database.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="sql" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-3" href="/glossary/idempotent" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Idempotent</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Idempotency is a computing principle where multiple applications of a function or operation produce the same result as a single execution.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="idempotent" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-4" href="/glossary/div-block" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Div block</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A generic element that is typically used to group content, or when no other element is specifically or semantically suitable. Div blocks have no effect on the content or layout until styled with CSS.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="div-block" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-5" href="/glossary/text-link" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Text link</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A typography element that is used to link to other pages or sections of a webpage.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="text-link" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-6" href="/glossary/element-settings-panel" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Element settings panel</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The second panel on the right side of the Designer. Here, you can change element-specific settings such as the element ID, Custom attributes, Search index settings, Editor settings, etc. You can learn more about the element settings for a specific element by searching for the element’s name on Webflow University.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="element-settings-panel" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-7" href="/glossary/minimum-height" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Minimum height</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The min-height CSS property defines an element’s minimum height.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="minimum-height" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-8" href="/glossary/input-field" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Input field</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">An HTML input field, represented by the syntax <input>, is a web page element where users input data, like text and numbers.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="input-field" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-9" href="/glossary/link" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Link</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A link, short for hyperlink, is a clickable website element that enables navigation between different web resources.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="link" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-10" href="/glossary/strong-text" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Strong text</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The&nbsp;&lt;strong&gt;&nbsp;element defines important text with added semantic&nbsp;importance.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="strong-text" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-11" href="/glossary/descriptor" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Descriptor</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A CSS descriptor sets specific properties and values of an at-rule (@-rule) element, dictating its appearance and behavior on a web page.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="descriptor" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-12" href="/glossary/optimization" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Optimization</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Optimization is a systematic approach to improve a website's appearance, functionality, and visual appeal to enhance the user experience, improve search engine rankings, and achieve business objectives.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="optimization" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-13" href="/glossary/site-plan" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Site plan</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A Webflow plan that you can add/apply to individual sites. You’ll receive access to different site and hosting features based on your Site plan.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="site-plan" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-14" href="/glossary/rtsp" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Real-Time Streaming Protocol (RTSP)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Real-Time Streaming Protocol (RTSP) is a standardized network protocol for transmitting real-time multimedia data like audio and video.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="rtsp" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-15" href="/glossary/valid" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Valid</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A valid CSS pseudo-class is a keyword that enables styling HTML elements based on their state or position in the document structure or web page.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="valid" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-16" href="/glossary/page-name" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Page name</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The title of a page in your site. This is visible in the Pages panel.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="page-name" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-17" href="/glossary/facebook-button" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Facebook button</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A Facebook button is a clickable element on a website that allows users to connect to or share content on the social media platform.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="facebook-button" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-18" href="/glossary/element-edges" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Element edges</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The color-coded borders of elements you'll see in the Webflow Designer.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="element-edges" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-19" href="/glossary/html-hypertext-markup-language" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">HyperText Markup Language (HTML)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A standard markup language that web browsers use to display websites.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="html-hypertext-markup-language" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-20" href="/glossary/read-only-link" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Read-only link</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A way for others to test/debug your Webflow site in the Designer without being able to save or make permanent changes.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="read-only-link" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-21" href="/glossary/accessibility-tree" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Accessibility tree</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A webpage’s accessibility tree indicates which parts of the page are compatible with assistive technologies such as braille displays, screen readers, and voice commands.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="accessibility-tree" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-22" href="/glossary/total-form-submissions" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Total Form Submissions</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The amount of times a site visitor submits data using your site's form(s).</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="total-form-submissions" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-23" href="/glossary/tabs" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Tabs</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A Webflow component that displays a pane of content associated with a tab menu button.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="tabs" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-24" href="/glossary/comment" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Comment</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A comment is a text note in source code that offers context, internal information, or other guidance to any developers using it.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="comment" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-25" href="/glossary/bottom-padding" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Bottom padding</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Bottom padding is the space between the bottom of an element and its border.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="bottom-padding" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-26" href="/glossary/url-redirect" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">URL redirect</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">URL redirect, or URL forwarding, is a web server function that automatically sends users from one web address to another.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="url-redirect" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-27" href="/glossary/https" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Hypertext transfer protocol secure (HTTPS)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Hypertext Transfer Protocol Secure (HTTPS) is a secure protocol facilitating encrypted exchanges of information between web browsers and servers.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="https" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-28" href="/glossary/hotlink" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Hotlink</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A hotlink — also known as a remote or inline link — is a hyperlink that directs to a resource, such as an image or a file, without the owner’s explicit permission.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="hotlink" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-29" href="/glossary/sitemapxml" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">XML sitemap (sitemap.xml)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">An XML (Extensible Markup Language) sitemap is a text file that lists a website's pages to help search engines crawl and index them.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="sitemapxml" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-30" href="/glossary/jank" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Jank</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Jank describes subpar functionality in a web interface that hinders or disrupts user activity.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="jank" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-31" href="/glossary/semantics" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Semantics</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Semantics accurately represent the structure and purpose of content in computer languages, enabling web developers and programmers to ensure the written code produces an output legible to humans and machines.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="semantics" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-32" href="/glossary/asynchronous" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Asynchronous</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Asynchronous programming is an approach where programs simultaneously run multiple operations independently without waiting for previous tasks to complete.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="asynchronous" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-33" href="/glossary/sisd" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Single Instruction Single Data (SISD)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Single Instruction and Single Data Stream (SISD) is a computer architecture where a central processing unit (CPU) executes one instruction at a time on a single data piece.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="sisd" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-34" href="/glossary/item-state" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Item state</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The default UI state for Collection lists, which displays the items in the Collection. It is the opposite of the empty state.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="item-state" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-35" href="/glossary/padding" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Padding</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Padding is a CSS property defining the space between an element's borders and its content.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="padding" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-36" href="/glossary/404-page" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">404 page</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A 404 page is an error page a visitor sees when they try to access a non-existent or broken URL on a website.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="404-page" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-37" href="/glossary/content-first-design" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Content-first design</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A design approach that prioritizes content planning and production in the design process.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="content-first-design" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-38" href="/glossary/text-block" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Text block</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A typography element that is used when no other element is specifically suitable.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="text-block" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-39" href="/glossary/ui-state" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">UI state</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The UI state changes how Collection lists display when you’re designing. The Items state is the default option, and shows the items that you have within the Collection. The Empty state doesn’t show these items and gives the designer the opportunity to design for a circumstance if/when there is no data to be displayed in the Collection list.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="ui-state" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-40" href="/glossary/publish-site" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Publish site</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The act of updating your live site to reflect new design changes.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="publish-site" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-41" href="/glossary/display-flex" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Display: flex</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The most flexible display property in CSS is the aptly named display: flex, which allows you to create flexible layouts with elements that you can align and distribute vertically or horizontally.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="display-flex" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-42" href="/glossary/iframe" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Inline Frame (iframe)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">An inline frame is an HTML element that embeds an HTML document within another webpage.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="iframe" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-43" href="/glossary/folder" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Folder</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A folder is a subdirectory of your site's root folder for organizing web pages.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="folder" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-44" href="/glossary/typography" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Typography</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A section in the Add panel that houses typography elements such as headings and paragraphs.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="typography" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-45" href="/glossary/sitemap-url" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Sitemap URL</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The location your sitemap is stored in relation to your site, and what’s used when submitting your sitemap to search engines.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="sitemap-url" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-46" href="/glossary/minified-code" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Minified code</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Minified code refers to the process of removing unnecessary characters and whitespace from the source code file without affecting its functionality.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="minified-code" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-47" href="/glossary/nat" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Network Address Translation (NAT)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">NAT (Network Address Translation) is a technique that enables communication between devices with private internet protocol addresses and the public internet.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="nat" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-48" href="/glossary/style-panel" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Style panel</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The first tab in the right-side panel that allows you to assign classes to elements and style them.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="style-panel" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-49" href="/glossary/workspace-plan" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Workspace plan</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A Webflow plan that applies to your entire Workspace.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="workspace-plan" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-50" href="/glossary/google-universal-analytics-tracking-id" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Google Universal Analytics Tracking ID</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A unique ID you can use to link your Google Analytics account to your Webflow site.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="google-universal-analytics-tracking-id" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-51" href="/glossary/website-name" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Website name</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A website name, or domain, is the title of a website that appears in the browser tab and search engine results.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="website-name" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-52" href="/glossary/meta-title-page" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Meta title</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A meta title is an HTML element that defines a web page's title and appears in browser tabs and search snippets on search engine results pages (SERPs) as a clickable headline.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="meta-title-page" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-53" href="/glossary/minimized-css" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Minimized CSS</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A method of lowering the file size of your stylesheet(s) by removing all white space from your CSS files.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="minimized-css" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-54" href="/glossary/flex-sizing" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Flex-sizing</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A flexbox property that determines the resizing behavior of flex children across viewport sizes. They can shrink, grow, or remain static.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="flex-sizing" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-55" href="/glossary/dsl" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Domain-Specific Language (DSL)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A Domain-Specific Language (DSL) is computer script that solves software problems in a specific domain.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="dsl" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-56" href="/glossary/document-object-model-dom" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Document object model (DOM)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The document object model is a platform- and language-neutral interface that lets programs and scripts dynamically access and update the content, structure, and style of documents.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="document-object-model-dom" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-57" href="/glossary/parameter" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Parameter</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A parameter is a programming variable or value that transfers data between functions.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="parameter" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-58" href="/glossary/latency" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Latency</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Network latency is the time data needs to travel from one point to another, impacting the responsiveness and speed of web applications and services.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="latency" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-59" href="/glossary/svg" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">SVG (Scalable Vector Graphics)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Scalable Vector Graphics, or SVG, is a file format for displaying scalable vector graphics on the web.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="svg" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-60" href="/glossary/favicon" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Favicon</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A 16x16 px image that displays in browser tabs, bookmarks, and other browser areas. It's typically a simplified version of the site's logo.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="favicon" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-61" href="/glossary/form-block" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Form block</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Form blocks allow you to add form elements to a website, including appointment booking, surveys, applications, polls, and contact forms.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="form-block" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-62" href="/glossary/ascii" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">ASCII</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The American Standard Code for Information Interchange (ASCII) is an encoding standard that assigns numerical values to characters and translates them into computer-readable code.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="ascii" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-63" href="/glossary/password-protection" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Password protection</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Password protection is a security feature restricting certain website areas to authorized users, requiring a secret phrase or key to access them.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="password-protection" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-64" href="/glossary/borders" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Borders</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The CSS border property delineates an HTML element.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="borders" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-65" href="/glossary/right-side-panel" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Right-side panel</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The far right vertical panel in the Designer that houses the Style panel, Element settings panel, Style manager panel, and Interactions panel.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="right-side-panel" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-66" href="/glossary/display-inline" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Display: inline</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The display: inline CSS property is a display option that controls an element’s appearance and layout.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="display-inline" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-67" href="/glossary/flex-shrink" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Flex-shrink</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The flex-shrink CSS property defines how much an element shrinks relative to other flexible items inside the same parent element.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="flex-shrink" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-68" href="/glossary/pseudocode" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Pseudocode</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Pseudocode is a simplified, informal representation of programming code that outlines a program’s structure and logic without strict syntax.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="pseudocode" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-69" href="/glossary/urgency" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Urgency</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Urgency is a marketing term and psychological trigger that incites potential customers and website visitors to act swiftly.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="urgency" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-70" href="/glossary/designer" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Designer</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The main interface where you can build sites.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="designer" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-71" href="/glossary/tag" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Tag</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A Hypertext Markup Language (HTML) tag is a code snippet that defines and describes the structure and content of web pages.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="tag" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-72" href="/glossary/constant" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Constant</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">In coding, a constant is a fixed value that can’t change, no matter where it appears or what the program uses it for.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="constant" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-73" href="/glossary/middleware" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Middleware</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Middleware is software that links different programs and applications, allowing them to interact and communicate effectively.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="middleware" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-74" href="/glossary/collection-url" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Collection URL</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The slug that represents the parent folder for your individual Collection item URLs. For example, if you created a Collection called “Blog posts,” the URL would be website.com/blog-posts, while a Collection item URL for a blog post called “Hello world” would be website.com/blog-posts/hello-world.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="collection-url" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-75" href="/glossary/dynamic-element" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Dynamic element</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Dynamic elements are web page components that can change based on user interaction or external factors, like a live news feed, without requiring a page refresh or reload.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="dynamic-element" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-76" href="/glossary/parent-folder" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Parent folder</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A parent folder is a directory containing one or more folders and files.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="parent-folder" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-77" href="/glossary/below-the-fold" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Below the fold</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Below the fold refers to the lower portion of a webpage that isn’t immediately visible to visitors upon loading until they scroll down.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="below-the-fold" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-78" href="/glossary/bottom-bar" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Bottom bar</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A bottom bar is a navigation bar at the bottom of an app or webpage.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="bottom-bar" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-79" href="/glossary/cryptographic-hash-function" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Cryptographic hash function</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A cryptographic hash function takes an input message of any length, such as a file, message, or password, and uses a mathematical formula to produce a fixed-size output (hash).</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="cryptographic-hash-function" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-80" href="/glossary/element-breadcrumbs" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Element breadcrumbs</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A navigational aid that displays in the bottom of the Webflow Designer to&nbsp;help you keep track of the element you're interacting with in relation to its hierarchy.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="element-breadcrumbs" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-81" href="/glossary/certified" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Certified</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A digital certificate is a data file embedded in the site that signals the site’s safety to visitors, internet service providers (ISPs), and servers.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="certified" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-82" href="/glossary/domain-name-forwarding" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Domain name forwarding</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Domain name forwarding is a process that automatically redirects visitors from your domain name to a different web address.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="domain-name-forwarding" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-83" href="/glossary/effects" aria-current="page" class="cc_list-item w-inline-block w--current"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Effects</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A section in the Style panel that houses CSS properties for changing how an element appears, such as its opacity, outline, and box shadows.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="effects" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-84" href="/glossary/blog" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Blog</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A blog, short for weblog, is a website or webpage where an individual or group regularly shares content about specific topics, typically in reverse chronological order.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="blog" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-85" href="/glossary/crud" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">CRUD</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">CRUD stands for Create, Read, Update, and Delete — the four basic operations all software applications should perform.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="crud" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-86" href="/glossary/wai" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Web Accessibility Initiative (WAI)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The Web Accessibility Initiative (WAI) is a World Wide Web Consortium (W3C) project to enhance accessibility for users with disabilities.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="wai" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-87" href="/glossary/left-margin" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Left margin</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Left margin is a CSS property that defines the space between an element's left edge and its surroundings.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="left-margin" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-88" href="/glossary/transfer-site" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Transfer site</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">You can transfer sites from one Workspace to another Workspace.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="transfer-site" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-89" href="/glossary/localization" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Localization</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">Localization (l10n) involves adapting digital content and applications to meet a specific region or culture’s language and conventions.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="localization" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-90" href="/glossary/selector-state" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Selector state</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A pseudo-class that allows you to change the styles of an element when it is hovered, pressed, or focused.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="selector-state" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-91" href="/glossary/span-text" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Span text</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The span tag is used to style inline-text.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="span-text" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-92" href="/glossary/ftp" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">File Transfer Protocol (FTP)</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">File Transfer Protocol (FTP) allows for the transfer of files between two parties over TCP/IP-based communication channels, such as the internet.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="ftp" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-93" href="/glossary/dynamic-list-limits" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Collection limits</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">By default, Collection lists display all items in a Collection, but you can add limits to control the number of Collection items that display.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="dynamic-list-limits" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-94" href="/glossary/color-field" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Color field</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A color field specifies a graphical color picker or user interface for entering a color into a text field in a seven-character, hexadecimal format.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="color-field" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-95" href="/glossary/link-field" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Link field</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A link field is a form input field that enables you to add links to your designs dynamically. You can connect a link field to text links, buttons, or other link elements to turn them into active links.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="link-field" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-96" href="/glossary/dynamic-list" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Collection list</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A Collection list is a Webflow element that lets you dynamically display content from a CMS Collection.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="dynamic-list" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-97" href="/glossary/webclip" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Webclip</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">A 256 x 256 px image associated with your website that shows up when your website link is saved to an iPhone home screen.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="webclip" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-98" href="/glossary/baseline" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Baseline</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The baseline is the fixed invisible line that serves as the base for letters. It’s used as a measurement for line height and x-height.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="baseline" /></div></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ce_instance-99" href="/glossary/base-tag" class="cc_list-item w-inline-block"><div class="cc_list-item-content"><h3 class="cc_list-item-title">Base tag</h3><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d1-da52234d" class="button-icon_right">→</div><div id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799d3-da52234d" class="text-sm u-fc-3">The base tag specifies the base URL for all relative links within HTML code for a specific page or document.</div></div></a><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="base-tag" /></div></div></div><div role="navigation" aria-label="List" class="w-pagination-wrapper"><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799dd" href="?766799cb_page=2" aria-label="Next Page" class="w-pagination-next"><div class="w-inline-block">Next</div><svg class="w-pagination-next-icon" height="12px" width="12px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" transform="translate(0, 1)"><path fill="none" stroke="currentColor" fill-rule="evenodd" d="M4 2l4 4-4 4"></path></svg></a><link rel="prerender" href="?766799cb_page=2"/></div></div><div class="jetboost-list-wrapper-empty-592b"><div class="cc_query-no-results"><div class="cc_docs-list-no-results-title">Hmm…we couldn’t find any results. Try a different search term or reset the filter.</div><div class="w-embed"><style> .cc_docs-list-no-results-title { text-wrap: balance; } </style></div><a href="#" id="reset-btn" data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799e6" class="btn jetboost-filter-none-592b jetboost-list-search-reset-81k2 w-button">Reset the filter</a></div></div><a id="glossary-load-more" data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799e8" href="#" class="btn jetboost-pagination-next-lzj1 w-button">Load more</a></div><aside id="w-node-_2e59bf8d-7de5-d2e9-8b54-7e5a766799ea-da52234d"><div class="cc_sticky-wrap"><div class="spread u-mb-1"><h3 class="u-mb-0">Filter</h3><a data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799ef" href="#" class="cc_docs-filter-reset jetboost-filter-none-592b jetboost-list-search-reset-81k2">Reset</a></div><div><div class="w-form"><form id="email-form-3" name="email-form-3" data-name="Email Form 3" method="get" data-wf-page-id="64bed5b2158b8079da52234d" data-wf-element-id="2e59bf8d-7de5-d2e9-8b54-7e5a766799f3"><div class="jetboost-filter-592b w-dyn-list"><div role="list" class="cc_radio-btn-grid w-dyn-items"><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-0" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">A</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="a" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-1" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">B</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="b" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-2" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">C</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="c" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-3" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">D</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="d" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-4" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">E</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="e" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-5" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">F</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="f" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-6" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">G</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="g" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-7" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">H</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="h" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-8" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">I</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="i" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-9" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">J</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="j" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-10" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">K</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="k" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-11" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">L</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="l" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-12" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">M</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="m" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-13" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">N</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="n" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-14" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">O</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="o" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-15" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">P</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="p" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-16" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">Q</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="q" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-17" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">R</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="r" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-18" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">S</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="s" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-19" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">T</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="t" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-20" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">U</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="u" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-21" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">V</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="v" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-22" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">W</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="w" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-23" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">X</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="x" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-24" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">Y</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="y" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-25" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">Z</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="z" /></div></div><div role="listitem" class="w-dyn-item"><label data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a766799f7_instance-26" class="checkbox-group w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio w-radio-input"></div><input type="radio" data-name="Radio 2" id="radio-2" name="radio" style="opacity:0;position:absolute;z-index:-1" value="Radio"/><span class="w-form-label" for="radio-2">#</span></label><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="number" /></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 href="#" data-wf-native-id-path="2e59bf8d-7de5-d2e9-8b54-7e5a76679a04" class="cc_load-more-anchor">Load more</a></div></div></aside></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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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="3376d698-f025-0341-f391-a0b5611c358a: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/npm/swiper@8/swiper-bundle.min.js"></script> <script> $(".slider-main_component").each(function (index) { let loopMode = false; if ($(this).attr("loop-mode") === "true") { loopMode = true; } let sliderDuration = 300; if ($(this).attr("slider-duration") !== undefined) { sliderDuration = +$(this).attr("slider-duration"); } const swiper = new Swiper($(this).find(".swiper")[0], { speed: sliderDuration, loop: loopMode, autoHeight: false, centeredSlides: loopMode, followFinger: true, freeMode: false, slideToClickedSlide: false, slidesPerView: 1, spaceBetween: "0%", rewind: false, mousewheel: { forceToAxis: true }, keyboard: { enabled: true, onlyInViewport: true }, breakpoints: { // mobile landscape 480: { slidesPerView: 1, spaceBetween: "0%" }, // tablet 768: { slidesPerView: 2, spaceBetween: "0%" }, // desktop 992: { slidesPerView: 3, spaceBetween: "0%" } }, pagination: { el: $(this).find(".swiper-bullet-wrapper")[0], bulletActiveClass: "is-active", bulletClass: "swiper-bullet", bulletElement: "button", clickable: true }, navigation: { nextEl: $(this).find(".swiper-next")[0], prevEl: $(this).find(".swiper-prev")[0], disabledClass: "is-disabled" }, scrollbar: { el: $(this).find(".swiper-drag-wrapper")[0], draggable: true, dragClass: "swiper-drag", snapOnRelease: true }, slideActiveClass: "is-active", slideDuplicateActiveClass: "is-active", on: { init: function () { // Set all cards to the same height on initialization setEqualCardHeight(this); }, resize: function () { // Set all cards to the same height on window resize setEqualCardHeight(this); } } }); function setEqualCardHeight(swiper) { // Find all cards within the swiper const cards = swiper.slides; // Reset card heights before calculating new heights cards.forEach(card => { card.style.height = "auto"; }); // Calculate the maximum height among all cards let maxCardHeight = 0; cards.forEach(card => { maxCardHeight = Math.max(maxCardHeight, card.clientHeight); }); // Set the same height for all cards cards.forEach(card => { card.style.height = maxCardHeight + "px"; }); } }); </script></body></html>