PageSourceSearch

https://produce-ui-v2.webflow.io/pages

html produce-ui-v2.webflow.io collected 2026-10-03 13:37:16 UTC 111,081 bytes, 614 lines download raw bytes

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 -&gt;</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 -&gt;</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 -&gt;</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 -&gt;</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 &amp; 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 &quot;<span id="display-search-text">Search Above</span>&quot;</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&#x27;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 &amp; 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.