1<!DOCTYPE html><!-- Last Published: Fri Feb 09 2024 00:35:19 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="produce-ui-v2.webflow.io" data-wf-page="64d014caaea07df5b0084c33" data-wf-site="64a510412f0524ec4596dbc1"><head><meta charset="utf-8"/><link href="https://assets-global.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Free Reusable Website Page Designs for Figma - Produce UI</title><meta content="Explore our collection of free, reusable website page designs at Produce UI. Discover individual page layouts for your web projects, ready for easy integration into your Figma files with just a copy and paste." name="description"/><meta content="Free Reusable Website Page Designs for Figma - Produce UI" property="og:title"/><meta content="Explore our collection of free, reusable website page designs at Produce UI. Discover individual page layouts for your web projects, ready for easy integration into your Figma files with just a copy and paste." property="og:description"/><meta content="Free Reusable Website Page Designs for Figma - Produce UI" name="twitter:title"/><meta content="Explore our collection of free, reusable website page designs at Produce UI. Discover individual page layouts for your web projects, ready for easy integration into your Figma files with just a copy and paste." name="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"/><link href="https://assets-global.website-files.com/64a510412f0524ec4596dbc1/css/produce-ui-v2.webflow.35e9b548f.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Inter:100,200,300,regular,500,600,700,800,900"] }});</script>
1<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>
1<link href="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dcb8_Produce-Ui-32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dcb9_Produce-Ui-256.png" rel="apple-touch-icon"/>
vendor: 66 bytes, line 1
1<script async="" src="https://www.googletagmanager.com/gtag/js?id=
1G-QCHZK51359
vendor: 11 bytes, line 1
1"></script>
1<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('js', new Date());gtag('config', 'G-QCHZK51359');</script>
1<!--
1<script src="https://app.lemonsqueezy.com/js/lemon.js" defer></script>
1 --> 2 3
4<script> 5 6 let domain = location.hostname 7 let scriptDomain; 8 // Function to load script files based on URL 9 function loadScript(path, position,callback, module){ 10 11 12 if(domain == "produce-ui-v2.webflow.io") scriptDomain = "https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev" 13 else scriptDomain = "https://produce-ui.com" 14 15 var script = document.createElement('script'); 16 if(module == true) script.type = 'module'; 17 18 script.src = scriptDomain + path 19 20 // Set up a callback to load the next script once this one has finished loading 21 script.onload = function() { 22 if (callback) callback(); 23 }; 24 25 26 // Append the script to the document 27 if(position == "head") document.head.appendChild(script); 28 else document.body.appendChild(script) 29 } 30 31 32</script>
32 33</head><body><div class="page-wrapper"><div id="banner-wrapper" class="banner-wrapper"><div class="banner error hide"><div class="banner-content"><p>Banner Content here Banner Content here</p></div><div class="banner-close"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a80a2db047ad9e30102773_cancel.svg" loading="lazy" alt="Cancel Icon Grey" class="icon-image-24 pointer"/></div></div><div class="banner hide"><div class="banner-content"><p>Banner Content here Banner Content here</p></div><div class="banner-close"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a80a2db047ad9e30102773_cancel.svg" loading="lazy" alt="Cancel Icon Grey" class="icon-image-24 pointer"/></div></div></div><div id="toast-box-container" class="toast-box-container"><div class="w-embed"><style> 34/* 35.toast-box{ 36transform: translateX(100%); 37animation: moveleft 0.3s ease forwards; 38 39} 40 41@keyframes moveleft{ 42100%{ 43transform: translateX(0) 44} 45} 46 47 48.toast-box::after, .toast-line{ 49content: ""; 50position: absolute; 51left: 0; 52top: 0; 53height: 4px; 54background: #11D800; 55width: 100%; 56animation: anim 5s linear forwards; 57} 58 59 60 61.toast-box.toast-error::after, .toast-box.toast-error .toast-line{ 62background: #EC1E1E; 63} 64 65.toast-box.invalid::after .toast-box.toast-error .toast-line{ 66background: orange; 67} 68 69@keyframes anim { 70 71100%{ 72width: 0; 73} 74 75} 76*/ 77 78.toast-box{ 79transform: translateX(100%); 80animation: moveleft 0.3s ease forwards; 81 82} 83 84@keyframes moveleft{ 85100%{ 86transform: translateX(0) 87} 88} 89 90 91.toast-line{ 92content: ""; 93position: absolute; 94left: 0; 95top: 0; 96height: 4px; 97background: #11D800; 98width: 100%; 99animation: anim 5s linear forwards; 100} 101 102.toast-box:hover .toast-line{ 103animation-play-state: paused; 104} 105 106.toast-box.toast-error .toast-line{ 107background: #EC1E1E; 108} 109 110.toast-box.toast-warning .toast-line{ 111background: orange; 112} 113 114@keyframes anim { 115 116100%{ 117width: 0; 118} 119 120} 121 122 123</style></div><div class="hide"><div class="toast-box"><div class="toast-content"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64bd4bd91b90be3b5f6831b7_toast-success.svg" loading="lazy" alt="Roast Success Icon"/><div class="toast-text-container"><p class="heading-xsmall text-color-grey-20">Copied Successfully</p><p class="text-size-small text-color-grey-50">You copied component successfully.</p></div></div><div class="toast-line-container"><div class="toast-line new"></div></div></div></div></div><div class="global-styles w-embed"><style> 124 125/* Make text look crisper and more legible in all browsers */ 126body { 127 -webkit-font-smoothing: antialiased; 128 -moz-osx-font-smoothing: grayscale; 129 font-smoothing: antialiased; 130 text-rendering: optimizeLegibility; 131} 132 133/* Focus state style for keyboard navigation for the focusable elements */ 134*[tabindex]:focus-visible, 135 input[type="file"]:focus-visible { 136 outline: 0.125rem solid #4d65ff; 137 outline-offset: 0.125rem; 138} 139 140/* Get rid of top margin on first element in any rich text element */ 141.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { 142 margin-top: 0 !important; 143} 144 145/* Get rid of bottom margin on last element in any rich text element */ 146.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 147 margin-bottom: 0 !important; 148} 149 150/* Prevent all click and hover interaction with an element */ 151.pointer-events-off { 152 pointer-events: none; 153} 154 155/* Enables all click and hover interaction with an element */ 156.pointer-events-on { 157 pointer-events: auto; 158} 159 160/* Create a class of .div-square which maintains a 1:1 dimension of a div */ 161.div-square::after { 162 content: ""; 163 display: block; 164 padding-bottom: 100%; 165} 166 167/* Make sure containers never lose their center alignment */ 168.container-medium,.container-small, .container-large { 169 margin-right: auto !important; 170 margin-left: auto !important; 171} 172 173 174/* Apply "..." after 3 lines of text */ 175.text-style-3lines { 176 display: -webkit-box; 177 overflow: hidden; 178 -webkit-line-clamp: 3; 179 -webkit-box-orient: vertical; 180} 181 182/* Apply "..." after 2 lines of text */ 183.text-style-2lines { 184 display: -webkit-box; 185 overflow: hidden; 186 -webkit-line-clamp: 2; 187 -webkit-box-orient: vertical; 188} 189 190.text-style-1lines {
191 display: -webkit-box; 192 overflow: hidden; 193 -webkit-line-clamp: 1; 194 -webkit-box-orient: vertical; 195} 196 197/* Adds inline flex display */ 198.display-inlineflex { 199 display: inline-flex; 200} 201 202/* These classes are never overwritten */ 203.hide { 204 display: none !important; 205} 206 207@media screen and (max-width: 991px) { 208 .hide, .hide-tablet { 209 display: none !important; 210 } 211} 212 @media screen and (max-width: 767px) { 213 .hide-mobile-landscape{ 214 display: none !important; 215 } 216} 217 @media screen and (max-width: 479px) { 218 .hide-mobile{ 219 display: none !important; 220 } 221} 222 223.margin-0 { 224 margin: 0rem !important; 225} 226 227.padding-0 { 228 padding: 0rem !important; 229} 230 231.spacing-clean { 232padding: 0rem !important; 233margin: 0rem !important; 234} 235 236.margin-top { 237 margin-right: 0rem !important; 238 margin-bottom: 0rem !important; 239 margin-left: 0rem !important; 240} 241 242.padding-top { 243 padding-right: 0rem !important; 244 padding-bottom: 0rem !important; 245 padding-left: 0rem !important; 246} 247 248.margin-right { 249 margin-top: 0rem !important; 250 margin-bottom: 0rem !important; 251 margin-left: 0rem !important; 252} 253 254.padding-right { 255 padding-top: 0rem !important; 256 padding-bottom: 0rem !important; 257 padding-left: 0rem !important; 258} 259 260.margin-bottom { 261 margin-top: 0rem !important; 262 margin-right: 0rem !important; 263 margin-left: 0rem !important; 264} 265 266.padding-bottom { 267 padding-top: 0rem !important; 268 padding-right: 0rem !important; 269 padding-left: 0rem !important; 270} 271 272.margin-left { 273 margin-top: 0rem !important; 274 margin-right: 0rem !important; 275 margin-bottom: 0rem !important; 276} 277 278.padding-left { 279 padding-top: 0rem !important; 280 padding-right: 0rem !important; 281 padding-bottom: 0rem !important; 282} 283 284.margin-horizontal { 285 margin-top: 0rem !important; 286 margin-bottom: 0rem !important; 287} 288 289.padding-horizontal { 290 padding-top: 0rem !important; 291 padding-bottom: 0rem !important; 292} 293 294.margin-vertical { 295 margin-right: 0rem !important; 296 margin-left: 0rem !important; 297} 298 299.padding-vertical { 300 padding-right: 0rem !important; 301 padding-left: 0rem !important; 302} 303 304 305.disable-scrollbar::-webkit-scrollbar {
306 display: none; 307} 308 309 310 311/* width */ 312body::-webkit-scrollbar { 313 width: 10px; 314} 315 316/* Track */ 317body::-webkit-scrollbar-track { 318 background-color: F7FAFF; 319} 320 321/* Handle */ 322body::-webkit-scrollbar-thumb { 323 background: #F7FAFF; 324 border-radius: 0px; 325 326} 327 328/* Handle on hover */ 329body::-webkit-scrollbar-thumb:hover { 330 background: #E5EFFF; 331} 332 333 334/* width */ 335.scrollbar-style.popscreen-image::-webkit-scrollbar { 336 width: 6px; 337} 338.scrollbar-style.popscreen-image::-webkit-scrollbar-thumb { 339 background: #CCE0FF; 340 border-radius: 10px; 341 342} 343.scrollbar-style.popscreen-image::-webkit-scrollbar-track { 344 background-color: #E5EFFF; 345} 346 347 348.scrollbar-style::-webkit-scrollbar { 349 width: 10px; 350} 351 352/* Track */ 353.scrollbar-style::-webkit-scrollbar-track { 354 background-color: E5EFFF; 355} 356 357/* Handle */ 358.scrollbar-style::-webkit-scrollbar-thumb { 359 background: #E5EFFF; 360 border-radius: 2px; 361 362} 363 364/* Handle on hover */ 365.scrollbar-style::-webkit-scrollbar-thumb:hover { 366 background: #CCE0FF; 367} 368 369 370 371 372 373.disable-click{ 374pointer-events: none; 375} 376 377.disable{ 378pointer-events: none; 379} 380 381 382/* Check Tick */ 383input:checked ~ .custom-check-box { 384background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjcwOTkgNy4yMDk5OEMxOC42MTcgNy4xMTYyNSAxOC41MDY0IDcuMDQxODYgMTguMzg0NSA2Ljk5MTA5QzE4LjI2MjcgNi45NDAzMiAxOC4xMzIgNi45MTQxOCAxNy45OTk5IDYuOTE0MThDMTcuODY3OSA2LjkxNDE4IDE3LjczNzIgNi45NDAzMiAxNy42MTU0IDYuOTkxMDlDMTcuNDkzNSA3LjA0MTg2IDE3LjM4MjkgNy4xMTYyNSAxNy4yOSA3LjIwOTk4TDkuODM5OTUgMTQuNjdMNi43MDk5NSAxMS41M0M2LjYxMzQzIDExLjQzNjggNi40OTk0OSAxMS4zNjM0IDYuMzc0NjMgMTEuMzE0MkM2LjI0OTc4IDExLjI2NSA2LjExNjQ1IDExLjI0MDkgNS45ODIyNyAxMS4yNDMyQzUuODQ4MDkgMTEuMjQ1NiA1LjcxNTY4IDExLjI3NDMgNS41OTI2IDExLjMyNzhDNS40Njk1MyAxMS4zODEzIDUuMzU4MTkgMTEuNDU4NSA1LjI2NDk1IDExLjU1NUM1LjE3MTcxIDExLjY1MTUgNS4wOTg0IDExLjc2NTUgNS4wNDkxOSAxMS44OTAzQzQuOTk5OTkgMTIuMDE1MiA0Ljk3NTg2IDEyLjE0ODUgNC45NzgxOCAxMi4yODI3QzQuOTgwNSAxMi40MTY5IDUuMDA5MjMgMTIuNTQ5MyA1LjA2MjcyIDEyLjY3MjNDNS4xMTYyMiAxMi43OTU0IDUuMTkzNDMgMTIuOTA2OCA1LjI4OTk1IDEzTDkuMTI5OTUgMTYuODRDOS4yMjI5MSAxNi45MzM3IDkuMzMzNTEgMTcuMDA4MSA5LjQ1NTM3IDE3LjA1ODlDOS41NzcyMyAxNy4xMDk3IDkuNzA3OTQgMTcuMTM1OCA5LjgzOTk1IDE3LjEzNThDOS45NzE5NiAxNy4xMzU4IDEwLjEwMjcgMTcuMTA5NyAxMC4yMjQ1IDE3LjA1ODlDMTAuMzQ2NCAxNy4wMDgxIDEwLjQ1NyAxNi45MzM3IDEwLjU1IDE2Ljg0TDE4LjcwOTkgOC42Nzk5OUMxOC44MTE1IDguNTg2MzUgMTguODkyNSA4LjQ3MjY4IDE4Ljk0NzkgOC4zNDYxOEMxOS4wMDMzIDguMjE5NjkgMTkuMDMxOSA4LjA4MzA4IDE5LjAzMTkgNy45NDQ5OEMxOS4wMzE5IDcuODA2ODggMTkuMDAzMyA3LjY3MDI3IDE4Ljk0NzkgNy41NDM3N0MxOC44OTI1IDcuNDE3MjcgMTguODExNSA3LjMwMzYyIDE4LjcwOTkgNy4yMDk5OFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yMDc0XzE3KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzIwNzRfMTciIHgxPSI0Ljk3ODAzIiB5MT0iMTIuMDI1IiB4Mj0iMTkuMDMxOSIgeTI9IjEyLjAyNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDA2MkZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwQjJGRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo="); 385 386 background-position: 50% 50%; 387 background-size: contain; 388 background-repeat: no-repeat; 389} 390 391/* Radio Tick */ 392input:checked ~ .custom-radio-button { 393background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjE4MTggMTVDMjMuMTgxOCAxOS41MTg3IDE5LjUxODcgMjMuMTgxOCAxNSAyMy4xODE4QzEwLjQ4MTMgMjMuMTgxOCA2LjgxODE4IDE5LjUxODcgNi44MTgxOCAxNUM2LjgxODE4IDEwLjQ4MTMgMTAuNDgxMyA2LjgxODE4IDE1IDYuODE4MThDMTkuNTE4NyA2LjgxODE4IDIzLjE4MTggMTAuNDgxMyAyMy4xODE4IDE1WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzIwNzVfMTkpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA3NV8xOSIgeDE9IjYuODE4MTgiIHkxPSIxNSIgeDI9IjIzLjE4MTgiIHkyPSIxNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDA2MkZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwQjJGRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo="); 394 395 background-position: 50% 50%; 396 background-size: contain; 397 background-repeat: no-repeat; 398} 399 400 401/* Loader rotate */ 402.loader, .copy-loader{ 403 animation: load 1s linear infinite; 404} 405 406 407@keyframes load{ 408 100% { 409 transform: rotate(350deg) 410 } 411} 412 413/* Copy - Dropdown Hover */ 414 415.hover-dropdown-lists{ 416 display: none; 417} 418 419.card-dropdown:hover .hover-dropdown-lists{ 420 display: flex; 421} 422 423 424.background-change-gradient { 425 background-size: 400% 400%; 426 animation: gradient 15s ease infinite; 427 428} 429 430@keyframes gradient { 431 0% { 432 background-position: 0% 50%; 433 } 434 50% { 435 background-position: 100% 50%; 436 } 437 100% { 438 background-position: 0% 50%; 439 } 440} 441 442@keyframes scroll { 443 from { 444 transform: translateX(0); 445 } 446 to { 447 /* transform: translateX(calc(-100% - 2.5rem)); */ 448 transform: translateX(-100%); 449 } 450} 451 452 453.scroll { 454 animation: scroll 25s linear infinite; 455} 456
457.section-listing-row-container:hover .scroll { 458 animation-play-state : paused; 459} 460 461.element-listing-row-container:hover .scroll { 462 animation-play-state : paused; 463} 464 465.reverse { 466 animation-direction: reverse; 467} 468 469 470/* My Components Settings hover */ 471.settings-block:hover > .settings-options { 472 display: block; 473} 474 475 476 input:focus { 477 border: 1px solid #CCE0FF; 478 outline : none; 479 } 480 481 482.profile-insight-body{ 483 overflow-y : hidden; 484} 485 486/* width */ 487.profile-insight-body::-webkit-scrollbar { 488 height: 6px; 489} 490 491/* Track */ 492.profile-insight-body::-webkit-scrollbar-track { 493 background-color: #E5EFFF; 494 border-radius: 20px; 495} 496 497/* Handle */ 498.profile-insight-body::-webkit-scrollbar-thumb { 499 background: #CCE0FF; 500 border-radius: 0px; 501 502} 503 504/* Handle on hover */ 505.profile-insight-body::-webkit-scrollbar-thumb:hover { 506 background: #99C0FF; 507} 508 509 510.search-sort-container:hover .search-sort-body { 511 display: block; 512} 513 514 515.prtb-page-button-container.active .prtb-page-button-body { 516display : flex; 517} 518</style></div><div data-animation="default" data-collapse="none" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav"><div class="navbar-container w-container"><a href="/" class="w-nav-brand"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a51f85512c5544605e513e_produce-logo.svg" loading="lazy" alt="Produce UI Textual Logo" class="nav-logo"/></a><div class="flex-horizontal-expand"></div><div class="navbar-link-container"><div class="navbar-links"><div class="navlink"><a href="/components" class="text-weight-medium text-size-regular text-style-normal text-color-grey-20">Components</a><div class="navlink-arrow"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a54fac28b86305f23155cf_chevron-down.svg" loading="lazy" alt="Chevron Down Icon" class="navlink-arrow-image"/></div><div class="navlink-listing-container"><div class="navlink-listing-content-container"><div class="nl-components-left"><div data-nl-open-for="elements" class="nlcl-block selected"><div class="nlcl-block-images"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64b8d27021d8a8af5b80c934_rectangle-group.svg" loading="lazy" alt="Rectangle Group Icon SVG" class="nlcl-block-left-image"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG"/></div><div class="nlcl-block-texts"><div class="text-color-grey-20 weight-medium">Elements</div><div class="text-color-grey-30 text-size-small">Access over 170+ Elements for free, simply copy and paste them into your Figma file effortlessly.</div></div></div><div data-nl-open-for="sections" class="nlcl-block"><div class="nlcl-block-images"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64b8d2713208460ea540b0b1_squares-2x2.svg" loading="lazy" alt="Square 2x2 Icon" class="nlcl-block-left-image"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG"/></div><div class="nlcl-block-texts"><div class="text-color-grey-20 weight-medium">Sections</div><div class="text-color-grey-30 text-size-small">Access over 1100+ Sections for free, simply copy and paste them into your Figma file effortlessly.</div></div></div><a href="/components" class="nlcl-bottom-block w-inline-block"><div class="weight-medium text-color-grey-20">Open Components Page</div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG"/></a></div><div class="vertical-line"></div><div class="nl-components-right"><div data-nl-block-for="elements" class="nl-names-container scrollbar-style popscreen-image"><a href="/components?component-type=element" class="text-style-normal weight-medium">Go to Elements -></a><div class="nl-names-body"><a href="/components?element-category=avatar" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Avatar</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">17</div></div></a><a href="/components?element-category=banner" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Banner</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">09</div></div></a><a href="/components?element-category=breadcrumb" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Breadcrumb</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">22</div></div></a><a href="/components?element-category=button" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Button</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">06</div></div></a><a href="/components?element-category=calendar" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Calendar</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=card" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Card</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">20</div></div></a><a href="/components?element-category=chart" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Chart</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=checkbox" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Checkbox</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">04</div></div></a><a href="/components?element-category=chips" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Chips</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">04</div></div></a><a href="/components?element-category=clock" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Clock</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/components?element-category=dropdown" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Dropdown</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/components?element-category=file-upload" class="bl-name-block w-inline-block"><div class="text-color-grey-20">File Upload</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=pagination" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Pagination</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=popover" class="bl-name-block w-inline-block"><div class="text-color-grey-20">
518Popover</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">20</div></div></a><a href="/components?element-category=progress" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Progress</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=radio" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Radio</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/components?element-category=range-slider" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Range Slider</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=search-bar" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Search Bar</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">08</div></div></a><a href="/components?element-category=table" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Table</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">09</div></div></a><a href="/components?element-category=tabs" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Tabs</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=text-input" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Text Input</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/components?element-category=toast" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Toast</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">10</div></div></a><a href="/components?element-category=toggle" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Toggle</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/components?element-category=tooltip" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Tooltip</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a></div></div><div data-nl-block-for="sections" class="nl-names-container scrollbar-style popscreen-image hide"><a href="/components?component-type=section" class="text-style-normal weight-medium">Go to Sections -></a><div class="nl-names-body"><a href="/components?section-category=blog-listing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Blog Listing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">100</div></div></a><a href="/components?section-category=comments" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Comments</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/components?section-category=contact" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Contact</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">10</div></div></a><a href="/components?section-category=cta" class="bl-name-block w-inline-block"><div class="text-color-grey-20">CTA</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">52</div></div></a><a href="/components?section-category=dashboard" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Dashboard</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/components?section-category=faq" class="bl-name-block w-inline-block"><div class="text-color-grey-20">FAQ</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">60</div></div></a><a href="/components?section-category=features" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Features</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">140</div></div></a><a href="/components?section-category=footer" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Footer</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=form" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Form</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/components?section-category=gallery" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Gallery</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">40</div></div></a><a href="/components?section-category=hero" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Hero</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=live-chat" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Live Chat</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/components?section-category=login" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Login</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=logo" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Logo</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=multistep-form" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Multistep Form</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=navbar" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Navbar</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=navbar-listing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Navbar Listing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">45</div></div></a><a href="/components?section-category=not-found" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Not Found</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/components?section-category=pricing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">
518Pricing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">60</div></div></a><a href="/components?section-category=process" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Process</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">30</div></div></a><a href="/components?section-category=product-listing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Product Listing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">80</div></div></a><a href="/components?section-category=search" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Search</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?section-category=signup" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Signup</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=team-members" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Team Members</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">120</div></div></a><a href="/components?section-category=testimonial" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Testimonial</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">10</div></div></a><a href="/components?section-category=timeline" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Timeline</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">07</div></div></a></div></div></div></div></div></div><div class="navlink"><a href="/pages" aria-current="page" class="text-weight-medium text-size-regular text-style-normal text-color-grey-20 w--current">Pages</a><div class="navlink-arrow"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a54fac28b86305f23155cf_chevron-down.svg" loading="lazy" alt="Chevron Down Icon" class="navlink-arrow-image"/></div><div class="navlink-listing-container"><div class="navlink-listing-content-container"><div class="nlcc-container"><div class="nl-names-container scrollbar-style popscreen-image"><a href="/pages" aria-current="page" class="text-style-normal weight-medium w--current">Go to Pages -></a><div class="nl-names-body"><a href="/pages?page-category=404-not-found" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">404 Not Found</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=about" class="bl-name-block w-inline-block"><div class="text-color-grey-20">About</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">10</div></div></a><a href="/pages?page-category=account" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Account</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">03</div></div></a><a href="/pages?page-category=affiliate" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Affiliate</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=blog-listing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Blog Listing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">04</div></div></a><a href="/pages?page-category=blog-post-open" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Blog Post Open</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=careers" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Careers</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">03</div></div></a><a href="/pages?page-category=changelog" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Changelog</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=checkout" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Checkout</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=clients" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Clients</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=contact" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Contact</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">08</div></div></a><a href="/pages?page-category=contribute" class="bl-name-block w-inline-block"><div class="text-color-grey-20">
518Contribute</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/pages?page-category=documentation" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Documentation</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=faq" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">FAQ</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=gallery" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Gallery</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=history" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">History</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=home" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Home</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">12</div></div></a><a href="/pages?page-category=information" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Information</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">15</div></div></a><a href="/pages?page-category=media" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Media</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=news" class="bl-name-block w-inline-block"><div class="text-color-grey-20">News</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/pages?page-category=newsletter-signup" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Newsletter Signup</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=portfolio" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Portfolio</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">03</div></div></a><a href="/pages?page-category=pricing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Pricing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/pages?page-category=product-cart" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Product Cart</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=product-detail" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Product Detail</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">03</div></div></a><a href="/pages?page-category=product-listing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Product Listing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">04</div></div></a><a href="/pages?page-category=services" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Services</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/pages?page-category=sitemap" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Sitemap</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=support" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Support</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/pages?page-category=team" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Team</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/pages?page-category=testimonials" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Testimonials</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=timeline" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Timeline</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a></div></div></div></div></div></div><div class="navlink"><a href="/templates" class="text-weight-medium text-size-regular text-style-normal text-color-grey-20">Templates</a><div class="navlink-arrow"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a54fac28b86305f23155cf_chevron-down.svg" loading="lazy" alt="Chevron Down Icon" class="navlink-arrow-image"/></div><div class="navlink-listing-container"><div class="navlink-listing-content-container"><div class="nlcc-container"><div class="nl-names-container scrollbar-style popscreen-image"><a href="/templates" class="text-style-normal weight-medium">Go to Templates -></a><div class="nl-names-body"><a href="/templates?template-category=agency" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Agency</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">04</div></div></a><a href="/templates?template-category=blog" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Blog</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/templates?template-category=business" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Business</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/templates?template-category=community" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Community</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/templates?template-category=ecommerce" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Ecommerce</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/templates?template-category=education" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Education</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/templates?template-category=entertainment" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Entertainment</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/templates?template-category=finance" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Finance</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/templates?template-category=health" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Health</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">03</div></div></a>
518<a href="/templates?template-category=non-profit" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Non Profit</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/templates?template-category=portfolio" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Portfolio</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">04</div></div></a><a href="/templates?template-category=technology" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Technology</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/templates?template-category=web3" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Web3</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a></div></div></div></div></div></div><div class="navlink"><div class="text-size-regular text-weight-medium text-color-grey-20">Others</div><div class="navlink-arrow"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a54fac28b86305f23155cf_chevron-down.svg" loading="lazy" alt="Chevron Down Icon" class="navlink-arrow-image"/></div><div class="navlink-listing-container"><div class="navlink-listing-content-container others"><div class="nl-others-container"><a href="/pricing" class="nlcl-block w-inline-block"><div class="nlcl-block-images others"><div class="nlo-header-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6504d6ec19ad47b83f2fdb9c_bolt.svg" loading="lazy" alt="Thunder Icon Grey SVG" class="nlcl-block-left-image others"/><div class="text-color-grey-20 weight-medium">Pricing</div></div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG" class="icon-image-24"/></div><div class="nlcl-block-texts"><div class="text-color-grey-30 text-size-small">Explore our pricing options to find the plan that suits your needs and budget.</div></div></a><a href="https://produce-ui.lemonsqueezy.com/affiliates" target="_blank" class="nlcl-block w-inline-block"><div class="nlcl-block-images others"><div class="nlo-header-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64b8d2708f0f911317e411c7_banknotes.svg" loading="lazy" alt="Banknotes Icon SVG" class="nlcl-block-left-image others"/><div class="text-color-grey-20 weight-medium">Affiliate</div></div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG" class="icon-image-24"/></div><div class="nlcl-block-texts"><div class="text-color-grey-30 text-size-small">Join our affiliate program and earn up to $100 per sale.</div></div></a><a href="https://agency.produce-ui.com" target="_blank" class="nlcl-block w-inline-block"><div class="nlcl-block-images others"><div class="nlo-header-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65806548544335c45b47a958_rocket-launch.svg" loading="lazy" alt="Rocket Fill Icon" class="nlcl-block-left-image others"/><div class="text-color-grey-20 weight-medium">Agency</div></div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG" class="icon-image-24"/></div><div class="nlcl-block-texts"><div class="text-color-grey-30 text-size-small">Design & Develop a tailored product that perfectly aligns with your needs.</div></div></a><a href="#" class="nlcl-block hide w-inline-block"><div class="nlcl-block-images others"><div class="nlo-header-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6504d6ecb19d4a5f58cd36e5_film.svg" loading="lazy" alt="Film Icon Grey SVG" class="nlcl-block-left-image others"/><div class="text-color-grey-20 weight-medium">Our Story</div></div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG" class="icon-image-24"/></div><div class="nlcl-block-texts"><div class="text-color-grey-30 text-size-small">Discover the journey and mission behind our company by exploring our story page.</div></div></a></div></div></div></div></div></div><div id="navbar-buttons-container" class="navbar-buttons-container hide"><a id="navbar-signup" href="#" class="nav-button w-button">Signup</a><a id="navbar-login" href="#" class="nav-button w-button">Login</a></div><div id="navbar-profile-container" data-w-id="71df41fe-1280-cee9-ebd1-a6fceb994ea9" class="navbar-profile-container hide"><div class="navbar-profile-head"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc6d_default-profile.png" loading="lazy" alt="Produce UI Default Profile Image" class="nav-profile-image"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a54fac28b86305f23155cf_chevron-down.svg" loading="lazy" alt="Chevron Down Icon"/></div><div class="navbar-profile-body"><div class="navbar-profile-body-top"><a href="/profile" class="navbar-profile-link w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a53776f3bd1a0947860e87_user.svg" loading="lazy" alt="User Icon Grey" class="icon-image-24"/><div>Profile</div></a><a href="/profile?open=my-templates" class="navbar-profile-link w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a53776262710de60264195_shopping-bag.svg" loading="lazy" alt="Shopping Bag Icon" class="icon-image-24"/><div>My Templates</div></a><a href="/profile?open=folders" class="navbar-profile-link w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a53776e386e381fc4e9aae_folder.svg" loading="lazy" alt="Folder Outline Icon" class="icon-image-24"/><div>Folders</div></a><a href="/pricing" class="navbar-profile-link w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64adf4052bf9d1b1f7febb56_bolt.svg" loading="lazy" alt="Bolt Icon SVG" class="icon-image-24"/><div>
518Pricing</div></a></div><div class="navbar-profile-body-bottom"><a id="nav-profile-logout" href="#" class="navbar-profile-link w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64adf406122a4dd4e0f0c7d4_logout-red.svg" loading="lazy" alt="Logout Red Icon SVG" class="icon-image-24"/><div class="text-color-red">Logout</div></a></div></div></div><div class="nav-dropdown-for-mobile"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/650ba76e0669675c385fa28e_Icon.svg" loading="lazy" data-w-id="0b0a84ae-b68d-4bbf-deee-93d5a63a0e47" alt="Hamburger Icon Grey SVG" class="nav-mobile-icon"/><div class="nav-mobile-dropdown"><div class="nav-mobile-links-container"><a href="/" class="nav-mobile-link">Home</a><a href="/pricing" class="nav-mobile-link">Pricing</a><a href="/changelog" class="nav-mobile-link">Changelog</a><a href="/contact-us" class="nav-mobile-link">Contact</a></div></div></div></div></div><main class="main-wrapper"><div class="not-allow-screen-container"><div class="not-allow-screen-content"><div class="not-allow-icon"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6519ea8617cd8731e224303d_screen.svg" loading="lazy" alt="Screen SVG Icon"/></div><div class="not-allow-screen-texts"><p class="heading-regular text-color-grey-20">Your screen is too small</p><p class="text-size-regular text-color-grey-40 text-align-center">To access this page your screen needs to be at least 1000px wide.</p></div></div></div><div class="global-search-result-container"><div id="filters-container" class="filters-container"><div id="filter-form" class="filter-form-block w-form"><form id="wf-form-Search-2" name="wf-form-Search-2" data-name="Search" method="get" class="filter-form" data-wf-page-id="64d014caaea07df5b0084c33" data-wf-element-id="f715f9db-fb41-7562-b5c4-1b97ca152a8b"><div class="filter-content-container"><div class="filter-header"><div class="filter-text-wrapper"><img alt="Filter Icon Gradient" loading="lazy" src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64d014835ab57e0707cffeba_Filter.svg" class="icon-image-30"/><h2 class="heading-small weight-semibold text-color-grey-20">Filters</h2></div><div id="clear-filter" class="clear-filter">Clear Filters</div></div><div class="filter-body"><div data-filter-section-for="components" class="filter-section-body"><div class="filter-top-body"><label class="radio-button-field w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio-button-1 w-radio-input"></div><input id="all" type="radio" name="select-type" data-name="select-type" required="" style="opacity:0;position:absolute;z-index:-1" value="all"/><span class="custom-radio-label w-form-label" for="all">All</span><div class="custom-radio-button search"></div></label><label class="radio-button-field w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio-button-1 w-radio-input"></div><input id="element" type="radio" name="select-type" data-name="select-type" required="" style="opacity:0;position:absolute;z-index:-1" value="element"/><span class="custom-radio-label w-form-label" for="element">Elements</span><div class="custom-radio-button search"></div></label><label class="radio-button-field w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio-button-1 w-radio-input"></div><input id="section" type="radio" name="select-type" data-name="select-type" required="" style="opacity:0;position:absolute;z-index:-1" value="section"/><span class="custom-radio-label w-form-label" for="section">Sections</span><div class="custom-radio-button search"></div></label></div></div><div data-filter-section-for="components" class="filter-section"><div class="accordian-head"><div class="filter-section-heading"><h3 class="heading-xsmall text-color-grey-20 weight-medium">Categories</h3><img alt="Chevron Down Icon Grey" loading="lazy" src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46536efec5cd8ece318_chevron-down.svg" class="filter-sub-icon"/></div></div><div class="accordian-body"><div class="filter-section-search"><img alt="Search Icon Grey" loading="lazy" src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c789e1545e278f1c93e1e4_search-grey.svg" class="icon-image-20"/><input class="filter-section-search-input w-input" maxlength="256" name="field-2" data-name="Field 2" placeholder="Search" type="text" id="category-search"/></div><div id="filter-category-section-container" data-name="filter-body" class="filter-section-body"><div class="filter-head-container"><div class="filter-icon-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64cd23a2fc8a8acfdd736f85_rectangle-stack.svg" loading="lazy" alt="Rectangle Stack Grey" class="icon-image-25"/></div><h4 class="heading-xsmall weight-medium text-color-grey-20">Sections</h4></div><div class="filter-body-container"><div class="filter-left-line-container"><div class="filter-vertical-line"></div></div><div data-checkbox-container-for="section-category" class="filter-checkbox-container"><div class="checkbox-row"><div class="horizontal-line"></div><label data-filter-checkbox-type="section-category" data-value="contact" class="w-checkbox custom-checkbox-container"><input id="contact-7" type="checkbox" name="contact-7" data-name="Contact 7" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="contact-7">Contact</span><div class="custom-check-box"></div></label><div class="checkbox-count-container"><div class="weight-medium text-size-xsmall text-color-grey-30">18</div></div></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-category-type="section-category" data-checkbox-category="comments" class="w-checkbox custom-checkbox-container"><input id="comments-7" type="checkbox" name="comments-7" data-name="Comments 7" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="comments-7">Comments</span><div class="custom-check-box"></div></label><div class="checkbox-count-container"><div class="weight-medium text-size-xsmall text-color-grey-30">30</div></div></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-category-type="section-category" data-checkbox-category="blog-listing" class="w-checkbox custom-checkbox-container"><input id="blog-listing-5" type="checkbox" name="blog-listing-5" data-name="Blog Listing 5" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="blog-listing-5">Blog Listing</span><div class="custom-check-box"></div></label><div class="checkbox-count-container"><div class="weight-medium text-size-xsmall text-color-grey-30">150</div></div></div></div></div></div><div id="filter-category-element-container" data-name="filter-body" class="filter-section-body"><div class="filter-head-container"><div class="filter-icon-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64cd23a121f9ddf44ee42ca0_rectangle-group.svg" loading="lazy" alt="Rectangle Group Icon" class="icon-image-25"/></div><h4 class="heading-xsmall weight-medium text-color-grey-20">Elements</h4></div><div class="filter-body-container"><div class="filter-left-line-container"><div class="filter-vertical-line"></div></div><div data-checkbox-container-for="element-category" class="filter-checkbox-container"><div class="checkbox-row"><div class="horizontal-line"></div><label data-checkbox-type="element-category" data-value="avatar" class="w-checkbox custom-checkbox-container"><input id="contact-2" type="checkbox" name="contact-2" data-name="Contact 2" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="contact-2">
518Avatar</span><div class="custom-check-box"></div></label><div class="checkbox-count-container"><div class="weight-medium text-size-xsmall text-color-grey-30">9</div></div></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-category-type="element-category" data-checkbox-category="banner" class="w-checkbox custom-checkbox-container"><input id="comments-2" type="checkbox" name="comments-2" data-name="Comments 2" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="comments-2">Banner</span><div class="custom-check-box"></div></label><div class="checkbox-count-container"><div class="weight-medium text-size-xsmall text-color-grey-30">11</div></div></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-category-type="element-category" data-checkbox-category="breadcrumbs" class="w-checkbox custom-checkbox-container"><input id="blog-listing-2" type="checkbox" name="blog-listing-2" data-name="Blog Listing 2" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="blog-listing-2">Breadcrumbs</span><div class="custom-check-box"></div></label><div class="checkbox-count-container"><div class="weight-medium text-size-xsmall text-color-grey-30">1176</div></div></div></div></div></div></div></div><div data-filter-section-for="components" class="filter-section"><div class="accordian-head"><div class="filter-section-heading"><h3 class="heading-xsmall text-color-grey-20 weight-medium">Layout</h3><img alt="Chevron Down Icon Grey" loading="lazy" src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46536efec5cd8ece318_chevron-down.svg" class="filter-sub-icon"/></div></div><div class="accordian-body"><div data-name="filter-body" class="filter-section-body"><div class="filter-head-container"><div class="filter-icon-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64cd23a3c4e0039568b8c601_text.svg" loading="lazy" alt="Text Icon Grey" class="icon-image-25"/></div><h4 class="heading-xsmall weight-medium text-color-grey-20">Text Align</h4></div><div class="filter-body-container"><div class="filter-left-line-container"><div class="filter-vertical-line"></div></div><div data-checkbox-container-for="text-align" class="filter-checkbox-container"><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="left" data-checkbox-type="text-align" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">Left</span><div class="custom-check-box"></div></label></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="center" data-checkbox-type="text-align" class="w-checkbox custom-checkbox-container"><input id="comments-4" type="checkbox" name="comments-4" data-name="Comments 4" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="comments-4">Center</span><div class="custom-check-box"></div></label></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="right" data-checkbox-type="text-align" class="w-checkbox custom-checkbox-container"><input id="blog-listing-4" type="checkbox" name="blog-listing-4" data-name="Blog Listing 4" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="blog-listing-4">Right</span><div class="custom-check-box"></div></label></div></div></div></div><div data-name="filter-body" class="filter-section-body"><div class="filter-head-container"><div class="filter-icon-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64cd23a16ce7de03fadb8835_align-center.svg" loading="lazy" alt="Align Center Icon" class="icon-image-25"/></div><h4 class="heading-xsmall weight-medium text-color-grey-20">Content Align</h4></div><div class="filter-body-container"><div class="filter-left-line-container"><div class="filter-vertical-line"></div></div><div data-checkbox-container-for="content-align" class="filter-checkbox-container"><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="left" data-checkbox-type="content-align" class="w-checkbox custom-checkbox-container"><input id="contact-6" type="checkbox" name="contact-6" data-name="Contact 6" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="contact-6">Left</span><div class="custom-check-box"></div></label></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="center" data-checkbox-category="comments" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Comments" data-name="Comments" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Comments">Center</span><div class="custom-check-box"></div></label></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="right" data-checkbox-category="comments" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Comments" data-name="Comments" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Comments">Right</span><div class="custom-check-box"></div></label></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="other" data-checkbox-category="comments" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Comments" data-name="Comments" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Comments">
518Other</span><div class="custom-check-box"></div></label></div></div></div></div><div data-name="filter-body" class="filter-section-body"><div class="filter-head-container"><div class="filter-icon-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64cd23a3cc693549a98226de_view-columns.svg" loading="lazy" alt="View Columns Icon Grey" class="icon-image-25"/></div><h4 class="heading-xsmall weight-medium text-color-grey-20">Column</h4></div><div class="filter-body-container"><div class="filter-left-line-container"><div class="filter-vertical-line"></div></div><div data-checkbox-container-for="column" class="filter-checkbox-container"><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="1" data-checkbox-type="column" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">1</span><div class="custom-check-box"></div></label></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="2" data-checkbox-type="column" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">2</span><div class="custom-check-box"></div></label></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="3" data-checkbox-type="column" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">3</span><div class="custom-check-box"></div></label></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="4" data-checkbox-type="column" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">4</span><div class="custom-check-box"></div></label></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="4+" data-checkbox-type="column" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">4+</span><div class="custom-check-box"></div></label></div></div></div></div></div></div><div data-filter-section-for="pages" class="filter-section-body"><div class="filter-head-container"><div class="filter-icon-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64cd23a2fc8a8acfdd736f85_rectangle-stack.svg" loading="lazy" alt="Rectangle Stack Grey" class="icon-image-25"/></div><h4 class="heading-xsmall weight-medium text-color-grey-20">Pages</h4></div><div class="filter-body-container"><div class="filter-left-line-container"><div class="filter-vertical-line"></div></div><div data-checkbox-container-for="page-category" class="filter-checkbox-container"><div class="checkbox-row"><div class="horizontal-line"></div><label data-checkbox-type="page-category" data-value="blog-listing" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">Blog Listing</span><div class="custom-check-box"></div></label><div class="checkbox-count-container"><div class="weight-medium text-size-xsmall text-color-grey-30">18</div></div></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-category-type="page-category" data-checkbox-category="contact" class="w-checkbox custom-checkbox-container"><input id="comments-3" type="checkbox" name="comments-3" data-name="Comments 3" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="comments-3">Contact</span><div class="custom-check-box"></div></label><div class="checkbox-count-container"><div class="weight-medium text-size-xsmall text-color-grey-30">30</div></div></div></div></div></div><div data-filter-section-for="templates" class="filter-section-body"><div class="filter-head-container"><div class="filter-icon-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64cd23a28475937ef9b817be_squares-2x2.svg" loading="lazy" alt="Square 2x2 Icon" class="icon-image-25"/></div><h4 class="heading-xsmall weight-medium text-color-grey-20">Category</h4></div><div class="filter-body-container"><div class="filter-left-line-container"><div class="filter-vertical-line"></div></div><div data-checkbox-container-for="template-category" class="filter-checkbox-container"><div class="checkbox-row"><div class="horizontal-line"></div><label data-checkbox-type="template-category" data-value="agency" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">Agency</span><div class="custom-check-box"></div></label><div class="checkbox-count-container"><div class="weight-medium text-size-xsmall text-color-grey-30">18</div></div></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-category-type="template-category" data-checkbox-category="portfolio" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">Portfolio</span><div class="custom-check-box"></div></label><div class="checkbox-count-container"><div class="weight-medium text-size-xsmall text-color-grey-30">18</div></div></div></div></div></div><div data-filter-section-for="templates" class="filter-section-body"><div class="filter-head-container"><div class="filter-icon-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64cd23a24f0e0f14b1377cb2_sparkles.svg" loading="lazy" alt="Sparkles Icon Grey" class="icon-image-25"/></div><h4 class="heading-xsmall weight-medium text-color-grey-20">Theme</h4></div><div class="filter-body-container"><div class="filter-left-line-container"><div class="filter-vertical-line"></div></div><div data-checkbox-container-for="theme" class="filter-checkbox-container"><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="light" data-checkbox-type="theme" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">Light</span><div class="custom-check-box"></div></label></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="dark" data-checkbox-type="style" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">Dark</span><div class="custom-check-box"></div></label></div></div></div></div><div data-filter-section-for="templates" class="filter-section-body"><div class="filter-head-container"><div class="filter-icon-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64cd23a36ce7de03fadb8cee_square-3-stack-3d.svg" loading="lazy" alt="Square 3 Stack Icon Grey" class="icon-image-25"/></div><h4 class="heading-xsmall weight-medium text-color-grey-20">Page Count</h4></div><div class="filter-body-container"><div class="filter-left-line-container"><div class="filter-vertical-line"></div></div><div data-checkbox-container-for="page-count" class="filter-checkbox-container"><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="1" data-checkbox-type="page-count" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">1</span><div class="custom-check-box"></div></label></div><div class="checkbox-row"><div class="horizontal-line"></div><label data-value="2" data-checkbox-type="page-count" class="w-checkbox custom-checkbox-container"><input type="checkbox" name="Contact" data-name="Contact" id="checkbox" class="w-checkbox-input hide"/><span class="custom-checkbox-label w-form-label" for="Contact">2</span><div class="custom-check-box"></div></label></div></div></div></div></div></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div><div class="w-embed"><style> 519/* width */ 520.filters-container::-webkit-scrollbar {
521 width: 5px; 522} 523 524/* Track */ 525.filters-container::-webkit-scrollbar-track { 526 background-color: F7FAFF; 527} 528 529/* Handle */ 530.filters-container::-webkit-scrollbar-thumb { 531 background: #F7FAFF; 532 border-radius: 10px; 533 534} 535 536/* Handle on hover */ 537.filters-container::-webkit-scrollbar-thumb:hover { 538 background: #E5EFFF; 539} 540</style></div></div><div class="search-result-container scrollbar-style"><div id="search-result-top" class="search-result-top"><div class="search-top-container"><h1 class="heading-small weight-semibold text-color-grey-30">Figma Pages Library</h1><div class="actions-container"><div class="search-actions-left-container"><div class="search-container"><div id="search-form" class="form-block w-form"><form id="wf-form-Search-Form" name="wf-form-Search-Form" data-name="Search Form" method="get" data-wf-page-id="64d014caaea07df5b0084c33" data-wf-element-id="f715f9db-fb41-7562-b5c4-1b97ca152bf5"><input class="form_input search w-input" maxlength="256" name="Search-Input" data-name="Search Input" placeholder="Search" type="text" id="search-input"/></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 id="search-submit-button" class="search-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c78a1fcbf9c12ebcf79068_search-grey.svg" loading="lazy" alt="Search Icon Grey" class="image-2"/></div></div><div class="search-sort-container"><div class="search-sort-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64cd3b8c7105a169a5b4d214_arrows-up-down.svg" loading="lazy" alt="Arrow Up Down Grey"/></div><div class="search-sort-body"><div class="heading-body-content"><p class="heading-xsmall">Sort By</p><div class="sort-row"><div class="sort-buttons-container"><div data-sort-arrow="up" data-sort-for="name" class="sort-button up-arrow"></div><div data-sort-arrow="down" data-sort-for="name" class="sort-button down-arrow"></div></div><p class="weight-medium text-color-grey-30">Name</p></div><div class="sort-row"><div class="sort-buttons-container"><div data-sort-arrow="up" data-sort-for="upload-date" class="sort-button up-arrow"></div><div data-sort-arrow="down" data-sort-for="upload-date" class="sort-button down-arrow"></div></div><p class="weight-medium text-color-grey-30">Upload Date</p></div><div class="sort-row hide"><div class="sort-buttons-container"><div data-sort-arrow="up" data-sort-for="likes" class="sort-button up-arrow"></div><div data-sort-arrow="down" data-sort-for="likes" class="sort-button down-arrow"></div></div><p class="weight-medium text-color-grey-30">Likes</p></div></div></div></div></div><div class="search-actions-right-container"><div data-w-id="4c5bd64d-0d11-1436-f95c-4787d689344e" class="htu-small-btn"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6535c963a24c9a3fff1a2b69_question-gradient.svg" loading="lazy" alt="question gradient icon"/><div class="htu-tooltip-body"><div class="htu-tooltip"><div>How to use</div></div></div></div><div id="default-select-screen-container" class="screens-container filter"><div data-name="desktop" class="screen desktop filter-screen-size active"></div><div data-name="laptop" class="screen laptop filter-screen-size"></div><div data-name="mobile" class="screen mobile filter-screen-size"></div></div></div></div><div class="helper-text-container"><div class="text-size-small text-color-dustygrey">Search Result for "<span id="display-search-text">Search Above</span>"</div><div id="result-count-text" class="text-size-small text-color-dustygrey">0 Components</div></div></div><div id="filter-selected-tags-container" class="filter-selected-tags-container"><div class="flter-selected-tag hide"><div class="text-size-small weight-medium text-color-grey-30">Column : 4+</div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a80a2db047ad9e30102773_cancel.svg" loading="lazy" id="w-node-f715f9db-fb41-7562-b5c4-1b97ca152c28-ca152a84" alt="Cancel Icon Grey" class="icon-image-20"/></div></div><div class="htu-big-btn hide"><div class="text-color-grey-20">Click here to learn how to use</div><div class="htu-big-close"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6535c82117
540daafaf2973ea6b_x-mark-mini.svg" loading="lazy" alt="cross grey icon" class="icon-image-24 disable-click"/></div></div></div><div id="components-result-container" class="cards-container"><div class="sentinel"></div><div data-component-id="as3edsfe3dsfdssd" class="component-card hide"><div class="card-image-container"><div class="card-image"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dcb5_Sign%20Up.png" loading="lazy" alt="Signup Section Image" class="image-fill-container disable-click"/></div><div class="screens-container"><div data-cover-screen-name="desktop" class="screen desktop"></div><div data-cover-screen-name="laptop" class="screen laptop"></div><div data-cover-screen-name="mobile" class="screen mobile"></div></div><div class="card-tags-container"><a href="#" class="card-tag w-inline-block"><p class="text-size-regular weight-medium text-color-grey-20">Paid</p></a><a href="#" class="card-tag w-inline-block"><p class="text-size-regular weight-medium text-color-grey-20">Private</p></a></div></div><div class="card-content-container-top"><div class="name-and-profile"><div class="card-text-container"><h2 class="text-color-grey-20 text-weight-medium heading-xsmall">Footer 37</h2><div class="text-size-small text-color-grey-50">Added January 27, 2023</div></div><div class="card-profile-container"><div class="card-profile-tooltip"><div class="card-profile-tooltip-text-container"><div class="text-color-acuarygradient">Produce UI</div></div><div class="tip"></div></div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c50f85c6aaf3711081b11c_figma%20logo.svg" loading="lazy" alt="Figma Logo" class="card-profile-image"/></div></div></div><div class="card-content-container-bottom"><div class="card-dropdown"><div class="card-dropdown-head"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc90_Copy.svg" loading="lazy" alt="Copy Icon" class="card-icon"/><div class="text-size-regular weight-medium text-color-grey-30">copy for</div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc93_down%20arrow%20Outline.svg" loading="lazy" alt="Down Arrow Icon"/></div><div class="card-dropdown-lists-container"><div class="hover-dropdown-lists"><div class="card-dropdown-list"><div class="text-size-regular text-color-grey-30 weight-medium">Desktop - 1920w</div><div class="dropdown-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc94_monitor%20Outline%20grey-grey-30.svg" loading="lazy" alt="Monitor Icon" class="copy-icon"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 541" class="copy-loader"/></div></div><div class="card-dropdown-list"><div class="text-size-regular text-color-grey-30">Laptop - 1440w</div><div class="dropdown-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc96_laptop%20Outline%20grey-grey-30.svg" loading="lazy" alt="Laptop Icon" class="copy-icon"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 542" class="copy-loader"/></div></div><div class="card-dropdown-list"><div class="text-size-regular text-color-grey-30">Mobile - 390w</div><div class="dropdown-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc95_mobile%20Outline%20grey-grey-30.svg" loading="lazy" alt="Mobile Icon" class="copy-icon"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 543" class="copy-loader"/></div></div><div class="card-dropdown-list"><div class="text-size-regular text-color-purple">Figma Component</div><div class="dropdown-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc44_component-icon.svg" loading="lazy" alt="Figma Component Icon" class="copy-icon"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 544" class="copy-loader"/></div></div></div></div></div><div class="card-sub-button-container"><a id="w-node-_60428d34-f674-2263-7224-78ee513de8fe-ca152a84" href="#" class="button-ternary card w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc92_Folder_add.svg" loading="lazy" id="w-node-_60428d34-f674-2263-7224-78ee513de8ff-ca152a84" alt="Folder Plus Icon" class="card-icon folder"/></a><a data-liked="false" data-button-for="like" href="#" class="button-ternary card w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc91_Favorite%20fill.svg" loading="lazy" id="w-node-_60428d34-f674-2263-7224-78ee513de901-ca152a84" alt="Favorite Icon" class="card-icon like"/></a></div></div></div><div data-component-id="as3edsfe3dsfdssd" class="component-card hide"><div class="card-image-container"><div class="card-image"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dcb5_Sign%20Up.png" loading="lazy" alt="Signup Section Image" class="image-fill-container disable-click"/></div><div class="screens-container"><div data-cover-screen-name="desktop" class="screen desktop"></div><div data-cover-screen-name="laptop" class="screen laptop"></div><div data-cover-screen-name="mobile" class="screen mobile"></div></div><div class="card-tags-container"><a href="#" class="card-tag w-inline-block"><p class="text-size-regular weight-medium text-color-grey-20">Paid</p></a><a href="#" class="card-tag w-inline-block"><p class="text-size-regular weight-medium text-color-grey-20">Private</p></a></div></div><div class="card-content-container-top"><div class="name-and-profile"><div class="card-text-container"><h2 class="text-color-grey-20 text-weight-medium heading-xsmall">Footer 37</h2><div class="text-size-small text-color-grey-50">Added January 27, 2023</div></div><div class="card-profile-container"><div class="card-profile-tooltip"><div class="card-profile-tooltip-text-container"><div class="text-color-acuarygradient">Produce UI</div></div><div class="tip"></div></div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c50f85c6aaf3711081b11c_figma%20logo.svg" loading="lazy" alt="Figma Logo" class="card-profile-image"/></div></div></div><div class="card-content-container-bottom"><div class="card-dropdown"><div class="card-dropdown-head"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc90_Copy.svg" loading="lazy" alt="Copy Icon" class="card-icon"/><div class="text-size-regular weight-medium text-color-grey-30">copy for</div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc93_down%20arrow%20Outline.svg" loading="lazy" alt="Down Arrow Icon"/></div><div class="card-dropdown-lists-container"><div class="hover-dropdown-lists"><div class="card-dropdown-list"><div class="text-size-regular text-color-grey-30 weight-medium">Desktop - 1920w</div><div class="dropdown-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc94_monitor%20Outline%20grey-grey-30.svg" loading="lazy" alt="Monitor Icon" class="copy-icon"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 545" class="copy-loader"/></div></div><div class="card-dropdown-list"><div class="text-size-regular text-color-grey-30">Laptop - 1440w</div><div class="dropdown-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc96_laptop%20Outline%20grey-grey-30.svg" loading="lazy" alt="Laptop Icon" class="copy-icon"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 546" class="copy-loader"/></div></div><div class="card-dropdown-list"><div class="text-size-regular text-color-grey-30">Mobile - 390w</div><div class="dropdown-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc95_mobile%20Outline%20grey-grey-30.svg" loading="lazy" alt="Mobile Icon" class="copy-icon"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 547" class="copy-loader"/></div></div><div class="card-dropdown-list"><div class="text-size-regular text-color-purple">Figma Component</div><div class="dropdown-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc44_component-icon.svg" loading="lazy" alt="Figma Component Icon" class="copy-icon"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 548" class="copy-loader"/></div></div></div></div></div><div class="card-sub-button-container"><a id="w-node-_5cefd2ec-eb8d-d573-158e-0334209ea4df-ca152a84" href="#" class="button-ternary card w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc92_Folder_add.svg" loading="lazy" id="w-node-_5cefd2ec-eb8d-d573-158e-0334209ea4e0-ca152a84" alt="Folder Plus Icon" class="card-icon folder"/></a><a data-liked="false" data-button-for="like" href="#" class="button-ternary card w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc91_Favorite%20fill.svg" loading="lazy" id="w-node-_5cefd2ec-eb8d-d573-158e-0334209ea4e2-ca152a84" alt="Favorite Icon" class="card-icon like"/></a></div></div></div><div class="load-more-cards-button-container hide"><a href="#" class="button secondary w-button">Load More</a></div><div id="result-bottom" class="result-bottom-container hide"><p class="text-color-grey-50 text-size-small">You've Reached the End.</p></div></div><div id="no-result-found" class="no-result-container hide"><div class="text-size-small text-align-center text-color-grey-50">Sorry, No Result Found for your search.</div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc45_no%20result%20illustration.svg" loading="lazy" alt="No Result Illustration" class="no-result-image"/></div></div></div></main><div class="popscreen-container disable-scrollbar hide"><div class="popscreen-content"><div class="popscreen-close"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64cd849c3161
5485eaba3c62805_cancel-white.svg" loading="lazy" alt="Cancel Icon White" class="icon-image-24"/></div><div class="popscreen-body"><div class="popscreen-body-top"><div class="popscreen-top-left"><div class="flex v rows-0-25rem"><h2 class="heading-small text-color-grey-20">Design Agency Website Templates</h2><p class="text-color-grey-40">We Released 600+ Sections Which is Original Creations of Team Produce UI, Every Design is in Figmaâs Great Auto Layout to Help Designer Efficiently & Speed Up Design Proce...<span class="text-weight-medium text-color-grey-20 pointer text-style-link">show more</span></p></div><div class="ptl-bottom"><p class="text-color-grey-40 text-size-small">Uploaded on <span class="text-color-grey-20 weight-medium">June 12, 2023</span></p><div class="vertical-line _2px height-12px"></div><div class="popscreen-top-tags-container"><p class="text-size-small text-color-grey-30">Tags :</p><p class="popscreen-tags">Agency</p><p class="popscreen-tags">Colorless</p><p class="popscreen-tags">6 Pages</p></div></div></div><div class="popscreen-top-right"><p class="weight-medium text-color-grey-20">Download Full Figma File</p><a id="w-node-f715f9db-fb41-7562-b5c4-1b97ca152c88-ca152a84" href="#" class="button-ternary w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c50f85c6aaf3711081b11c_figma%20logo.svg" loading="lazy" id="w-node-f715f9db-fb41-7562-b5c4-1b97ca152c89-ca152a84" alt="Figma Logo" class="card-icon"/><div class="text-color-grey-20">Buy Figma File for $5</div></a><p class="download-template-helper-text">Pro users can Download this for Free</p></div></div><div class="popscreen-body-bottom"><div class="popscreen-left"><div class="screens-container popscreen"><div data-cover-screen-name="desktop" class="screen desktop active"></div><div data-cover-screen-name="laptop" class="screen laptop active"></div><div data-cover-screen-name="mobile" class="screen mobile active"></div></div><div class="popscreen-image-container scrollbar-style popscreen-image"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64e3a6b4d34d31ec6864fa5b_Mobile%20-%20Membership%20Page.jpg" loading="lazy" alt="" class="popscreen-image image"/></div></div><div data-show-for-popscreen="components-pages" class="popscreen-right disable-scrollbar hide"><div class="popscreen-right-head"><div class="popscreen-name-container"><h2 class="heading-small text-color-grey-20">Logo Section 14</h2><a href="#" class="button round w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64cd8c999d9dd1b588cf1130_share.svg" loading="lazy" id="w-node-f715f9db-fb41-7562-b5c4-1b97ca152c9a-ca152a84" alt="Share Icon Grey" class="icon-image-20"/></a></div><div class="buttons-container popscreen"><a href="#" class="button-ternary popscreen w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d465aae9a08e34987548_heart.svg" loading="lazy" id="w-node-f715f9db-fb41-7562-b5c4-1b97ca152c9d-ca152a84" alt="Heart Icon Grey" class="card-icon"/><div class="text-color-grey-20">Like</div></a><a href="#" class="button-ternary popscreen w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46514476c15c5ab706e_folder-plus.svg" loading="lazy" id="w-node-f715f9db-fb41-7562-b5c4-1b97ca152ca1-ca152a84" alt="Folder Plus Icon Grey" class="card-icon"/><div class="text-color-grey-20">Add to Folder</div></a></div></div><div class="popscreen-right-body"><p class="text-size-medium weight-medium text-color-grey-20">Copy Design For</p><div class="copy-buttons-container"><div class="popscreen-copy-button"><p class="text-color-grey-30">Desktop - 1920w</p><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/></div><div class="popscreen-copy-button"><p class="text-color-grey-30">Laptop - 1440w</p><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon"/></div><div class="popscreen-copy-button"><p class="text-color-grey-30">Mobile - 390w</p><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon"/></div></div></div><div class="popscreen-right-foot"><div class="popscreen-foot-block"><p class="text-color-grey-20 weight-medium">Uploaded on</p><p class="text-color-grey-40">June 12, 2023</p></div><div class="popscreen-foot-block"><p class="text-color-grey-20 weight-medium">Category</p><p class="text-color-grey-40">Logo Section</p></div></div></div><div data-show-for-popscreen="components-pages" class="popscreen-right template"><div class="popscreen-template-buttons-container"><div class="card-dropdown popscreen"><div class="card-dropdown-head popscreen"><div class="flex columns-0-5rem"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="card-icon"/><div class="text-size-regular weight-medium text-color-grey-30">Copy All Pages</div></div><div class="vertical-line"></div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46536efec5cd8ece3
54818_chevron-down.svg" loading="lazy" alt="Chevron Down Icon Grey" class="icon-image-24"/></div><div class="card-dropdown-lists-container"><div class="hover-dropdown-lists"><div class="card-dropdown-list"><div class="text-size-regular text-color-grey-30 weight-medium">Desktop - 1920w</div><div class="dropdown-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc94_monitor%20Outline%20grey-grey-30.svg" loading="lazy" alt="Monitor Icon" class="copy-icon"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 549" class="copy-loader hide"/></div></div><div class="card-dropdown-list"><div class="text-size-regular text-color-grey-30 weight-medium">Laptop - 1440w</div><div class="dropdown-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46814476c15c5ab7476_laptop-grey-30.svg" loading="lazy" alt="Laptop Icon Grey" class="copy-icon"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 550" class="copy-loader hide"/></div></div><div class="card-dropdown-list"><div class="text-size-regular text-color-grey-30 weight-medium">Mobile - 390w</div><div class="dropdown-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d4693e1e4fe01cd1e28c_mobile-grey-30.svg" loading="lazy" alt="Mobile Icon" class="copy-icon"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 551" class="copy-loader hide"/></div></div><div class="card-dropdown-list"><div class="text-size-regular text-color-purple weight-medium">Figma Component</div><div class="dropdown-image-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc44_component-icon.svg" loading="lazy" alt="Figma Component Icon" class="copy-icon"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 552" class="copy-loader hide"/></div></div></div></div></div><a href="#" class="button-ternary popscreen-template w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d465aae9a08e34987548_heart.svg" loading="lazy" id="w-node-f715f9db-fb41-7562-b5c4-1b97ca152ce4-ca152a84" alt="Heart Icon Grey" class="card-icon"/></a><a href="#" class="button-ternary popscreen-template w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46514476c15c5ab706e_folder-plus.svg" loading="lazy" alt="Folder Plus Icon Grey" class="card-icon"/></a></div><div class="popscreen-right-template-body"><div class="prtb-header"><p class="text-color-grey-30 weight-medium">Pages In This Template</p></div><div class="prtb-content scrollbar-style"><div class="prtb-page-button-container active"><div class="prtb-page-button"><p class="text-color-grey-30">Landing Page</p></div><div class="prtb-page-button-body"><div class="left-line-container"><div class="vertical-line"></div></div><div class="right-buttons-container"><div class="right-button"><div class="button-left-line-container"><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 553" class="copy-loader hide"/><p class="text-color-grey-20">Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 554" class="copy-loader hide"/><p>Copy Laptop 1440w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc3f_loader.svg" loading="lazy" alt="loader icon 555" class="copy-loader hide"/><p>Copy Mobile 390w</p></div></div></div></div></div><div class="prtb-page-button-container"><div class="prtb-page-button"><p class="text-color-grey-30">Blog Page</p></div><div class="prtb-page-button-body"><div class="left-line-container"><div class="vertical-line"></div></div><div class="right-buttons-container"><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Mobile 390w</p></div></div></div></div></div><div class="prtb-page-button-container"><div class="prtb-page-button"><p class="text-color-grey-30">Blog Page</p></div><div class="prtb-page-button-body"><div class="left-line-container"><div class="vertical-line"></div></div><div class="right-buttons-container"><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Mobile 390w</p></div></div></div></div></div><div class="prtb-page-button-container"><div class="prtb-page-button"><p class="text-color-grey-30">Blog Page</p></div><div class="prtb-page-button-body"><div class="left-line-container"><div class="vertical-line"></div></div><div class="right-buttons-container"><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Mobile 390w</p></div></div></div></div></div><div class="prtb-page-button-container"><div class="prtb-page-button"><p class="text-color-grey-30">Blog Page</p></div><div class="prtb-page-button-body"><div class="left-line-container"><div class="vertical-line"></div></div><div class="right-buttons-container"><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Mobile 390w</p></div></div></div></div></div><div class="prtb-page-button-container"><div class="prtb-page-button"><p class="text-color-grey-30">Blog Page</p></div><div class="prtb-page-button-body"><div class="left-line-container"><div class="vertical-line"></div></div><div class="right-buttons-container"><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Mobile 390w</p></div></div></div></div></div><div class="prtb-page-button-container"><div class="prtb-page-button"><p class="text-color-grey-30">Blog Page</p></div><div class="prtb-page-button-body"><div class="left-line-container"><div class="vertical-line"></div></div><div class="right-buttons-container"><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Mobile 390w</p></div></div></div></div></div><div class="prtb-page-button-container"><div class="prtb-page-button"><p class="text-color-grey-30">Blog Page</p></div><div class="prtb-page-button-body"><div class="left-line-container"><div class="vertical-line"></div></div><div class="right-buttons-container"><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Mobile 390w</p></div></div></div></div></div><div class="prtb-page-button-container"><div class="prtb-page-button"><p class="text-color-grey-30">Blog Page</p></div><div class="prtb-page-button-body"><div class="left-line-container"><div class="vertical-line"></div></div><div class="right-buttons-container"><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div class="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Desktop 1920w</p></div></div><div class="right-button"><div class="button-left-line-container"><div class="vertical-line"></div><div class="horizontal-line"></div></div><div clas
555s="popover-template-copy-button"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64c8d46a24939a090fa04897_square-2-stack.svg" loading="lazy" alt="Square 2 Stack Icon" class="icon-image-24"/><p>Copy Mobile 390w</p></div></div></div></div></div></div></div><a href="https://produce-ui-v2.webflow.io/legal/terms-of-use#templates-usage" class="templates-terms-text">Terms of Use</a></div></div></div></div></div><div class="initial-loading"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6512a676dc0599868e9bda1b_loader.svg" loading="lazy" alt="" class="loader"/></div></div>
555<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64a510412f0524ec4596dbc1" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
555<script src="https://assets-global.website-files.com/64a510412f0524ec4596dbc1/js/webflow.fb0429935.js" type="text/javascript"></script>
555<script src="https://produce-ui.com/scripts/icons.js"></script>
vendor: 1 bytes, line 555
555
556<script src="https://produce-ui.com/scripts/global-data.js"></script>
556
557<script src="https://produce-ui.com/scripts/urls.js"></script>
vendor: 1 bytes, line 557
557
558<script src="https://produce-ui.com/scripts/pui.js"></script>
vendor: 1 bytes, line 558
558
559<script src="https://produce-ui.com/scripts/global.js"></script>
vendor: 1 bytes, line 559
559
560<script src="https://produce-ui.com/scripts/global-script.js"></script>
vendor: 1 bytes, line 560
560
561<script type="module" src="https://produce-ui.com/scripts/firebase.js"></script>
561 562 563 564 565 566<!--
567<script src="https://produce-ui.com/scripts/icons.js"></script>
vendor: 1 bytes, line 567
567
568<script src="https://produce-ui.com/scripts/global-data.js"></script>
568
569<script src="https://produce-ui.com/scripts/urls.js"></script>
vendor: 1 bytes, line 569
569
570<script src="https://produce-ui.com/scripts/pui.js"></script>
vendor: 1 bytes, line 570
570
571<script src="https://produce-ui.com/scripts/global.js"></script>
vendor: 1 bytes, line 571
571
572<script src="https://produce-ui.com/scripts/global-script.js"></script>
vendor: 1 bytes, line 572
572
573<script type="module" src="https://produce-ui.com/scripts/firebase.js"></script>
573 574 575
576<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/icons.js"></script>
vendor: 1 bytes, line 576
576
577<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/global-data.js"></script>
577
578<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/urls.js"></script>
vendor: 1 bytes, line 578
578
579<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/pui.js"></script>
vendor: 1 bytes, line 579
579
580<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/global.js"></script>
vendor: 1 bytes, line 580
580
581<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/global-script.js"></script>
vendor: 1 bytes, line 581
581
582<script type="module" src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/firebase.js"></script>
582 583 584
585<script> 586// Load the scripts one by one in order 587 loadScript("/scripts/global-data.js", "body", function() { 588 loadScript("/scripts/icons.js", "body", function() { 589 loadScript("/scripts/urls.js", "body", function() { 590 loadScript("/scripts/pui.js", "body", function() { 591 loadScript("/scripts/global.js", "body", function() { 592 loadScript("/scripts/global-script.js", "body", function() { 593 loadScript("/scripts/firebase.js", "body", null, true); // The last script is loaded as a module 594 }); 595 }); 596 }); 597 }); 598 }); 599 }); 600</script>
600 601 602 603--> 604
605<script>window.lemonSqueezyAffiliateConfig = { store: "produce-ui" };</script>
vendor: 1 bytes, line 605
605
606<script src="https://lmsqueezy.com/affiliate.js" defer></script>
606 607 608 609<!--
609<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-9u5gcq0fqhi9.asia-b.replit.dev/scripts/for-page/search-global.js"></script>
609 610--> 611
612<script> 613loadScript("/scripts/for-page/search-global.js", "body") 614</script>
614</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.