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 — 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 → 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’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ñ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ç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ê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 ">Русский</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’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ñ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ç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ê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 ">Русский</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;"> · </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 · 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 — 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;">∗ 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;">∗ 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;">∗ 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;">∗ 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;">∗ 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;">∗ 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;">∗ 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;">∗ 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;">∗ 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="">∗ PHOTOGRAPHERS</tspan> 1800 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1" data-setkey="1" data-x="">∗ ARTISTS</tspan> 1801 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2" data-setkey="2" data-x="">∗ DESIGNERS</tspan> 1802 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3" data-setkey="3" data-x="">∗ ILLUSTRATORS</tspan> 1803 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4" data-setkey="4" data-x="">∗ MODELS</tspan> 1804 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5" data-setkey="5" data-x="">∗ 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="">∗ ARCHITECTS</tspan> 1806 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7" data-setkey="7" data-x="">∗ 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="">∗ 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="">∗ PHOTOGRAPHERS</tspan> 1810 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1" data-setkey="10" data-x="">∗ ARTISTS</tspan> 1811 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2" data-setkey="11" data-x="">∗ DESIGNERS</tspan> 1812 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3" data-setkey="12" data-x="">∗ ILLUSTRATORS</tspan> 1813 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4" data-setkey="13" data-x="">∗ MODELS</tspan> 1814 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5" data-setkey="14" data-x="">∗ 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="">∗ ARCHITECTS</tspan> 1816 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7" data-setkey="16" data-x="">∗ 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="">∗ 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="">∗ PHOTOGRAPHERS</tspan> 1820 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1" data-setkey="19" data-x="">∗ ARTISTS</tspan> 1821 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2" data-setkey="20" data-x="">∗ DESIGNERS</tspan> 1822 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3" data-setkey="21" data-x="">∗ ILLUSTRATORS</tspan> 1823 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4" data-setkey="22" data-x="">∗ MODELS</tspan> 1824 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5" data-setkey="23" data-x="">∗ 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="">∗ ARCHITECTS</tspan> 1826 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7" data-setkey="25" data-x="">∗ 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="">∗ 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="">∗ PHOTOGRAPHERS</tspan> 1830 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1" data-setkey="28" data-x="">∗ ARTISTS</tspan> 1831 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2" data-setkey="29" data-x="">∗ DESIGNERS</tspan> 1832 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3" data-setkey="30" data-x="">∗ ILLUSTRATORS</tspan> 1833 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4" data-setkey="31" data-x="">∗ MODELS</tspan> 1834 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5" data-setkey="32" data-x="">∗ 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="">∗ ARCHITECTS</tspan> 1836 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7" data-setkey="34" data-x="">∗ 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="">∗ 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="">∗ PHOTOGRAPHERS</tspan> 1840 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1" data-setkey="37" data-x="">∗ ARTISTS</tspan> 1841 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2" data-setkey="38" data-x="">∗ DESIGNERS</tspan> 1842 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3" data-setkey="39" data-x="">∗ ILLUSTRATORS</tspan> 1843 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4" data-setkey="40" data-x="">∗ MODELS</tspan> 1844 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5" data-setkey="41" data-x="">∗ 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="">∗ ARCHITECTS</tspan> 1846 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7" data-setkey="43" data-x="">∗ 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="">∗ 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="">∗ PHOTOGRAPHERS</tspan> 1850 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1" data-setkey="46" data-x="">∗ ARTISTS</tspan> 1851 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2" data-setkey="47" data-x="">∗ DESIGNERS</tspan> 1852 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3" data-setkey="48" data-x="">∗ ILLUSTRATORS</tspan> 1853 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4" data-setkey="49" data-x="">∗ MODELS</tspan> 1854 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5" data-setkey="50" data-x="">∗ 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="">∗ ARCHITECTS</tspan> 1856 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7" data-setkey="52" data-x="">∗ 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="">∗ 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">∗ 1863 PHOTOGRAPHERS</tspan> 1864 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="1">∗ ARTISTS 1865 </tspan> 1866 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="2">∗ 1867 DESIGNERS</tspan> 1868 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="3">∗ 1869 ILLUSTRATORS</tspan> 1870 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="4">∗ MODELS 1871 </tspan> 1872 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="5">∗ UI/UX DESIGNERS 1873 </tspan> 1874 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="6">∗ ARCHITECTS 1875 </tspan> 1876 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="7">∗ FASHION DESIGNERS 1877 </tspan> 1878 <tspan class="Marquee-svg-text js-pixpa-marqueesize-val-grid-item marquee-item" data-key="8">∗ 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—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 — 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 — 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 — 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 — 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 — 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 — 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 · 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">“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!”</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 · 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">“Having used Squarespace, Wix, Adobe Portfolio and Wordpress - Pixpa’s portfolio website builder is blowing me away! It hits the perfect balance between ease of use & advanced functions.”</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 · 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">“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.”</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 · 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">“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!”</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 · 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">“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.”</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 · 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">“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!”</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 · 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">“I love being able to show a clean portfolio but also sell prints in the integrated e-commerce system. Great stuff.”</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 · 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">“Pixpa’s live support chat is just that — it’s a real person with real answers. I’m not stuck in AI hell! I get a quick response, and the answers I need so I can get my work done.”</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 · 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;"> · </span> 2931 <span>600+ reviews</span> 2932 </span> 2933 <span class="rating-pill-sep create-portfolio__pill-sep2" style="margin: 0 5px;"> · </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 · No card required · 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">© 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 — 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 — 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) — 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.