PageSourceSearch

https://www.pixpa.com/

html pixpa.com collected 2026-10-09 22:41:31 UTC 194,982 bytes, 3,435 lines download raw bytes

1<!DOCTYPE html>
2<html prefix="og: https://ogp.me/ns#" lang="en" class="header-bg-white header-bg-active">
3<head>
4  <!-- Meta Tag Starts -->
5  <meta charset="utf-8">
6  <meta name="viewport" content="width=device-width, initial-scale=1">
7  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
8
9  <!-- Basic Meta Tags -->
10  <meta name="description" content="Pixpa is the portfolio website builder for photographers, artists and designers. Create a portfolio website with client galleries and a zero-commission store. Start free.">
11
12
13  <!-- Open Graph Meta Tags -->
14  <meta property="og:site_name" content="Pixpa">
15  <meta property="og:type" content="website">
16  <meta property="og:url" content="https://www.pixpa.com/">
17
18  <meta property="og:title" content="Portfolio Website Builder & Online Portfolio Maker | Pixpa ">
19  <meta property="og:description" content="Pixpa is the portfolio website builder for photographers, artists and designers. Create a portfolio website with client galleries and a zero-commission store. Start free.">
20  <meta property="og:image" content="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/images/pixpa-og.jpeg?v=20260702">
21
22  <!-- Twitter Meta Tags -->
23  <meta name="twitter:card" content="summary_large_image">
24  <meta name="twitter:site" content="@pixpa">
25  <meta name="twitter:title" content="Portfolio Website Builder & Online Portfolio Maker | Pixpa ">
26  <meta name="twitter:description" content="Pixpa is the portfolio website builder for photographers, artists and designers. Create a portfolio website with client galleries and a zero-commission store. Start free.">
27  <meta name="twitter:image" content="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/images/pixpa-og.jpeg?v=20260702">
28  <!--Bing Meta Tags-->
29  <meta name="msvalidate.01" content="3323E5F425D1F07F6A8E06991B7D95E3">
30  <!-- Pinterest Meta Tags -->
31  <meta name="p:domain_verify" content="08fda97480d1a3937bed0b58a1faeb6d">
32  <title>Portfolio Website Builder & Online Portfolio Maker | Pixpa </title>
33  <link rel="shortcut icon" type="image/png" href="https://dvyvvujm9h0uq.cloudfront.net/pixpa-favicon-color.png">
34  <link rel="canonical" href="https://www.pixpa.com/">
35  <link rel="preconnect" href="https://px-studioassets.pixpa.com">
36<link rel="preconnect" href="https://px-web-images-v2.pixpa.com">
37<link rel="dns-prefetch" href="https://px-fonts.pixpa.com">
38  <link rel="preload" fetchpriority="high" href="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/css/fonts/PlusJakartaSans-VariableFont_wght.woff2?v=f615e613795b89c4" as="font" type="font/woff2" crossorigin="anonymous">
39
40<link rel="preload" fetchpriority="high" href="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/css/fonts/InstrumentSerif-Italic.woff2?v=ee9204197b8bf20c" as="font" type="font/woff2" crossorigin="anonymous">
41
42<style type="text/css">
43	body {
44	  font-family: "Plus Jakarta Sans", sans-serif;
45	  font-optical-sizing: auto;
46	}
47
48	@font-face {
49    font-family: 'Plus Jakarta Sans';
50    src: url('https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/css/fonts/PlusJakartaSans-VariableFont_wght.woff2?v=f615e613795b89c4') format('woff2');
51    font-weight: 200 800;
52    font-style: normal;
53    font-display: swap;
54	}
55
56	@font-face {
57    font-family: 'Plus Jakarta Sans';
58    src: url('https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/css/fonts/PlusJakartaSans-Italic-VariableFont_wght.woff2?v=453b12c182227835') format('woff2');
59    font-weight: 200 800;
60    font-style: italic;
61    font-display: swap;
62	}
63
64	@font-face {
65    font-family: 'Instrument Serif';
66    src: url('https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/css/fonts/InstrumentSerif-Regular.woff2?v=248cec13e5388196') format('woff2');
67    font-weight: 400;
68    font-style: normal;
69    font-display: swap;
70	}
71
72	@font-face {
73    font-family: 'Instrument Serif';
74    src: url('https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/css/fonts/InstrumentSerif-Italic.woff2?v=ee9204197b8bf20c') format('woff2');
75    font-weight: 400;
76    font-style: italic;
77    font-display: swap;
78	}
79</style>
80    
81  <link rel="preload" href="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/compiled/css/all.css?id=8bdce6507e25ffbb7f2a96c3f5bf76fc" as="style">
82<link rel="stylesheet" type="text/css" media="all" href="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/compiled/css/pixpa_variable.css?id=396efafc0ef4ba14b146b89b76aeb6a0">
83<link rel="stylesheet" type="text/css" media="all" href="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/compiled/css/all.css?id=8bdce6507e25ffbb7f2a96c3f5bf76fc">
84<script>window.loadSvgSprite=function(url,timeout=5e3){if(!url)return;if(document.querySelector('[data-svg-sprite-loaded="'+url+'"]'))return;const injectSvg=async()=>{try{const c=new AbortController,t=setTimeout(()=>c.abort(),timeout),r=await fetch(url,{signal:c.signal});clearTimeout(t);if(r.ok){const s=await r.text(),d=document.createElement('div');d.style.display='none';d.setAttribute('data-svg-sprite-loaded',url);d.innerHTML=s;document.body.insertBefore(d,document.body.firstChild)}}catch(e){}};document.readyState==='loading'?document.addEventListener('DOMContentLoaded',injectSvg,{once:true}):injectSvg()};</script>
84
85  <link rel="stylesheet" href="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/js/vendor/pixpa_slider/pixpa_slider_min.css" media="print" onload="this.media='all'">
86<noscript><link rel="stylesheet" href="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/js/vendor/pixpa_slider/pixpa_slider_min.css"></noscript>
87<script src="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/js/vendor/pixpa_slider/pixpa_slider.min.js" defer></script>
87
88  
88<script type="application/ld+json" class="notranslate">
89  {
90    "@context": "https://schema.org",
91    "@graph": [
92      {
93        "@type": "Organization",
94        "@id": "https://www.pixpa.com/#organization",
95        "name": "Pixpa",
96        "legalName": "Idea Zinc Design LLP",
97        "url": "https://www.pixpa.com/",
98        "logo": {
99          "@type": "ImageObject",
100          "@id": "https://www.pixpa.com/#logo",
101          "url": "https://px-studioassets.pixpa.com/pixpacom/images/pixpa_logo.png",
102          "contentUrl": "https://px-studioassets.pixpa.com/pixpacom/images/pixpa_logo.png",
103          "width": 512,
104          "height": 512,
105          "caption": "Pixpa"
106        },
107        "image": { "@id": "https://www.pixpa.com/#logo" },
108        "description": "The portfolio website builder for photographers, artists and designers, with built-in client galleries, a zero-commission store and a blog. One platform to run your creative business, no coding required.",
109        "foundingDate": "2013",
110        "founders": [ { "@type": "Person", "name": "Gurpreet Singh" } ],
111        "address": { "@type": "PostalAddress", "addressLocality": "New Delhi", "addressCountry": "IN" },
112        "contactPoint": [
113          {
114            "@type": "ContactPoint",
115            "contactType": "customer support",
116            "email": "[email protected]",
117            "availableLanguage": ["English", "Spanish", "French", "German", "Portuguese", "Dutch", "Italian", "Polish", "Russian"],
118            "areaServed": "Worldwide"
119          },
120          {
121            "@type": "ContactPoint",
122            "contactType": "sales",
123            "email": "[email protected]",
124            "availableLanguage": "English"
125          }
126        ],
127        "knowsAbout": [
128          "Portfolio Websites",
129          "Photography Websites",
130          "Client Galleries",
131          "Image Proofing",
132          "E-commerce for Creatives",
133          "Sell Photos Online",
134          "Print Sales for Photographers",
135          "Website Building",
136          "Drag-and-drop Website Design",
137          "Responsive Web Design",
138          "SEO for Portfolios"
139        ],
140        "areaServed": { "@type": "Place", "name": "Worldwide" },
141        "brand": { "@type": "Brand", "name": "Pixpa" },
142        "sameAs": [
143          "https://instagram.com/pixpa",
144          "https://www.facebook.com/pixpa",
145          "https://twitter.com/pixpa",
146          "https://www.linkedin.com/company/pixpa",
147          "https://www.pinterest.com/pixpa",
148          "https://www.youtube.com/@PixpaHQ",
149          "https://www.capterra.com/p/152263/Pixpa/",
150          "https://www.g2.com/products/pixpa/reviews"
151        ]
152      },
153      {
154        "@type": "WebSite",
155        "@id": "https://www.pixpa.com/#website",
156        "url": "https://www.pixpa.com/",
157        "name": "Pixpa",
158        "alternateName": "Pixpa.com",
159        "description": "The portfolio website builder for photographers, artists and designers. Portfolio website, client galleries and store in one platform.",
160        "publisher": { "@id": "https://www.pixpa.com/#organization" },
161        "inLanguage": "en"
162      }
163    ]
164  }
165</script>
165  
166  
166<script type="application/ld+json" class="notranslate">
167    {
168      "@context": "https://schema.org",
169      "@graph": [
170      {
171      "@type": "SoftwareApplication",
172      "@id": "https://www.pixpa.com/#software",
173      "name": "Pixpa",
174      "alternateName": "Pixpa Website Builder",
175      "url": "https://www.pixpa.com/",
176      "description": "Portfolio website builder for photographers, artists and designers. Build a portfolio site with built-in client galleries, a zero-commission store and a blog, no coding required.",
177      "applicationCategory": "WebApplication",
178      "applicationSubCategory": "Website Builder",
179      "operatingSystem": "Web",
180      "datePublished": "2013-03-01",
181      "publisher": { "@id": "https://www.pixpa.com/#organization" },
182      "author": { "@id": "https://www.pixpa.com/#organization" },
183      "brand": { "@id": "https://www.pixpa.com/#organization" },
184      "image": "https://px-studioassets.pixpa.com/pixpacom/images/pixpa-og.jpeg",
185      "screenshot": [
186        "https://px-studioassets.pixpa.com/pixpacom/images/new_studio_dashboard.jpg",
187        "https://px-studioassets.pixpa.com/pixpacom/images/template_selection.jpg",
188        "https://px-studioassets.pixpa.com/pixpacom/images/new_studio_design.jpg"
189      ],
190      "audience": {
191        "@type": "Audience",
192        "audienceType": "Creative Professionals including Photographers, Artists, Designers, Illustrators, Architects, Musicians, Writers, Models, and Freelancers"
193      },
194      "featureList": [
195        "Drag-and-drop visual website builder",
196        "200+ responsive portfolio templates",
197        "Integrated online store (products, services, digital files)",
198        "Client galleries with proofing, favorites, and ratings",
199        "Sell images as prints and digital downloads",
200        "Zero commission on all sales",
201        "Built-in blog and CMS",
202        "SEO tools (metadata, sitemaps, schema)",
203        "Marketing tools (email campaigns, pop-ups, promotions)",
204        "Mobile Gallery Links for clients",
205        "Custom domain support with free SSL",
206        "Fully managed cloud hosting on AWS",
207        "24/7 live chat and email support with real humans",
208        "Multi-language support (9 languages)",
209        "HTML and CSS customization for advanced users",
210        "15-day free trial (no credit card required)",
211        "30-day money-back guarantee"
212      ],
213      "offers": [
214        {
215          "@type": "Offer",
216          "name": "Basic",
217          "description": "Entry-level plan to get your portfolio online - 10 website pages, 200 images, free domain for the first year.",
218          "category": "Annual subscription",
219          "price": "5.40",
220          "priceCurrency": "USD",
221          "priceSpecification": {
222            "@type": "UnitPriceSpecification",
223            "price": "5.40",
224            "priceCurrency": "USD",
225            "referenceQuantity": {
226              "@type": "QuantitativeValue",
227              "value": "1",
228              "unitCode": "MON"
229            },
230            "billingDuration": "P1Y",
231            "billingIncrement": 12
232          },
233          "availability": "https://schema.org/InStock",
234          "url": "https://www.pixpa.com/pricing",
235          "seller": { "@id": "https://www.pixpa.com/#organization" },
236          "eligibleCustomerType": "https://schema.org/Consumer"
237        },
238        {
239          "@type": "Offer",
240          "name": "Creator",
241          "description": "Unlimited pages, unlimited images, blogging tools, and email lists - built for growing creatives.",
242          "category": "Annual subscription",
243          "price": "9.00",
244          "priceCurrency": "USD",
245          "priceSpecification": {
246            "@type": "UnitPriceSpecification",
247            "price": "9.00",
248            "priceCurrency": "USD",
249            "referenceQuantity": {
250              "@type": "QuantitativeValue",
251              "value": "1",
252              "unitCode": "MON"
253            },
254            "billingDuration": "P1Y",
255            "billingIncrement": 12
256          },
257          "availability": "https://schema.org/InStock",
258          "url": "https://www.pixpa.com/pricing",
259          "seller": { "@id": "https://www.pixpa.com/#organization" },
260          "eligibleCustomerType": "https://schema.org/Consumer"
261        },
262        {
263          "@type": "Offer",
264          "name": "Professional",
265          "description": "Most popular plan for professionals - includes client galleries with proofing, payment forms, multiple email lists, and 25 Gallery Links.",
266          "category": "Annual subscription",
267          "price": "12.00",
268          "priceCurrency": "USD",
269          "priceSpecification": {
270            "@type": "UnitPriceSpecification",
271            "price": "12.00",
272            "priceCurrency": "USD",
273            "referenceQuantity": {
274              "@type": "QuantitativeValue",
275              "value": "1",
276              "unitCode": "MON"
277            },
278            "billingDuration": "P1Y",
279            "billingIncrement": 12
280          },
281          "availability": "https://schema.org/InStock",
282          "url": "https://www.pixpa.com/pricing",
283          "seller": { "@id": "https://www.pixpa.com/#organization" },
284          "eligibleCustomerType": "https://schema.org/Consumer"
285        },
286        {
287          "@type": "Offer",
288          "name": "Advanced",
289          "description": "Top-tier plan with unlimited client Gallery Links, 100GB storage, abandoned cart recovery, and priority support.",
290          "category": "Annual subscription",
291          "price": "15.00",
292          "priceCurrency": "USD",
293          "priceSpecification": {
294            "@type": "UnitPriceSpecification",
295            "price": "15.00",
296            "priceCurrency": "USD",
297            "referenceQuantity": {
298              "@type": "QuantitativeValue",
299              "value": "1",
300              "unitCode": "MON"
301            },
302            "billingDuration": "P1Y",
303            "billingIncrement": 12
304          },
305          "availability": "https://schema.org/InStock",
306          "url": "https://www.pixpa.com/pricing",
307          "seller": { "@id": "https://www.pixpa.com/#organization" },
308          "eligibleCustomerType": "https://schema.org/Consumer"
309        }
310      ]
311    },
312    {
313      "@type": "FAQPage",
314      "@id": "https://www.pixpa.com/#faq",
315      "mainEntityOfPage": { "@id": "https://www.pixpa.com/#webpage" },
316      "isPartOf": { "@id": "https://www.pixpa.com/#website" },
317      "publisher": { "@id": "https://www.pixpa.com/#organization" },
318      "mainEntity": [
319        {
320          "@type": "Question",
321          "name": "What is a portfolio website?",
322          "acceptedAnswer": {
323            "@type": "Answer",
324            "text": "A portfolio website, also called an online portfolio, is a site a working creative owns and controls, built to show a body of work to the people deciding whether to hire or buy. It is not a social profile. The domain is yours, the order and presentation of the work are yours, and the contact path runs to you directly rather than through a platform's feed, algorithm or messaging system."
325          }
326        },
327        {
328          "@type": "Question",
329          "name": "What should a portfolio website include?",
330          "acceptedAnswer": {
331            "@type": "Answer",
332            "text": "Four things do most of the work. A tightly edited body of work, closer to 15 pieces than 50, because a portfolio is judged on its weakest piece rather than its best. A way to reach you from every page, not just a contact tab. An about page with a real photo and a real sentence about what you do and who you do it for. And a custom domain, because the address is the first thing a client reads and the only part of an online portfolio you carry with you between platforms."
333          }
334        },
335        {
336          "@type": "Question",
337          "name": "What is Pixpa?",
338          "acceptedAnswer": {
339            "@type": "Answer",
340            "text": "Pixpa is a portfolio website builder for photographers, artists and designers. It combines a portfolio website, client galleries with proofing and delivery, a zero-commission online store, and a blog in one platform, with no coding required. Pixpa is rated 4.7/5 across 600+ reviews on Capterra and has been top rated by photographers and designers for 12+ years."
341          }
342        },
343        {
344          "@type": "Question",
345          "name": "Who is Pixpa for?",
346          "acceptedAnswer": {
347            "@type": "Answer",
348            "text": "Pixpa is a portfolio website builder made for photographers, artists and designers who need a professional online portfolio without technical work. That includes wedding, portrait, commercial and travel photographers, illustrators, graphic and UI/UX designers, architects, fashion designers, models, musicians and writers. It suits photographers especially, because client galleries for proofing, sharing and selling images are built into the same platform as the portfolio."
349          }
350        },
351        {
352          "@type": "Question",
353          "name": "How much does Pixpa cost?",
354          "acceptedAnswer": {
355            "@type": "Answer",
356            "text": "Pixpa has four plans billed annually, from an entry plan that covers an online portfolio and store through to a top tier with the most storage and the highest client gallery limits. A standalone Client Gallery plan is available on its own if you only need delivery and proofing. Every plan includes a 15-day free trial with no credit card, a 30-day money-back guarantee, and a free domain for the first year on annual billing. Students and educators qualify for an education discount. See the pricing page for current plans and figures."
357          }
358        },
359        {
360          "@type": "Question",
361          "name": "Is there a free trial?",
362          "acceptedAnswer": {
363            "@type": "Answer",
364            "text": "Yes. Pixpa offers a 15-day free trial with no credit card required, so you can build and preview your full online portfolio before paying. Every new plan also comes with a 30-day money-back guarantee, so you can request a full refund within 30 days if it is not the right fit."
365          }
366        },
367        {
368          "@type": "Question",
369          "name": "Do I need to know how to code to use Pixpa?",
370          "acceptedAnswer": {
371            "@type": "Answer",
372            "text": "No. Pixpa is a drag-and-drop portfolio website builder: you choose a template, customize the layout, colors and type, add your work, connect a domain, and publish, all without code. Advanced users can go further with custom CSS and HTML overrides. Most people have a portfolio live within a day."
373          }
374        },
375        {
376          "@type": "Question",
377          "name": "Does Pixpa charge commission on sales?",
378          "acceptedAnswer": {
379            "@type": "Answer",
380            "text": "No. Pixpa charges zero commission on every sale from your online store or client galleries, on every plan. You keep the full sale price minus your payment processor's standard fee, and Stripe or PayPal pays you directly. This is a key difference from marketplace platforms and some gallery tools that take a percentage of each sale."
381          }
382        },
383        {
384          "@type": "Question",
385          "name": "Can I sell prints and digital downloads on Pixpa?",
386          "acceptedAnswer": {
387            "@type": "Answer",
388            "text": "Yes. Pixpa lets you sell prints and digital downloads directly from your client galleries and online store, with automated print fulfillment through its WHCC lab integration. There is zero commission on every sale, and you set your own pricing and markup. You can sell physical products, services and digital files from the same store."
389          }
390        },
391        {
392          "@type": "Question",
393          "name": "Can I switch to Pixpa from Squarespace, Pixieset, Zenfolio or SmugMug?",
394          "acceptedAnswer": {
395            "@type": "Answer",
396            "text": "Yes. Photographers move to Pixpa from Squarespace, Pixieset, Zenfolio, SmugMug and Wix regularly. You rebuild your portfolio from 200+ templates, upload your images, connect your existing domain, and consolidate your portfolio website, client galleries and store into one platform and one subscription. Pixpa's support team helps with the move over live chat, 24/7."
397          }
398        }
399      ]
400    }
401      ]
402    }
403  </script>
403
404  <!-- Meta Tag Ends -->
405  
406  
407  
408  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
409<meta name="theme-color" content="#ffffff">
410<meta name="google-site-verification" content="LXkEPomjwKwXIl2UCp8IPFfxNUcyGpyyHzj9vMyfETo">
411
412<!-- Google Tag Manager (noscript) -->
413<!-- Google Tag Manager -->
414<script>
vendor: 331 bytes, lines 414-418
414(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
415new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
416j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
417'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
418})(window,document,'script','dataLayer','
418GTM-TCNVDCR
vendor: 3 bytes, line 418
418');
418</script>
418
419<!-- End Google Tag Manager -->
420<!-- Google Tag Manager (noscript) End -->
421
422
423<style type="text/css">
424  .padding-t0-mobileapp{padding-top: 0px;}
425  .grecaptcha-badge{display: none;}
426</style>
427<script>
428  (function(w){w.fpr=w.fpr||function(){w.fpr.q = w.fpr.q||[];w.fpr.q[arguments[0]=='set'?'unshift':'push'](arguments);};})(window);
429  fpr("init", {cid:"2e1alg3a"}); 
430  fpr("click");
431</script>
vendor: 1 bytes, line 431
431
432<script src="https://cdn.firstpromoter.com/fpr.js" async></script>
432
433
434
435
436<link rel="alternate" href="https://www.pixpa.com/" hreflang="en">
437<link rel="alternate" href="https://www.pixpa.com/fr/" hreflang="fr">
438<link rel="alternate" href="https://www.pixpa.com/pt/" hreflang="pt">
439<link rel="alternate" href="https://www.pixpa.com/it/" hreflang="it">
440<link rel="alternate" href="https://www.pixpa.com/ru/" hreflang="ru">
441<link rel="alternate" href="https://www.pixpa.com/es/" hreflang="es">
442<link rel="alternate" href="https://www.pixpa.com/de/" hreflang="de">
443<link rel="alternate" href="https://www.pixpa.com/nl/" hreflang="nl">
444<link rel="alternate" href="https://www.pixpa.com/pl/" hreflang="pl">
445<link rel="alternate" href="https://www.pixpa.com/" hreflang="x-default">
446<!-- Other head elements -->  </head>
447<body class="loading header-bg-white header-bg-active" data-agent="desktop ">
448    
448<script src="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/compiled/js/pixpa-jquery.js?id=cde2a4690b9ca2357339bee1817e46d7"></script>
vendor: 1 bytes, line 448
448
449<script src="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/compiled/js/all.js?id=02514c074b03fa067d3a2558747856aa" defer></script>
449
450
451<script>
452  document.addEventListener('click', function (e) {
453    try {
454      var t = e.target.closest('[data-gtm-event]');
455      if (!t) return;
456      (window.dataLayer = window.dataLayer || []).push({
457        event: t.dataset.gtmEvent,
458        event_category: t.dataset.gtmCategory,
459        event_action: t.dataset.gtmAction
460      });
461    } catch (err) { /* silent &mdash; never break click handling */ }
462  });
463</script>
463
464
465<script>
466  (function () {
467    var LOCALES = ['es','fr','de','pt','nl','it','ja','no','pl','ru','sv','tr','da','th','cs','fi','ko','uk','id','ms'];
468    var pathSegs = window.location.pathname.split('/').filter(Boolean);
469
470    // Language: first segment when it is a known locale, else 'en'
471    var lang = (pathSegs.length && LOCALES.indexOf(pathSegs[0]) !== -1) ? pathSegs[0] : 'en';
472
473    // Page slug: last URL segment after removing locale prefix, hyphens &rarr; underscores
474    var slugSegs = pathSegs.slice();
475    if (slugSegs.length && LOCALES.indexOf(slugSegs[0]) !== -1) slugSegs.shift();
476    var page = slugSegs.length ? slugSegs[slugSegs.length - 1].replace(/-/g, '_') : 'home';
477
478    var pageCtaCount = 0;
479
480    function tagSignupLinks() {
481      document.querySelectorAll('a[href*="/signup"]').forEach(function (el) {
482        if (el.getAttribute('data-onb-location')) return;
483
484        el.classList.add('js-onb-cta');
485        el.setAttribute('data-onb-lang', lang);
486
487        var location;
488        if (el.closest('#header')) {
489          location = (el.classList.contains('mobile-only') || el.closest('.mobile-only'))
490            ? page + '_nav_mobile_top'
491            : page + '_nav_desktop_top';
492        } else if (el.closest('.mobilemenu-container-wrapper')) {
493          location = page + '_nav_mobile_menu';
494        } else if (el.closest('footer')) {
495          location = page + '_footer_cta';
496        } else {
497          pageCtaCount++;
498          location = page + '_cta_' + pageCtaCount;
499        }
500
501        el.setAttribute('data-onb-location', location);
502      });
503    }
504
505    if (document.readyState === 'loading') {
506      document.addEventListener('DOMContentLoaded', tagSignupLinks);
507    } else {
508      tagSignupLinks();
509    }
510  })();
511</script>
511
512  
513    <!-- Google Tag Manager (noscript) -->
514<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 514-515
514
515<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
515GTM-TCNVDCR
vendor: 84 bytes, line 515
515" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
516<!-- End Google Tag Manager (noscript) -->
517<!-- Google Tag Manager (noscript) End -->
518
519
520
521<div class="gtranslate_wrapper" style="display: none"></div>
522<script async>window.gtranslateSettings = {"default_language":"en","native_language_names":true,"detect_browser_language":true,"url_structure":"sub_directory",
523"languages":["en","de","es","fr","it","nl","pt","ru","pl"],
524"wrapper_selector":".gtranslate_wrapper","horizontal_position":"right","vertical_position":"bottom"}</script>
vendor: 1 bytes, line 524
524
525<script src="https://cdn.gtranslate.net/widgets/latest/dropdown.js" defer></script>
525
526
527    <link rel="stylesheet" type="text/css" media="all" href="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/compiled/css/top-menu.css?id=c49357eb55545f5d983792305fd15efb">
528
529<script>loadSvgSprite('https://www.pixpa.com/pixpacom/images/svg/sprite-nav.svg')</script>
529
530<!--beamer added start-->
531
532<!--beamer added end-->
533<header id="header" class="js-header-container topmenu announcementbarfixedx announcementbarx ">
534  <div class="header-inner-wrapper">
535    <!--logo tab-->
536    <div class="website-logo">
537      <a href="https://www.pixpa.com" aria-label="Pixpa">
538        <svg viewbox="0 0 275.5 104.7"><use xlink:href="#pixpa-website-logo"></use></svg>
539      </a>
540    </div>
541    <!--logo tab end--> 
542    <div class="small-nav-overlay"></div>
543    <div class="nav-open mobile-only nav-toggler toggle-slide-right js-mob-menu" aria-label="Mobile Menu">
544      <svg viewbox="0 0 24 24" fill="currentcolor" aria-label="Mobile Menu"><use xlink:href="#pixpa-sandwich-menuicon"></use></svg>
545    </div>
546
547    <a href="https://studio.pixpa.com/signup" class="create-site-pixpa right mobile-only button v-pixpa-green log-in get-startedx" data-gtm-event="cta_click" data-gtm-category="Top Navigation Mobile CTA" data-gtm-action="Free Trial">Start Free <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span>
548    </a>
549    
550    <div class="website-navcontainer">
551      <div class="navbar-mobile">
552        <div class="display-flex justify-sp_between">
553          <div class="website-logo">
554            <a href="https://www.pixpa.com" aria-label="Pixpa">
555              <svg viewbox="0 0 275.5 104.7"><use xlink:href="#pixpa-website-logo"></use></svg>
556            </a>
557          </div>
558
559          <a class="nav-close display-inline-b" href="javascript:void(0);" aria-label="Sandwichclosemenu">
560            <svg viewbox="0 0 320 512"><use xlink:href="#pixpa-sandwichclosemenu"></use></svg>            
561          </a>
562        </div>
563      </div>
564
565      <nav class="nav">
566        <div class="box-shadow top-link nav-dropdown pos-override mobile-hide  ">
567          
568          <a class="nav-arrow" role="button" tabindex="0" aria-haspopup="true">
569            Product
570            <svg viewbox="0 0 668 468.75" aria-hidden="true" focusable="false"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg>
571          </a>
572
573          <div class="dropdown nav-dropdown-showcase dropdown-products-menu dropdown-resources-menuxx">
574            <div class="dropdown-products-menu-container">
575              <div class="dropdown-products-menu-left">
576                <p class="menu-title">One platform for your portfolio website, client galleries and store</p>
577                <ul class="dropdown_list dropdown-products-menu-list">
578                  <li class="dropdown_item">
579                    <a href="/websites">
580                      <div class="flex flex-column">
581                        <div class="pixpa-menu-svg">
582                          <svg viewbox="0 0 24 22"><use xlink:href="#pixpa-build_website-menuicon" width="24" height="22"></use></svg>
583                        </div>                      
584                        <div class="flex flex-column">
585                          <p class="menu-page-title">Build Your Website</p>
586                          <span>Visual editor, full design control</span>
587                        </div>
588                      </div>
589                    </a>
590                  </li>
591
592                  <li class="dropdown_item">
593                    <a href="/stores">
594                      <div class="flex flex-column">
595                        <div class="pixpa-menu-svg">
596                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-store_cart-menuicon" width="24" height="22"></use></svg>
597                        </div>
598                        <div class="flex flex-column">
599                          <p class="menu-page-title">Online Store</p>
600                          <span>Sell anything, zero commission</span>
601                        </div>
602                      </div>
603                    </a>
604                  </li>
605
606                  <li class="dropdown_item">
607                    <a href="/clientgalleries">
608                      <div class="flex flex-column">
609                        <div class="pixpa-menu-svg">
610                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-client_gallery-menuicon" width="24" height="22"></use></svg>
611                        </div>
612                        <div class="flex flex-column">
613                          <p class="menu-page-title">
613Client Galleries</p>
614                          <span>Share, proof, sell & deliver images</span>
615                        </div>
616                      </div>
617                    </a>
618                  </li>         
619
620                  
621                  <li class="dropdown_item">
622                    <a href="/sell-images-online">
623                      <div class="flex flex-column">
624                        <div class="pixpa-menu-svg">
625                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-sell_image-menuicon" width="24" height="22"></use></svg>
626                        </div>
627                        <div class="flex flex-column">
628                          <p class="menu-page-title">Sell Images</p>
629                          <span>Sell prints and downloads from galleries</span>
630                        </div>
631                      </div>
632                    </a>
633                  </li>
634                  
635                  <li class="dropdown_item">
636                    <a href="/start-blog">
637                      <div class="flex flex-column">
638                        <div class="pixpa-menu-svg">
639                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-blog-menuicon" width="24" height="22"></use></svg>
640                        </div>
641                        <div class="flex flex-column">
642                          <p class="menu-page-title">Blog</p>
643                          <span>Built-in blogging, no extra tools</span>
644                        </div>
645                      </div>
646                    </a>
647                  </li>
648
649                  <li class="dropdown_item">
650                    <a href="/gallery-links">
651                      <div class="flex flex-column">
652                        <div class="pixpa-menu-svg">
653                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-mobileapp-menuicon" width="24" height="22"></use></svg>
654                        </div>
655                        <div class="flex flex-column">
656                          <p class="menu-page-title">Gallery Links</p>
657                          <span>Send galleries to clients as a link</span>
658                        </div>
659                      </div>
660                    </a>
661                  </li>
662
663                  
664
665                  <li class="dropdown_item">
666                    <a href="/marketing-tools">
667                      <div class="flex flex-column">
668                        <div class="pixpa-menu-svg">
669                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-marketing-tools" width="24" height="22"></use></svg>
670                        </div>
671                        <div class="flex flex-column">
672                          <p class="menu-page-title">Marketing Tools</p>
673                          <span>Grow your audience. No plugins</span>
674                        </div>
675                      </div>
676                    </a>
677                  </li>
678                  <li class="dropdown_item">
679                    <a href="/seo-tools">
680                      <div class="flex flex-column">
681                        <div class="pixpa-menu-svg">
682                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-seo-tools" width="24" height="22"></use></svg>
683                        </div>
684                        <div class="flex flex-column">
685                          <p class="menu-page-title">SEO Tools</p>
686                          <span>Drive more traffic with on-site SEO</span>
687                        </div>
688                      </div>
689                    </a>
690                  </li>
691
692                </ul>
693              </div>
694              <div class="dropdown-products-menu-right why-chose-pixpa">
695                <p class="menu-title padding-b0 website-setup-title">Why Pixpa?</p>
696                <p class="menu-description margin-t10">One platform for your website, client galleries and store. See what makes it different.</p>
697                <div class="border-banimate-link color-white display-inblock section-desc margin-t5 padding-b0">
698                  <a href="/why-pixpa" class="effect-1 padding-b0 lh-15">Explore Now <svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></a>
699                  <span class="focus-border"></span>
700                </div>
701              </div>
702            </div>
703          </div>
704        </div>
705
706        <div class="box-shadow top-link nav-dropdown mobile-hide">
707          
708          <a class="nav-arrow" role="button" tabindex="0" aria-haspopup="true">
709            <span class="">Made for</span>
710            <svg viewbox="0 0 668 468.75" aria-hidden="true" focusable="false"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg>
711          </a>
712          <div class="dropdown nav-dropdown-tour">
713            <ul class="dropdown_list">
714              
715              <li>
716                <a href="/online-portfolio/photography-website">
717                  <div class="display-flex-center">
718                    <div class="pixpa-menu-svg margin-r10">
719                      <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-photography" width="16" height="16"></use></svg>
720                    </div>
721                    <div class="flex flex-column">
722                      <p class="menu-page-title">Photographers</p>
723                    </div>
724                  </div>
725                </a>
726              </li>
727
728              
729              <li>
730                <a href="/online-portfolio/artist-website">
731                  <div class="display-flex-center">
732                    <div class="pixpa-menu-svg margin-r10">
733                      <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-artists" width="16" height="16"></use></svg>
734                    </div>
735                    <div class="flex flex-column">
736                      <p class="menu-page-title">Artists</p>
737                    </div>
738                  </div>
739                </a>
740              </li>
741
742              
743              <li>
744                <a href="/online-portfolio/illustrator-website">
745                  <div class="display-flex-center">
746                    <div class="pixpa-menu-svg margin-r10">
747                      <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-illustrators" width="16" height="16"></use></svg>
748                    </div>
749                    <div class="flex flex-column">
750                      <p class="menu-page-title">Illustrators</p>
751                    </div>
752                  </div>
753                </a>
754              </li>
755
756              
757              <li>
758                <a href="/online-portfolio/graphic-design-website">
759                  <div class="display-flex-center">
760                    <div class="pixpa-menu-svg margin-r10">
761                      <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-graphic-design" width="16" height="16"></use></svg>
762                    </div>
763                    <div class="flex flex-column">
764                      <p class="menu-page-title">Graphic Designers</p>
765                    </div>
766                  </div>
767                </a>
768              </li>
769
770              
771              <li>
772                <a href="/online-portfolio/ui-ux-design-website">
773                  <div class="display-flex-center">
774                    <div class="pixpa-menu-svg margin-r10">
775                      <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-uiuxdesigners" width="16" height="16"></use></svg>
776                    </div>
777                    <div class="flex flex-column">
778                      <p class="menu-page-title">UI/UX Designers</p>
779                    </div>
780                  </div>
781                </a>
782              </li>
783
784              
785              <li>
786                <a href="/online-portfolio/models-website">
787                  <div class="display-flex-center">
788                    <div class="pixpa-menu-svg margin-r10">
789                      <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-modelsactors" width="16" height="16"></use></svg>
790                    </div>
791                    <div class="flex flex-column">
792                      <p class="menu-page-title">Models & Actors</p>
793                    </div>
794                  </div>
795                </a>
796              </li>
797
798              
799              <li>
800                <a href="/online-portfolio/fashion-design-website">
801                  <div class="display-flex-center">
802                    <div class="pixpa-menu-svg margin-r10">
803                      <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-fashion-design" width="16" height="16"></use></svg>
804                    </div>
805                    <div class="flex flex-column">
806                      <p class="menu-page-title">Fashion Designers & Stylists</p>
807                    </div>
808                  </div>
809                </a>
810              </li>
811
812              
813              <li>
814                <a href="/online-portfolio/architecture-website">
815                  <div class="display-flex-center">
816                    <div class="pixpa-menu-svg margin-r10">
817                      <svg viewbox="0 0 16 13"><use xlink:href="#pixpa-tour-architects" width="16" height="13"></use></svg>
818                    </div>
819                    <div class="flex flex-column">
820                      <p class="menu-page-title">Architects & Interior Designers</p>
821                    </div>
822                  </div>
823                </a>
824              </li>
825
826              
827              <li>
828                <a href="/online-portfolio/musicians-website">
829                  <div class="display-flex-center">
830                    <div class="pixpa-menu-svg margin-r10">
831                      <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-musicians" width="16" height="16"></use></svg>
832                    </div>
833                    <div class="flex flex-column">
834                      <p class="menu-page-title">Musicians & Performers</p>
835                    </div>
836                  </div>
837                </a>
838              </li>
839
840              
841              <li>
842                <a href="/online-portfolio/writer-website">
843                  <div class="display-flex-center">
844                    <div class="pixpa-menu-svg margin-r10">
845                      <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-writers" width="16" height="16"></use></svg>
846                    </div>
847                    <div class="flex flex-column">
848                      <p class="menu-page-title">Writers & Authors</p>
849                    </div>
850                  </div>
851                </a>
852              </li>
853
854              
855              <li class="nav-tour-hub">
856                <a href="/online-portfolio">
857                  <div class="display-flex-center">
858                    <div class="pixpa-menu-svg margin-r10">
859                      <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-creative" width="16" height="16"></use></svg>
860                    </div>
861                    <div class="flex flex-column">
862                      <p class="menu-page-title">Portfolio websites for every creative field</p>
863                    </div>
864                  </div>
865                </a>
866              </li>
867            </ul>
868          </div>
869        </div>
870        
871        <a href="/templates" class="box-shadow mobile-hide top-link ">Templates</a>
872
873        <a href="/examples" class="box-shadow mobile-hide top-link ">Examples</a>
874        <a href="/pricing" class="box-shadow mobile-hide top-link ">Pricing</a>
875        <div class="box-shadow top-link nav-dropdown pos-override mobile-hide ">
876          <a href="/blog" class="nav-arrow">
877            Resources
878            <svg viewbox="0 0 668 468.75"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg>
879          </a>
880
881          <div class="dropdown nav-dropdown-showcase dropdown-products-menu dropdown-resources-menu">
882            <div class="dropdown-products-menu-container">
883              <div class="dropdown-products-menu-left">
884                <ul class="dropdown_list dropdown-products-menu-list">
885                  <li class="dropdown_item">
886                    <a href="/why-pixpa">
887                      <div class="flex flex-column">
888                        <div class="pixpa-menu-svg">
889                          <svg viewbox="0 0 24 22"><use xlink:href="#pixpa-whypixpa-menuicon" width="24" height="22"></use></svg>
890                        </div>                      
891                        <div class="flex flex-column">
892                          <p class="menu-page-title">Why Choose Pixpa?</p>
893                          <span>One platform for your website, client galleries and store. See what makes it different.</span>
894                        </div>
895                      </div>
896                    </a>
897                  </li>
898
899                  <li class="dropdown_item">
900                    <a href="/students">
901                      <div class="flex flex-column">
902                        <div class="pixpa-menu-svg">
903                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-student-menuicon" width="24" height="22"></use></svg>
904                        </div>
905                        <div class="flex flex-column">
906                          <p class="menu-page-title">Students & Educators</p>
907                          <span>Get up to 55% off on all plans with Pixpa Edu discounts. </span>
908                        </div>
909                      </div>
910                    </a>
911                  </li>
912
913                  
914                  
915
916                  <li class="dropdown_item">
917                    <a href="/blog">
918                      <div class="flex flex-column">
919                        <div class="pixpa-menu-svg">
920                          <svg viewbox="0 0 24 22"><use xlink:href="#pixpa-blog-menuicon" width="24" height="22"></use></svg>
921                        </div>                      
922                        <div class="flex flex-column">
923                          <p class="menu-page-title">The Pixpa Blog</p>
924                          <span>Guides and inspiration</span>
925                        </div>
926                      </div>
927                    </a>
928                  </li>
929                
930
931                  <li class="dropdown_item">
932                    <a href="https://help.pixpa.com/">
933                      <div class="flex flex-column">
934                        <div class="pixpa-menu-svg">
935                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-helpcenter-menuicon" width="24" height="22"></use></svg>
936                        </div>
937                        <div class="flex flex-column">
938                          <p class="menu-page-title">Help Center</p>
939                          <span>Guides and tutorials, 20+ languages</span>
940                        </div>
941                      </div>
942                    </a>
943                  </li>                
944
945                  <li class="dropdown_item">
946                    <a href="/updates">
947                      <div class="flex flex-column">
948                        <div class="pixpa-menu-svg">
949                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-productupdate-menuicon" width="24" height="22"></use></svg>
950                        </div>
951                        <div class="flex flex-column">
952                          <p class="menu-page-title">Product Updates</p>
953                          <span>What&rsquo;s new on Pixpa</span>
954                        </div>
955                      </div>
956                    </a>
957                  </li>
958
959                  <li class="dropdown_item">
960                    <a href="/clients">
961                      <div class="flex flex-column">
962                        <div class="pixpa-menu-svg">
963                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-customerstore-menuicon" width="24" height="22"></use></svg>
964                        </div>
965                        <div class="flex flex-column">
966                          <p class="menu-page-title">Customer Stories</p>
967                          <span>Real sites and switcher stories</span>
968                        </div>
969                      </div>
970                    </a>
971                  </li>
972
973                  <li class="dropdown_item">
974                    <a href="/apps">
975                      <div class="flex flex-column">
976                        <div class="pixpa-menu-svg">
977                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-integration-menuicon" width="24" height="22"></use></svg>
978                        </div>
979                        <div class="flex flex-column">
980                          <p class="menu-page-title">Apps & Integrations</p>
981                          <span>100+ apps and integrations</span>
982                        </div>
983                      </div>
984                    </a>
985                  </li>
986
987                  
988
989                  <li class="dropdown_item">
990                    <a href="/affiliates">
991                      <div class="flex flex-column">
992                        <div class="pixpa-menu-svg">
993                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-partner-menuicon" width="24" height="22"></use></svg>
994                        </div>
995                        <div class="flex flex-column">
996                          <p class="menu-page-title">Become an Affiliate</p>
997                          <span>Promote Pixpa, earn rewards</span>
998                        </div>
999                      </div>
1000                    </a>
1001                  </li>
1002                </ul>
1003              </div>
1004
1005               <div class="dropdown-products-menu-right">
1006                  <p class="menu-title padding-b0 website-setup-title">Get Your Website Set Up</p>
1007                  <p class="menu-description margin-t10">A Pixpa designer builds it from your brief, images and content. Review and publish. <span class="website-setup-menu-price"><span class="website-setup-menu-price-was">$399</span><span class="website-setup-menu-price-now">$199</span><span class="website-setup-menu-price-badge">Limited Time Offer</span></span></p>
1008                  <div class="border-banimate-link color-white display-inblock section-desc margin-t5 padding-b0">
1009                    <a href="/website-setup-service" class="effect-1 padding-b0 lh-15">Setup Now <svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></a>
1010                    <span class="focus-border"></span>
1011                  </div>
1012                </div>
1013            </div>
1014          </div>
1015        </div>
1016      </nav>
1017
1018      <nav class="nav right mobile-hide">
1019        <div class="box-shadow top-link nav-dropdown mobile-hide js-desktop-lang-dropdown">
1020          <a href="#" class="nav-arrow js-desktop-lang-toggle" aria-label="Select language" aria-haspopup="true" aria-expanded="false">
1021            <svg viewbox="0 0 496 512" style="width: 20px;" aria-hidden="true" focusable="false"><use xlink:href="#pixpa-globe-menuicon"></use></svg>
1022          </a>
1023          <div class="dropdown nav-dropdown-language">
1024            <ul class="dropdown_list js-pixpa-weglot-language notranslate gtranslate-desktop">
1025              <li class="dropdown_item"><a href="https://www.pixpa.com/" data-value="en" data-gt-href="https://www.pixpa.com/" class="nturl notranslate active">English</a></li>
1026              <li class="dropdown_item"><a href="https://www.pixpa.com/es/" data-value="es" data-gt-href="https://www.pixpa.com/es/" class="nturl notranslate ">Espa&ntilde;ol</a></li>
1027              <li class="dropdown_item"><a href="https://www.pixpa.com/fr/" data-value="fr" data-gt-href="https://www.pixpa.com/fr/" class="nturl notranslate ">Fran&ccedil;ais</a></li>
1028              <li class="dropdown_item"><a href="https://www.pixpa.com/de/" data-value="de" data-gt-href="https://www.pixpa.com/de/" class="nturl notranslate ">Deutsch</a></li>
1029              <li class="dropdown_item"><a href="https://www.pixpa.com/pt/" data-value="pt" data-gt-href="https://www.pixpa.com/pt/" class="nturl notranslate ">Portugu&ecirc;s</a></li>
1030              <li class="dropdown_item"><a href="https://www.pixpa.com/nl/" data-value="nl" data-gt-href="https://www.pixpa.com/nl/" class="nturl notranslate ">Nederlands</a></li>
1031              <li class="dropdown_item"><a href="https://www.pixpa.com/it/" data-value="it" data-gt-href="https://www.pixpa.com/it/" class="nturl notranslate ">Italiano</a></li>
1032              <li class="dropdown_item"><a href="https://www.pixpa.com/pl/" data-value="pl" data-gt-href="https://www.pixpa.com/pl/" class="nturl notranslate ">Polski</a></li>
1033              <li class="dropdown_item"><a href="https://www.pixpa.com/ru/" data-value="ru" data-gt-href="https://www.pixpa.com/ru/" class="nturl notranslate ">&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;</a></li>
1034            </ul>
1035          </div>
1036        </div>
1037        
1038        
1039        
1040          <a href="https://studio.pixpa.com" class="top-link box-shadow">Login</a>          
1041                      <a href="https://studio.pixpa.com/signup" id="sign-up" class="button log-in get-started">Start Free <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a>
1042                  
1043      </nav>
1044    </div>
1045  </div>
1046
1047  
1047<script type="text/javascript">
1048    // Desktop language switcher: open on click (not hover) + highlight the active language
1049    (function () {
1050      function init($) {
1051        // Mark the active language from the BROWSER context. The origin server can't
1052        // detect it: GTranslate (sub_directory) strips the /es/ prefix before the
1053        // request reaches Laravel, so pixpaCurrentLocale() is blank in production and
1054        // the server-rendered active class always falls back to English.
1055        (function () {
1056          // Supported locales = the languages this menu actually renders (read from
1057          // the links' data-value). The /{locale}/ path prefix is authoritative; a
1058          // locale this menu doesn't offer, or no prefix, falls back to English.
1059          var $langLinks = $('.js-pixpa-weglot-language a');
1060          var rendered = $langLinks.map(function () { return $(this).attr('data-value'); }).get();
1061          var seg = window.location.pathname.split('/').filter(Boolean)[0];
1062          var active = rendered.indexOf(seg) !== -1 ? seg : 'en';
1063          $langLinks.removeClass('active');
1064          $langLinks.filter('[data-value="' + active + '"]').addClass('active');
1065          // keep the collapsed mobile trigger badge in sync (hard-coded "EN" otherwise)
1066          $('.js-pixpa-weglot-input').text(active.toUpperCase());
1067        })();
1068
1069        var $dd = $('.js-desktop-lang-dropdown');
1070        if (!$dd.length) return;
1071
1072        $dd.find('.js-desktop-lang-toggle').on('click', function (e) {
1073          e.preventDefault();
1074          e.stopPropagation();
1075          $dd.toggleClass('open');
1076          $(this).attr('aria-expanded', $dd.hasClass('open'));
1077        });
1078        $(document).on('click', function (e) {
1079          if (!$(e.target).closest('.js-desktop-lang-dropdown').length) {
1080            $dd.removeClass('open');
1081            $dd.find('.js-desktop-lang-toggle').attr('aria-expanded', 'false');
1082          }
1083        });
1084
1085      }
1086      // Hover-open is disabled for this menu, so wait until jQuery is ready before binding the click handler.
1087      (function whenReady() {
1088        if (window.jQuery) { window.jQuery(function () { init(window.jQuery); }); }
1089        else { setTimeout(whenReady, 50); }
1090      })();
1091    })();
1092  </script>
1092
1093  
1094  <!-- display the login prompt -->
1095      
1095<script src="https://accounts.google.com/gsi/client" async defer></script>
1095
1096    <div id="g_id_onload" data-prompt_parent_id="g_id_onload" data-client_id="862576481073-dkte97hklc0b6llurn47aijjl8ausfu5.apps.googleusercontent.com" data-login_uri="https://studio.pixpa.com/one-tap-google" data-context="signup" data-itp_support="true" data-cancel_on_tap_outside="false" style="position: absolute !important; top: 56px !important; display: flex !important; align-items: flex-end !important; justify-content: flex-end; right: 4vw !important;">
1097    </div>
1098  </header>
1099
1100
1101<div class="mobilemenu-container-wrapper js-mobilemenu-container-wrapper">
1102  <div class="mobilemenu-container">
1103    <div class="mobilemenu-grid">
1104      <div class="mobilemenu-grid-item">
1105        <div class="mobilemenu-grid-item-link js-dropdown-mobilemenu-grid-item-link">
1106          <span>Product</span>
1107          <svg viewbox="0 0 668 468.75" class="menuicon"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg>
1108        </div>
1109        <div class=" dropdown-mobilemenu-grid-item-content js-dropdown-mobilemenu-grid-item-content" style="height: 0">
1110          <div class="mobilesubmenu-grid dropdown-mobilemenu-grid-item-content-height">
1111            <div class="dropdown-products-menu-left">
1112              <div class="mobilesubmenu-grid-item">
1113                <ul class="dropdown_list dropdown-products-menu-list">
1114                  <li class="dropdown_item">
1115                    <a href="/websites">
1116                      <div class="flex flex-column">
1117                        <div class="pixpa-menu-svg">
1118                          <svg viewbox="0 0 24 22"><use xlink:href="#pixpa-build_website-menuicon" width="24" height="22"></use></svg>
1119                        </div>                      
1120                        <div class="flex flex-column">
1121                          <p class="menu-page-title">Build Your Website</p>
1122                          <span>Visual editor, full design control</span>
1123                        </div>
1124                      </div>
1125                    </a>
1126                  </li>
1127
1128                  <li class="dropdown_item">
1129                    <a href="/stores">
1130                      <div class="flex flex-column">
1131                        <div class="pixpa-menu-svg">
1132                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-store_cart-menuicon" width="24" height="22"></use></svg>
1133                        </div>
1134                        <div class="flex flex-column">
1135                          <p class="menu-page-title">Online Store</p>
1136                          <span>Sell anything, zero commission</span>
1137                        </div>
1138                      </div>
1139                    </a>
1140                  </li>
1141
1142                  <li class="dropdown_item">
1143                    <a href="/clientgalleries">
1144                      <div class="flex flex-column">
1145                        <div class="pixpa-menu-svg">
1146                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-client_gallery-menuicon" width="24" height="22"></use></svg>
1147                        </div>
1148                        <div class="flex flex-column">
1149                          <p class="menu-page-title">Client Galleries</p>
1150                          <span>Share, proof, sell & deliver images</span>
1151                        </div>
1152                      </div>
1153                    </a>
1154                  </li> 
1155
1156
1157                  <li class="dropdown_item">
1158                    <a href="/sell-images-online">
1159                      <div class="flex flex-column">
1160                        <div class="pixpa-menu-svg">
1161                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-sell_image-menuicon" width="24" height="22"></use></svg>
1162                        </div>
1163                        <div class="flex flex-column">
1164                          <p class="menu-page-title">Sell Images</p>
1165                          <span>Sell prints and downloads from galleries</span>
1166                        </div>
1167                      </div>
1168                    </a>
1169                  </li>                                 
1170
1171                  <li class="dropdown_item">
1172                    <a href="/start-blog">
1173                      <div class="flex flex-column">
1174                        <div class="pixpa-menu-svg">
1175                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-blog-menuicon" width="24" height="22"></use></svg>
1176                        </div>
1177                        <div class="flex flex-column">
1178                          <p class="menu-page-title">Blog</p>
1179                          <span>Built-in blogging, no extra tools</span>
1180                        </div>
1181                      </div>
1182                    </a>
1183                  </li>
1184
1185                  <li class="dropdown_item">
1186                    <a href="/gallery-links">
1187                      <div class="flex flex-column">
1188                        <div class="pixpa-menu-svg">
1189                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-mobileapp-menuicon" width="24" height="22"></use></svg>
1190                        </div>
1191                        <div class="flex flex-column">
1192                          <p class="menu-page-title">Gallery Links</p>
1193                          <span>Send galleries to clients as a link</span>
1194                        </div>
1195                      </div>
1196                    </a>
1197                  </li>                
1198
1199                  <li class="dropdown_item">
1200                    <a href="/marketing-tools">
1201                      <div class="flex flex-column">
1202                        <div class="pixpa-menu-svg">
1203                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-marketing-tools" width="24" height="22"></use></svg>
1204                        </div>
1205                        <div class="flex flex-column">
1206                          <p class="menu-page-title">Marketing Tools</p>
1207                          <span>Grow your audience. No plugins</span>
1208                        </div>
1209                      </div>
1210                    </a>
1211                  </li>
1212
1213                  <li class="dropdown_item">
1214                    <a href="/seo-tools">
1215                      <div class="flex flex-column">
1216                        <div class="pixpa-menu-svg">
1217                          <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-seo-tools" width="24" height="22"></use></svg>
1218                        </div>
1219                        <div class="flex flex-column">
1220                          <p class="menu-page-title">SEO Tools</p>
1221                          <span>Drive more traffic with on-site SEO</span>
1222                        </div>
1223                      </div>
1224                    </a>
1225                  </li>
1226                  
1227                </ul>
1228              </div>
1229            </div>
1230
1231            <div class="dropdown-products-menu-right">
1232              <div class="dropdown-products-menu-right-container">
1233                <p class="menu-title padding-b0 website-setup-title">Why Pixpa?</p>
1234                <p class="menu-description margin-t10">One platform for your website, client galleries and store. See what makes it different.</p>
1235                <div class="border-banimate-link color-white display-inblock section-desc margin-t5 padding-b0">                  
1236                  <a href="/why-pixpa" class="effect-1 padding-b0 lh-15">Explore Now <svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></a>
1237                  <span class="focus-border"></span>
1238                </div>
1239              </div>
1240            </div>
1241
1242
1243          </div>
1244        </div>
1245      </div>
1246
1247      <div class="mobilemenu-grid-item">
1248        <div class="mobilemenu-grid-item-link js-dropdown-mobilemenu-grid-item-link">
1249          <span>Made for</span>
1250          <svg viewbox="0 0 668 468.75" class="menuicon"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg>
1251        </div>
1252        <div class="dropdown-mobilemenu-grid-item-content js-dropdown-mobilemenu-grid-item-content" style="height: 0">
1253          <div class="mobilesubmenu-grid  dropdown-mobilemenu-grid-item-content-height">
1254            <div class="mobilesubmenu-grid-item">
1255              <ul class="dropdown_list dropdown-products-menu-list">
1256                
1257                <li class="dropdown_item">
1258                  <a href="/online-portfolio/photography-website">
1259                    <div class="flex flex-column">
1260                      <div class="pixpa-menu-svg">
1261                        <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-photography" width="16" height="16"></use></svg>
1262                      </div>
1263                      <div class="flex flex-column">
1264                        <p class="menu-page-title">Photographers</p>
1265                      </div>
1266                    </div>
1267                  </a>
1268                </li>
1269
1270                
1271                <li class="dropdown_item">
1272                  <a href="/online-portfolio/artist-website">
1273                    <div class="flex flex-column">
1274                      <div class="pixpa-menu-svg">
1275                        <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-artists" width="16" height="16"></use></svg>
1276                      </div>
1277                      <div class="flex flex-column">
1278                        <p class="menu-page-title">Artists</p>
1279                      </div>
1280                    </div>
1281                  </a>
1282                </li>
1283
1284                
1285                <li class="dropdown_item">
1286                  <a href="/online-portfolio/illustrator-website">
1287                    <div class="flex flex-column">
1288                      <div class="pixpa-menu-svg">
1289                        <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-illustrators" width="16" height="16"></use></svg>
1290                      </div>
1291                      <div class="flex flex-column">
1292                        <p class="menu-page-title">Illustrators</p>
1293                      </div>
1294                    </div>
1295                  </a>
1296                </li>
1297
1298                
1299                <li class="dropdown_item">
1300                  <a href="/online-portfolio/graphic-design-website">
1301                    <div class="flex flex-column">
1302                      <div class="pixpa-menu-svg">
1303                        <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-graphic-design" width="16" height="16"></use></svg>
1304                      </div>
1305                      <div class="flex flex-column">
1306                        <p class="menu-page-title">Graphic Designers</p>
1307                      </div>
1308                    </div>
1309                  </a>
1310                </li>
1311
1312                
1313                <li class="dropdown_item">
1314                  <a href="/online-portfolio/ui-ux-design-website">
1315                    <div class="flex flex-column">
1316                      <div class="pixpa-menu-svg">
1317                        <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-uiuxdesigners" width="16" height="16"></use></svg>
1318                      </div>
1319                      <div class="flex flex-column">
1320                        <p class="menu-page-title">UI/UX Designers</p>
1321                      </div>
1322                    </div>
1323                  </a>
1324                </li>
1325
1326                
1327                <li class="dropdown_item">
1328                  <a href="/online-portfolio/models-website">
1329                    <div class="flex flex-column">
1330                      <div class="pixpa-menu-svg">
1331                        <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-modelsactors" width="16" height="16"></use></svg>
1332                      </div>
1333                      <div class="flex flex-column">
1334                        <p class="menu-page-title">Models & Actors</p>
1335                      </div>
1336                    </div>
1337                  </a>
1338                </li>
1339
1340                
1341                <li class="dropdown_item">
1342                  <a href="/online-portfolio/fashion-design-website">
1343                    <div class="flex flex-column">
1344                      <div class="pixpa-menu-svg">
1345                        <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-fashion-design" width="16" height="16"></use></svg>
1346                      </div>
1347                      <div class="flex flex-column">
1348                        <p class="menu-page-title">Fashion Designers & Stylists</p>
1349                      </div>
1350                    </div>
1351                  </a>
1352                </li>
1353
1354                
1355                <li class="dropdown_item">
1356                  <a href="/online-portfolio/architecture-website">
1357                    <div class="flex flex-column">
1358                      <div class="pixpa-menu-svg">
1359                        <svg viewbox="0 0 16 13"><use xlink:href="#pixpa-tour-architects" width="16" height="13"></use></svg>
1360                      </div>
1361                      <div class="flex flex-column">
1362                        <p class="menu-page-title">Architects & Interior Designers</p>
1363                      </div>
1364                    </div>
1365                  </a>
1366                </li>
1367
1368                
1369                <li class="dropdown_item">
1370                  <a href="/online-portfolio/musicians-website">
1371                    <div class="flex flex-column">
1372                      <div class="pixpa-menu-svg">
1373                        <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-musicians" width="16" height="16"></use></svg>
1374                      </div>
1375                      <div class="flex flex-column">
1376                        <p class="menu-page-title">Musicians & Performers</p>
1377                      </div>
1378                    </div>
1379                  </a>
1380                </li>
1381
1382                
1383                <li class="dropdown_item">
1384                  <a href="/online-portfolio/writer-website">
1385                    <div class="flex flex-column">
1386                      <div class="pixpa-menu-svg">
1387                        <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-writers" width="16" height="16"></use></svg>
1388                      </div>
1389                      <div class="flex flex-column">
1390                        <p class="menu-page-title">Writers & Authors</p>
1391                      </div>
1392                    </div>
1393                  </a>
1394                </li>
1395
1396                
1397                <li class="dropdown_item nav-tour-hub">
1398                  <a href="/online-portfolio">
1399                    <div class="flex flex-column">
1400                      <div class="pixpa-menu-svg">
1401                        <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-creative" width="16" height="16"></use></svg>
1402                      </div>
1403                      <div class="flex flex-column">
1404                        <p class="menu-page-title">Portfolio websites for every creative field</p>
1405                      </div>
1406                    </div>
1407                  </a>
1408                </li>
1409              </ul>
1410            </div>
1411          </div>
1412        </div>
1413      </div>
1414
1415      <div class="mobilemenu-grid-item ">
1416        <div class="mobilemenu-grid-item-link">
1417          <a href="/templates">Templates</a>
1418        </div>
1419      </div>
1420
1421      <div class="mobilemenu-grid-item ">
1422        <div class="mobilemenu-grid-item-link">
1423          <a href="/examples">Examples</a>
1424        </div>
1425      </div>
1426
1427      <div class="mobilemenu-grid-item ">
1428        <div class="mobilemenu-grid-item-link">
1429          <a href="/pricing">Pricing</a>
1430        </div>
1431      </div>
1432
1433      <div class="mobilemenu-grid-item">
1434        <div class="mobilemenu-grid-item-link js-dropdown-mobilemenu-grid-item-link">
1435          <span>Resources</span>
1436          <svg viewbox="0 0 668 468.75" class="menuicon"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg>
1437        </div>
1438        <div class="dropdown-mobilemenu-grid-item-content js-dropdown-mobilemenu-grid-item-content" style="height: 0">
1439          <div class="dropdown-products-menu-container dropdown-mobilemenu-grid-item-content-height">
1440            <div class="dropdown-products-menu-left">
1441              <div class="mobilesubmenu-grid">
1442                <div class="mobilesubmenu-grid-item">
1443                  <ul class="dropdown_list dropdown-products-menu-list">
1444                    <li class="dropdown_item">
1445                      <a href="/why-pixpa">
1446                        <div class="flex flex-column">
1447                          <div class="pixpa-menu-svg">
1448                            <svg viewbox="0 0 24 22"><use xlink:href="#pixpa-whypixpa-menuicon" width="24" height="22"></use></svg>
1449                          </div>                      
1450                          <div class="flex flex-column">
1451                            <p class="menu-page-title">Why Choose Pixpa?</p>
1452                            <span>One platform for your website, client galleries and store. See what makes it different.</span>
1453                          </div>
1454                        </div>
1455                      </a>
1456                    </li>
1457
1458                    <li class="dropdown_item">
1459                      <a href="/students">
1460                        <div class="flex flex-column">
1461                          <div class="pixpa-menu-svg">
1462                            <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-student-menuicon" width="24" height="22"></use></svg>
1463                          </div>
1464                          <div class="flex flex-column">
1465                            <p class="menu-page-title">Students & Educators</p>
1466                            <span>Get up to 55% off on all plans with Pixpa Edu discounts. </span>
1467                          </div>
1468                        </div>
1469                      </a>
1470                    </li>
1471
1472                    
1473
1474                    
1475                    <li class="dropdown_item">
1476                      <a href="/blog">
1477                        <div class="flex flex-column">
1478                          <div class="pixpa-menu-svg">
1479                            <svg viewbox="0 0 24 22"><use xlink:href="#pixpa-blog-menuicon" width="24" height="22"></use></svg>
1480                          </div>                      
1481                          <div class="flex flex-column">
1482                            <p class="menu-page-title">The Pixpa Blog</p>
1483                            <span>Guides and inspiration</span>
1484                          </div>
1485                        </div>
1486                      </a>
1487                    </li>
1488                  
1489
1490                    <li class="dropdown_item">
1491                      <a href="https://help.pixpa.com/">
1492                        <div class="flex flex-column">
1493                          <div class="pixpa-menu-svg">
1494                            <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-helpcenter-menuicon" width="24" height="22"></use></svg>
1495                          </div>
1496                          <div class="flex flex-column">
1497                            <p class="menu-page-title">Help Center</p>
1498                            <span>Guides and tutorials, 20+ languages</span>
1499                          </div>
1500                        </div>
1501                      </a>
1502                    </li>                
1503
1504                    <li class="dropdown_item">
1505                      <a href="/updates">
1506                        <div class="flex flex-column">
1507                          <div class="pixpa-menu-svg">
1508                            <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-productupdate-menuicon" width="24" height="22"></use></svg>
1509                          </div>
1510                          <div class="flex flex-column">
1511                            <p class="menu-page-title">Product Updates</p>
1512                            <span>What&rsquo;s new on Pixpa</span>
1513                          </div>
1514                        </div>
1515                      </a>
1516                    </li>
1517
1518                    <li class="dropdown_item">
1519                      <a href="/clients">
1520                        <div class="flex flex-column">
1521                          <div class="pixpa-menu-svg">
1522                            <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-customerstore-menuicon" width="24" height="22"></use></svg>
1523                          </div>
1524                          <div class="flex flex-column">
1525                            <p class="menu-page-title">Customer Stories</p>
1526                            <span>Real sites and switcher stories</span>
1527                          </div>
1528                        </div>
1529                      </a>
1530                    </li>
1531
1532
1533                    <li class="dropdown_item">
1534                      <a href="/apps">
1535                        <div class="flex flex-column">
1536                          <div class="pixpa-menu-svg">
1537                            <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-integration-menuicon" width="24" height="22"></use></svg>
1538                          </div>
1539                          <div class="flex flex-column">
1540                            <p class="menu-page-title">Apps & Integrations</p>
1541                            <span>100+ apps and integrations</span>
1542                          </div>
1543                        </div>
1544                      </a>
1545                    </li>
1546
1547                    
1548
1549                    <li class="dropdown_item">
1550                      <a href="/affiliates">
1551                        <div class="flex flex-column">
1552                          <div class="pixpa-menu-svg">
1553                            <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-partner-menuicon" width="24" height="22"></use></svg>
1554                          </div>
1555                          <div class="flex flex-column">
1556                            <p class="menu-page-title">Become an Affiliate</p>
1557                            <span>Promote Pixpa, earn rewards</span>
1558                          </div>
1559                        </div>
1560                      </a>
1561                    </li>
1562
1563                    
1564
1565                  </ul>
1566                </div>
1567              </div>
1568            </div>
1569
1570            <div class="dropdown-products-menu-right">
1571              <div class="dropdown-products-menu-right-container">
1572                <p class="menu-title padding-b0 website-setup-title">Get Your Website Set Up</p>
1573                <p class="menu-description margin-t10">A Pixpa designer builds it from your brief, images and content. Review and publish. <span class="website-setup-menu-price"><span class="website-setup-menu-price-was">$399</span><span class="website-setup-menu-price-now">$199</span><span class="website-setup-menu-price-badge">Limited Time Offer</span></span></p>
1574                <div class="border-banimate-link color-white display-inblock section-desc margin-t5 padding-b0">
1575                  <a href="/website-setup-service" class="effect-1 padding-b0 lh-15">Setup Now <svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></a>
1576                  <span class="focus-border"></span>
1577                </div>
1578              </div>
1579            </div>
1580          </div>
1581        </div>
1582      </div>
1583
1584      <div class="mobilemenu-grid-item">
1585        <div class="mobilemenu-grid-item-link js-dropdown-mobilemenu-grid-item-link">
1586          <div class="display-flex ">
1587            <svg viewbox="0 0 496 512" style="margin-right: 5px; width: 15px;"><use xlink:href="#pixpa-globe-menuicon"></use></svg>
1588            <span class="js-pixpa-weglot-input text-transform-u notranslate">EN</span>
1589          </div>
1590          <svg viewbox="0 0 668 468.75" class="menuicon"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg>
1591        </div>
1592        <div class="dropdown-mobilemenu-grid-item-content js-dropdown-mobilemenu-grid-item-content" style="height: 0">
1593          <div class="dropdown nav-dropdown-language  dropdown-mobilemenu-grid-item-content-height">
1594            <div class="mobilesubmenu-grid-item">
1595              <ul class="dropdown_list js-pixpa-weglot-language notranslate gtranslate-desktop dropdown-products-menu-list">
1596                <li class="dropdown_item"><a href="https://www.pixpa.com/" data-value="en" data-gt-href="https://www.pixpa.com/" class="menu-page-title nturl notranslate active">English</a></li>
1597                <li class="dropdown_item"><a href="https://www.pixpa.com/es/" data-value="es" data-gt-href="https://www.pixpa.com/es/" class="menu-page-title nturl notranslate ">Espa&ntilde;ol</a></li>
1598                <li class="dropdown_item"><a href="https://www.pixpa.com/fr/" data-value="fr" data-gt-href="https://www.pixpa.com/fr/" class="menu-page-title nturl notranslate ">Fran&ccedil;ais</a></li>
1599                <li class="dropdown_item"><a href="https://www.pixpa.com/de/" data-value="de" data-gt-href="https://www.pixpa.com/de/" class="menu-page-title nturl notranslate ">Deutsch</a></li>
1600                <li class="dropdown_item"><a href="https://www.pixpa.com/pt/" data-value="pt" data-gt-href="https://www.pixpa.com/pt/" class="menu-page-title nturl notranslate ">Portugu&ecirc;s</a></li>
1601                <li class="dropdown_item"><a href="https://www.pixpa.com/nl/" data-value="nl" data-gt-href="https://www.pixpa.com/nl/" class="menu-page-title nturl notranslate ">Nederlands</a></li>
1602                <li class="dropdown_item"><a href="https://www.pixpa.com/it/" data-value="it" data-gt-href="https://www.pixpa.com/it/" class="menu-page-title nturl notranslate ">Italiano</a></li>
1603                <li class="dropdown_item"><a href="https://www.pixpa.com/pl/" data-value="pl" data-gt-href="https://www.pixpa.com/pl/" class="menu-page-title nturl notranslate ">Polski</a></li>
1604                <li class="dropdown_item"><a href="https://www.pixpa.com/ru/" data-value="ru" data-gt-href="https://www.pixpa.com/ru/" class="menu-page-title nturl notranslate ">&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;</a></li>
1605                
1606                
1607              </ul>
1608            </div>
1609          </div>
1610        </div>
1611      </div>
1612
1613
1614    </div>
1615
1616    <div class="mobilemenu-loginsignupcontainer">
1617      <a href="https://studio.pixpa.com" class="display-flex login">Login</a>
1618      <a href="https://studio.pixpa.com/signup" class="display-flex">Start Free</a>
1619    </div>
1620  </div>
1621</div>
1622    <!--banner start-->
1623    <div class="deviceType-desktop isMobile- isTablet- isDesktop-1" style="display: none;"></div>
1624    <section class="home-hero-container homepage-section-blue padding-tb150 flex-column padding-b0 padding-l0 padding-r0 ">
1625      <div class="px-container position-rel z-index1">
1626        <div class="homepage-section-subtitle-top text-transform-u color-white flex-inline-center width-fitcontent">
1627          <span class="rating-pill-stars margin-r10"><svg class="rating-pill-stars__full" viewbox="0 0 146 27"><use xlink:href="#pixpa-rating" width="146" height="27"></use></svg><svg class="rating-pill-stars__one" viewbox="0 0 26 27"><use xlink:href="#pixpa-rating" width="146" height="27"></use></svg></span>
1628          <span>4.7/5 on Capterra</span>
1629          <span class="rating-pill-sep" style="margin: 0 5px;"> &middot; </span>
1630          <span class="rating-pill-line2">Top Rated for 12+ years</span>
1631        </div>
1632        <h1 class="h1 home-hero-title margin-0auto color-white display-flex-column">
1633          The portfolio website builder <span class="subtitle-italic active homepage">for photographers, artists and designers</span>
1634        </h1>
1635        <p class="subtitle home-hero-subtitle color-white margin-t20">Portfolio website, client galleries, store. One platform to run your creative business.</p>
1636        <div class="section-button">
1637          <a href="https://studio.pixpa.com/signup" class="button v-mwhite">Start Your Free Trial <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a>
1638        </div>
1639        
1640        <p class="free-trail home-hero-trial-note display-inline-b">15 days free trial &middot; No card required</p>
1641      </div>
1642
1643      <div class="home-hero-carousel swiper js-home-hero-swiper" role="region" aria-label="Pixpa website templates">
1644        <div class="swiper-wrapper">
1645                      <div class="swiper-slide home-hero-carousel__slide">
1646              <img alt="Pixpa portfolio website template" src="https://px-web-images-v2.pixpa.com/XD66d-CwRZUCKXP-BWWHbIPehAWyGrI_zB_h6ziCgmU/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvc2lnbnVwLWNhcm91c2VsLzEuanBn" fetchpriority="high">
1647            </div>
1648                      <div class="swiper-slide home-hero-carousel__slide">
1649              <img alt="Pixpa portfolio website template" src="https://px-web-images-v2.pixpa.com/E5jcs3Ctb-VzjG3ko1s5E12BK4uOAPHowmXYVOB3R3Y/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvc2lnbnVwLWNhcm91c2VsLzIuanBn" fetchpriority="high">
1650            </div>
1651                      <div class="swiper-slide home-hero-carousel__slide">
1652              <img alt="Pixpa portfolio website template" src="https://px-web-images-v2.pixpa.com/_IgtOW74mdgefNP9FJfEwwaNgPaZncBkj0WQzAv6joQ/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvc2lnbnVwLWNhcm91c2VsLzMuanBn" fetchpriority="high">
1653            </div>
1654                      <div class="swiper-slide home-hero-carousel__slide">
1655              <img alt="Pixpa portfolio website template" src="https://px-web-images-v2.pixpa.com/6v7BvPlNnAfKx8D25qgvq368naaSvIQPRSEYR7JYrPc/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvc2lnbnVwLWNhcm91c2VsLzQuanBn" fetchpriority="high">
1656            </div>
1657                      <div class="swiper-slide home-hero-carousel__slide">
1658              <img alt="Pixpa portfolio website template" src="https://px-web-images-v2.pixpa.com/vxjp5m5YyWSUG3EL80HWIkUG6iNxTgZ5LLjm1UYYT9Y/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvc2lnbnVwLWNhcm91c2VsLzUuanBn" fetchpriority="high">
1659            </div>
1660                      <div class="swiper-slide home-hero-carousel__slide">
1661              <img alt="Pixpa portfolio website template" src="https://px-web-images-v2.pixpa.com/e8JmmwvTmXH7Z8yVtMV6ZDkdSaLzEUbvK1OpvivE0dI/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvc2lnbnVwLWNhcm91c2VsLzYuanBn" fetchpriority="high">
1662            </div>
1663                      <div class="swiper-slide home-hero-carousel__slide">
1664              <img alt="Pixpa portfolio website template" src="https://px-web-images-v2.pixpa.com/uU48TNTPgBmDwQum8HHVDp7W37-AzNf6xdVNp-7TDSQ/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvc2lnbnVwLWNhcm91c2VsLzcuanBn" fetchpriority="high">
1665            </div>
1666                      <div class="swiper-slide home-hero-carousel__slide">
1667              <img alt="Pixpa portfolio website template" src="https://px-web-images-v2.pixpa.com/zP1mgFp7KfsTPCclUYyPpmb2VcufbhmjTz-NTB_i_CY/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvc2lnbnVwLWNhcm91c2VsLzguanBn" fetchpriority="high">
1668            </div>
1669                  </div>
1670      </div>
1671      
1671<script type="text/javascript">
1672        // Hero template carousel &mdash; same behaviour as the signup carousel (auto-advance, peeking
1673        // slides) but without the centred-slide highlight / left-right fade.
1674        (function () {
1675          var attempts = 0;
1676          (function init() {
1677            if (typeof Swiper === 'undefined') {
1678              if (++attempts > 100) { var c = document.querySelector('.js-home-hero-swiper'); if (c) c.style.opacity = '1'; return; } // ~5s: give up, but reveal so the carousel is never stuck hidden
1679              return setTimeout(init, 50);
1680            }
1681            var container = document.querySelector('.js-home-hero-swiper');
1682            if (!container || !container.querySelector('.swiper-slide')) return;
1683            new Swiper(container, {
1684              slidesPerView: 'auto',
1685              centeredSlides: true,
1686              spaceBetween: 10,
1687              loop: true,
1688              speed: 700,
1689              grabCursor: true,
1690              allowTouchMove: true,
1691              autoplay: { delay: 2500, disableOnInteraction: false, pauseOnMouseEnter: true }
1692            });
1693          })();
1694        })();
1695      </script>
1695
1696
1697      
1698      <style type="text/css">
1699  .grid-list-marquee {
1700    display: flex;
1701    align-items: center;
1702    width: 100%;
1703    height: 100%;
1704    margin-top: 5px;
1705  }
1706
1707  .grid-list-marquee,
1708  .grid-list-marquee svg {
1709    mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%);
1710    -webkitmask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%);
1711  }
1712
1713  .pixpa-marqueetext {
1714    position: relative;
1715    display: flex;
1716    align-items: center;
1717    justify-content: center;
1718    width: 100%;
1719    overflow: hidden;
1720    z-index: auto;
1721    background-color: transparent;
1722    font-size: 36px;
1723    color: #CBE7FF;
1724    font-weight: 500;
1725  }
1726
1727  /* widest breakpoint first: both match below 768px, so the narrower rule must win on source order.
1728     The hidden measuring items must render at the same size the JS gives the SVG text, or every
1729     item gets a slot wider than its glyphs and the marquee gaps open up. */
1730  @media screen and (max-width: 1024px) {
1731    .pixpa-marqueetext {
1732      font-size: 30px;
1733    }
1734  }
1735
1736  @media screen and (max-width: 768px) {
1737    .pixpa-marqueetext {
1738      font-size: 24px;
1739    }
1740  }
1741
1742  .pixpa-marqueetext .pixpa-marqueesize-length {
1743    display: inline-flex;
1744    align-items: center;
1745    width: max-content;
1746    min-height: 1em;
1747    left: 0;
1748    visibility: hidden;
1749    position: absolute;
1750    min-width: 50px;
1751  }
1752
1753  .pixpa-marqueetext .pixpa-marqueesize-length .pixpa-marqueesize-length-item {
1754    display: flex;
1755    align-items: center;
1756    justify-content: center;
1757    flex-grow: 0;
1758    flex-shrink: 0;
1759  }
1760
1761  .pixpa-marqueetext .pixpa-marqueetext-display {
1762    flex-grow: 1;
1763    flex-shrink: 0;
1764  }
1765
1766  .pixpa-marqueetext .pixpa-marqueetext-display.fade-edges {
1767    mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%);
1768    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%);
1769  }
1770
1771  .pixpa-marqueetext .pixpa-marqueetext-svg {
1772    display: block;
1773    width: 100%;
1774  }
1775
1776  .pixpa-marqueetext .pixpa-marqueetext-svg-path {
1777    position: relative;
1778    display: block;
1779    width: 100%;
1780  }
1781</style>
1782<div class="grid-list-marquee" id="marqueeContainer-771220">
1783  <div class="pixpa-marqueetext" data-ready="true">
1784    <div class="pixpa-marqueetext-display ">
1785      <div class="pixpa-marqueesize-length" style="">
1786        <div class="pixpa-marqueesize-length-item js-pixpa-marqueesize-length-item js-pixpa-marqueesize-length-get-item" data-getkey="0" data-totalwidth="" style="margin-right: .3em;">&lowast; PHOTOGRAPHERS</div>
1787        <div class="pixpa-marqueesize-length-item js-pixpa-marqueesize-length-item js-pixpa-marqueesize-length-get-item" data-getkey="1" data-totalwidth="" style="margin-right: .3em;">&lowast; ARTISTS</div>
1788        <div class="pixpa-marqueesize-length-item js-pixpa-marqueesize-length-item js-pixpa-marqueesize-length-get-item" data-getkey="2" data-totalwidth="" style="margin-right: .3em;">&lowast; DESIGNERS</div>
1789        <div class="pixpa-marqueesize-length-item js-pixpa-marqueesize-length-item js-pixpa-marqueesize-length-get-item" data-getkey="3" data-totalwidth="" style="margin-right: .3em;">&lowast; ILLUSTRATORS</div>
1790        <div class="pixpa-marqueesize-length-item js-pixpa-marqueesize-length-item js-pixpa-marqueesize-length-get-item" data-getkey="4" data-totalwidth="" style="margin-right: .3em;">&lowast; MODELS</div>
1791        <div class="pixpa-marqueesize-length-item js-pixpa-marqueesize-length-item js-pixpa-marqueesize-length-get-item" data-getkey="5" data-totalwidth="" style="margin-right: .3em;">&lowast; UI/UX DESIGNERS</div>
1792        <div class="pixpa-marqueesize-length-item js-pixpa-marqueesize-length-item js-pixpa-marqueesize-length-get-item" data-getkey="6" data-totalwidth="" style="margin-right: .3em;">&lowast; ARCHITECTS</div>
1793        <div class="pixpa-marqueesize-length-item js-pixpa-marqueesize-length-item js-pixpa-marqueesize-length-get-item" data-getkey="7" data-totalwidth="" style="margin-right: .3em;">&lowast; FASHION DESIGNERS</div>
1794        <div class="pixpa-marqueesize-length-item js-pixpa-marqueesize-length-item js-pixpa-marqueesize-length-get-item" data-getkey="8" data-totalwidth="" style="margin-right: .3em;">&lowast; MUSICIANS</div>
1795      </div>
1796      <svg id="waveSvg-771220" fill="currentColor" class="wavesvg pixpa-marqueetext-svg" aria-hidden="true" style="font-size: 34px;" viewbox="0 0 2560 57.599999999999994">
1797        <text>
1798          <textpath class="Marquee-svg-text js-marquee-svg-text-value" href="#wavePath-771220" startoffset="-4">
1799            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="0" data-setkey="0" data-x="">&lowast; PHOTOGRAPHERS</tspan>
1800            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1" data-setkey="1" data-x="">&lowast; ARTISTS</tspan>
1801            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2" data-setkey="2" data-x="">&lowast; DESIGNERS</tspan>
1802            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3" data-setkey="3" data-x="">&lowast; ILLUSTRATORS</tspan>
1803            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4" data-setkey="4" data-x="">&lowast; MODELS</tspan>
1804            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5" data-setkey="5" data-x="">&lowast; UI/UX DESIGNERS</tspan>
1805            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="6" data-setkey="6" data-x="">&lowast; ARCHITECTS</tspan>
1806            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7" data-setkey="7" data-x="">&lowast; FASHION DESIGNERS</tspan>
1807            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="8" data-setkey="8" data-x="">&lowast; MUSICIANS</tspan>
1808
1809            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="0" data-setkey="9" data-x="">&lowast; PHOTOGRAPHERS</tspan>
1810            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1" data-setkey="10" data-x="">&lowast; ARTISTS</tspan>
1811            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2" data-setkey="11" data-x="">&lowast; DESIGNERS</tspan>
1812            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3" data-setkey="12" data-x="">&lowast; ILLUSTRATORS</tspan>
1813            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4" data-setkey="13" data-x="">&lowast; MODELS</tspan>
1814            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5" data-setkey="14" data-x="">&lowast; UI/UX DESIGNERS</tspan>
1815            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="6" data-setkey="15" data-x="">&lowast; ARCHITECTS</tspan>
1816            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7" data-setkey="16" data-x="">&lowast; FASHION DESIGNERS</tspan>
1817            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="8" data-setkey="17" data-x="">&lowast; MUSICIANS</tspan>
1818
1819            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="0" data-setkey="18" data-x="">&lowast; PHOTOGRAPHERS</tspan>
1820            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1" data-setkey="19" data-x="">&lowast; ARTISTS</tspan>
1821            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2" data-setkey="20" data-x="">&lowast; DESIGNERS</tspan>
1822            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3" data-setkey="21" data-x="">&lowast; ILLUSTRATORS</tspan>
1823            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4" data-setkey="22" data-x="">&lowast; MODELS</tspan>
1824            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5" data-setkey="23" data-x="">&lowast; UI/UX DESIGNERS</tspan>
1825            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="6" data-setkey="24" data-x="">&lowast; ARCHITECTS</tspan>
1826            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7" data-setkey="25" data-x="">&lowast; FASHION DESIGNERS</tspan>
1827            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="8" data-setkey="26" data-x="">&lowast; MUSICIANS</tspan>
1828
1829            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="0" data-setkey="27" data-x="">&lowast; PHOTOGRAPHERS</tspan>
1830            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1" data-setkey="28" data-x="">&lowast; ARTISTS</tspan>
1831            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2" data-setkey="29" data-x="">&lowast; DESIGNERS</tspan>
1832            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3" data-setkey="30" data-x="">&lowast; ILLUSTRATORS</tspan>
1833            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4" data-setkey="31" data-x="">&lowast; MODELS</tspan>
1834            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5" data-setkey="32" data-x="">&lowast; UI/UX DESIGNERS</tspan>
1835            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="6" data-setkey="33" data-x="">&lowast; ARCHITECTS</tspan>
1836            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7" data-setkey="34" data-x="">&lowast; FASHION DESIGNERS</tspan>
1837            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="8" data-setkey="35" data-x="">&lowast; MUSICIANS</tspan>
1838
1839            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="0" data-setkey="36" data-x="">&lowast; PHOTOGRAPHERS</tspan>
1840            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1" data-setkey="37" data-x="">&lowast; ARTISTS</tspan>
1841            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2" data-setkey="38" data-x="">&lowast; DESIGNERS</tspan>
1842            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3" data-setkey="39" data-x="">&lowast; ILLUSTRATORS</tspan>
1843            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4" data-setkey="40" data-x="">&lowast; MODELS</tspan>
1844            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5" data-setkey="41" data-x="">&lowast; UI/UX DESIGNERS</tspan>
1845            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="6" data-setkey="42" data-x="">&lowast; ARCHITECTS</tspan>
1846            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7" data-setkey="43" data-x="">&lowast; FASHION DESIGNERS</tspan>
1847            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="8" data-setkey="44" data-x="">&lowast; MUSICIANS</tspan>
1848
1849            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="0" data-setkey="45" data-x="">&lowast; PHOTOGRAPHERS</tspan>
1850            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1" data-setkey="46" data-x="">&lowast; ARTISTS</tspan>
1851            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2" data-setkey="47" data-x="">&lowast; DESIGNERS</tspan>
1852            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3" data-setkey="48" data-x="">&lowast; ILLUSTRATORS</tspan>
1853            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4" data-setkey="49" data-x="">&lowast; MODELS</tspan>
1854            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5" data-setkey="50" data-x="">&lowast; UI/UX DESIGNERS</tspan>
1855            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="6" data-setkey="51" data-x="">&lowast; ARCHITECTS</tspan>
1856            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7" data-setkey="52" data-x="">&lowast; FASHION DESIGNERS</tspan>
1857            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="8" data-setkey="53" data-x="">&lowast; MUSICIANS</tspan>
1858          </textpath>
1859        </text>
1860        <text>
1861          <textpath class="Marquee-svg-group" visibility="hidden" href="#771220">
1862            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="0">&lowast;
1863              PHOTOGRAPHERS</tspan>
1864            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1">&lowast; ARTISTS
1865            </tspan>
1866            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2">&lowast;
1867              DESIGNERS</tspan>
1868            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3">&lowast;
1869              ILLUSTRATORS</tspan>
1870            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4">&lowast; MODELS
1871            </tspan>
1872            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5">&lowast; UI/UX DESIGNERS
1873            </tspan>
1874            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="6">&lowast; ARCHITECTS
1875            </tspan>
1876            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7">&lowast; FASHION DESIGNERS
1877            </tspan>
1878            <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="8">&lowast; MUSICIANS
1879            </tspan>
1880          </textpath>
1881        </text>
1882        <path id="wavePath-771220" class="pixpa-marqueetext-svg-path" fill="none" stroke="transparent" stroke-width="2" d=""></path>
1883      </svg>
1884    </div>
1885  </div>
1886</div>
1887<script type="text/javascript">
1888  $(document).ready(function () {
1889    var marqueePause = 1;
1890    if (marqueePause == 1){
1891      let svg = document.querySelector('.grid-list-marquee svg');
1892      // pause and resume
1893      svg.addEventListener('mouseover', () => {
1894        svg.pauseAnimations();
1895      });
1896
1897      svg.addEventListener('mouseleave', () => {
1898        svg.unpauseAnimations();
1899      });
1900    }
1901
1902    var direction = "left";
1903    var mouseOverPause = "1";
1904    var mouseSpeed = "slow";
1905    var wText = $('.pixpa-marqueesize-length').innerWidth();
1906    var mouseSpeedStepval = 1;
1907    var waveHeightValue771220 = "0";
1908    var waveWidthValue771220 = "1500";
1909    var fontSizeValue = '36px';
1910    // Responsive font size calculation
1911    if (window.innerWidth <= 768) { // Mobile devices
1912      fontSizeValue = '24px';
1913    } else if (window.innerWidth <= 1024) { // Tablets
1914      fontSizeValue = '30px';
1915    } else { // Desktops and larger screens
1916      fontSizeValue = '36px';
1917    }
1918
1919    // Update font size on window resize
1920    window.addEventListener('resize', function() {
1921      if (window.innerWidth <= 768) {
1922        fontSizeValue = '24px';
1923      } else if (window.innerWidth <= 1024) {
1924        fontSizeValue = '30px';
1925      } else {
1926        fontSizeValue = '36px';
1927      }
1928      var fs = parseInt(fontSizeValue, 10);
1929      var h = fs * 1.4 + parseInt(waveHeightValue771220) + 10;
1930      $('#waveSvg-771220').css({ 'font-size': fontSizeValue, 'height': h + 'px' });
1931      $('#waveSvg-771220').attr('viewBox', '0 0 ' + marqueeVbWidth() + ' ' + h);
1932    });
1933
1934
1935    var fontSize = Math.floor(parseInt(fontSizeValue.replace('px','')));
1936    var svgHeight = fontSize * 1.4 + parseInt(waveHeightValue771220) + 10;
1937    var transformSvg = svgHeight / 10;
1938
1939
1940    if (waveHeightValue771220 < 10) {
1941      var transformYvalue = 'translateY(' + transformSvg + 'px)'
1942    } else{
1943      var transformYvalue = 'translateY(-' + transformSvg + 'px)'
1944    }
1945
1946    const height = parseInt(waveHeightValue771220, 10);
1947    const width = parseInt(waveWidthValue771220, 10);
1948    const amplitude = height / 2;
1949    const frequency = 2560 / width;
1950    const svgPathHeightValue = svgHeight/2;
1951
1952    let pathData = `M 0,${svgPathHeightValue + amplitude}`;
1953
1954
1955
1956    for (let i = 0; i <= 2560;
1956 i += width) {
1957      const x = i;
1958      const y = svgPathHeightValue + amplitude * Math.sin(i * 2 * Math.PI / frequency);
1959      pathData += ` Q ${x + width/4},${svgPathHeightValue - amplitude} ${x + width/2},${svgPathHeightValue + amplitude}`;
1960      pathData += ` T ${x + width},${svgPathHeightValue}`;
1961    }
1962
1963    $('#wavePath-771220 ').attr('d', pathData);
1964    // Dynamically adjust the viewBox to ensure the wave is always centered and scaled correctly
1965    // svg.setAttribute('viewBox', `0 0 2560 120`);
1966
1967    $('#waveSvg-771220').css({
1968      'height': svgHeight + 'px',
1969      'transform': transformYvalue,
1970      'font-size': fontSizeValue
1971    });
1972
1973    // On phones/tablets the fixed 2560 viewBox scales the whole marquee down to ~15% (text ~4px).
1974    // Below 1025px, match the viewBox width to the SVG's rendered width so it renders 1:1 (real font-size).
1975    function marqueeVbWidth() {
1976      var el = document.getElementById('waveSvg-771220');
1977      return (window.innerWidth <= 1024 && el && el.clientWidth) ? el.clientWidth : 2560;
1978    }
1979    $('#waveSvg-771220').attr('viewBox', '0 0 ' + marqueeVbWidth() + ' ' + svgHeight);
1980
1981
1982    $('#wavePath-771220').css({
1983      'transform': transformYvalue
1984    });
1985
1986
1987    if (mouseSpeed == 'slow') {
1988      mouseSpeedStepval = 1
1989    } else if (mouseSpeed == 'medium') {
1990      mouseSpeedStepval = 2
1991    } else{
1992      mouseSpeedStepval = 3
1993    }
1994
1995    var step = mouseSpeedStepval;
1996    var isPaused = false;
1997
1998    if (direction == 'left') {
1999      var startOffset = -0;
2000    } else{
2001      var startOffset = -wText
2002    }
2003
2004    if (mouseOverPause == 1) {
2005      $(".js-marquee-svg-text-value").on("mouseover", function() {
2006        isPaused = true;
2007      }).on("mouseout", function() {
2008        isPaused = false;
2009      });
2010    }
2011
2012
2013    function animateText() {
2014      if (!isPaused) {
2015        $(".js-marquee-svg-text-value").each(function(index) {
2016          $(this).attr('startOffset', startOffset);
2017        });
2018
2019        if (direction == 'left') {
2020          startOffset -= step;
2021          if (startOffset < -wText) {
2022            startOffset = -0;
2023          }
2024        } else {
2025          startOffset += step;
2026          if (startOffset > 0) { // Change the condition to check if startOffset is less than 0
2027            startOffset = -wText; // Reset startOffset to 600
2028          }
2029        }
2030      }
2031      requestAnimationFrame(animateText);
2032    }
2033    animateText();
2034
2035
2036
2037    function setTotalWidth() {
2038      $(".js-pixpa-marqueesize-length-get-item").each(function(index) {
2039        var width = $(this).width();
2040        var marginRight = parseFloat($(this).css("margin-right"));
2041        var totalwidth = width+marginRight;
2042        $(this).attr('data-totalwidth', totalwidth);
2043      });
2044    }
2045    setTotalWidth();
2046
2047    $(".js-pixpa-marqueesize-val-grid-item").each(function(index) {
2048      setTotalWidth();
2049      var key = $(this).attr('data-key');
2050      var getValue  = parseInt($('.js-pixpa-marqueesize-length-get-item[data-getkey="' + key + '"]').attr('data-totalwidth'));
2051      var prevValue = parseInt($('.js-pixpa-marqueesize-val-grid-item[data-setkey="' + (index - 1) + '"]').attr('data-prev_value')) || 0;
2052      var prevsetdata = parseInt($('.js-pixpa-marqueesize-val-grid-item[data-setkey="' + (index - 1) + '"]').attr('data-x')) || 0;
2053      var setValue = prevValue+prevsetdata;
2054
2055      // console.log(getValue + ' index '+ index + ' prevValue ', prevValue)
2056      if (index === 0) {
2057        setValue = 0
2058      }
2059
2060      $(this).attr({
2061        'x': setValue,
2062        'data-x': setValue,
2063        'data-prev_value': getValue,
2064      })
2065    });
2066  })
2067</script>
2067
2068      
2069    </section>
2070    <!--banner end-->
2071    <div class="clearfix"></div>
2072    <section class="padding-tb70 padding-b0 padding-l0 padding-r0">
2073      <div class="home-features px-container px-container--wide">
2074        <div class="home-feature">
2075          <span class="home-feature-icon"><svg viewbox="0 0 36 36"><use xlink:href="#pixpa-feature-templates" width="36" height="36"></use></svg></span>
2076          <p class="home-feature-title">200+ website templates</p>
2077          <p class="home-feature-desc">Start your portfolio from a designer-made template. No code required.</p>
2078          <a href="/templates" class="home-feature-cta"><span class="border-banimate-link"><span class="effect-1">Browse Templates</span><span class="focus-border"></span></span><svg class="home-feature-arrow" viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></a>
2079        </div>
2080  
2081        <div class="home-feature">
2082          <span class="home-feature-icon"><svg viewbox="0 0 36 36"><use xlink:href="#pixpa-feature-galleries" width="36" height="36"></use></svg></span>
2083          <p class="home-feature-title">
2083Client galleries built in</p>
2084          <p class="home-feature-desc">Proof, deliver and sell prints without leaving the portfolio.</p>
2085          <a href="/clientgalleries" class="home-feature-cta"><span class="border-banimate-link"><span class="effect-1">See Client Galleries</span><span class="focus-border"></span></span><svg class="home-feature-arrow" viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></a>
2086        </div>
2087  
2088  
2089        <div class="home-feature">
2090          <span class="home-feature-icon"><svg viewbox="0 0 36 36"><use xlink:href="#pixpa-feature-store" width="36" height="36"></use></svg></span>
2091          <p class="home-feature-title">Zero commission store</p>
2092          <p class="home-feature-desc">Sell prints, products and files from the portfolio. Keep every dollar.</p>
2093          <a href="/stores" class="home-feature-cta"><span class="border-banimate-link"><span class="effect-1">See Store</span><span class="focus-border"></span></span><svg class="home-feature-arrow" viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></a>
2094        </div>
2095  
2096        <div class="home-feature">
2097          <span class="home-feature-icon"><svg viewbox="0 0 36 36"><use xlink:href="#pixpa-feature-support" width="36" height="36"></use></svg></span>
2098          <p class="home-feature-title">Real human support</p>
2099          <p class="home-feature-desc">Live chat with people who know Pixpa. Not bots.</p>
2100          <a href="https://studio.pixpa.com/signup" class="home-feature-cta"><span class="border-banimate-link"><span class="effect-1">Start Free Trial</span><span class="focus-border"></span></span><svg class="home-feature-arrow" viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></a>
2101        </div>
2102      </div>
2103    </section>
2104
2105    
2106      
2107
2108      
2109    
2110
2111    <div class="clearfix"></div>
2112    
2113    
2114    <section class="home-page-sellshare-wrapper padding-tb150 padding-b0 padding-lr0">
2115      <div class="home-builtin-intro px-container">
2116        <p class="home-eyebrow home-eyebrow--center">Show. Sell. Deliver.</p>
2117        <h2 class="home-builtin-title">Everything a portfolio website needs, <span class="home-serif-italic">built in</span>.</h2>
2118        <p class="home-builtin-desc">Portfolio, store, client galleries and blog, running together, billed as one.</p>
2119      </div>
2120
2121      <div class="home-cards-stack">
2122      <div class="home-feature-card px-container px-container--wide">
2123        <div class="home-feature-card__body">
2124          <p class="home-eyebrow">Portfolio Websites</p>
2125          <h3 class="home-feature-card__title">Build your portfolio website.<br>Exactly the way you want.</h3>
2126          <p class="home-feature-card__desc">Drag sections into place, set type, spacing and color, then publish. Your portfolio website runs on a visual editor with layout controls on every block, and custom CSS and HTML are there when you want the portfolio to do something the interface does not expose.</p>
2127          <ul class="home-feature-card__list">
2128            <li><span class="home-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>200+ designer-made, responsive portfolio templates</li>
2129            <li><span class="home-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>Full visual editor, with layout, style and custom CSS controls</li>
2130            <li><span class="home-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>Free domain for the first year on annual plans</li>
2131            <li><span class="home-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span><span class="notranslate">24/7</span> live chat with real people</li>
2132          </ul>
2133          <div class="section-button">
2134            <a href="https://studio.pixpa.com/signup" class="button v-mblack">Start Your Free Trial <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a>
2135          </div>
2136        </div>
2137        <div class="home-feature-card__visual">
2138          <img class="bw-visual" src="https://px-web-images-v2.pixpa.com/wKpOcRWauPvfsm_spclOVvFhLmEH3nqTz0vXf8Bv9p0/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvYnVpbGQtd2Vic2l0ZS93ZWJzaXRlLnBuZw==" alt="Pixpa portfolio website builder" loading="lazy">
2139          
2140        </div>
2141      </div>
2142
2143      <div class="home-feature-card home-feature-card--cream px-container px-container--wide">
2144        <div class="home-feature-card__body">
2145          <p class="home-eyebrow">Client Galleries</p>
2146          <h3 class="home-feature-card__title">
2146Client Galleries built in.<br>Deliver, proof and sell images.</h3>
2147          <p class="home-feature-card__desc">Upload a shoot, set a password and an expiry date, then send the link. Clients view, favorite and download on any device. Multi-user favoriting lets a couple pick their photos together. Gallery Links send images as a standalone web gallery, separate from your online portfolio.</p>
2148          <ul class="home-feature-card__list">
2149            <li><span class="home-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>Private galleries with proofing and comments</li>
2150            <li><span class="home-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>Multi-user favoriting for couples and families</li>
2151            <li><span class="home-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>Print sales with automated fulfillment</li>
2152            <li><span class="home-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>Gallery Links that sit alongside your portfolio, not inside it</li>
2153          </ul>
2154          <div class="section-button">
2155            <a href="/clientgalleries" class="button v-mblack">See Client Galleries <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a>
2156          </div>
2157        </div>
2158        <div class="home-feature-card__visual home-cg-visual">
2159          <img class="cg-visual" src="https://px-web-images-v2.pixpa.com/RujWJkp5bDOPOGdgZz8C9CdhtnbU4I8869dNU56RCxM/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvY2xpZW50LWdhbGxlcmllcy9jbGllbnQtZ2FsbGVyeS5wbmc=" alt="Pixpa client gallery" loading="lazy">
2160          
2161        </div>
2162      </div>
2163
2164      <div class="home-feature-card home-feature-card--pink px-container px-container--wide">
2165        <div class="home-feature-card__body">
2166          <p class="home-eyebrow">Online Store</p>
2167          <h3 class="home-feature-card__title">Sell your work.<br>Keep every dollar.</h3>
2168          <p class="home-feature-card__desc">Prints, products, services and digital files sell from a branded checkout on your own domain, next to the portfolio rather than off on a marketplace. Stripe and PayPal pay you directly, and Pixpa takes zero commission on every plan.</p>
2169          <ul class="home-feature-card__list">
2170            <li><span class="home-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>Zero commission on every sale, every plan</li>
2171            <li><span class="home-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>Stripe and PayPal, paid directly to you</li>
2172            <li><span class="home-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>Prints, products, services, digital files</li>
2173            <li><span class="home-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>Branded checkout, run from your own portfolio domain</li>
2174          </ul>
2175          <div class="section-button">
2176            <a href="/stores" class="button v-mblack">See The Store <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a>
2177          </div>
2178        </div>
2179        <div class="home-feature-card__visual home-os-visual">
2180          <img class="os-visual" src="https://px-web-images-v2.pixpa.com/dFdbwc9UXmyaURUq8Icjip_47udfkWCpruW3AwXTFnY/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvb25saW5lLXN0b3JlL3NlbGwtaW1hZ2UucG5n" alt="Pixpa online store" loading="lazy">
2181          
2182        </div>
2183      </div>
2184      </div>
2185    </section>
2186
2187    
2188
2189    <section class="home-testimonial padding-tb150 padding-lr0">
2190  <div class="px-container px-container--wide">
2191    <div class="home-testimonial-carousel swiper js-home-testimonial">
2192      <div class="swiper-wrapper">
2193                  <div class="swiper-slide">
2194            <div class="home-testimonial-card">
2195              <p class="home-testimonial-card__quote">I've used a variety of website platforms over the years but Pixpa is by far the best. From the
2195ir ease of use, well-designed eCommerce setup, well-designed themes, and unprecedented customer service. They've won my business on all fronts.  Now I'm moving all of my websites to Pixpa.  </p>
2196              <div class="home-testimonial-card__author">
2197                <span class="home-testimonial-card__avatar"><img src="https://px-web-images-v2.pixpa.com/-p-EQQipvCqzGWUSDPJqTrPX8CPJKNneC88790OM8ug/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNjIwMjA1MjcyLXVudGl0bGVkLTEuanBn" alt="client testimonial ted" width="44" height="44" loading="lazy"></span>
2198                <span class="home-testimonial-card__meta">
2199                  <span class="home-testimonial-card__name">Ted V.</span>
2200                  <span class="home-testimonial-card__role">Photographer, Sculptor, Painter</span>
2201                </span>
2202              </div>
2203            </div>
2204          </div>
2205                  <div class="swiper-slide">
2206            <div class="home-testimonial-card">
2207              <p class="home-testimonial-card__quote">Pixpa was my first choice when browsing for portfolio sites when I started my business in 2014. In only two years, business took off. I credit Pixpa's SEO capabilities with much of my success.</p>
2208              <div class="home-testimonial-card__author">
2209                <span class="home-testimonial-card__avatar"><img src="https://px-web-images-v2.pixpa.com/_8ttsL5MOo8KBpT6m3y2hXPCjn4wMq5FB7izVFvh7fw/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNTM3ODc2NDgxLWtpbXNtaXRoLmpwZw==" alt="Kim S." width="44" height="44" loading="lazy"></span>
2210                <span class="home-testimonial-card__meta">
2211                  <span class="home-testimonial-card__name">Kim S.</span>
2212                  <span class="home-testimonial-card__role">Photographer</span>
2213                </span>
2214              </div>
2215            </div>
2216          </div>
2217                  <div class="swiper-slide">
2218            <div class="home-testimonial-card">
2219              <p class="home-testimonial-card__quote">I went from no-site to pro-site in no time thanks to all the personal help from the Pixpa experts, often in real-time!</p>
2220              <div class="home-testimonial-card__author">
2221                <span class="home-testimonial-card__avatar"><img src="https://px-web-images-v2.pixpa.com/yCTU53ojZsTA9kxohSgo3PLJwWzG-QggY7DZi1qFJjo/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNjE2MTQ3OTEyLXBlcnJ5LWhhbWJyaWdodC5wbmc=" alt="perry-customer-testimonial" width="44" height="44" loading="lazy"></span>
2222                <span class="home-testimonial-card__meta">
2223                  <span class="home-testimonial-card__name">Perry H.</span>
2224                  <span class="home-testimonial-card__role">Photographer, Artist</span>
2225                </span>
2226              </div>
2227            </div>
2228          </div>
2229                  <div class="swiper-slide">
2230            <div class="home-testimonial-card">
2231              <p class="home-testimonial-card__quote">Pixpa team is amazing&mdash;fast, friendly, and very knowledgeable! Their biggest strength is customer service; they usually respond within 5 minutes and are extremely helpful. Highly recommended!</p>
2232              <div class="home-testimonial-card__author">
2233                <span class="home-testimonial-card__avatar"><img src="https://px-web-images-v2.pixpa.com/4thLHPxqVRiMjAbyNTXZShNOlN1eHW1GK7UUWb0kpEs/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNzE1MzQxMDMzLWN1c3RvbWVyLW5hdGVyb3Nzby5qcGVn" alt="naterosso-customer-testimonial" width="44" height="44" loading="lazy"></span>
2234                <span class="home-testimonial-card__meta">
2235                  <span class="home-testimonial-card__name">Nate R.</span>
2236                  <span class="home-testimonial-card__role">Photographer</span>
2237                </span>
2238              </div>
2239            </div>
2240          </div>
2241                  <div class="swiper-slide">
2242            <div class="home-testimonial-card">
2243              <p class="home-testimonial-card__quote">Pixpa is the best website for starters who wish to create a nice website and do not have any coding knowledge. Before choosing Pixpa, I tried over 16 website platforms and none were suitable for me.</p>
2244              <div class="home-testimonial-card__author">
2245                <span class="home-testimonial-card__avatar"><img src="https://px-web-images-v2.pixpa.com/ykjfYUqwRe7ixp6LFCLuZj70FGT1ID_RhgdYw6gAPa4/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNTM2NzQ3Nzg1LWdlcm1haW5lLmpwZw==" alt="Germaine" width="44" height="44" loading="lazy"></span>
2246                <span class="home-testimonial-card__meta">
2247                  <span class="home-testimonial-card__name">Germaine</span>
2248                  <span class="home-testimonial-card__role">Architect</span>
2249                </span>
2250              </div>
2251            </div>
2252          </div>
2253                  <div class="swiper-slide">
2254            <div class="home-testimonial-card">
2255              <p class="home-testimonial-card__quote">I love Pixpa! I actually have both my websites with them, proving that not only are they excellent for photographers, but also for eCommerce. They offer top-notch customer service and terrific value. As if that weren't enough, my sites have started ranking better since moving to Pixpa.</p>
2256              <div class="home-testimonial-card__author">
2257                <span class="home-testimonial-card__avatar"><img src="https://px-web-images-v2.pixpa.com/qGiO3q71KhTm01LMc7DbP92sBiURHcwSGVNbhv71drs/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNjIzMDY2NDI4LWVyaWNhLmpwZw==" alt="Erica K." width="44" height="44" loading="lazy"></span>
2258                <span class="home-testimonial-card__meta">
2259                  <span class="home-testimonial-card__name">Erica K.</span>
2260                  <span class="home-testimonial-card__role">Photographer</span>
2261                </span>
2262              </div>
2263            </div>
2264          </div>
2265              </div>
2266    </div>
2267  </div>
2268</section>
2269
2270<script type="text/javascript">
2271  $(document).ready(function() {
2272    if (!$('.js-home-testimonial .swiper-slide').length) return;
2273    new Swiper('.js-home-testimonial', {
2274      slidesPerView: 2,
2275      spaceBetween: 30,
2276      loop: true,
2277      grabCursor: true,
2278      autoplay: { delay: 4500, disableOnInteraction: false },
2279      breakpoints: {
2280        0: { slidesPerView: 1, spaceBetween: 16 },
2281        768: { slidesPerView: 2, spaceBetween: 30 },
2282      },
2283    });
2284  });
2285</script>
2285
2286
2287    <section class="home-templates padding-tb150 padding-lr0">
2288      <div class="home-templates__inner px-container px-container--wide">
2289        <div class="home-templates__head">
2290          <div class="home-templates__head-left">
2291            <p class="home-eyebrow">Templates</p>
2292            <h2 class="home-templates__title">200+ portfolio website templates, <span class="home-serif-italic">designer-made</span></h2>
2293          </div>
2294          <p class="home-templates__desc">Every one of these <a href="/templates" class="underline">portfolio website templates</a> is drawn by a working designer, not adapted from a stock theme. Layout, type, spacing and color are editable in the visual editor, custom CSS and HTML are available, and switching templates after launch keeps your portfolio pages, images and content intact.</p>
2295        </div>
2296
2297        <div class="home-templates__grid">
2298          <a href="/templates/details/color" class="home-template-card">
2299            <span class="home-template-card__img"><img width="750" height="1000" src="https://px-web-images-v2.pixpa.com/eg8drm_kktRPw9Y_1J1Y8JpBfWXIbZRUCQqUgWUvn84/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVtcGxhdGUvY29sb3IuanBn" alt="Color &mdash; Pixpa website template" loading="lazy"></span>
2300            <span class="home-template-card__name">Color</span>
2301          </a>
2302          <a href="/templates/details/porto" class="home-template-card">
2303            <span class="home-template-card__img"><img width="750" height="1000" src="https://px-web-images-v2.pixpa.com/amNe-4agHnGvJz2HmQ1gMEIN5UurlqckAVXmToowxD4/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVtcGxhdGUvYmFzZWxpbmUuanBn" alt="Porto &mdash; Pixpa website template" loading="lazy"></span>
2304            <span class="home-template-card__name">Porto</span>
2305          </a>
2306          <a href="/templates/details/baseline" class="home-template-card">
2307            <span class="home-template-card__img"><img width="750" height="1000" src="https://px-web-images-v2.pixpa.com/4AjtFAAvuOoVrwQFFbAebyFH4jdtkas3X_CeXMIGYDs/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVtcGxhdGUvcG9ydG8uanBn" alt="Baseline &mdash; Pixpa website template" loading="lazy"></span>
2308            <span class="home-template-card__name">Baseline</span>
2309          </a>
2310          <a href="/templates/details/luma" class="home-template-card">
2311            <span class="home-template-card__img"><img width="750" height="1000" src="https://px-web-images-v2.pixpa.com/Tvj0GKUD6Mjs-vhC1ou25YjQ46ABoaMntyvb71W9epY/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVtcGxhdGUvbHVtYS5qcGc=" alt="Luma &mdash; Pixpa website template" loading="lazy"></span>
2312            <span class="home-template-card__name">Luma</span>
2313          </a>
2314          <a href="/templates/details/sepia" class="home-template-card">
2315            <span class="home-template-card__img"><img width="750" height="1000" src="https://px-web-images-v2.pixpa.com/glD65c-KE4ohvtNxpupD4SkA5mL_yrdg68qCHwF1F_A/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVtcGxhdGUvc2VwaWEuanBn" alt="Sepia &mdash; Pixpa website template" loading="lazy"></span>
2316            <span class="home-template-card__name">Sepia</span>
2317          </a>
2318          <a href="/templates/details/revel" class="home-template-card">
2319            <span class="home-template-card__img"><img width="750" height="1000" src="https://px-web-images-v2.pixpa.com/MtVKmdM9GEhwJhTyBhKsAPlkwXMoQmupf_0mU8zgGW8/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVtcGxhdGUvcmV2ZWwuanBn" alt="Revel &mdash; Pixpa website template" loading="lazy"></span>
2320            <span class="home-template-card__name">Revel</span>
2321          </a>
2322        </div>
2323
2324        <div class="home-templates__cta">
2325          <a href="/templates" class="button v-mwhite">Browse portfolio templates <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a>
2326        </div>
2327      </div>
2328    </section>
2329
2330    <section class="home-oneplatform padding-tb150 padding-lr0">
2331      <div class="home-oneplatform__inner px-container px-container--wide">
2332        <div class="home-oneplatform__left">
2333          <p class="home-eyebrow">The case for one platform</p>
2334          <h2 class="home-oneplatform__title"><span class="home-serif-italic">One platform</span> instead of <br>three subscriptions.</h2>
2335          <p class="home-oneplatform__desc">Most photographers run a portfolio website builder, a separate client gallery tool and an online store that takes commission. Pixpa runs the portfolio, the galleries and the store in one platform at one price. No plugins. No commissions. No second logins.</p>
2336
2337          <p class="home-oneplatform__desc">The monthly cost is the visible part. The bigger tax is three logins, three places your images live, and a print sale that lands in a different dashboard from the rest of your orders. On Pixpa the portfolio website, the client galleries and the store are one product, so a print bought from a gallery and a print bought from the portfolio arrive in the same order list.</p>
2338
2339          <div class="section-button">
2340            <a href="https://studio.pixpa.com/signup" class="button v-mblack">Start Your Free Trial <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a>
2341          </div>
2342          <p class="home-oneplatform__note">15 days &middot; No card required</p>
2343        </div>
2344
2345        <div class="home-oneplatform__right">
2346          <div class="home-oneplatform__subs">
2347            <div class="home-sub-row">
2348              <span class="home-sub-row__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-website" width="24" height="24"></use></svg></span>
2349              <span class="home-sub-row__label">Portfolio website builder</span>
2350              <span class="home-sub-row__price">$16/month</span>
2351            </div>
2352            <div class="home-sub-row">
2353              <span class="home-sub-row__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-galleries" width="24" height="24"></use></svg></span>
2354              <span class="home-sub-row__label">Client gallery tool</span>
2355              <span class="home-sub-row__price">$10/month</span>
2356            </div>
2357            <div class="home-sub-row">
2358              <span class="home-sub-row__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-store" width="24" height="24"></use></svg></span>
2359              <span class="home-sub-row__label">Online Store</span>
2360              <span class="home-sub-row__price">+commission</span>
2361            </div>
2362          </div>
2363
2364          <div class="home-oneplatform__arrow"><svg viewbox="0 0 17 17"><use xlink:href="#pixpa-down-arrow" width="17" height="17"></use></svg></div>
2365
2366          <div class="home-oneplatform__card">
2367            <p class="home-oneplatform__brand"><span class="">Pixpa</span><span class="home-oneplatform__brand-sep">:</span>One platform. One price.</p>
2368            <div class="home-oneplatform__tiles">
2369              <div class="home-plat-tile"><span class="home-plat-tile__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-website" width="24" height="24"></use></svg></span><span class="home-plat-tile__label">Portfolio website</span></div>
2370              <div class="home-plat-tile"><span class="home-plat-tile__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-galleries" width="24" height="24"></use></svg></span><span class="home-plat-tile__label">Client Galleries</span></div>
2371              <div class="home-plat-tile"><span class="home-plat-tile__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-store" width="24" height="24"></use></svg></span><span class="home-plat-tile__label">Store</span></div>
2372              <div class="home-plat-tile"><span class="home-plat-tile__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-blog" width="24" height="24"></use></svg></span><span class="home-plat-tile__label">Blog</span></div>
2373              <div class="home-plat-tile"><span class="home-plat-tile__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-marketing" width="24" height="24"></use></svg></span><span class="home-plat-tile__label">Marketing</span></div>
2374              <div class="home-plat-tile"><span class="home-plat-tile__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-seo" width="24" height="24"></use></svg></span><span class="home-plat-tile__label">SEO</span></div>
2375            </div>
2376          </div>
2377        </div>
2378      </div>
2379    </section>
2380
2381    <section class="home-stories padding-tb150 padding-lr0">
2382      <div class="home-stories__inner px-container px-container--wide">
2383        <div class="home-stories__head">
2384          <p class="home-eyebrow home-eyebrow--center">Customer Stories</p>
2385          <h2 class="home-stories__title">What creatives say about Pixpa's portfolio builder</h2>
2386        </div>
2387
2388                <div class="home-stories-carousel swiper js-home-stories">
2389          <div class="swiper-wrapper">
2390                          <div class="swiper-slide">
2391                <div class="home-story-card">
2392                  <p class="home-story-card__quote">&ldquo;This is the best web service I've ever used! Its better than Wix, Squarespace, you name it! The customer service is amazing and unbelievably responsive! Not to mention their designs are simple, clean and easy to use!&rdquo;</p>
2393                  <div class="home-story-card__author">
2394                                        <span class="home-story-card__avatar"><img src="https://px-web-images-v2.pixpa.com/_U4nilplnAo-XiV89YGVrTAk1kDtpEzBLvhywhPOroo/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNzMyMDE4NTI2LWp1c3R0c2hvY2tsZXkuanBn" alt="testimonial justin" width="54" height="54" loading="lazy"></span>
2395                                        <span class="home-story-card__meta">
2396                      <span class="home-story-card__name">Justin T.</span>
2397                      <span class="home-story-card__role">Photographer &middot; Capterra</span>
2398                    </span>
2399                  </div>
2400                </div>
2401              </div>
2402                          <div class="swiper-slide">
2403                <div class="home-story-card">
2404                  <p class="home-story-card__quote">&ldquo;Having used Squarespace, Wix, Adobe Portfolio and Wordpress - Pixpa&rsquo;s portfolio website builder is blowing me away! It hits the perfect balance between ease of use & advanced functions.&rdquo;</p>
2405                  <div class="home-story-card__author">
2406                                        <span class="home-story-card__avatar"><img src="https://px-web-images-v2.pixpa.com/55x5TdxMQrqbHAjhDz0x29yqmCSkVVnYnL6WL1wEJzM/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNzMwOTAwMTcxLWNsaWVudC1wYXVsbmVlZGhhbS5qcGc=" alt="Paul N." width="54" height="54" loading="lazy"></span>
2407                                        <span class="home-story-card__meta">
2408                      <span class="home-story-card__name">Paul N.</span>
2409                      <span class="home-story-card__role">Photographer & Sculptor &middot; Capterra</span>
2410                    </span>
2411                  </div>
2412                </div>
2413              </div>
2414                          <div class="swiper-slide">
2415                <div class="home-story-card">
2416                  <p class="home-story-card__quote">&ldquo;Out of all the website builders, I found Pixpa to be the most user friendly. If I ever had a question, help was quick and efficient. Overall I'm very happy with the designs, customer service and ease of use that Pixpa provides.&rdquo;</p>
2417                  <div class="home-story-card__author">
2418                                        <span class="home-story-card__avatar"><img src="https://px-web-images-v2.pixpa.com/2dawqP7LwZc_zrx8Ded2flr3kZv9AJFgZHcdeaA_1e0/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNTU5NTU3NDEyLXRpbW90aHkuanBn" alt="Timothy J." width="54" height="54" loading="lazy"></span>
2419                                        <span class="home-story-card__meta">
2420                      <span class="home-story-card__name">Timothy J.</span>
2421                      <span class="home-story-card__role">Photographer &middot; Capterra</span>
2422                    </span>
2423                  </div>
2424                </div>
2425              </div>
2426                          <div class="swiper-slide">
2427                <div class="home-story-card">
2428                  <p class="home-story-card__quote">&ldquo;Pixpa is the only provider I found with all the features needed blended in one package. Website, blog, client galleries - If you want everything in one platform, then Pixpa is the only way to go!  And the support team is legendary!&rdquo;</p>
2429                  <div class="home-story-card__author">
2430                                        <span class="home-story-card__avatar"><img src="https://px-web-images-v2.pixpa.com/_5OQlPKmAm9Dc__m4CVeDEWeymmQpFyPUGVHY0SIA8M/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNTc5Njc3MTcyLWlzdGF2YW4tdGVzdGltb25pYWwuanBn" alt="Steven K." width="54" height="54" loading="lazy"></span>
2431                                        <span class="home-story-card__meta">
2432                      <span class="home-story-card__name">Steven K.</span>
2433                      <span class="home-story-card__role">Photographer &middot; Capterra</span>
2434                    </span>
2435                  </div>
2436                </div>
2437              </div>
2438                          <div class="swiper-slide">
2439                <div class="home-story-card">
2440                  <p class="home-story-card__quote">&ldquo;Having struggled for a long time with Smugmug and Squarespace, Pixpa has been a joy to work with. Really happy with Pixpa. I can strongly recommend this platform.&rdquo;</p>
2441                  <div class="home-story-card__author">
2442                                        <span class="home-story-card__avatar"><img src="https://px-web-images-v2.pixpa.com/jQF_wefm_swHKDVi4jI1eR0ciGq4tQtLOadW5xy_MiI/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNTk0MDU2Njk4LWltZy02OTcyLWVkaXQtMi1pcThxbWUuanBn" alt="Adriano H." width="54" height="54" loading="lazy"></span>
2443                                        <span class="home-story-card__meta">
2444                      <span class="home-story-card__name">Adriano H.</span>
2445                      <span class="home-story-card__role">Photographer &middot; Capterra</span>
2446                    </span>
2447                  </div>
2448                </div>
2449              </div>
2450                          <div class="swiper-slide">
2451                <div class="home-story-card">
2452                  <p class="home-story-card__quote">&ldquo;Top-notch! Pixpa is simple, clean, elegant, and it just works. The design tools and UI is intuitive, consistent, and...I don't use this term lightly, usable. Kudos to Pixpa!&rdquo;</p>
2453                  <div class="home-story-card__author">
2454                                        <span class="home-story-card__avatar"><img src="https://px-web-images-v2.pixpa.com/AUFAXJUFYWvcRh5UQ09Cyh_Sk0EeMnA-wL1bY4k8snI/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNzQxMjU3NDYzLXJhdmVuLmpwZw==" alt="raven-client-testimonial" width="54" height="54" loading="lazy"></span>
2455                                        <span class="home-story-card__meta">
2456                      <span class="home-story-card__name">Raven</span>
2457                      <span class="home-story-card__role">Photographer &middot; Capterra</span>
2458                    </span>
2459                  </div>
2460                </div>
2461              </div>
2462                          <div class="swiper-slide">
2463                <div class="home-story-card">
2464                  <p class="home-story-card__quote">&ldquo;I love being able to show a clean portfolio but also sell prints in the integrated e-commerce system. Great stuff.&rdquo;</p>
2465                  <div class="home-story-card__author">
2466                                        <span class="home-story-card__avatar"><img src="https://px-web-images-v2.pixpa.com/q5z_ufLcLgtc9iT7VO_3V5CcgfvdGLR6A0I7IyJrQCE/rs:fit:640:0/q:80/aHR0cHM6Ly9waXhwYWNvbS1pbWcucGl4cGEuY29tL2NvbS90ZXN0aW1vbmlhbC8xNzgzNjAzNzYyLTkyNzI3OC1kb3VnbGFzLmpwZw==" alt="douglas_testimonial" width="54" height="54" loading="lazy"></span>
2467                                        <span class="home-story-card__meta">
2468                      <span class="home-story-card__name">Douglas C.</span>
2469                      <span class="home-story-card__role">Fine Art Photographer &middot; Capterra</span>
2470                    </span>
2471                  </div>
2472                </div>
2473              </div>
2474                      </div>
2475        </div>
2476      </div>
2477    </section>
2478
2479    
2479<script type="text/javascript">
2480      $(document).ready(function() {
2481        if (!$('.js-home-stories .swiper-slide').length) return;
2482        new Swiper('.js-home-stories', {
2483          slidesPerView: 2,
2484          spaceBetween: 30,
2485          loop: true,
2486          grabCursor: true,
2487          autoplay: { delay: 4500, disableOnInteraction: false },
2488          breakpoints: {
2489            0: { slidesPerView: 1, spaceBetween: 16 },
2490            768: { slidesPerView: 2, spaceBetween: 30 },
2491          },
2492        });
2493      });
2494    </script>
2494
2495
2496
2497    <section class="pixpa-tempsliderimg-wrapper home-examples">
2498      <div class="home-examples__inner px-container px-container--wide">
2499        <div class="home-examples__head">
2500          <div class="home-examples__head-left">
2501            <p class="home-eyebrow">Examples</p>
2502            <h2 class="home-examples__title">Real portfolio websites <br><span class="home-serif-italic">built on Pixpa</span></h2>
2503          </div>
2504          <div class="home-examples__head-right">
2505            <p class="home-examples__desc">Every site here is live and built by a working Pixpa customer, and each card names the portfolio template behind it. Browse more <a href="/examples" class="underline">portfolio website examples</a>, or see <a href="/online-portfolio" class="underline">how to create an online portfolio</a> for your discipline.</p>
2506            <a href="/examples" class="button v-mwhite">Explore Examples <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a>
2507          </div>
2508        </div>
2509      </div>
2510      <div class="pixpa-tempsliderimg-container">
2511        <!--slider scripts start-->
2512        <div class="swiper home-page-template-slider js-home-page-template-slider">
2513  <div class="swiper-wrapper">
2514    <div class="swiper-slide first-child" data-title="Photography">
2515      <span class="webbrowser"></span>
2516      <img class="lazyload" width="1200" height="856" src="https://px-web-images-v2.pixpa.com/vMrLZ9rKI4ZU55XJBir7vI0Sq7CniqSqZVN6wzbuJVQ/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVtcGxhdGUvZXhzbGlkZXIxLmpwZw==" alt="Photography portfolio website built on Pixpa " loading="lazy">
2517    </div>
2518    <div class="swiper-slide first-child" data-title="Design">
2519      <span class="webbrowser"></span>
2520      <img class="lazyload" width="1200" height="856" src="https://px-web-images-v2.pixpa.com/_dW5edEZqdjBKHF1iirvofD1wiU2Jf31QWNsFCXpRCA/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVtcGxhdGUvZXhzbGlkZXI2LmpwZw==" alt="Design portfolio website built on Pixpa" loading="lazy">
2521    </div>
2522    <div class="swiper-slide" data-title="Art">
2523      <span class="webbrowser"></span>
2524      <img class="lazyload" width="1200" height="856" src="https://px-web-images-v2.pixpa.com/HabnfTB-KMsKup8DwLw4YWTjoDN-DQ9JiXWy4yogb18/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVtcGxhdGUvZXhzbGlkZXI0LmpwZw==" alt="Art portfolio website built on Pixpa" loading="lazy">
2525    </div>
2526    <div class="swiper-slide" data-title="Illustration">
2527      <span class="webbrowser"></span>
2528      <img class="lazyload" width="1200" height="856" src="https://px-web-images-v2.pixpa.com/PJE9BLTJ_buv8D_2FoQYh_0K8b_4u_4PNwzbBfq3HsE/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVtcGxhdGUvZXhzbGlkZXIzLmpwZw==" alt="Illustration portfolio website built on Pixpa" loading="lazy">
2529    </div>
2530    <div class="swiper-slide" data-title="Fashion">
2531      <span class="webbrowser"></span>
2532      <img class="lazyload" width="1200" height="856" src="https://px-web-images-v2.pixpa.com/26cmNIRWhDjBpiPY15m4MsvjZRFRiwG_7BdJ1n-tyFU/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVtcGxhdGUvZXhzbGlkZXI1LmpwZw==" alt="Fashion portfolio website built on Pixpa" loading="lazy">
2533    </div>
2534    <div class="swiper-slide" data-title="Online Store">
2535      <span class="webbrowser"></span>
2536      <img class="lazyload" width="1200" height="856" src="https://px-web-images-v2.pixpa.com/xXg8eftbUIVxfyoqpnxVOueg02A25iF2rqdGrAAWsOs/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVtcGxhdGUvZXhzbGlkZXIyLmpwZw==" alt="Online store built on Pixpa" loading="lazy">
2537    </div>
2538  </div>
2539  <!-- Add Pagination -->
2540  
2541  <!-- Add Arrows -->
2542  <div class="custom-navigation">    
2543    <div class="pixpa-button-next"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-sliderright" width="25" height="26"></use></svg></div>
2544    <div class="pixpa-button-prev"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-sliderleft" width="25" height="26"></use></svg></div>
2545  </div>
2546</div>
2547
2548<script type="text/javascript">
2549  $(document).ready(function() {
2550    if (!$('.js-home-page-template-slider .swiper-slide').length) return;
2551    const swiperSlide = new Swiper('.js-home-page-template-slider', {
2552      slidesPerView: 1,
2553      parallax: true,
2554      speed: 700,
2555      spaceBetween: 10,
2556      loop: true,
2557      loopAdditionalSlides: 2,
2558      keyboard: {
2559        enabled: true,
2560      },
2561      navigation: {
2562        nextEl: '.pixpa-button-next',
2563        prevEl: '.pixpa-button-prev',
2564      },
2565      autoplay: {
2566        delay: 2500,
2567        disableOnInteraction: false,
2568      },
2569      breakpoints: {
2570        640: {
2571          slidesPerView: 1,
2572          spaceBetween: 0,
2573        },
2574        768: {
2575          slidesPerView: 1,
2576          spaceBetween: 40,
2577        },
2578        1024: {
2579          slidesPerView: 1,
2580          spaceBetween: 50,
2581        },
2582      },
2583      on: {
2584        activeIndexChange: function () {
2585          let index = this.activeIndex; /* slide 1 => slides[1] */
2586          if (!this.slides[index]) return;
2587          let current_data = this.slides[index].dataset.title
2588          // console.log('current_data ', current_data);
2589          $(".js-slider_content").text(current_data);
2590        },
2591      }
2592    });
2593
2594    const swiperFade = new Swiper('.js-home-page-fade-slider', {
2595      effect: "fade",
2596      autoplay: {
2597        delay: 2500,
2598        disableOnInteraction: false,
2599      },
2600    });
2601  });
2602</script>
2602        <!--slider scripts end-->
2603      </div>
2604    </section>
2605
2606    <section class="home-compare padding-tb150 padding-lr0">
2607      <div class="home-compare__inner px-container px-container--wide">
2608        <div class="home-compare__head">
2609          <p class="home-eyebrow home-eyebrow--center">How Pixpa compares</p>
2610          <h2 class="home-compare__title">Pixpa vs the tools <br> you're probably using</h2>
2611        </div>
2612
2613                <div class="home-compare__rows">
2614                      <div class="home-compare-row">
2615              <div class="home-compare-card home-compare-card--problem">
2616                <span class="home-compare-num">1</span>
2617                <div class="home-compare-card__body">
2618                  <p class="home-compare-card__title">Portfolio-only tools</p>
2619                  <p class="home-compare-card__sub">An online portfolio, with nothing behind it. The work looks right, then every client request after that needs another tool.</p>
2620                </div>
2621              </div>
2622              <span class="home-compare-arrow"><svg viewbox="0 0 17 17"><use xlink:href="#pixpa-compare-arrow" width="17" height="17"></use></svg></span>
2623              <div class="home-compare-card home-compare-card--pixpa">
2624                <span class="home-compare-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>
2625                <div class="home-compare-card__body">
2626                  <p class="home-eyebrow">With Pixpa</p>
2627                  <p class="home-compare-card__text">the store, the galleries and the blog sit behind the portfolio, on the same login and the same bill.</p>
2628                </div>
2629              </div>
2630            </div>
2631                      <div class="home-compare-row">
2632              <div class="home-compare-card home-compare-card--problem">
2633                <span class="home-compare-num">2</span>
2634                <div class="home-compare-card__body">
2635                  <p class="home-compare-card__title">Gallery-first tools</p>
2636                  <p class="home-compare-card__sub">Strong at delivery, lighter as a full portfolio site, and most of them take a cut of what you sell.</p>
2637                </div>
2638              </div>
2639              <span class="home-compare-arrow"><svg viewbox="0 0 17 17"><use xlink:href="#pixpa-compare-arrow" width="17" height="17"></use></svg></span>
2640              <div class="home-compare-card home-compare-card--pixpa">
2641                <span class="home-compare-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>
2642                <div class="home-compare-card__body">
2643                  <p class="home-eyebrow">With Pixpa</p>
2644                  <p class="home-compare-card__text">the same delivery and proofing, plus a portfolio site, blog and store in one place, with zero commission on every sale.</p>
2645                </div>
2646              </div>
2647            </div>
2648                      <div class="home-compare-row">
2649              <div class="home-compare-card home-compare-card--problem">
2650                <span class="home-compare-num">3</span>
2651                <div class="home-compare-card__body">
2652                  <p class="home-compare-card__title">General-purpose builders</p>
2653                  <p class="home-compare-card__sub">Generalist tools, not built for portfolio work. Client proofing and image selling arrive as third-party plugins, if at all.</p>
2654                </div>
2655              </div>
2656              <span class="home-compare-arrow"><svg viewbox="0 0 17 17"><use xlink:href="#pixpa-compare-arrow" width="17" height="17"></use></svg></span>
2657              <div class="home-compare-card home-compare-card--pixpa">
2658                <span class="home-compare-check"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-check" width="24" height="24"></use></svg></span>
2659                <div class="home-compare-card__body">
2660                  <p class="home-eyebrow">With Pixpa</p>
2661                  <p class="home-compare-card__text">a portfolio website builder first, with galleries, store, blog and marketing built by the same team, in the same editor.</p>
2662                </div>
2663              </div>
2664            </div>
2665                  </div>
2666
2667        <div class="home-compare__cta">
2668          <a href="https://studio.pixpa.com/signup" class="button v-mblack">Start Your Free Trial <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a>
2669        </div>
2670      </div>
2671    </section>
2672    <div class="clearfix"></div>
2673    
2674    <section class="section-home-05 padding-tb150 bg-white padding-l0 padding-r0 padding-b0">
2675      <div class="px-container px-container--wide homepage-faq-container faq-home">
2676        <div class="faq-container">
2677          <div class="faq-intro">
2678            <h2 class="faq-heading-title">Portfolio website FAQs</h2>
2679            <p class="faq-intro-desc">Common questions about portfolio websites, and about Pixpa. Still curious? Live chat is o
2679pen <span class="notranslate">24/7</span>.</p>
2680          </div>
2681          <div id="faq-container">
2682            <div class="faqs-grid-container pxp-block">
2683              <h3 class="js-faq-title faq-title faq-title-svg-right active">
2684                <span class="faq-text">What is a portfolio website?</span>
2685                <span class="dropdown-icons right"><svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg></span>
2686              </h3>
2687              <div class="description-para js-faq-descriptions descriptions active" style="display:block;">
2688                <p>A portfolio website, also called an online portfolio, is a site a working creative owns and controls, built to show a body of work to the people deciding whether to hire or buy. It is not a social profile. The domain is yours, the order and presentation of the work are yours, and the contact path runs to you directly rather than through a platform's feed, algorithm or messaging system.</p>
2689              </div>
2690            </div>
2691
2692            <div class="faqs-grid-container pxp-block">
2693              <h3 class="js-faq-title faq-title faq-title-svg-right">
2694                <span class="faq-text">What should a portfolio website include?</span>
2695                <span class="dropdown-icons right"><svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg></span>
2696              </h3>
2697              <div class="description-para js-faq-descriptions descriptions">
2698                <p>Four things do most of the work. A tightly edited body of work, closer to 15 pieces than 50, because a portfolio is judged on its weakest piece rather than its best. A way to reach you from every page, not just a contact tab. An about page with a real photo and a real sentence about what you do and who you do it for. And a custom domain, because the address is the first thing a client reads and the only part of an online portfolio you carry with you between platforms.</p>
2699              </div>
2700            </div>
2701
2702            <div class="faqs-grid-container pxp-block">
2703              <h3 class="js-faq-title faq-title faq-title-svg-right">
2704                <span class="faq-text">What is Pixpa?</span>
2705                <span class="dropdown-icons right"><svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg></span>
2706              </h3>
2707              <div class="description-para js-faq-descriptions descriptions">
2708                <p>Pixpa is a portfolio website builder for photographers, artists and designers. It combines a portfolio website, client galleries with proofing and delivery, a zero-commission online store, and a blog in one platform, with no coding required. Pixpa is rated 4.7/5 across 600+ reviews on <a href="https://www.capterra.com/p/152263/Pixpa/" target="_blank" rel="noopener">Capterra</a> and has been top rated by photographers and designers for 12+ years.</p>
2709              </div>
2710            </div>
2711
2712            <div class="faqs-grid-container pxp-block">
2713              <h3 class="js-faq-title faq-title faq-title-svg-right">
2714                <span class="faq-text">Who is Pixpa for?</span>
2715                <span class="dropdown-icons right"><svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg></span>
2716              </h3>
2717              <div class="description-para js-faq-descriptions descriptions">
2718                <p>Pixpa is a portfolio website builder made for photographers, artists and designers who need a professional online portfolio without technical work. That includes wedding, portrait, commercial and travel photographers, illustrators, graphic and UI/UX designers, architects, fashion designers, models, musicians and writers. It suits photographers especially, because client galleries for proofing, sharing and selling images are built into the same platform as the portfolio.</p>
2719              </div>
2720            </div>
2721
2722            <div class="faqs-grid-container pxp-block">
2723              <h3 class="js-faq-title faq-title faq-title-svg-right">
2724                <span class="faq-text">How much does Pixpa cost?</span>
2725                <span class="dropdown-icons right"><svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg></span>
2726              </h3>
2727              <div class="description-para js-faq-descriptions descriptions">
2728                <p>Pixpa has four plans billed annually, from an entry plan that covers an online portfolio and store through to a top tier with the most storage and the highest client gallery limits. A standalone Client Gallery plan is available on its own if you only need delivery and proofing. Every plan includes a 15-day free trial with no credit card, a 30-day money-back guarantee, and a free domain for the first year on annual billing. Students and educators qualify for an education discount. See <a href="/pricing">pricing</a> for current plans and figures.</p>
2729              </div>
2730            </div>
2731
2732            <div class="faqs-grid-container pxp-block">
2733              <h3 class="js-faq-title faq-title faq-title-svg-right">
2734                <span class="faq-text">Is there a free trial?</span>
2735                <span class="dropdown-icons right"><svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg></span>
2736              </h3>
2737              <div class="description-para js-faq-descriptions descriptions">
2738                <p>Yes. Pixpa offers a 15-day free trial with no credit card required, so you can build and preview your full online portfolio before paying. Every new plan also comes with a 30-day money-back guarantee, so you can request a full refund within 30 days if it is not the right fit.</p>
2739              </div>
2740            </div>
2741
2742            <div class="faqs-grid-container pxp-block">
2743              <h3 class="js-faq-title faq-title faq-title-svg-right">
2744                <span class="faq-text">Do I need to know how to code to use Pixpa?</span>
2745                <span class="dropdown-icons right"><svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg></span>
2746              </h3>
2747              <div class="description-para js-faq-descriptions descriptions">
2748                <p>No. Pixpa is a drag-and-drop portfolio website builder: you choose a template, customize the layout, colors and type, add your work, connect a domain, and publish, all without code. Advanced users can go further with custom CSS and HTML overrides. Most people have a portfolio live within a day.</p>
2749              </div>
2750            </div>
2751
2752            <div class="faqs-grid-container pxp-block">
2753              <h3 class="js-faq-title faq-title faq-title-svg-right">
2754                <span class="faq-text">Does Pixpa charge commission on sales?</span>
2755                <span class="dropdown-icons right"><svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg></span>
2756              </h3>
2757              <div class="description-para js-faq-descriptions descriptions">
2758                <p>No. Pixpa charges zero commission on every sale from your online store or client galleries, on every plan. You keep the full sale price minus your payment processor's standard fee, and Stripe or PayPal pays you directly. This is a key difference from marketplace platforms and some gallery tools that take a percentage of each sale.</p>
2759              </div>
2760            </div>
2761
2762            <div class="faqs-grid-container pxp-block">
2763              <h3 class="js-faq-title faq-title faq-title-svg-right">
2764                <span class="faq-text">Can I sell prints and digital downloads on Pixpa?</span>
2765                <span class="dropdown-icons right"><svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg></span>
2766              </h3>
2767              <div class="description-para js-faq-descriptions descriptions">
2768                <p>Yes. Pixpa lets you sell prints and digital downloads directly from your client galleries and online store, with automated print fulfillment through its WHCC lab integration. There is zero commission on every sale, and you set your own pricing and markup. You can sell physical products, services and digital files from the same store.</p>
2769              </div>
2770            </div>
2771
2772            <div class="faqs-grid-container pxp-block">
2773              <h3 class="js-faq-title faq-title faq-title-svg-right">
2774                <span class="faq-text">Can I switch to Pixpa from Squarespace, Pixieset, Zenfolio or SmugMug?</span>
2775                <span class="dropdown-icons right"><svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg></span>
2776              </h3>
2777              <div class="description-para js-faq-descriptions descriptions">
2778                <p>Yes. Photographers move to Pixpa from Squarespace, Pixieset, Zenfolio, SmugMug and Wix regularly. You rebuild your portfolio from 200+ templates, upload your images, connect your existing domain, and consolidate your portfolio website, client galleries and store into one platform and one subscription. Pixpa's support team helps with the move over live chat, 24/7.</p>
2779              </div>
2780            </div>
2781
2782            <div class="faqs-grid-container pxp-block">
2783              <h3 class="js-faq-title faq-title faq-title-svg-right">
2784                <span class="faq-text">How does Pixpa compare to Squarespace, Wix, and WordPress?</span>
2785                <span class="dropdown-icons right"><svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg></span>
2786              </h3>
2787              <div class="description-para js-faq-descriptions descriptions">
2788                <p>Squarespace, Wix and WordPress are general-purpose website builders; Pixpa is a portfolio website builder made specifically for photographers, artists and designers. Pixpa includes client galleries with proofing, a zero-commission store, and shareable Gallery Links as built-in features, not plugins or paid add-ons. Squarespace and Wix need third-party tools for client proofing and image selling, and WordPress needs separate hosting, maintenance and plugins to match. Pixpa also answers support over live chat with real people, 24/7, which reviewers on Capterra and G2 cite as a reason they switched.</p>
2789              </div>
2790            </div>
2791
2792            <div class="faqs-grid-container pxp-block">
2793              <h3 class="js-faq-title faq-title faq-title-svg-right">
2794                <span class="faq-text">How does Pixpa compare to SmugMug, Zenfolio, Pixieset, and Showit?</span>
2795                <span class="dropdown-icons right"><svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg></span>
2796              </h3>
2797              <div class="description-para js-faq-descriptions descriptions">
2798                <p>SmugMug and Zenfolio focus on image hosting and print sales but offer limited portfolio design. Pixieset handles client galleries and delivery well but has no full portfolio website builder, blog or online store. Showit is strong on design but needs a separate WordPress install for blogging and has no built-in galleries or store. Pixpa combines the portfolio website, client galleries with proofing, store, blog and marketing tools in one platform, usually at a lower combined cost than running two or three of these tools together.</p>
2799              </div>
2800            </div>
2801          </div>
2802        </div>
2803      </div>
2804    </section>
2805    
2806    
2807    <!--blog post start-->
2808    <div class="clearfix"></div>
2809
2810
2811
2812
2813<section class="home-support-wrapper padding-tb150 padding-l0 padding-r0">
2814  <div class="home-support px-container px-container--wide">
2815    <div class="home-support__top">
2816      <div class="home-support__heading">
2817        <p class="home-eyebrow"><span class="notranslate">24/7</span> Live Support</p>
2818        <h2 class="home-support__title">Real human support <br><span class="home-serif-italic">in minutes.</span></h2>
2819      </div>
2820      <p class="home-support__lead">Ask a question and a real person on the Pixpa team answers on live chat, usually in minutes, any time of day. No AI bots. No ticket queue. The same people who answer know the editor, the templates and how a portfolio behaves once it is live, and they have solved your issue before.</p>
2821    </div>
2822
2823    <div class="home-support__grid">
2824      <div class="home-support__cards">
2825        <article class="home-support-card">
2826          <span class="home-support-card__icon">
2827            <svg viewbox="0 0 24 24">
2827<use xlink:href="#pixpa-support-livechat"></use></svg>
2828          </span>
2829          <div class="home-support-card__body">
2830            <h3 class="home-support-card__title">Live Support</h3>
2831            <p class="home-support-card__desc">Live chat and email, <span class="notranslate">24/7</span>. Reach a real person, usually within minutes.</p>
2832          </div>
2833          <a href="https://studio.pixpa.com/login" class="home-feature-cta home-support-card__cta">
2834            <span class="border-banimate-link"><span class="effect-1">Login & Get Support</span><span class="focus-border"></span></span>
2835            <svg class="home-feature-arrow" viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg>
2836          </a>
2837        </article>
2838
2839        <article class="home-support-card">
2840          <span class="home-support-card__icon">
2841            <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-support-help"></use></svg>
2842          </span>
2843          <div class="home-support-card__body">
2844            <h3 class="home-support-card__title">Help Center</h3>
2845            <p class="home-support-card__desc">Step-by-step guides and tutorials in 20+ languages, whenever you want to self-serve.</p>
2846          </div>
2847          <a href="https://help.pixpa.com/" target="_blank" rel="noopener" class="home-feature-cta home-support-card__cta">
2848            <span class="border-banimate-link"><span class="effect-1">Go to Help Center</span><span class="focus-border"></span></span>
2849            <svg class="home-feature-arrow" viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg>
2850          </a>
2851        </article>
2852
2853        <article class="home-support-card">
2854          <span class="home-support-card__icon">
2855            <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-support-expert"></use></svg>
2856          </span>
2857          <div class="home-support-card__body">
2858            <p class="home-eyebrow home-support-card__eyebrow">Get Your Website Set Up</p>
2859            <h3 class="home-support-card__title">Pixpa Website Setup Service</h3>
2860            <p class="home-support-card__desc">A Pixpa designer builds your portfolio website from your brief, images, and content. Review and publish.</p>
2861            <p class="home-support-card__price">
2862              <span class="website-setup-menu-price">
2863                <span class="website-setup-menu-price-was notranslate">USD 399</span>
2864                <span class="website-setup-menu-price-now notranslate">USD 199</span>
2865                <span class="website-setup-menu-price-badge">Limited Time Offer</span>
2866              </span>
2867              <span class="home-support-card__fee">(One-time fee)</span>
2868            </p>
2869            
2870          </div>
2871          <a href="/website-setup-service" class="home-feature-cta home-support-card__cta">
2872            <span class="border-banimate-link"><span class="effect-1">Get your website setup now </span><span class="focus-border"></span></span>
2873            <svg class="home-feature-arrow" viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg>
2874          </a>
2875        </article>
2876      </div>
2877
2878      <aside class="home-support__review">
2879        <div class="home-support__chat">
2880          <img class="lazyload" width="654" height="453" loading="lazy" src="https://px-web-images-v2.pixpa.com/ac7NwN3nGC01VImw5Pxq6t0GHb4LEwcZTvQuVHLzN7I/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvc3VwcG9ydC5wbmc=" alt="Pixpa live chat support">
2881        </div>
2882        <div class="home-support__review-body">
2883          <div class="home-support__rating">
2884            <span class="home-support__stars">
2885              <svg viewbox="0 0 576 512"><use xlink:href="#pixpa-star-icons"></use></svg>
2886              <svg viewbox="0 0 576 512"><use xlink:href="#pixpa-star-icons"></use></svg>
2887              <svg viewbox="0 0 576 512"><use xlink:href="#pixpa-star-icons"></use></svg>
2888              <svg viewbox="0 0 576 512"><use xlink:href="#pixpa-star-icons"></use></svg>
2889              <svg viewbox="0 0 576 512"><use xlink:href="#pixpa-star-icons"></use></svg>
2890            </span>
2891            <img class="home-support__capterra" src="https://px-web-images-v2.pixpa.com/6yFAg-av6QzBzM3VV_AtbMTxzlnaLwSAfBxhX0eYMK8/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvY2FwdG
2891VycmFfYmxhY2suc3Zn" alt="Capterra" width="130" height="30" loading="lazy">
2892          </div>
2893          <blockquote class="home-support__quote">&ldquo;Pixpa&rsquo;s live support chat is just that &mdash; it&rsquo;s a real person with real answers. I&rsquo;m not stuck in AI hell! I get a quick response, and the answers I need so I can get my work done.&rdquo;</blockquote>
2894          <div class="home-support__author">
2895            <span class="home-support__avatar">
2896              <img src="https://px-web-images-v2.pixpa.com/0lvRHkDPZ6v23JMYYOJcBldQNnuN7YkuATPpkrli2go/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA3LTEyNTExMS0yNjcvcGl4cGFjb20vaW1hZ2VzL2hvbWVwYWdlLTIvdGVzdGltb25pYWwvdGVzdGltb25pYWwtcmF2ZWwuanBn" alt="Ravel" width="44" height="44" loading="lazy">
2897            </span>
2898            <span class="home-support__author-text">
2899              <span class="home-support__author-name">Ravel</span>
2900              <span class="home-support__author-meta">Pixpa customer, 2+ years &middot; Verified Capterra review</span>
2901            </span>
2902          </div>
2903        </div>
2904      </aside>
2905    </div>
2906  </div>
2907</section>
2908
2909
2910
2911
2912
2913
2914
2915
2916
2917
2918
2919
2920
2921
2922
2923<section id="create-portfolio">
2924  <div class="footer-section px-container px-container--wide text-center">
2925    <div>
2926      <div class="homepage-section-subtitle-top text-transform-u color-white flex-inline-center width-fitcontent create-portfolio__pill">
2927        <span class="create-portfolio__pill-l1">
2928          <span class="rating-pill-stars margin-r10"><svg class="rating-pill-stars__full" viewbox="0 0 146 27"><use xlink:href="#pixpa-rating" width="146" height="27"></use></svg><svg class="rating-pill-stars__one" viewbox="0 0 26 27"><use xlink:href="#pixpa-rating" width="146" height="27"></use></svg></span>
2929          <span>4.7/5 on <a href="https://www.capterra.com/p/152263/Pixpa/" target="_blank">Capterra</a></span>
2930          <span class="rating-pill-sep" style="margin: 0 5px;"> &middot; </span>
2931          <span>600+ reviews</span>
2932        </span>
2933        <span class="rating-pill-sep create-portfolio__pill-sep2" style="margin: 0 5px;"> &middot; </span>
2934        <span class="rating-pill-line2">Top Rated for 12+ years</span>
2935      </div>
2936      <div class="footer-section-title">Run your creative business from <span class="home-serif-italic"> one platform.</span></div>
2937      <p class="subtitle color-white margin-t20">Portfolio website, client galleries, store. Made for photographers, artists and designers.</p>
2938      <div class="margin-t25">
2939        <a href="https://studio.pixpa.com/signup" class="button v-mwhite">Start Your Free Trial <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a>
2940      </div>
2941
2942      <div class="get-started-tab margin-t10 display-inline-b">
2943        <p>15 days free trial &middot; No card required &middot; 30-day money-back guarantee</p>
2944      </div>
2945    </div>
2946
2947    
2948  </div>
2949</section>
2950
2951
2952<!-- footer start -->
2953<footer id="footer">
2954  <div class="footer-container">
2955    <div class="footer-left">
2956      <!--footer menu start-->
2957      <div class="footer-menu">
2958        <div class="footer-menu-items">
2959          <p class="footer-heading js-footer-heading">
2960            Product
2961            <span class="dropdown-icons right">
2962              <svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg>
2963            </span>
2964          </p>
2965          <ul>
2966            <li><a href="/websites">Websites</a></li>
2967            <li><a href="/stores">Online Stores</a></li>
2968            <li><a href="/sell-images-online">E-commerce Galleries</a></li>
2969            <li><a href="/clientgalleries">Client Galleries</a></li>
2970            <li><a href="/marketing-tools">Marketing Tools</a></li>
2971            
2972            <li><a href="/website-setup-service" aria-label="Learn more for Pixpa Website Setup Service">Pixpa Website Setup Service</a></li>
2973            <li><a href="/templates">Templates</a></li>
2974            <li><a href="/pricing">Pricing</a></li>
2975            <li><a href="/clients">Customer Stories</a></li>
2976            <li><a href="/updates" target="_blank" rel="noopener">Product Updates</a></li>
2977            <li><a href="/apps">Integrations</a></li>
2978            <li><a href="https://help.pixpa.com" target="_blank" rel="noopener">Help Center</a></li>
2979            <li><a href="https://status.pixpa.com/" target="_blank" rel="noopener">Status</a></li>
2980          </ul>
2981        </div>
2982        <div class="footer-menu-items">
2983          <p class="footer-heading js-footer-heading">Made For
2984            <span class="dropdown-icons right">
2985              <svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg>
2986            </span>
2987          </p>
2988          <ul>
2989            <li><a href="/online-portfolio">Creatives</a></li>
2990            <li><a href="/online-portfolio/photography-website">Photographers</a></li>
2991            <li><a href="/online-portfolio/artist-website">Artists</a></li>
2992            <li><a href="/online-portfolio/illustrator-website">Illustrators</a></li>
2993            <li><a href="/online-portfolio/graphic-design-website">Graphic Designers</a></li>
2994            <li><a href="/online-portfolio/ui-ux-design-website">UI/UX Designers</a></li>
2995            <li><a href="/online-portfolio/models-website">Models & Actors</a></li>
2996            <li><a href="/online-portfolio/fashion-design-website">Fashion Designers & Stylists</a></li>
2997            <li><a href="/online-portfolio/architecture-website">Architects & Interior Designers</a></li>
2998            <li><a href="/online-portfolio/musicians-website">Musicians & Performers</a></li>
2999            <li><a href="/online-portfolio/writer-website">Writers & Authors</a></li>
3000            
3001            
3002          </ul>
3003        </div>
3004        <div class="footer-menu-items">
3005          <p class="footer-heading js-footer-heading">Examples
3006            <span class="dropdown-icons right">
3007              <svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg>
3008            </span>
3009          </p>
3010          <ul>
3011            <li><a href="/examples">Portfolio website examples</a></li>
3012            <li><a href="/examples/photography">Photography portfolio examples</a></li>
3013            <li><a href="/examples/art">Art portfolio examples</a></li>
3014            <li><a href="/examples/design">Design portfolio examples</a></li>
3015            <li><a href="/examples/fashion">Fashion portfolio examples</a></li>
3016          </ul>
3017        </div>
3018        <div class="footer-menu-items">
3019          <p class="footer-heading js-footer-heading">About
3020            <span class="dropdown-icons right">
3021              <svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg>
3022            </span>
3023          </p>
3024          <ul>
3025            <li><a href="/about-us">About</a></li>
3026            <li><a href="/blog">Pixpa Blog</a></li>            
3027            <li><a href="/contact-us">Contact</a></li>
3028            <li><a href="/affiliates">Become an Affiliate</a></li>
3029            <li><a href="/students">Students & Educators</a></li>
3030            <li><a href="/partnerdeals">Partner Deals</a></li>
3031          </ul>
3032        </div>
3033
3034      </div>
3035      <!--footer menu end-->
3036    </div>
3037    <div class="footer-right">
3038      <div class="footer-pixpa-logo">
3039        <a href="https://www.pixpa.com" aria-label="Pixpa">
3040          <svg viewbox="0 0 275.5 104.7" fill="#ffffff"><use xlink:href="#pixpa-website-logo"></use></svg>
3041        </a>
3042      </div>
3043      <div class="footer-pixpa-desc">
3044        <p>Pixpa is the portfolio website builder for photographers, artists and designers. Build a portfolio website, deliver client galleries and sell with zero commission, in one platform.</p>
3045      </div>
3046      <div class="social-media-footer">
3047        <a href="https://www.youtube.com/@PixpaHQ" target="_blank" aria-label="youtube">
3048          <svg viewbox="0 0 576 512" fill="currentcolor"><use xlink:href="#pixpa-socialyoutube-common"></use></svg>
3049        </a>
3050        <a href="https://twitter.com/pixpa" target="_blank" aria-label="twitter">
3051          <svg viewbox="0 0 512 512" fill="currentcolor"><use xlink:href="#pixpa-socialtwitterx-common"></use></svg>          
3052        </a>
3053        <a href="https://www.facebook.com/pixpa" target="_blank" aria-label="facebook">
3054          <svg viewbox="0 0 90 90" fill="currentcolor"><use xlink:href="#pixpa-socialfacebook-common"></use></svg>
3055        </a>        
3056        <a href="https://instagram.com/pixpa" target="_blank" aria-label="instagram">          
3057          <svg viewbox="0 0 169.063 169.063" fill="currentcolor"><use xlink:href="#pixpa-socialinstagram-common"></use></svg>
3058        </a>
3059        <a href="https://www.linkedin.com/company/pixpa" target="_blank" rel="noopener nofollow" aria-label="linkedin">
3060          <svg viewbox="0 0 24 24" fill="currentcolor"><use xlink:href="#pixpa-sociallinkedin-common"></use></svg>
3061        </a>
3062        <a href="https://www.pinterest.com/pixpa/" target="_blank" rel="noopener nofollow" aria-label="pinterest">
3063          <svg viewbox="0 0 24 24" fill="currentcolor"><use xlink:href="#pixpa-socialpinterest-common"></use></svg>
3064        </a>
3065        <a href="https://www.g2.com/products/pixpa/reviews" target="_blank" rel="noopener nofollow" aria-label="g2">
3066          <svg viewbox="0 0 24 24" fill="currentcolor"><use xlink:href="#pixpa-socialg2-common"></use></svg>
3067        </a>
3068      </div>
3069
3070
3071
3072      
3073        
3074        
3075        
3076        
3077      
3078
3079
3080    </div>
3081    <div class="clearfix"></div>
3082
3083    <div class="footer-bottom">
3084      <ul class="footer-bottom__legal">
3085        <li><a href="/terms-of-use">Terms of Use</a></li>
3086        <li><a href="/privacy-policy">Privacy Policy</a></li>
3087        <li><a href="/cookie-policy">Cookie Policy</a></li>
3088      </ul>
3089      <p class="footer-bottom__copy">&copy; 2013-2026 Idea Zinc Design LLP. All rights reserved.</p>
3090    </div>
3091  </div>
3092</footer>
3093<!-- footer end -->
3094
3095  
3096
3097
3098<div class="help-iframe js-help-iframe">
3099  <div class="iframe-header">
3100    <p><a href="https://help.pixpa.com/" target="_blank" rel="noopener">What's new on Pixpa</a></p>
3101    <div class="js-iframe-close-btn modal-close right">
3102      Close
3103    </div>
3104    
3105  </div>
3106  <iframe title="Pixpa blog" class="js-help-show-iframe" src="" frameborder="0"></iframe>
3107</div>
3108
3109
3110  <div class="pixpa-cookies-wrapper active js-pixpa-cookies-wrapper">
3111    <div>We use cookies to deliver a better website experience. By continuing to use this website, you agree to our <a href="/cookie-policy" class="link-exist-ldark" target="_blank">cookie policy.</a></div>
3112    <div>
3113      <div class="button v-black js-pixpa-cookies-wrapper-btn">Got it</div>
3114    </div>
3115  </div>
3116
3117
3118<!-- MailerLite Universal -->
3119
3120<!-- End MailerLite Universal -->
3121<script type="text/javascript">
3122  $(document).ready(function() {
3123    // Show body After 400 ms so that Everything loads first without Flickering
3124    // var body = document.getElementsByTagName("body");
3125    // setTimeout( function (){
3126    //   body[0].className = body[0].className + " body-to-show";
3127    // },200);
3128    Common.mobileMenu();
3129    Common.helpIframe();
3130    Common.cookieConsentBar();
3131    Common.pixpaScrollTop();
3132    Common.footerMenuHeading();
3133    Common.weglotLanguage();
3134
3135    setTimeout(function() {
3136      let lang_name = $('.gt_selector').val();
3137      let lang_value = lang_name.slice(3);
3138      if (lang_name != '') {
3139        $('.js-pixpa-weglot-input').html('')
3140        $('.js-pixpa-weglot-input').append(lang_value);
3141      } else{
3142        $('.js-pixpa-weglot-input').html('')
3143        $('.js-pixpa-weglot-input').append('EN')
3144      }
3145    }, 1000);
3146
3147  });
3148</script>
vendor: 1 bytes, line 3148
3148
3149<script defer src="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/compiled/js/textslide.js?id=e773b838ef7b148fd9f6f648f9aa262f"></script>
3149
3150
3151<!--google analytics and external scripts start-->
3152<script>loadSvgSprite('https://www.pixpa.com/pixpacom/images/svg/footer-svg.svg?v=9a052373379c15e6')</script>
3152
3153<!--google analytics and external scripts end-->    
3154    <!--google analytics and external scripts start-->
3155    
3155<script type="text/javascript">
3156  $(document).ready( function() {
3157    Common.init();
3158    // .off('click') removed &mdash; these selectors are bound exactly once in the
3159    // whole codebase (here), so the defensive unbind was dead code masking
3160    // the real fix for the prior Common.init() double-call (audit #4).
3161    $('.js-nav-web-dropdown-btn').on('click', function(){
3162      $(this).toggleClass('active')
3163      $('.js-nav-web-dropdown').toggle();
3164      $('#header .nav').animate({scrollTop: 620}, 1000);
3165    })
3166
3167    $('.js-nav-lang-dropdown-btn').on('click', function(){
3168      $(this).toggleClass('active')
3169      $('.js-nav-lang-dropdown').toggle();
3170      $('#header .nav').animate({scrollTop: 680}, 1000);
3171    })
3172
3173    $('.js-nav-lang-dropdown li a').on('click', function() {
3174      $('.js-nav-lang-dropdown-btn').removeClass('active');
3175      $('.js-nav-lang-dropdown').hide()
3176    })
3177
3178    $("#proofing-banner, .proofing-img, .js-section-home-01").height(window.innerHeight);
3179    $('.js-bxslider-thumb-img').on('click', function(){
3180      var bgcolor = $(this).attr('data-bgcolor');
3181      $('.js-pixpa-home-testimonils-container').css({
3182        'background': bgcolor
3183      })
3184    });
3185
3186    // Hero slider &mdash; guarded init only. The previous unconditional re-init
3187    // and the third re-init inside $(window).on('load') created duplicate
3188    // FlexSlider instances on the same DOM node, causing double-bound
3189    // autoplay timers on pages that have the slider (e.g. /start-blog).
3190    if($('.js-hero-pixpa-slider-01').length>0) {
3191      if(typeof window.homeflex_slider == 'undefined') {
3192        window.homeflex_slider = $('.js-hero-pixpa-slider-01').flexslider({
3193          animation: "fade",
3194          slideshowSpeed: 3000,
3195          animationSpeed: 200,
3196          start: function(slider){
3197            $('body').removeClass('loading');
3198            window.addCurrentSlidesClass(slider);
3199          },
3200          after: function (slider) {
3201              window.addCurrentSlidesClass(slider);
3202          }
3203        });
3204      }
3205    }
3206
3207    window.addCurrentSlidesClass = function (slider) {
3208      //debugger;
3209      $('.flexslider li').removeClass("active-slides");
3210      var startli = (slider.move * (slider.currentSlide - 1));
3211      var endli = (slider.move * (slider.currentSlide + 1));
3212      for (var i = startli; i <= endli; i++) {
3213          $('.flexslider li:nth-child(' + i + ')').addClass('active-slides');
3214      }
3215    }
3216
3217    var itemMargin = 37;
3218    if (window.innerWidth < 767) {
3219      itemMargin = 0;
3220    }
3221
3222    // Same guarded-init pattern as the hero slider above (audit #14) &mdash; the
3223    // previous unconditional re-init after each guarded block, and the third
3224    // re-init in $(window).on('load'), gave each slider 3 FlexSlider instances
3225    // with conflicting options.
3226    if($('.js-home-page-example-slider').length>0) {
3227      if(typeof window.homeflex_slider_03 == 'undefined') {
3228        window.homeflex_slider_03 = $('.js-home-page-example-slider').flexslider({
3229          animation: "slide",
3230          itemWidth: 500,
3231          itemMargin: itemMargin,
3232          move: 1,
3233          customDirectionNav: $(".custom-navigation a")
3234        });
3235      }
3236    }
3237
3238    if($('.js-onlineportfolio-page-example-slider').length>0) {
3239      if(typeof window.onlineportfolioflex_slider_03 == 'undefined') {
3240        window.onlineportfolioflex_slider_03 = $('.js-onlineportfolio-page-example-slider').flexslider({
3241          animation: "slide",
3242          itemWidth: 500,
3243          itemMargin: itemMargin,
3244          move: 1,
3245          customDirectionNav: $(".js-custom-explore-onlineportfolio-navigation a")
3246        });
3247      }
3248    }
3249
3250    if($('.js-onlinestore-page-example-slider').length>0) {
3251      if(typeof window.onlinestoreflex_slider_03 == 'undefined') {
3252        window.onlinestoreflex_slider_03 = $('.js-onlinestore-page-example-slider').flexslider({
3253          animation: "slide",
3254          itemWidth: 450,
3255          itemMargin: itemMargin,
3256          move: 1,
3257          customDirectionNav: $(".js-custom-onlineportfolio-navigation a")
3258        });
3259      }
3260    }
3261
3262    if($('.js-pixpa-clients-testimonils-slider').length>0) {
3263      if(typeof window.homeflex_slider_04 == 'undefined') {
3264        window.homeflex_slider_04 = $('.js-pixpa-clients-testimonils-slider').flexslider({
3265          animation: "slide",
3266          itemWidth: 500,
3267          itemMargin: 30,
3268          move: 1,
3269          customDirectionNav: $(".custom-navigation span")
3270        });
3271      }
3272    }
3273
3274    $('.submit-mobile-app').on('click', function(e) {
3275      var csrf_token = $('#csrf_token').val();
3276      var email = $('.email').val();
3277      if (!validateEmail(email)) {
3278        alert('Please enter a valid Email');
3279        return false;
3280      }
3281
3282      function validateEmail(email) {
3283        var filter = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
3284        if (filter.test(email)) {
3285            return true;
3286        } else {
3287            return false;
3288        }
3289      }
3290
3291      $.ajax({
3292        url: '/refresh-token',
3293        method: 'post',
3294        headers: {
3295            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
3296        }
3297      }).then(function (response) {
3298        var token_val = response.token;
3299        if (response.token != null) {
3300          Common.grecaptcha('6Ld1L6kdAAAAAFKzULwN6HL9mbTmYzi-kxGXwbPe', function(token) {
3301            $.ajax({
3302              type: "POST",
3303              url: '/email-demoapp',
3304              data: {email:email, 'g_captcha_token': token, '_token': token_val},
3305              success: function(data) {
3306                $('.form-sucess').html('Link has been emailed to you!').fadeIn();
3307                setTimeout(function() {
3308                  $('.form-sucess').fadeOut();
3309                  $('.email').val('');
3310                }, 5000);
3311              }
3312            });
3313          })
3314        } else{
3315
3316        }
3317      });
3318    });
3319
3320    $('.submit-subscription').on('click', function(e) {
3321      var csrf_token = $('#csrf_token').val();
3322      var email = $('.email-newsletter').val();
3323      if (!validateEmaildesk(email)) {
3324        alert('Please enter a valid Email');
3325        return false;
3326      }
3327
3328      function validateEmaildesk(email) {
3329        var filter = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
3330        if (filter.test(email)) {
3331            return true;
3332        } else {
3333            return false;
3334        }
3335      }
3336
3337      $.ajax({
3338        url: '/refresh-token',
3339        method: 'post',
3340        headers: {
3341            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
3342        }
3343      }).then(function (response) {
3344        var token_val = response.token;
3345        if (response.token != null) {
3346          Common.grecaptcha('6Ld1L6kdAAAAAFKzULwN6HL9mbTmYzi-kxGXwbPe', function(token) {
3347            $.ajax({
3348              type: "POST",
3349              // url: '/email-subscription?_token='+ csrf_token,
3350              url: '/email-subscription',
3351              data: {email:email, 'g_captcha_token': token, '_token': token_val},
3352              success: function(data) {
3353                $('.form-sucess-email-newsletter').html('Thank You for subscribing.').fadeIn();
3354                setTimeout(function() {
3355                  $('.form-sucess-email-newsletter').fadeOut();
3356                  $('.email-newsletter').val('');
3357                }, 5000);
3358              }
3359            });
3360          })
3361        } else{
3362        }
3363      });
3364    });
3365  })
3366</script>
vendor: 1 bytes, line 3366
3366
3367<script defer src="https://px-studioassets.pixpa.com/build-20261007-125111-267/pixpacom/js/vendor/lazysizes.js"></script>
3367
3368    <!--google analytics and external scripts end-->
3369
3370  
3370<script type="text/javascript">
3371    $(document).ready(function() {
3372      // Common.watchVideo(); // Watch Video CTA commented out
3373      $('body').addClass('loading header-bg-white header-bg-active');
3374      $(".js-faq-title").on('click', function(){
3375        $(this).parent().siblings().find('.js-faq-descriptions').removeClass('active');
3376        $(this).parent().siblings().find('.js-faq-descriptions').hide();
3377        $(this).parent().siblings().find('.js-faq-title').removeClass('active');
3378        $(this).toggleClass('active');
3379        $(this).parent().find('.js-faq-descriptions').slideToggle('fast');
3380        $(this).parent().find('.js-faq-descriptions').toggleClass('active');
3381      });
3382
3383      Common.homePageImageSliderHorizontal();
3384
3385    });
3386    
3387
3388    const setParllax = (el) => {
3389      const clientHeight = document.documentElement.clientHeight;
3390      let value = (clientHeight+window.scrollY-(window.scrollY+el[0].getBoundingClientRect().top))/((el[0].getBoundingClientRect().height+clientHeight)/100)/100
3391      value = Math.min(1, Math.max(value, 0))
3392      el.css("--parallax-progress", value)
3393    }
3394
3395    $(window).scroll(function() {
3396    });
3397  </script>
3397
3398  <!-- svg icons start -->
3399  
3399<script>loadSvgSprite('https://www.pixpa.com/pixpacom/images/svg/homepage-svg.svg')</script>
3399
3400  <!-- svg icons end -->
3401
3402  
3403
3404  
3405  
3405<script src="/pixpacom/js/vendor/aat.min.js" defer></script>
3405
3406  
3406<script type="text/javascript">
3407    (function () {
3408      var tries = 0;
3409      (function init() {
3410        if (typeof aat === 'undefined') {
3411          if (++tries > 100) return; // give up after ~5s rather than poll forever
3412          return setTimeout(init, 50);
3413        }
3414        var stack = document.querySelector('.home-cards-stack');
3415        if (!stack || window.innerWidth < 992) return; // desktop only (cards stack as columns on mobile)
3416        var cards = Array.prototype.slice.call(stack.querySelectorAll('.home-feature-card'));
3417        var n = cards.length;
3418        if (n < 2) return;
3419        var ScrollObserver = aat.ScrollObserver, valueAtPercentage = aat.valueAtPercentage;
3420        cards.forEach(function (card, i) {
3421          if (i === n - 1) return; // front card stays full size
3422          var toScale = 1 - (n - 1 - i) * 0.05; // further-back cards end up smaller
3423          // observe the NEXT card: as it scrolls up to stack over this one, scale this one down
3424          ScrollObserver.Element(cards[i + 1], {
3425            offsetTop: 120,
3426            offsetBottom: window.innerHeight * 0.35
3427          }).onScroll(function (e) {
3428            card.style.transform = 'scale(' + valueAtPercentage({ from: 1, to: toScale, percentage: e.percentageY }) + ')';
3429          });
3430        });
3431      })();
3432    })();
3433  </script>
3433
3434</body>
3435</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.