CINXE.COM

Placeit Pricing Plans - Free Templates & Unlimited Downloads

<!DOCTYPE html> <html lang="en" xml:lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <head> <link rel="icon" href="/favicon.ico" type="image/png" /> <title>Placeit Pricing Plans - Free Templates & Unlimited Downloads</title> <meta name="description" content="See our pricing plans and access unlimited downloads at half price or download our selection of free templates today!" /> <link rel="canonical" href="https://placeit.net/pricing?pl_coupon=dan15" /> <meta property="og:type" content="website"> <meta property="fb:app_id" content="586729674734199"> <meta name="p:domain_verify" content="0b833a19cf80d16ba9071a6e4525db2b"/> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link href="https://fonts.googleapis.com/css?family=Hind:300,400,500|Poppins:400,500,600,700&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> <script type="text/javascript"> window.NREUM||(NREUM={});NREUM.init={privacy:{cookies_enabled:true}};NREUM.loader_config={accountID:"1834389",trustKey:"1834389",agentID:"133713661",licenseKey:"8fc696a5be",applicationID:"133713661"}; NREUM.info={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",licenseKey:"8fc696a5be",applicationID:"133713661",sa:1}; (()=>{var e,t,r={234:(e,t,r)=>{"use strict";r.d(t,{P_:()=>g,Mt:()=>v,C5:()=>s,DL:()=>A,OP:()=>S,lF:()=>R,Yu:()=>w,Dg:()=>m,CX:()=>c,GE:()=>x,sU:()=>j});var n=r(8632),i=r(9567);const a={beacon:n.ce.beacon,errorBeacon:n.ce.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},o={};function s(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!o[e])throw new Error("Info for ".concat(e," was never set"));return o[e]}function c(e,t){if(!e)throw new Error("All info objects require an agent identifier!");o[e]=(0,i.D)(t,a);const r=(0,n.ek)(e);r&&(r.info=o[e])}const d=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var u=r(7056),l=r(50);const f=()=>{const e={mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{feature_flags:[],proxy:{assets:void 0,beacon:void 0},privacy:{cookies_enabled:!0},ajax:{deny_list:void 0,block_internal:!0,enabled:!0,harvestTimeSeconds:10,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},session:{domain:void 0,expiresMs:u.oD,inactiveMs:u.Hb},ssl:void 0,obfuscate:void 0,jserrors:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},metrics:{enabled:!0,autoStart:!0},page_action:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,harvestTimeSeconds:30,long_task:!1,autoStart:!0},session_trace:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},harvest:{tooManyRequestsDelay:60},session_replay:{autoStart:!0,enabled:!1,harvestTimeSeconds:60,sampling_rate:50,error_sampling_rate:50,collect_fonts:!1,inline_images:!1,inline_stylesheet:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){d(t)?e.mask_selector=t+",[data-nr-mask]":null===t?e.mask_selector=t:(0,l.Z)("An invalid session_replay.mask_selector was provided and will not be used",t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){d(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.Z)("An invalid session_replay.block_selector was provided and will not be used",t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.Z)("An invalid session_replay.mask_input_option was provided and will not be used",t)}},spa:{enabled:!0,harvestTimeSeconds:10,autoStart:!0}}},h={},p="All configuration objects require an agent identifier!";function g(e){if(!e)throw new Error(p);if(!h[e])throw new Error("Configuration for ".concat(e," was never set"));return h[e]}function m(e,t){if(!e)throw new Error(p);h[e]=(0,i.D)(t,f());const r=(0,n.ek)(e);r&&(r.init=h[e])}function v(e,t){if(!e)throw new Error(p);var r=g(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}const b={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},y={};function A(e){if(!e)throw new Error("All loader-config objects require an agent identifier!");if(!y[e])throw new Error("LoaderConfig for ".concat(e," was never set"));return y[e]}function x(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");y[e]=(0,i.D)(t,b);const r=(0,n.ek)(e);r&&(r.loader_config=y[e])}const w=(0,n.mF)().o;var _=r(385),E=r(6818);const T={buildEnv:E.Re,customTransaction:void 0,disabled:!1,distMethod:E.gF,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,offset:Math.floor(_._A?.performance?.timeOrigin||_._A?.performance?.timing?.navigationStart||Date.now()),onerror:void 0,origin:""+_._A.location,ptid:void 0,releaseIds:{},session:void 0,xhrWrappable:"function"==typeof _._A.XMLHttpRequest?.prototype?.addEventListener,version:E.q4,denyList:void 0},D={};function S(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!D[e])throw new Error("Runtime for ".concat(e," was never set"));return D[e]}function j(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");D[e]=(0,i.D)(t,T);const r=(0,n.ek)(e);r&&(r.runtime=D[e])}function R(e){return function(e){try{const t=s(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}(e)}},9567:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=r(50);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.Z)("Setting a Configurable requires an object as input");if(!t||"object"!=typeof t)return(0,n.Z)("Setting a Configurable requires a model to set its initial properties");const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),a=0===Object.keys(r).length?e:r;for(let o in a)if(void 0!==e[o])try{Array.isArray(e[o])&&Array.isArray(t[o])?r[o]=Array.from(new Set([...e[o],...t[o]])):"object"==typeof e[o]&&"object"==typeof t[o]?r[o]=i(e[o],t[o]):r[o]=e[o]}catch(e){(0,n.Z)("An error occurred while setting a property of a Configurable",e)}return r}catch(e){(0,n.Z)("An error occured while setting a Configurable",e)}}},6818:(e,t,r)=>{"use strict";r.d(t,{Re:()=>i,gF:()=>a,lF:()=>o,q4:()=>n});const n="1.248.0",i="PROD",a="CDN",o="2.0.0-alpha.11"},385:(e,t,r)=>{"use strict";r.d(t,{FN:()=>s,IF:()=>u,Nk:()=>f,Tt:()=>c,_A:()=>a,cv:()=>h,iS:()=>o,il:()=>n,ux:()=>d,v6:()=>i,w1:()=>l});const n="undefined"!=typeof window&&!!window.document,i="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=n?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),o=(a?.document?.readyState,Boolean("hidden"===a?.document?.visibilityState)),s=""+a?.location,c=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),d=c&&"undefined"==typeof SharedWorker,u=(()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),l=Boolean(n&&window.document.documentMode),f=!!a.navigator?.sendBeacon,h=Math.floor(a?.performance?.timeOrigin||a?.performance?.timing?.navigationStart||Date.now())},1117:(e,t,r)=>{"use strict";r.d(t,{w:()=>a});var n=r(50);const i={agentIdentifier:"",ee:void 0};class a{constructor(e){try{if("object"!=typeof e)return(0,n.Z)("shared context requires an object as input");this.sharedContext={},Object.assign(this.sharedContext,i),Object.entries(e).forEach((e=>{let[t,r]=e;Object.keys(i).includes(t)&&(this.sharedContext[t]=r)}))}catch(e){(0,n.Z)("An error occured while setting SharedContext",e)}}}},8e3:(e,t,r)=>{"use strict";r.d(t,{L:()=>u,R:()=>c});var n=r(8325),i=r(1284),a=r(4322),o=r(3325);const s={};function c(e,t){const r={staged:!1,priority:o.p[t]||0};d(e),s[e].get(t)||s[e].set(t,r)}function d(e){e&&(s[e]||(s[e]=new Map))}function u(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"feature";if(d(e),!e||!s[e].get(t))return o(t);s[e].get(t).staged=!0;const r=[...s[e]];function o(t){const r=e?n.ee.get(e):n.ee,o=a.X.handlers;if(r.backlog&&o){var s=r.backlog[t],c=o[t];if(c){for(var d=0;s&&d<s.length;++d)l(s[d],c);(0,i.D)(c,(function(e,t){(0,i.D)(t,(function(t,r){r[0].on(e,r[1])}))}))}delete o[t],r.backlog[t]=null,r.emit("drain-"+t,[])}}r.every((e=>{let[t,r]=e;return r.staged}))&&(r.sort(((e,t)=>e[1].priority-t[1].priority)),r.forEach((t=>{let[r]=t;s[e].delete(r),o(r)})))}function l(e,t){var r=e[1];(0,i.D)(t[r],(function(t,r){var n=e[0];if(r[0]===n){var i=r[1],a=e[3],o=e[2];i.apply(a,o)}}))}},8325:(e,t,r)=>{"use strict";r.d(t,{A:()=>c,ee:()=>d});var n=r(8632),i=r(2210),a=r(234);class o{constructor(e){this.contextId=e}}var s=r(3117);const c="nr@context:".concat(s.a),d=function e(t,r){var n={},s={},u={},f=!1;try{f=16===r.length&&(0,a.OP)(r).isolatedBacklog}catch(e){}var h={on:g,addEventListener:g,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,a){!1!==a&&(a=!0);if(d.aborted&&!i)return;t&&a&&t.emit(e,r,n);for(var o=p(n),c=m(e),u=c.length,l=0;l<u;l++)c[l].apply(o,r);var f=b()[s[e]];f&&f.push([h,e,r,o]);return o},get:v,listeners:m,context:p,buffer:function(e,t){const r=b();if(t=t||"feature",h.aborted)return;Object.entries(e||{}).forEach((e=>{let[n,i]=e;s[i]=t,t in r||(r[t]=[])}))},abort:l,aborted:!1,isBuffering:function(e){return!!b()[s[e]]},debugId:r,backlog:f?{}:t&&"object"==typeof t.backlog?t.backlog:{}};return h;function p(e){return e&&e instanceof o?e:e?(0,i.X)(e,c,(()=>new o(c))):new o(c)}function g(e,t){n[e]=m(e).concat(t)}function m(e){return n[e]||[]}function v(t){return u[t]=u[t]||e(h,t)}function b(){return h.backlog}}(void 0,"globalEE"),u=(0,n.fP)();function l(){d.aborted=!0,d.backlog={}}u.ee||(u.ee=d)},5546:(e,t,r)=>{"use strict";r.d(t,{E:()=>n,p:()=>i});var n=r(8325).ee.get("handle");function i(e,t,r,i,a){a?(a.buffer([e],i),a.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},4322:(e,t,r)=>{"use strict";r.d(t,{X:()=>a});var n=r(5546);a.on=o;var i=a.handlers={};function a(e,t,r,a){o(a||n.E,i,e,t,r)}function o(e,t,r,i,a){a||(a="feature"),e||(e=n.E);var o=t[a]=t[a]||{};(o[r]=o[r]||[]).push([e,i])}},3239:(e,t,r)=>{"use strict";r.d(t,{bP:()=>s,iz:()=>c,m$:()=>o});var n=r(385);let i=!1,a=!1;try{const e={get passive(){return i=!0,!1},get signal(){return a=!0,!1}};n._A.addEventListener("test",null,e),n._A.removeEventListener("test",null,e)}catch(e){}function o(e,t){return i||a?{capture:!!e,passive:i,signal:t}:!!e}function s(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3?arguments[3]:void 0;window.addEventListener(e,t,o(r,n))}function c(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3?arguments[3]:void 0;document.addEventListener(e,t,o(r,n))}},3117:(e,t,r)=>{"use strict";r.d(t,{a:()=>n});const n=(0,r(4402).Rl)()},4402:(e,t,r)=>{"use strict";r.d(t,{Ht:()=>d,M:()=>c,Rl:()=>o,ky:()=>s});var n=r(385);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function a(e,t){return e?15&e[t]:16*Math.random()|0}function o(){const e=n._A?.crypto||n._A?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(31))),i.split("").map((e=>"x"===e?a(t,++r).toString(16):"y"===e?(3&a()|8).toString(16):e)).join("")}function s(e){const t=n._A?.crypto||n._A?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(31)));const o=[];for(var s=0;s<e;s++)o.push(a(r,++i).toString(16));return o.join("")}function c(){return s(16)}function d(){return s(32)}},7056:(e,t,r)=>{"use strict";r.d(t,{Bq:()=>n,Hb:()=>a,oD:()=>i});const n="NRBA",i=144e5,a=18e5},7894:(e,t,r)=>{"use strict";function n(){return Math.round(performance.now())}r.d(t,{z:()=>n})},7243:(e,t,r)=>{"use strict";r.d(t,{e:()=>i});var n=r(385);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n._A?.location?.protocol&&t.host===n._A?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},50:(e,t,r)=>{"use strict";function n(e,t){"function"==typeof console.warn&&(console.warn("New Relic: ".concat(e)),t&&console.warn(t))}r.d(t,{Z:()=>n})},2825:(e,t,r)=>{"use strict";r.d(t,{N:()=>u,T:()=>l});var n=r(8325),i=r(5546),a=r(3325),o=r(385);const s="newrelic";const c={stn:[a.D.sessionTrace],err:[a.D.jserrors,a.D.metrics],ins:[a.D.pageAction],spa:[a.D.spa],sr:[a.D.sessionReplay,a.D.sessionTrace]},d=new Set;function u(e,t){const r=n.ee.get(t);e&&"object"==typeof e&&(d.has(t)||(Object.entries(e).forEach((e=>{let[t,n]=e;c[t]?c[t].forEach((e=>{n?(0,i.p)("feat-"+t,[],void 0,e,r):(0,i.p)("block-"+t,[],void 0,e,r),(0,i.p)("rumresp-"+t,[Boolean(n)],void 0,e,r)})):n&&(0,i.p)("feat-"+t,[],void 0,void 0,r),l[t]=Boolean(n)})),Object.keys(c).forEach((e=>{void 0===l[e]&&(c[e]?.forEach((t=>(0,i.p)("rumresp-"+e,[!1],void 0,t,r))),l[e]=!1)})),d.add(t),function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{o._A.dispatchEvent(new CustomEvent(s,{detail:e}))}catch(e){}}({loaded:!0})))}const l={}},2210:(e,t,r)=>{"use strict";r.d(t,{X:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},1284:(e,t,r)=>{"use strict";r.d(t,{D:()=>n});const n=(e,t)=>Object.entries(e||{}).map((e=>{let[r,n]=e;return t(r,n)}))},4351:(e,t,r)=>{"use strict";r.d(t,{P:()=>a});var n=r(8325);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function a(e){try{return JSON.stringify(e,i())}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}}}},3960:(e,t,r)=>{"use strict";r.d(t,{KB:()=>o,b2:()=>a});var n=r(3239);function i(){return"undefined"==typeof document||"complete"===document.readyState}function a(e,t){if(i())return e();(0,n.bP)("load",e,t)}function o(e){if(i())return e();(0,n.iz)("DOMContentLoaded",e)}},8632:(e,t,r)=>{"use strict";r.d(t,{EZ:()=>u,ce:()=>a,ek:()=>d,fP:()=>o,gG:()=>l,h5:()=>c,mF:()=>s});var n=r(7894),i=r(385);const a={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function o(){return i._A.NREUM||(i._A.NREUM={}),void 0===i._A.newrelic&&(i._A.newrelic=i._A.NREUM),i._A.NREUM}function s(){let e=o();return e.o||(e.o={ST:i._A.setTimeout,SI:i._A.setImmediate,CT:i._A.clearTimeout,XHR:i._A.XMLHttpRequest,REQ:i._A.Request,EV:i._A.Event,PR:i._A.Promise,MO:i._A.MutationObserver,FETCH:i._A.fetch}),e}function c(e,t){let r=o();r.initializedAgents??={},t.initializedAt={ms:(0,n.z)(),date:new Date},r.initializedAgents[e]=t}function d(e){let t=o();return t.initializedAgents?.[e]}function u(e,t){o()[e]=t}function l(){return function(){let e=o();const t=e.info||{};e.info={beacon:a.beacon,errorBeacon:a.errorBeacon,...t}}(),function(){let e=o();const t=e.init||{};e.init={...t}}(),s(),function(){let e=o();const t=e.loader_config||{};e.loader_config={...t}}(),o()}},7956:(e,t,r)=>{"use strict";r.d(t,{N:()=>i});var n=r(3239);function i(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0;(0,n.iz)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},1214:(e,t,r)=>{"use strict";r.d(t,{em:()=>b,u5:()=>S,QU:()=>C,Kf:()=>N});var n=r(8325),i=r(3117);const a="nr@original:".concat(i.a);var o=Object.prototype.hasOwnProperty,s=!1;function c(e,t){return e||(e=n.ee),r.inPlace=function(e,t,n,i,a){n||(n="");const o="-"===n.charAt(0);for(let s=0;s<t.length;s++){const c=t[s],d=e[c];u(d)||(e[c]=r(d,o?c+n:n,i,c,a))}},r.flag=a,r;function r(t,r,n,s,c){return u(t)?t:(r||(r=""),nrWrapper[a]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){d([e],r)}for(var n in e)o.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var a,o,u,l;try{o=this,a=[...arguments],u="function"==typeof n?n(a,o):n||{}}catch(t){d([t,"",[a,o,s],u],e)}i(r+"start",[a,o,s],u,c);try{return l=t.apply(o,a)}catch(e){throw i(r+"err",[a,o,e],u,c),e}finally{i(r+"end",[a,o,l],u,c)}}}function i(r,n,i,a){if(!s||t){var o=s;s=!0;try{e.emit(r,n,i,t,a)}catch(t){d([t,r,n,i],e)}s=o}}}function d(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function u(e){return!(e&&"function"==typeof e&&e.apply&&!e[a])}var l=r(2210),f=r(385);const h={},p=f._A.XMLHttpRequest,g="addEventListener",m="removeEventListener",v="nr@wrapped:".concat(n.A);function b(e){var t=function(e){return(e||n.ee).get("events")}(e);if(h[t.debugId]++)return t;h[t.debugId]=1;var r=c(t,!0);function i(e){r.inPlace(e,[g,m],"-",a)}function a(e,t){return e[1]}return"getPrototypeOf"in Object&&(f.il&&y(document,i),y(f._A,i),y(p.prototype,i)),t.on(g+"-start",(function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)){var i=(0,l.X)(n,v,(function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n}));this.wrapped=e[1]=i}})),t.on(m+"-start",(function(e){e[1]=this.wrapped||e[1]})),t}function y(e,t){let r=e;for(;"object"==typeof r&&!Object.prototype.hasOwnProperty.call(r,g);)r=Object.getPrototypeOf(r);for(var n=arguments.length,i=new Array(n>2?n-2:0),a=2;a<n;a++)i[a-2]=arguments[a];r&&t(r,...i)}var A="fetch-",x=A+"body-",w=["arrayBuffer","blob","json","text","formData"],_=f._A.Request,E=f._A.Response,T="prototype";const D={};function S(e){const t=function(e){return(e||n.ee).get("fetch")}(e);if(!(_&&E&&f._A.fetch))return t;if(D[t.debugId]++)return t;function r(e,r,i){var a=e[r];"function"==typeof a&&(e[r]=function(){var e,r=[...arguments],o={};t.emit(i+"before-start",[r],o),o[n.A]&&o[n.A].dt&&(e=o[n.A].dt);var s=a.apply(this,r);return t.emit(i+"start",[r,e],s),s.then((function(e){return t.emit(i+"end",[null,e],s),e}),(function(e){throw t.emit(i+"end",[e],s),e}))})}return D[t.debugId]=1,w.forEach((e=>{r(_[T],e,x),r(E[T],e,x)})),r(f._A,"fetch",A),t.on(A+"end",(function(e,r){var n=this;if(r){var i=r.headers.get("content-length");null!==i&&(n.rxSize=i),t.emit(A+"done",[null,r],n)}else t.emit(A+"done",[e],n)})),t}const j={},R=["pushState","replaceState"];function C(e){const t=function(e){return(e||n.ee).get("history")}(e);return!f.il||j[t.debugId]++||(j[t.debugId]=1,c(t).inPlace(window.history,R,"-")),t}var P=r(3239);var O=r(50);const k={},I=["open","send"];function N(e){var t=e||n.ee;const r=function(e){return(e||n.ee).get("xhr")}(t);if(k[r.debugId]++)return r;k[r.debugId]=1,b(t);var i=c(r),a=f._A.XMLHttpRequest,o=f._A.MutationObserver,s=f._A.Promise,d=f._A.setInterval,u="readystatechange",l=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],h=[],p=f._A.XMLHttpRequest=function(e){const t=new a(e),n=r.context(t);try{r.emit("new-xhr",[t],n),t.addEventListener(u,(o=n,function(){var e=this;e.readyState>3&&!o.resolved&&(o.resolved=!0,r.emit("xhr-resolved",[],e)),i.inPlace(e,l,"fn-",x)}),(0,P.m$)(!1))}catch(e){(0,O.Z)("An error occurred while intercepting XHR",e);try{r.emit("internal-error",[e])}catch(e){}}var o;return t};function g(e,t){i.inPlace(t,["onreadystatechange"],"fn-",x)}if(function(e,t){for(var r in e)t[r]=e[r]}(a,p),p.prototype=a.prototype,i.inPlace(p.prototype,I,"-xhr-",x),r.on("send-xhr-start",(function(e,t){g(e,t),function(e){h.push(e),o&&(m?m.then(A):d?d(A):(v=-v,y.data=v))}(t)})),r.on("open-xhr-start",g),o){var m=s&&s.resolve();if(!d&&!s){var v=1,y=document.createTextNode(v);new o(A).observe(y,{characterData:!0})}}else t.on("fn-end",(function(e){e[0]&&e[0].type===u||A()}));function A(){for(var e=0;e<h.length;e++)g(0,h[e]);h.length&&(h=[])}function x(e,t){return t}return r}},7825:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.ajax},6660:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.jserrors},3081:(e,t,r)=>{"use strict";r.d(t,{gF:()=>a,mY:()=>i,t9:()=>n,vz:()=>s,xS:()=>o});const n=r(3325).D.metrics,i="sm",a="cm",o="storeSupportabilityMetrics",s="storeEventMetrics"},4649:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageAction},7633:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageViewEvent},9251:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageViewTiming},7144:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.sessionReplay},3614:(e,t,r)=>{"use strict";r.d(t,{BST_RESOURCE:()=>i,END:()=>s,FEATURE_NAME:()=>n,FN_END:()=>d,FN_START:()=>c,PUSH_STATE:()=>u,RESOURCE:()=>a,START:()=>o});const n=r(3325).D.sessionTrace,i="bstResource",a="resource",o="-start",s="-end",c="fn"+o,d="fn"+s,u="pushState"},5938:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var n=r(8325);class i{constructor(e,t,r){this.agentIdentifier=e,this.aggregator=t,this.ee=n.ee.get(e),this.featureName=r,this.blocked=!1}}},7530:(e,t,r)=>{"use strict";r.d(t,{j:()=>b});var n=r(3325),i=r(234),a=r(5546),o=r(8325),s=r(7894),c=r(8e3),d=r(3960),u=r(385),l=r(50),f=r(3081),h=r(8632);function p(){const e=(0,h.gG)();["setErrorHandler","finished","addToTrace","addRelease","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start","recordReplay","pauseReplay"].forEach((t=>{e[t]=function(){for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return function(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];let a=[];return Object.values(e.initializedAgents).forEach((e=>{e.exposed&&e.api[t]&&a.push(e.api[t](...n))})),a.length>1?a:a[0]}(t,...n)}}))}var g=r(2825);const m=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};let v=!1;function b(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},b=arguments.length>2?arguments[2]:void 0,y=arguments.length>3?arguments[3]:void 0,{init:A,info:x,loader_config:w,runtime:_={loaderType:b},exposed:E=!0}=t;const T=(0,h.gG)();x||(A=T.init,x=T.info,w=T.loader_config),(0,i.Dg)(e.agentIdentifier,A||{}),(0,i.GE)(e.agentIdentifier,w||{}),x.jsAttributes??={},u.v6&&(x.jsAttributes.isWorker=!0),(0,i.CX)(e.agentIdentifier,x);const D=(0,i.P_)(e.agentIdentifier),S=[x.beacon,x.errorBeacon];v||(D.proxy.assets&&(m(D.proxy.assets),S.push(D.proxy.assets)),D.proxy.beacon&&S.push(D.proxy.beacon),p(),(0,h.EZ)("activatedFeatures",g.T)),_.denyList=[...D.ajax.deny_list||[],...D.ajax.block_internal?S:[]],(0,i.sU)(e.agentIdentifier,_),void 0===e.api&&(e.api=function(e,t){t||(0,c.R)(e,"api");const h={};var p=o.ee.get(e),g=p.get("tracer"),m="api-",v=m+"ixn-";function b(t,r,n,a){const o=(0,i.C5)(e);return null===r?delete o.jsAttributes[t]:(0,i.CX)(e,{...o,jsAttributes:{...o.jsAttributes,[t]:r}}),x(m,n,!0,a||null===r?"session":void 0)(t,r)}function y(){}["setErrorHandler","finished","addToTrace","addRelease"].forEach((e=>{h[e]=x(m,e,!0,"api")})),h.addPageAction=x(m,"addPageAction",!0,n.D.pageAction),h.setCurrentRouteName=x(m,"routeName",!0,n.D.spa),h.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,i.OP)(e).customTransaction=(r||"http://custom.transaction")+t,x(m,"setPageViewName",!0)()},h.setCustomAttribute=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return b(e,t,"setCustomAttribute",r);(0,l.Z)("Failed to execute setCustomAttribute.\nNon-null value must be a string, number or boolean type, but a type of <".concat(typeof t,"> was provided."))}else(0,l.Z)("Failed to execute setCustomAttribute.\nName must be a string type, but a type of <".concat(typeof e,"> was provided."))},h.setUserId=function(e){if("string"==typeof e||null===e)return b("enduser.id",e,"setUserId",!0);(0,l.Z)("Failed to execute setUserId.\nNon-null value must be a string type, but a type of <".concat(typeof e,"> was provided."))},h.setApplicationVersion=function(e){if("string"==typeof e||null===e)return b("application.version",e,"setApplicationVersion",!1);(0,l.Z)("Failed to execute setApplicationVersion. Expected <String | null>, but got <".concat(typeof e,">."))},h.start=e=>{try{const t=e?"defined":"undefined";(0,a.p)(f.xS,["API/start/".concat(t,"/called")],void 0,n.D.metrics,p);const r=Object.values(n.D);if(void 0===e)e=r;else{if((e=Array.isArray(e)&&e.length?e:[e]).some((e=>!r.includes(e))))return(0,l.Z)("Invalid feature name supplied. Acceptable feature names are: ".concat(r));e.includes(n.D.pageViewEvent)||e.push(n.D.pageViewEvent)}e.forEach((e=>{p.emit("".concat(e,"-opt-in"))}))}catch(e){(0,l.Z)("An unexpected issue occurred",e)}},h.recordReplay=function(){(0,a.p)(f.xS,["API/recordReplay/called"],void 0,n.D.metrics,p),(0,a.p)("recordReplay",[],void 0,n.D.sessionReplay,p)},h.pauseReplay=function(){(0,a.p)(f.xS,["API/pauseReplay/called"],void 0,n.D.metrics,p),(0,a.p)("pauseReplay",[],void 0,n.D.sessionReplay,p)},h.interaction=function(){return(new y).get()};var A=y.prototype={createTracer:function(e,t){var r={},i=this,o="function"==typeof t;return(0,a.p)(f.xS,["API/createTracer/called"],void 0,n.D.metrics,p),(0,a.p)(v+"tracer",[(0,s.z)(),e,r],i,n.D.spa,p),function(){if(g.emit((o?"":"no-")+"fn-start",[(0,s.z)(),i,o],r),o)try{return t.apply(this,arguments)}catch(e){throw g.emit("fn-err",[arguments,this,e],r),e}finally{g.emit("fn-end",[(0,s.z)()],r)}}}};function x(e,t,r,i){return function(){return(0,a.p)(f.xS,["API/"+t+"/called"],void 0,n.D.metrics,p),i&&(0,a.p)(e+t,[(0,s.z)(),...arguments],r?null:this,i,p),r?void 0:this}}function w(){r.e(63).then(r.bind(r,7438)).then((t=>{let{setAPI:r}=t;r(e),(0,c.L)(e,"api")})).catch((()=>(0,l.Z)("Downloading runtime APIs failed...")))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{A[e]=x(v,e,void 0,n.D.spa)})),h.noticeError=function(e,t){"string"==typeof e&&(e=new Error(e)),(0,a.p)(f.xS,["API/noticeError/called"],void 0,n.D.metrics,p),(0,a.p)("err",[e,(0,s.z)(),!1,t],void 0,n.D.jserrors,p)},u.il?(0,d.b2)((()=>w()),!0):w(),h}(e.agentIdentifier,y)),void 0===e.exposed&&(e.exposed=E),v=!0}},1926:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},3325:(e,t,r)=>{"use strict";r.d(t,{D:()=>n,p:()=>i});const n={ajax:"ajax",jserrors:"jserrors",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",spa:"spa"},i={[n.pageViewEvent]:1,[n.pageViewTiming]:2,[n.metrics]:3,[n.jserrors]:4,[n.ajax]:5,[n.sessionTrace]:6,[n.pageAction]:7,[n.spa]:8,[n.sessionReplay]:9}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return r[e](a,a.exports,i),a.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>({63:"nr-full",110:"nr-full-compressor",379:"nr-full-recorder"}[e]+"-1.248.0.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.248.0.PROD:",i.l=(r,n,a,o)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==a)for(var d=document.getElementsByTagName("script"),u=0;u<d.length;u++){var l=d[u];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+a){s=l;break}}s||(c=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+a),s.src=r,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),s.integrity=i.sriHashes[o],s.crossOrigin="anonymous"),e[r]=[n];var f=(t,n)=>{s.onerror=s.onload=null,clearTimeout(h);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(n))),t)return t(n)},h=setTimeout(f.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=f.bind(null,s.onerror),s.onload=f.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",i.sriHashes={63:"sha512-SIaXPLKlh3HV2oRK5bWCYcTyu19+F1rEGmNbcuuAKur3ywZ0Hej3kAH7KGI46Txu3LrMXd8xRsuAPxTZtDbA5w=="},(()=>{var e={29:0,789:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var a=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=a);var o=i.p+i.u(t),s=new Error;i.l(o,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var a=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+a+": "+o+")",s.name="ChunkLoadError",s.type=a,s.request=o,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,a,[o,s,c]=r,d=0;if(o.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);d<o.length;d++)a=o[d],i.o(e,a)&&e[a]&&e[a][0](),e[a]=0},r=self["webpackChunk:NRBA-1.248.0.PROD"]=self["webpackChunk:NRBA-1.248.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(1926);var e=i(50);class t{addPageAction(t,r){(0,e.Z)("Call to agent api addPageAction failed. The page action feature is not currently initialized.")}setPageViewName(t,r){(0,e.Z)("Call to agent api setPageViewName failed. The page view feature is not currently initialized.")}setCustomAttribute(t,r,n){(0,e.Z)("Call to agent api setCustomAttribute failed. The js errors feature is not currently initialized.")}noticeError(t,r){(0,e.Z)("Call to agent api noticeError failed. The js errors feature is not currently initialized.")}setUserId(t){(0,e.Z)("Call to agent api setUserId failed. The js errors feature is not currently initialized.")}setApplicationVersion(t){(0,e.Z)("Call to agent api setApplicationVersion failed. The agent is not currently initialized.")}setErrorHandler(t){(0,e.Z)("Call to agent api setErrorHandler failed. The js errors feature is not currently initialized.")}finished(t){(0,e.Z)("Call to agent api finished failed. The page action feature is not currently initialized.")}addRelease(t,r){(0,e.Z)("Call to agent api addRelease failed. The js errors feature is not currently initialized.")}start(t){(0,e.Z)("Call to agent api addRelease failed. The agent is not currently initialized.")}recordReplay(){(0,e.Z)("Call to agent api recordReplay failed. The agent is not currently initialized.")}pauseReplay(){(0,e.Z)("Call to agent api pauseReplay failed. The agent is not currently initialized.")}}var r=i(3325),n=i(234);const a=Object.values(r.D);function o(e){const t={};return a.forEach((r=>{t[r]=function(e,t){return!1!==(0,n.Mt)(t,"".concat(e,".enabled"))}(r,e)})),t}var s=i(7530);var c=i(8e3),d=i(5938),u=i(3960),l=i(385);class f extends d.W{constructor(e,t,r){let i=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];super(e,t,r),this.auto=i,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===(0,n.Mt)(this.agentIdentifier,"".concat(this.featureName,".autoStart"))&&(this.auto=!1),this.auto&&(0,c.R)(e,r)}importAggregator(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.featAggregate)return;if(!this.auto)return void this.ee.on("".concat(this.featureName,"-opt-in"),(()=>{(0,c.R)(this.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator()}));const r=l.il&&!0===(0,n.Mt)(this.agentIdentifier,"privacy.cookies_enabled");let a;this.onAggregateImported=new Promise((e=>{a=e}));const o=async()=>{let n;try{if(r){const{setupAgentSession:e}=await i.e(63).then(i.bind(i,3228));n=e(this.agentIdentifier)}}catch(t){(0,e.Z)("A problem occurred when starting up session manager. This page will not start or extend any session.",t)}try{if(!this.shouldImportAgg(this.featureName,n))return(0,c.L)(this.agentIdentifier,this.featureName),void a(!1);const{lazyFeatureLoader:e}=await i.e(63).then(i.bind(i,8582)),{Aggregate:r}=await e(this.featureName,"aggregate");this.featAggregate=new r(this.agentIdentifier,this.aggregator,t),a(!0)}catch(t){(0,e.Z)("Downloading and initializing ".concat(this.featureName," failed..."),t),this.abortHandler?.(),(0,c.L)(this.agentIdentifier,this.featureName),a(!1)}};l.il?(0,u.b2)((()=>o()),!0):o()}shouldImportAgg(e,t){return e!==r.D.sessionReplay||!!n.Yu.MO&&(!1!==(0,n.Mt)(this.agentIdentifier,"session_trace.enabled")&&(!!t?.isNew||!!t?.state.sessionReplayMode))}}var h=i(7633);class p extends f{static featureName=h.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,h.t,r),this.importAggregator()}}var g=i(1117),m=i(1284);class v extends g.w{constructor(e){super(e),this.aggregatedData={}}store(e,t,r,n,i){var a=this.getBucket(e,t,r,i);return a.metrics=function(e,t){t||(t={count:0});return t.count+=1,(0,m.D)(e,(function(e,r){t[e]=b(r,t[e])})),t}(n,a.metrics),a}merge(e,t,r,n,i){var a=this.getBucket(e,t,n,i);if(a.metrics){var o=a.metrics;o.count+=r.count,(0,m.D)(r,(function(e,t){if("count"!==e){var n=o[e],i=r[e];i&&!i.c?o[e]=b(i.t,n):o[e]=function(e,t){if(!t)return e;t.c||(t=y(t.t));return t.min=Math.min(e.min,t.min),t.max=Math.max(e.max,t.max),t.t+=e.t,t.sos+=e.sos,t.c+=e.c,t}(i,o[e])}}))}else a.metrics=r}storeMetric(e,t,r,n){var i=this.getBucket(e,t,r);return i.stats=b(n,i.stats),i}getBucket(e,t,r,n){this.aggregatedData[e]||(this.aggregatedData[e]={});var i=this.aggregatedData[e][t];return i||(i=this.aggregatedData[e][t]={params:r||{}},n&&(i.custom=n)),i}get(e,t){return t?this.aggregatedData[e]&&this.aggregatedData[e][t]:this.aggregatedData[e]}take(e){for(var t={},r="",n=!1,i=0;i<e.length;i++)t[r=e[i]]=A(this.aggregatedData[r]),t[r].length&&(n=!0),delete this.aggregatedData[r];return n?t:null}}function b(e,t){return null==e?function(e){e?e.c++:e={c:1};return e}(t):t?(t.c||(t=y(t.t)),t.c+=1,t.t+=e,t.sos+=e*e,e>t.max&&(t.max=e),e<t.min&&(t.min=e),t):{t:e}}function y(e){return{t:e,min:e,max:e,sos:e*e,c:1}}function A(e){return"object"!=typeof e?[]:(0,m.D)(e,x)}function x(e,t){return t}var w=i(8632),_=i(4402),E=i(4351);var T=i(5546),D=i(7956),S=i(3239),j=i(7894),R=i(9251);class C extends f{static featureName=R.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,R.t,r),l.il&&((0,D.N)((()=>(0,T.p)("docHidden",[(0,j.z)()],void 0,R.t,this.ee)),!0),(0,S.bP)("pagehide",(()=>(0,T.p)("winPagehide",[(0,j.z)()],void 0,R.t,this.ee))),this.importAggregator())}}var P=i(3081);class O extends f{static featureName=P.t9;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,P.t9,r),this.importAggregator()}}var k=i(6660);class I{constructor(e,t,r,n){this.name="UncaughtError",this.message=e,this.sourceURL=t,this.line=r,this.column=n}}class N extends f{static featureName=k.t;#e=new Set;constructor(e,t){let n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,k.t,n);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("fn-err",((e,t,n)=>{this.abortHandler&&!this.#e.has(n)&&(this.#e.add(n),(0,T.p)("err",[this.#t(n),(0,j.z)()],void 0,r.D.jserrors,this.ee))})),this.ee.on("internal-error",(e=>{this.abortHandler&&(0,T.p)("ierr",[this.#t(e),(0,j.z)(),!0],void 0,r.D.jserrors,this.ee)})),l._A.addEventListener("unhandledrejection",(e=>{this.abortHandler&&(0,T.p)("err",[this.#r(e),(0,j.z)(),!1,{unhandledPromiseRejection:1}],void 0,r.D.jserrors,this.ee)}),(0,S.m$)(!1,this.removeOnAbort?.signal)),l._A.addEventListener("error",(e=>{this.abortHandler&&(this.#e.has(e.error)?this.#e.delete(e.error):(0,T.p)("err",[this.#n(e),(0,j.z)()],void 0,r.D.jserrors,this.ee))}),(0,S.m$)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#i,this.importAggregator()}#i(){this.removeOnAbort?.abort(),this.#e.clear(),this.abortHandler=void 0}#t(e){return e instanceof Error?e:void 0!==e?.message?new I(e.message,e.filename||e.sourceURL,e.lineno||e.line,e.colno||e.col):new I("string"==typeof e?e:(0,E.P)(e))}#r(e){let t="Unhandled Promise Rejection: ";if(e?.reason instanceof Error)try{return e.reason.message=t+e.reason.message,e.reason}catch(t){return e.reason}if(void 0===e.reason)return new I(t);const r=this.#t(e.reason);return r.message=t+r.message,r}#n(e){return e.error instanceof Error?e.error:new I(e.message,e.filename,e.lineno,e.colno)}}var H=i(2210);let z=1;const M="nr@id";function L(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===l._A?0:(0,H.X)(e,M,(function(){return z++}))}function Z(e){if("string"==typeof e&&e.length)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,E.P)(e).length}catch(e){return}}}var F=i(1214),B=i(7243);class U{constructor(e){this.agentIdentifier=e}generateTracePayload(e){if(!this.shouldGenerateTrace(e))return null;var t=(0,n.DL)(this.agentIdentifier);if(!t)return null;var r=(t.accountID||"").toString()||null,i=(t.agentID||"").toString()||null,a=(t.trustKey||"").toString()||null;if(!r||!i)return null;var o=(0,_.M)(),s=(0,_.Ht)(),c=Date.now(),d={spanId:o,traceId:s,timestamp:c};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(d.traceContextParentHeader=this.generateTraceContextParentHeader(o,s),d.traceContextStateHeader=this.generateTraceContextStateHeader(o,c,r,i,a)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(d.newrelicHeader=this.generateTraceHeader(o,s,c,r,i,a)),d}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,a){if(!("function"==typeof l._A?.btoa))return null;var o={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return a&&n!==a&&(o.d.tk=a),btoa((0,E.P)(o))}shouldGenerateTrace(e){return this.isDtEnabled()&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1,r={};if((0,n.Mt)(this.agentIdentifier,"distributed_tracing")&&(r=(0,n.P_)(this.agentIdentifier).distributed_tracing),e.sameOrigin)t=!0;else if(r.allowed_origins instanceof Array)for(var i=0;i<r.allowed_origins.length;i++){var a=(0,B.e)(r.allowed_origins[i]);if(e.hostname===a.hostname&&e.protocol===a.protocol&&e.port===a.port){t=!0;break}}return t}isDtEnabled(){var e=(0,n.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.enabled}excludeNewrelicHeader(){var e=(0,n.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=(0,n.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=(0,n.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.cors_use_tracecontext_headers}}var V=i(7825),q=["load","error","abort","timeout"],G=q.length,W=n.Yu.REQ,X=n.Yu.XHR;class K extends f{static featureName=V.t;constructor(e,t){let i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(super(e,t,V.t,i),(0,n.OP)(e).xhrWrappable){this.dt=new U(e),this.handler=(e,t,r,n)=>(0,T.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};l._A?.performance?.getEntriesByType("resource").forEach((t=>{if(t.initiatorType in e&&0!==t.responseStatus){const n={status:t.responseStatus},i={rxSize:t.transferSize,duration:Math.floor(t.duration),cbTime:0};Q(n,t.name),this.handler("xhr",[n,i,t.startTime,t.responseEnd,e[t.initiatorType]],void 0,r.D.ajax)}}))}catch(e){}(0,F.u5)(this.ee),(0,F.Kf)(this.ee),function(e,t,i,a){function o(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=w,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},e.addEventListener("load",(function(r){_(t,e)}),(0,S.m$)(!1)),l.IF||e.addEventListener("progress",(function(e){t.lastSize=e.loaded}),(0,S.m$)(!1))}function s(e){this.params={method:e[0]},Q(this,e[1]),this.metrics={}}function c(t,r){var i=(0,n.DL)(e);i.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",i.xpid);var o=a.generateTracePayload(this.parsedOrigin);if(o){var s=!1;o.newrelicHeader&&(r.setRequestHeader("newrelic",o.newrelicHeader),s=!0),o.traceContextParentHeader&&(r.setRequestHeader("traceparent",o.traceContextParentHeader),o.traceContextStateHeader&&r.setRequestHeader("tracestate",o.traceContextStateHeader),s=!0),s&&(this.dt=o)}}function d(e,r){var n=this.metrics,i=e[0],a=this;if(n&&i){var o=Z(i);o&&(n.txSize=o)}this.startTime=(0,j.z)(),this.body=i,this.listener=function(e){try{"abort"!==e.type||a.loadCaptureCalled||(a.params.aborted=!0),("load"!==e.type||a.called===a.totalCbs&&(a.onloadCalled||"function"!=typeof r.onload)&&"function"==typeof a.end)&&a.end(r)}catch(e){try{t.emit("internal-error",[e])}catch(e){}}};for(var s=0;s<G;s++)r.addEventListener(q[s],this.listener,(0,S.m$)(!1))}function u(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function f(e,t){var r=""+L(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function h(e,t){var r=""+L(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function p(){this.endTime=(0,j.z)()}function g(e,r){r instanceof X&&"load"===e[0]&&t.emit("xhr-load-added",[e[1],e[2]],r)}function m(e,r){r instanceof X&&"load"===e[0]&&t.emit("xhr-load-removed",[e[1],e[2]],r)}function v(e,t,r){t instanceof X&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,j.z)()))}function b(e,r){this.xhrCbStart&&t.emit("xhr-cb-time",[(0,j.z)()-this.xhrCbStart,this.onload,r],r)}function y(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&l.il&&(t=""+l._A.location.href):e[0]&&e[0].url?t=e[0].url:l._A?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,B.e)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=a.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)s(e[0].headers,n)&&(this.dt=n);else{var i={};for(var o in r)i[o]=r[o];i.headers=new Headers(r.headers||{}),s(i.headers,n)&&(this.dt=n),e.length>1?e[1]=i:e.push(i)}}function s(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function A(e,t){this.params={},this.metrics={},this.startTime=(0,j.z)(),this.dt=t,e.length>=1&&(this.target=e[0]),e.length>=2&&(this.opts=e[1]);var r,n=this.opts||{},i=this.target;"string"==typeof i?r=i:"object"==typeof i&&i instanceof W?r=i.url:l._A?.URL&&"object"==typeof i&&i instanceof URL&&(r=i.href),Q(this,r);var a=(""+(i&&i instanceof W&&i.method||n.method||"GET")).toUpperCase();this.params.method=a,this.body=n.body,this.txSize=Z(n.body)||0}function x(e,t){var n;this.endTime=(0,j.z)(),this.params||(this.params={}),this.params.status=t?t.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(n=+this.rxSize);var a={txSize:this.txSize,rxSize:n,duration:(0,j.z)()-this.startTime};i("xhr",[this.params,a,this.startTime,this.endTime,"fetch"],this,r.D.ajax)}function w(e){var t=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(var a=0;a<G;a++)e.removeEventListener(q[a],this.listener,!1);t.aborted||(n.duration=(0,j.z)()-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):_(this,e),n.cbTime=this.cbTime,i("xhr",[t,n,this.startTime,this.endTime,"xhr"],this,r.D.ajax))}}function _(e,t){e.params.status=t.status;var r=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?Z(e.response):"text"===r||""===r||void 0===r?Z(e.responseText):void 0}(t,e.lastSize);if(r&&(e.metrics.rxSize=r),e.sameOrigin){var n=t.getResponseHeader("X-NewRelic-App-Data");n&&(e.params.cat=n.split(", ").pop())}e.loadCaptureCalled=!0}t.on("new-xhr",o),t.on("open-xhr-start",s),t.on("open-xhr-end",c),t.on("send-xhr-start",d),t.on("xhr-cb-time",u),t.on("xhr-load-added",f),t.on("xhr-load-removed",h),t.on("xhr-resolved",p),t.on("addEventListener-end",g),t.on("removeEventListener-end",m),t.on("fn-end",b),t.on("fetch-before-start",y),t.on("fetch-start",A),t.on("fn-start",v),t.on("fetch-done",x)}(e,this.ee,this.handler,this.dt),this.importAggregator()}}}function Q(e,t){var r=(0,B.e)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}var Y=i(3614);const{BST_RESOURCE:J,RESOURCE:ee,START:te,END:re,FEATURE_NAME:ne,FN_END:ie,FN_START:ae,PUSH_STATE:oe}=Y;var se=i(7144);class ce extends f{static featureName=se.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,se.t,r),this.importAggregator()}}var de=i(4649);class ue extends f{static featureName=de.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,de.t,r),this.importAggregator()}}new class extends t{constructor(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(0,_.ky)(16);super(),l._A?(this.agentIdentifier=r,this.sharedAggregator=new v({agentIdentifier:this.agentIdentifier}),this.features={},(0,w.h5)(r,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(p),(0,s.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.Z)("Failed to initial the agent. Could not determine the runtime environment.")}get config(){return{info:(0,n.C5)(this.agentIdentifier),init:(0,n.P_)(this.agentIdentifier),loader_config:(0,n.DL)(this.agentIdentifier),runtime:(0,n.OP)(this.agentIdentifier)}}run(){try{const t=o(this.agentIdentifier),n=[...this.desiredFeatures];n.sort(((e,t)=>r.p[e.featureName]-r.p[t.featureName])),n.forEach((n=>{if(t[n.featureName]||n.featureName===r.D.pageViewEvent){const i=function(e){switch(e){case r.D.ajax:return[r.D.jserrors];case r.D.sessionTrace:return[r.D.ajax,r.D.pageViewEvent];case r.D.sessionReplay:return[r.D.sessionTrace];case r.D.pageViewTiming:return[r.D.pageViewEvent];default:return[]}}(n.featureName);i.every((e=>t[e]))||(0,e.Z)("".concat(n.featureName," is enabled but one or more dependent features has been disabled (").concat((0,E.P)(i),"). This may cause unintended consequences or missing data...")),this.features[n.featureName]=new n(this.agentIdentifier,this.sharedAggregator)}}))}catch(t){(0,e.Z)("Failed to initialize all enabled instrument classes (agent aborted) -",t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,w.fP)();return delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator,r.ee?.abort(),delete r.ee?.get(this.agentIdentifier),!1}}addToTrace(t){(0,e.Z)("Call to agent api addToTrace failed. The session trace feature is not currently initialized.")}setCurrentRouteName(t){(0,e.Z)("Call to agent api setCurrentRouteName failed. The spa feature is not currently initialized.")}interaction(){(0,e.Z)("Call to agent api interaction failed. The spa feature is not currently initialized.")}}({features:[p,C,class extends f{static featureName=ne;constructor(e,t){if(super(e,t,ne,!(arguments.length>2&&void 0!==arguments[2])||arguments[2]),!l.il)return;const n=this.ee;let i;(0,F.QU)(n),this.eventsEE=(0,F.em)(n),this.eventsEE.on(ae,(function(e,t){this.bstStart=(0,j.z)()})),this.eventsEE.on(ie,(function(e,t){(0,T.p)("bst",[e[0],t,this.bstStart,(0,j.z)()],void 0,r.D.sessionTrace,n)})),n.on(oe+te,(function(e){this.time=(0,j.z)(),this.startPath=location.pathname+location.hash})),n.on(oe+re,(function(e){(0,T.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,r.D.sessionTrace,n)}));try{i=new PerformanceObserver((e=>{const t=e.getEntries();(0,T.p)(J,[t],void 0,r.D.sessionTrace,n)})),i.observe({type:ee,buffered:!0})}catch(e){}this.importAggregator({resourceObserver:i})}},ce,K,O,ue,N],loaderType:"pro"})})()})(); </script> <script src="https://js.recurly.com/v4/recurly.js"></script> <script> window.navBar = {"menu":[{"title":"Mockups","url":"/c/mockups","slug":"mockups","anchor_title":"","order":"1","algolia":"filters=stage_tags:\"Mockups\"","show_in_mobile":true,"submenu":[{"title":"Highlights","url":"/c/mockups","slug":"Highlights","anchor_title":"","algolia":"filters=stage_tags:\"Mockups Highlights\"","submenu":[{"title":"Holiday Season ","url":"/holidays/all-templates","slug":"Holiday Season ","anchor_title":"Holiday Season ","algolia":"","submenu":null},{"title":"T-Shirt Mockups","url":"/mockups/t-shirt","slug":"T-Shirt Mockups","anchor_title":"T-Shirt Mockups","algolia":"filters=device_tags:\"T-Shirt\" AND template_type:\"image\"","submenu":null},{"title":"Video Mockups","url":"/mockups/merch-videos","slug":"Video Mockups","anchor_title":"Video Mockups","algolia":"filters=stage_tags:\"Apparel\" AND template_type:\"video\"","submenu":null}]},{"title":"Apparel","url":"/c/mockups","slug":"Apparel Mockups","anchor_title":"","algolia":"filters=stage_tags:\"Apparel\"","submenu":[{"title":"3D Mockups","url":"/mockups/3d","slug":"3D Mockups","anchor_title":"3D Mockups","algolia":"filters=stage_tags:\"3D\" OR stage_tags:\"Ghosted\" OR stage_tags:\"Cinemagraph\"","submenu":null},{"title":"All Apparel ","url":"/mockups/apparel","slug":"Apparel Mockups","anchor_title":"","algolia":"filters=stage_tags:\"Apparel\"","submenu":null},{"title":"Face Masks","url":"/mockups/face-mask","slug":"face-mask","anchor_title":"","algolia":"filters=device_tags:\"Face Mask\"","submenu":null},{"title":"Hats","url":"/mockups/hats","slug":"hat-mockups","anchor_title":"hat-mockups","algolia":"filters=device_tags:\"Hat\" AND template_type:\"image\"","submenu":null},{"title":"Hoodies","url":"/mockups/hoodies","slug":"hoodie-mockups","anchor_title":"","algolia":"filters=device_tags:\"Hoodie\" AND template_type:\"image\"","submenu":null},{"title":"Leggings","url":"/mockups/leggings","slug":"leggings-mockups","anchor_title":"","algolia":"filters=device_tags:\"Leggings\" AND template_type:\"image\"","submenu":null},{"title":"Merch Videos ","url":"/mockups/merch-videos","slug":"Merch Video Mockups","anchor_title":"Merch Video Mockups","algolia":"filters=stage_tags:\"Apparel\" AND template_type:\"video\"","submenu":null},{"title":"Onesies","url":"/mockups/baby-onesie","slug":"onesie-mockups","anchor_title":"onesie-mockups","algolia":"filters=device_tags:\"Onesie\" AND template_type:\"image\"","submenu":null},{"title":"Products-Only","url":"/mockups/garment-only","slug":"Garment Only Mockups","anchor_title":"","algolia":"filters=stage_tags:\"Garment Only\" AND template_type:\"image\"","submenu":null},{"title":"Sports Bras","url":"/mockups/sports-bras","slug":"sports-bra-mockups","anchor_title":"","algolia":"filters=device_tags:\"Sports Bra\" AND template_type:\"image\"","submenu":null},{"title":"Sportswear ","url":"/mockups/sportswear","slug":"sportswear-mockups","anchor_title":"","algolia":"filters=stage_tags:\"Activewear\"","submenu":null},{"title":"Sweatshirts","url":"/mockups/sweatshirt","slug":"sweatshirt-mockups","anchor_title":"","algolia":"filters=device_tags:\"Crewneck Sweatshirt\" AND template_type:\"image\"","submenu":null},{"title":"T-Shirts","url":"/mockups/t-shirt","slug":"tshirt-mockups","anchor_title":"","algolia":"filters=device_tags:\"T-Shirt\" AND template_type:\"image\"","submenu":null},{"title":"Tank Tops","url":"/mockups/tanktops","slug":"tank-top-mockups","anchor_title":"tank-top-mockups","algolia":"filters=device_tags:\"Tank Top\" OR device_tags:\"Sleeveless Shirt\" AND NOT stage_tags:\"sublimated\" AND template_type:\"image\"","submenu":null}]},{"title":"Digital","url":"digital","slug":"digital-mockups","anchor_title":"","algolia":"filters=device_tags:\"iPhone\" OR device_tags:\"iPad\" OR device_tags:\"Macbook\"","submenu":[{"title":"All Digital","url":"/mockups/digital","slug":"All-digital","anchor_title":"All-digital","algolia":"filters=device_tags:\"iPhone\" OR device_tags:\"iPad\" OR device_tags:\"Macbook\"","submenu":null},{"title":"Android","url":"/mockups/android","slug":"android-mockups","anchor_title":"android-mockups","algolia":"filters=device_tags:\"Android\" AND template_type:\"image\"","submenu":null},{"title":"App Demos","url":"/videos/app-demos","slug":"app-video-mockups","anchor_title":"","algolia":"filters=device_tags:\"app demo\" AND template_type:\"image\"","submenu":null},{"title":"MacBooks","url":"/mockups/macbook","slug":"macbook-mockups","anchor_title":"","algolia":"filters=device_tags:\"Macbook\" AND NOT stage_tags:\"responsive\" AND template_type:\"image\"","submenu":null},{"title":"iMacs","url":"/mockups/imac","slug":"imac-mockups","anchor_title":"","algolia":"filters=device_tags:\"iMac\" AND NOT stage_tags:\"responsive\" AND template_type:\"image\"","submenu":null},{"title":"iOS Screenshots","url":"/mockups/app-store-screen","slug":"app-store-screenshots","anchor_title":"app-store-screenshots","algolia":"filters=device_tags:\"App Store Screenshot\"","submenu":null},{"title":"iPad Mockups","url":"/mockups/ipad","slug":"ipad-mockups","anchor_title":"","algolia":"filters=device_tags:\"iPad\" AND NOT stage_tags:\"responsive\" AND template_type:\"image\"","submenu":null},{"title":"iPhone Mockups","url":"/mockups/iphone","slug":"iphone-mockups","anchor_title":"iphone-mockups","algolia":"filters=stage_tags:\"iPhone\" AND NOT stage_tags:\"landscape\" AND template_type:\"image\"","submenu":null}]},{"title":"Print","url":"Print","slug":"Print","anchor_title":"","algolia":"filters=stage_tags:\"POD\" OR stage_tags:\"Bags\" OR stage_tags:\"Video\" OR device_tags:\"Phone Case\" OR device_tags:\"Phone Grip\" OR device_tags:\"Aluminum Bottle\" OR device_tags:\"Bike Bottle\" OR device_tags:\"Print Pattern Maker\"","submenu":[{"title":"All Print ","url":"c/mockups?f_tags=Print","slug":"all print mockups","anchor_title":"","algolia":"filters=stage_tags:\"POD\" OR stage_tags:\"Bags\" OR stage_tags:\"Video\" OR device_tags:\"Phone Case\" OR device_tags:\"Phone Grip\" OR device_tags:\"Aluminum Bottle\" OR device_tags:\"Bike Bottle\" OR device_tags:\"Print Pattern Maker\"","submenu":null},{"title":"Books","url":"/mockups/book","slug":"books-mockups","anchor_title":"","algolia":"filters=device_tags:\"Book\" OR device_tags:\"Bookmark\"","submenu":null},{"title":"Business Cards","url":"/mockups/business-cards","slug":"business-cards","anchor_title":"business-cards","algolia":"filters=device_tags:\"Business Card\" AND template_type:\"image\"","submenu":null},{"title":"Flyers","url":"/mockups/flyers","slug":"flyer-mockups","anchor_title":"","algolia":"filters=device_tags:\"Flyer\" AND template_type:\"image\"","submenu":null},{"title":"Magazines","url":"/mockups/magazines","slug":"magazine-mockup-generator","anchor_title":"magazine-mockup-generator","algolia":"filters=device_tags:\"Magazine\" AND template_type:\"image\"","submenu":null},{"title":"Packaging","url":"/mockups/packaging","slug":"packaging-mockups","anchor_title":"packaging-mockups","algolia":"filters=stage_tags:\"Packaging\" AND NOT stage_tags:\"cannabis\"","submenu":null},{"title":"Posters","url":"/mockups/posters","slug":"poster-mockups","anchor_title":"poster-mockups","algolia":"filters=device_tags:\"Poster\"","submenu":null},{"title":"Stationery","url":"/mockups/stationery","slug":"stationery-mockups","anchor_title":"","algolia":"filters=stage_tags:\"Stationery\" OR device_tags:\"Notebook Cover Maker\" OR device_tags:\"Magazine\" OR device_tags:\"Planner\" OR device_tags:\"Print Pattern Maker\" OR device_tags:'Wrapping Paper\" OR device_tags:\"Online Flyer Maker\"","submenu":null}]},{"title":"Print on Demand","url":"Print on Demand","slug":"Print on Demand","anchor_title":"","algolia":"filters=stage_tags:\"POD\" OR stage_tags:\"Bags\" OR stage_tags:\"Video\" OR device_tags:\"Phone Case\" OR device_tags:\"Phone Grip\" OR device_tags:\"Aluminum Bottle\" OR device_tags:\"Bike Bottle\" OR device_tags:\"Print Pattern Maker\"","submenu":[{"title":"All POD","url":"/mockups/print-on-demand","slug":"all-pod","anchor_title":"all-pod","algolia":"filters=stage_tags:\"POD\" OR stage_tags:\"Bags\" OR stage_tags:\"Video\" OR device_tags:\"Phone Case\" OR device_tags:\"Phone Grip\" OR device_tags:\"Aluminum Bottle\" OR device_tags:\"Bike Bottle\" OR device_tags:\"Print Pattern Maker\"","submenu":null},{"title":"Bags","url":"/mockups/tote-bag","slug":"bags-mockups","anchor_title":"bags-mockups","algolia":"filters=stage_tags:\"bags\" AND template_type:\"image\"","submenu":null},{"title":"Coffee Mugs","url":"/mockups/coffee-mugs","slug":"coffee-mug-mockups","anchor_title":"coffee-mug-mockups","algolia":"filters=device_tags:\"Coffee Mug\" AND template_type:\"image\"","submenu":null},{"title":"Drinkware","url":"/mockups/drinkware","slug":"drinkware-mockups","anchor_title":"","algolia":"filters=device_tags:\"Drinkware\" AND template_type:\"image\"","submenu":null},{"title":"Home Decor","url":"/mockups/home-decor","slug":"home-decor-mockups","anchor_title":"home-decor-mockups","algolia":"filters=stage_tags:\"Home Decor\"","submenu":null},{"title":"Phone Cases","url":"/mockups/phone-case","slug":"phonecase-mockups","anchor_title":"phonecase-mockups","algolia":"filters=device_tags:\"Phone Case\" AND template_type:\"image\"","submenu":null},{"title":"Phone Grips","url":"/mockups/popsocket","slug":"phone-grip-mockups","anchor_title":"phone-grip-mockups","algolia":"filters=device_tags:\"Phone Grip\" AND template_type:\"image\"","submenu":null},{"title":"Pillows","url":"/mockups/pillows","slug":"pillow-mockups","anchor_title":"pillow-mockups","algolia":"filters=device_tags:\"Pillow\" AND template_type:\"image\"","submenu":null},{"title":"T-Shirts","url":"/mockups/t-shirt","slug":"tshirt-mockups","anchor_title":"tshirt-mockups","algolia":"filters=device_tags:\"T-Shirt\" AND template_type:\"image\"","submenu":null},{"title":"Travel Mugs","url":"/mockups/travel-mugs","slug":"tumbler-mockups","anchor_title":"","algolia":"filters=device_tags:\"Travel Mug\" AND template_type:\"image\"","submenu":null},{"title":"Wall Art","url":"/mockups/wall-art","slug":"artprint-mockups","anchor_title":"artprint-mockups","algolia":"filters=device_tags:\"Art Print\"","submenu":null}]},{"title":"Promotional ","url":"Promotional ","slug":"Promotional ","anchor_title":"","algolia":"","submenu":[{"title":"Banners","url":"/mockups/banners","slug":"banner-mockups","anchor_title":"","algolia":"filters=device_tags:\"Banner - Horizontal\" OR device_tags:\"Banner - Vertical\" OR device_tags:\"Mupi\" OR device_tags:\"Billboard\" OR device_tags:\"Sign\" AND template_type:\"image\"","submenu":null},{"title":"Billboards","url":"/mockups/billboards","slug":"billboard-mockups","anchor_title":"billboard-mockups","algolia":"filters=device_tags:\"Billboard\"","submenu":null},{"title":"Facebook Ads","url":"/facebook/ad-templates","slug":"facebook-ad-mockups","anchor_title":"facebook-ad-mockups","algolia":"filters=device_tags:\"Facebook\"","submenu":null},{"title":"Mupis","url":"/mockups/mupis","slug":"mupi-mockups","anchor_title":"mupi-mockups","algolia":"filters=device_tags:\"Mupi\"","submenu":null},{"title":"Signs","url":"/mockups/signs","slug":"sign-mockups","anchor_title":"sign-mockups","algolia":"filters=device_tags:\"Sign\"","submenu":null}]}]},{"title":"Designs","url":"/c/design-templates","slug":"design-templates","anchor_title":"","order":"2","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"Design\" AND template_type:\"image\"","show_in_mobile":true,"submenu":[{"title":"Highlights","url":"/c/design-templates","slug":"Highlights","anchor_title":"","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"Design\" AND template_type:\"image\"","submenu":[{"title":"Blank Canvas","url":"/c/design-templates/stages/blank-canvas-designs","slug":"blank-canvas","anchor_title":"","algolia":"","submenu":null},{"title":"Etsy Listings","url":"/etsy/all-templates?f_devices=Etsy%20Listing%20Template","slug":"Etsy Listings","anchor_title":"Etsy Listings","algolia":"","submenu":null},{"title":"Free Templates","url":"/free-templates","slug":"Free Templates","anchor_title":"","algolia":"filters=category_name:\"Design Templates\" AND stage_tags:\"Free\"","submenu":null}]},{"title":"Apparel \u0026 Print","url":"Print","slug":"Print","anchor_title":"","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"Print\"","submenu":[{"title":"Art Print Designs","url":"/c/design-templates?f_devices=Art%20Print%20Maker","slug":"Art Print Designs","anchor_title":"Art Print Designs","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"Art Print\"","submenu":null},{"title":"Book Covers","url":"/branding/book-covers","slug":"Book-covers","anchor_title":"Book-covers","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"Book Cover Maker\" AND template_type:\"image\"","submenu":null},{"title":"Business Cards","url":"/branding/business-cards","slug":"online-business-card-maker","anchor_title":"online-business-card-maker","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"Business Card Maker\" AND template_type:\"image\"","submenu":null},{"title":"Flyers","url":"/branding/flyers","slug":"flyer-templates","anchor_title":"flyer-templates","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"Online Flyer Maker\" AND template_type:\"image\"","submenu":null},{"title":"Planners","url":"/mockups/stationery?f_devices=Planner","slug":"Planners","anchor_title":"Planners","algolia":"filters=category_name:\"Design Templates\" AND stage_tags:\"Stationery\" OR device_tags:\"Planner\" OR device_tags:\"Planner\" OR device_tags:\"Planner\" OR device_tags:\"Print Pattern Maker\" OR device_tags:\"Wrapping Paper\" OR device_tags:\"Online Flyer Maker\"","submenu":null},{"title":"Posters","url":"/branding/posters","slug":"poster-templates","anchor_title":"","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"Poster Maker\"","submenu":null},{"title":"Size Charts","url":"/c/design-templates?f_tags=Size%20Chart","slug":"Size Charts","anchor_title":"Size Charts","algolia":"filters=category_name:\"Design Templates\" AND stage_tags:\"Size Charts\"","submenu":null},{"title":"Stationery Designs","url":"/c/design-templates?f_tags=Stationery","slug":"Stationery Designs","anchor_title":"Stationery Designs","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"Stationery\"","submenu":null},{"title":"Stickers","url":"/mockups/stationery?f_devices=Sticker%20Maker","slug":"Stickers","anchor_title":"Stickers","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"Sticker\"","submenu":null},{"title":"T-Shirt Designs","url":"/t-shirt/design","slug":"T-Shirt Designs","anchor_title":"","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"T-Shirt Designs\" AND template_type:\"image\"","submenu":null},{"title":"T-Shirt Labels","url":"/t-shirt/labels","slug":"T-Shirt Labels","anchor_title":"T-Shirt Labels","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"T-Shirt Label\" AND template_type:\"image\"","submenu":null},{"title":"Tote Bag Designs","url":"/mockups/print-on-demand?f_devices=Tote%20Bag%20Design","slug":"Tote-Bag-Designs","anchor_title":"","algolia":"filters=category_name:\"Design Templates\" AND device_tags:\"Tote Bag Design\" AND template_type:\"image\"","submenu":null}]},{"title":"Gaming","url":"/gaming-templates","slug":"Gaming","anchor_title":"","algolia":"filters=stage_tags:\"Gaming\" OR stage_tags:\" Twitch Emote\" OR stage_tags:\"Animal Crossing\" OR stage_tags:\"Apex Legends\" OR stage_tags:\"Call of Duty\" OR stage_tags:\"Counter-Strike\" OR stage_tags:\"DOTA\" OR stage_tags:\"Fall Guys\" OR stage_tags:\"FIFA\" OR stage_tags:\"Fortnite\" OR stage_tags:\"Free Fire\" OR stage_tags:\"GTA\" OR stage_tags:\"League of Legends\" OR stage_tags:\"Gaming\" OR stage_tags:\"Apex Legends\" OR stage_tags:\"Minecraft\" OR stage_tags:\"Mobile Legends\" OR stage_tags:\"Overwatch\" OR stage_tags:\"PUBG\" OR stage_tags:\"Rainbow Six Siege\" OR stage_tags:\"Roblox\" OR stage_tags:\"Rocket League\" OR stage_tags:\"Starcraft\" OR stage_tags:\"The Last Of Us\" OR stage_tags:\"Valorant\" OR stage_tags:\"Warcraft\" OR stage_tags:\"World Of Tanks\" OR stage_tags:\"Action Adventure\" OR stage_tags:\"MOBA\" OR stage_tags:\"RPG\" OR stage_tags:\"Simulation\" OR stage_tags:\"Shooters\"","submenu":[{"title":"Discord Themes","url":"/gaming-templates?f_devices=Discord%20Theme%20Maker","slug":"discord-templates","anchor_title":"","algolia":"filters=device_tags:\"Discord Theme Maker\" AND template_type:\"image\" AND stage_tags:\"Gaming\" OR stage_tags:\" Twitch Emote\" OR stage_tags:\"Animal Crossing\" OR stage_tags:\"Apex Legends\" OR stage_tags:\"Call of Duty\" OR stage_tags:\"Counter-Strike\" OR stage_tags:\"DOTA\" OR stage_tags:\"Fall Guys\" OR stage_tags:\"FIFA\" OR stage_tags:\"Fortnite\" OR stage_tags:\"Free Fire\" OR stage_tags:\"GTA\" OR stage_tags:\"League of Legends\" OR stage_tags:\"Gaming\" OR stage_tags:\"Apex Legends\" OR stage_tags:\"Minecraft\" OR stage_tags:\"Mobile Legends\" OR stage_tags:\"Overwatch\" OR stage_tags:\"PUBG\" OR stage_tags:\"Rainbow Six Siege\" OR stage_tags:\"Roblox\" OR stage_tags:\"Rocket League\" OR stage_tags:\"Starcraft\" OR stage_tags:\"The Last Of Us\" OR stage_tags:\"Valorant\" OR stage_tags:\"Warcraft\" OR stage_tags:\"World Of Tanks\" OR stage_tags:\"Action Adventure\" OR stage_tags:\"MOBA\" OR stage_tags:\"RPG\" OR stage_tags:\"Simulation\" OR stage_tags:\"Shooters\"","submenu":null},{"title":"Lower Third Banners","url":"/youtube/lower-third","slug":"lower-third","anchor_title":"lower-third","algolia":"filters=device_tags:\"lower third\" AND template_type:\"image\" numericFilters=[\"is_published=1\"]","submenu":null},{"title":"Twitch Templates","url":"/gaming/twitch-templates","slug":"twitch-templates","anchor_title":"","algolia":"filters=device_tags:\"Twitch Offline Banner Maker\" AND template_type:\"image\"","submenu":null},{"title":"YouTube Templates","url":"/gaming-templates?f_types=image\u0026f_tags=YouTube%20Templates","slug":"YouTube-Templates-designs","anchor_title":"","algolia":"filters=device_tags:\"YouTube Templates\" AND template_type:\"image\"","submenu":null}]},{"title":"Music \u0026 Podcasts","url":"Music \u0026 Podcasts","slug":"Music \u0026 Podcasts","anchor_title":"","algolia":"filters=device_tags:\"Podcast Cover Maker\" AND template_type:\"image\"","submenu":[{"title":"Album Covers","url":"/branding/album-covers","slug":"album-covers","anchor_title":"","algolia":"filters=device_tags:\"Album Cover Maker\" AND template_type:\"image\"","submenu":null},{"title":"Music T-Shirts","url":"/branding/music?f_devices=T-Shirt%20Design","slug":"musician-tshirts","anchor_title":"","algolia":"filters=stage_tags:\"Musician\"","submenu":null},{"title":"Podcast Covers","url":"/branding/podcast-covers","slug":"podcast-cover","anchor_title":"podcast-cover","algolia":"filters=device_tags:\"Podcast Cover Maker\" AND template_type:\"image\"","submenu":null},{"title":"Poster Templates","url":"/branding/music?f_devices=Poster%20Maker","slug":"poster-templates","anchor_title":"","algolia":"filters=device_tags:\"Poster Maker\"","submenu":null}]},{"title":"Social Media","url":"Social Media","slug":"Social Media","anchor_title":"","algolia":"","submenu":[{"title":"All Social Media","url":"/social-media/all-templates","slug":"all-social-Media","anchor_title":"","algolia":"filters=stage_tags:\"Social Media\"","submenu":null},{"title":"Banner Ads","url":"/social-media/banner","slug":"banner-ads","anchor_title":"banner-ads","algolia":"filters=device_tags:\"Banner Maker\"","submenu":null},{"title":"Facebook Covers","url":"/facebook/cover","slug":"facebook-covers","anchor_title":"facebook-covers","algolia":"filters=device_tags:\"Facebook Cover Maker\" AND template_type:\"image\"","submenu":null},{"title":"Facebook Posts","url":"/facebook/post","slug":"facebook-posts","anchor_title":"facebook-posts","algolia":"filters=device_tags:\"Facebook\"","submenu":null},{"title":"Fiverr Templates","url":"/social-media-templates?f_devices=Fiverr%20Gig%20Image%20Maker","slug":"fiverr-templates","anchor_title":"","algolia":"filters=device_tags:\"Fiverr\" AND template_type:\"image\"","submenu":null},{"title":"Instagram Posts","url":"/instagram/post","slug":"instagram-posts","anchor_title":"instagram-posts","algolia":"filters=device_tags:\"Instagram Post Template\" AND template_type:'image' numericFilters=[\"is_published=1\"]","submenu":null},{"title":"Instagram Stories","url":"/instagram/stories","slug":"instagram-stories","anchor_title":"instagram-stories","algolia":"filters=device_tags:\"Instagram Story Template\"","submenu":null},{"title":"Patreon Templates","url":"/social-media-templates?f_tags=Patreon%20Templates","slug":"patreon-templates","anchor_title":"","algolia":"filters=device_tags:\"Patreon Templates\"","submenu":null},{"title":"Pinterest ","url":"/pinterest-pin-maker","slug":"pinterest-pin","anchor_title":"","algolia":"filters=device_tags:\"Pinterest Pin\"","submenu":null},{"title":"Social Media Sets","url":"/social-media-templates?f_tags=Bundles","slug":"Social Media Bundles","anchor_title":"","algolia":"filters=device_tags:\"Bundles\"","submenu":null},{"title":"TikTok Videos","url":"/social-media-templates?f_tags=TikTok%20Templates","slug":"TikTok Videos","anchor_title":"TikTok Videos","algolia":"filters=device_tags:\"TikTok Templates\"","submenu":null},{"title":"Twitter Headers","url":"/twitter/header","slug":"twitter-headers","anchor_title":"","algolia":"filters=device_tags:\"Twitter Header Maker\" AND template_type:\"image\"","submenu":null},{"title":"Twitter Posts","url":"/twitter/post","slug":"twitter-post-templates","anchor_title":"","algolia":"filters=device_tags:\"Twitter Post Template\" AND template_type:\"image\"","submenu":null},{"title":"YouTube Banners","url":"/youtube/banner-template","slug":"YouTube-banners-designs","anchor_title":"","algolia":"filters=device_tags:\"YouTube Banner Maker\" AND template_type:\"image\"","submenu":null}]}]},{"title":"Logos","url":"/logo-maker","slug":"logos","anchor_title":"","order":"3","algolia":"filters=category_name:\"Logos\"","show_in_mobile":true,"submenu":[{"title":"Highlights","url":"/logo-maker","slug":"Highlights","anchor_title":"","algolia":"","submenu":[{"title":"Typography Logos","url":"/logo-maker/typographic","slug":"Typography Logos","anchor_title":"Typography Logos","algolia":"filters=stage_tags:\"Typography\"","submenu":null}]},{"title":"Architecture \u0026 Design","url":"Architecture \u0026 Design","slug":"Architecture \u0026 Design","anchor_title":"","algolia":"","submenu":[{"title":"Architects","url":"/logo-maker/architect","slug":"architect-logo-maker","anchor_title":"architect-logo-maker","algolia":"filters=stage_tags:\"Architect\"","submenu":null},{"title":"Designers","url":"/logo-maker/design","slug":"Designer Logo Maker","anchor_title":"Designer Logo Maker","algolia":"filters=stage_tags:\"Design\"","submenu":null},{"title":"Florist","url":"/logo-maker/florist","slug":"florist-logo-maker","anchor_title":"florist-logo-maker","algolia":"filters=stage_tags:\"Florist\"","submenu":null}]},{"title":"Clothing \u0026 Beauty","url":"Clothing and Beauty","slug":"Clothing and Beauty","anchor_title":"Clothing and Beauty","algolia":"","submenu":[{"title":"Beauty","url":"/logo-maker/beauty","slug":"Beauty","anchor_title":"Beauty","algolia":"filters=stage_tags:\"Beauty\"","submenu":null},{"title":"Clothing Brands","url":"/logo-maker/clothing-brand","slug":"t-shirt-sellers","anchor_title":"t-shirt-sellers","algolia":"filters=stage_tags:\"Clothing Brand\"","submenu":null},{"title":"Jewelry","url":"/logo-maker/jewelry","slug":"jewelry-logo","anchor_title":"jewerly-logo","algolia":"filters=stage_tags:\"Jewelry\"","submenu":null},{"title":"Streetwear","url":"/logo-maker/streetwear","slug":"streetwear-logos","anchor_title":"streetwear-logos","algolia":"filters=stage_tags:\"Streetwear\"","submenu":null}]},{"title":"Education \u0026 Arts","url":"Education \u0026 Arts","slug":"Education \u0026 Arts","anchor_title":"","algolia":"","submenu":[{"title":"Daycare","url":"/logo-maker/daycare","slug":"daycare-logo","anchor_title":"daycare-logo","algolia":"filters=stage_tags:\"Daycare\"","submenu":null},{"title":"Education","url":"/logo-maker/education","slug":"education-logo","anchor_title":"education-logo","algolia":"filters=stage_tags:\"Education\"","submenu":null},{"title":"Photographers","url":"/logo-maker/photography","slug":"photo-logos","anchor_title":"photo","algolia":"filters=stage_tags:\"Photography\"","submenu":null},{"title":"Writers / Publishers","url":"/logo-maker/writer","slug":"writer-logo","anchor_title":"writer-logo","algolia":"filters=stage_tags:\"Writer\"","submenu":null}]},{"title":"Finance \u0026 Legal","url":"Finance \u0026 Legal","slug":"Finance \u0026 Legal","anchor_title":"","algolia":"","submenu":[{"title":"Consulting","url":"/logo-maker/consulting","slug":"consulting-logo","anchor_title":"consulting-logo","algolia":"filters=stage_tags:\"Consulting\"","submenu":null},{"title":"Finance","url":"/logo-maker/finance","slug":"finance-logo","anchor_title":"finance-logo","algolia":"filters=stage_tags:\"Finance\"","submenu":null},{"title":"Law Firms","url":"/logo-maker/law","slug":"law-firms","anchor_title":"law-firms","algolia":"filters=stage_tags:\"Law\"","submenu":null},{"title":"Realtors","url":"/logo-maker/real-estate","slug":"realtor-logo","anchor_title":"realtor-logo","algolia":"filters=stage_tags:\"real estate\"","submenu":null}]},{"title":"Food \u0026 Events","url":"Food \u0026 Events","slug":"Food \u0026 Events","anchor_title":"","algolia":"","submenu":[{"title":"Bakeries","url":"/logo-maker/bakery","slug":"bakery-logo","anchor_title":"bakery-logo","algolia":"filters=stage_tags:\"Bakery\"","submenu":null},{"title":"Bars \u0026 Pubs","url":"/logo-maker/bar","slug":"bar-logo","anchor_title":"bar-logo","algolia":"filters=stage_tags:\"Bar\"","submenu":null},{"title":"Catering","url":"/logo-maker/catering","slug":"catering-logo","anchor_title":"catering-logo","algolia":"filters=stage_tags:\"Catering\"","submenu":null},{"title":"Coffee Shops","url":"/logo-maker/coffee-shop","slug":"coffee-store-logo","anchor_title":"coffee-store-logo","algolia":"filters=stage_tags:\"Coffee Shop\"","submenu":null},{"title":"Event Planners","url":"/logo-maker/event-planner","slug":"event-logo","anchor_title":"event-logo","algolia":"filters=stage_tags:\"Event Planner\"","submenu":null},{"title":"Restaurants","url":"/logo-maker/restaurant","slug":"rest-logo","anchor_title":"rest-logo","algolia":"filters=stage_tags:\"Restaurant\"","submenu":null},{"title":"Wedding ","url":"/logo-maker/wedding","slug":"wedding-logo","anchor_title":"wedding-logo","algolia":"filters=stage_tags:\"Wedding\"","submenu":null}]},{"title":"Gaming","url":"Gaming","slug":"Gaming","anchor_title":"","algolia":"","submenu":[{"title":"All Gaming Logos","url":"/gaming-templates?f_devices=Logo%20Maker","slug":"all-gaming","anchor_title":"","algolia":"filters=stage_tags:\"Gaming\" OR stage_tags:\" Twitch Emote\" OR stage_tags:\"Animal Crossing\" OR stage_tags:\"Apex Legends\" OR stage_tags:\"Call of Duty\" OR stage_tags:\"Counter-Strike\" OR stage_tags:\"DOTA\" OR stage_tags:\"Fall Guys\" OR stage_tags:\"FIFA\" OR stage_tags:\"Fortnite\" OR stage_tags:\"Free Fire\" OR stage_tags:\"GTA\" OR stage_tags:\"League of Legends\" OR stage_tags:\"Gaming\" OR stage_tags:\"Apex Legends\" OR stage_tags:\"Minecraft\" OR stage_tags:\"Mobile Legends\" OR stage_tags:\"Overwatch\" OR stage_tags:\"PUBG\" OR stage_tags:\"Rainbow Six Siege\" OR stage_tags:\"Roblox\" OR stage_tags:\"Rocket League\" OR stage_tags:\"Starcraft\" OR stage_tags:\"The Last Of Us\" OR stage_tags:\"Valorant\" OR stage_tags:\"Warcraft\" OR stage_tags:\"World Of Tanks\" OR stage_tags:\"Action Adventure\" OR stage_tags:\"MOBA\" OR stage_tags:\"RPG\" OR stage_tags:\"Simulation\" OR stage_tags:\"Shooters\"","submenu":null},{"title":"Animated Logos","url":"/gaming/animated-logo","slug":"Animated Logos","anchor_title":"Animated Logos","algolia":"filters=category_name:\"Videos\" AND device_tags:\"Animated Logo\" OR custom_template_id:8 OR custom_template_id:11 OR custom_template_id:14 OR custom_template_id:15","submenu":null},{"title":"Anime","url":"/logo-maker/anime","slug":"anime-logo","anchor_title":"anime-logo","algolia":"filters=stage_tags:\"Anime\"","submenu":null},{"title":"Emblem","url":"/logo-maker/emblem","slug":"emblem-logo","anchor_title":"emblem-logo","algolia":"filters=stage_tags:\"Emblem\"","submenu":null},{"title":"FPS","url":"/logo-maker/shooters","slug":"shooter-logo","anchor_title":"shooter-logo","algolia":"filters=stage_tags:\"Shooters\"","submenu":null},{"title":"Fantasy","url":"/logo-maker/fantasy","slug":"fantasy-logo","anchor_title":"fantasy-logo","algolia":"filters=stage_tags:\"Fantasy\"","submenu":null},{"title":"Horror","url":"/logo-maker/horror","slug":"horror-logo","anchor_title":"horror-logo","algolia":"filters=stage_tags:\"Horror\"","submenu":null},{"title":"MOBA","url":"/logo-maker/moba","slug":"MOBA","anchor_title":"MOBA","algolia":"filters=stage_tags:\"Moba\"","submenu":null},{"title":"Space","url":"/logo-maker/space","slug":"Space-logos","anchor_title":"Space-logos","algolia":"filters=stage_tags:\"Space\"","submenu":null},{"title":"Warriors","url":"/logo-maker/warriors","slug":"Warriors-logos","anchor_title":"Warriors-logos","algolia":"filters=stage_tags:\"Warriors\"","submenu":null}]},{"title":"Healthcare","url":"Healthcare","slug":"Healthcare","anchor_title":"","algolia":"","submenu":[{"title":"All Healthcare Logos","url":"/logo-maker/health-care","slug":"all-healthcare","anchor_title":"all-healthcare","algolia":"filters=stage_tags:\"Health Care\"","submenu":null},{"title":"Chiropractors","url":"/logo-maker/chiropractic","slug":"chiropractic-logo","anchor_title":"chiropractic-logo","algolia":"filters=stage_tags:\"Chiropractic\"","submenu":null},{"title":"Dentists","url":"/logo-maker/dental","slug":"dental-logo","anchor_title":"dental-logo","algolia":"filters=stage_tags:\"Dental\"","submenu":null},{"title":"Doctors","url":"/logo-maker/health-care","slug":"doctor-logo","anchor_title":"doctor-logo","algolia":"filters=stage_tags:\"Health Care\"","submenu":null},{"title":"Pharmacists","url":"/logo-maker/pharmaceutical","slug":"pharma-logo","anchor_title":"pharma-logo","algolia":"filters=stage_tags:\"Pharmaceutical\"","submenu":null},{"title":"Psychologists","url":"/logo-maker/psychologist","slug":"psychologists-logo","anchor_title":"psychologists-logo","algolia":"filters=stage_tags:\"Psychologist\"","submenu":null}]},{"title":"Lifestyle \u0026 Fitness","url":"Lifestyle \u0026 Fitness","slug":"Lifestyle \u0026 Fitness","anchor_title":"","algolia":"","submenu":[{"title":"Fitness","url":"/logo-maker/fitness","slug":"fit-logo","anchor_title":"fit-logo","algolia":"filters=stage_tags:\"Fitness\"","submenu":null},{"title":"Organic Products","url":"/logo-maker/organic-products","slug":"organic-logo","anchor_title":"organic-logo","algolia":"filters=stage_tags:\"Organic Products\"","submenu":null},{"title":"Wellness","url":"/logo-maker/wellness","slug":"wellness-logo","anchor_title":"wellness-logo","algolia":"filters=stage_tags:\"Wellness\"","submenu":null},{"title":"Yoga","url":"/logo-maker/yoga","slug":"yoga-logo","anchor_title":"yoga-logo","algolia":"filters=stage_tags:\"Yoga\"","submenu":null}]},{"title":"Music \u0026 Podcasts","url":"Music","slug":"Music","anchor_title":"","algolia":"","submenu":[{"title":"DJ ","url":"/logo-maker/dj","slug":"dj-logo","anchor_title":"dj-logo","algolia":"filters=stage_tags:\"Dj\"","submenu":null},{"title":"Hip-Hop","url":"/hip-hop-templates?f_devices=Logo%20Maker","slug":"hip-hop-logo","anchor_title":"","algolia":"filters=stage_tags:\"Hip Hop\"","submenu":null},{"title":"Music Logos","url":"/musician-templates?f_devices=Logo%20Maker","slug":"music-logos","anchor_title":"","algolia":"filters=stage_tags:\"Musician\"","submenu":null},{"title":"Podcasts","url":"/logo-maker/podcast","slug":"Podcasts-logo","anchor_title":"Podcasts-logo","algolia":"filters=stage_tags:\"Podcast\"","submenu":null},{"title":"YouTubers","url":"/logo-maker/youtube","slug":"youTubers-logo","anchor_title":"youTubers-logo","algolia":"filters=stage_tags:\"Youtube\"","submenu":null}]},{"title":"Services","url":"Services","slug":"Services","anchor_title":"","algolia":"","submenu":[{"title":"All Service Logos","url":"/logo-maker/services","slug":"all-service","anchor_title":"all-service","algolia":"filters=stage_tags:\"Services\"","submenu":null},{"title":"Automotive ","url":"/logo-maker/automotive","slug":"automotive-services","anchor_title":"automotive-services","algolia":"filters=stage_tags:\"Automotive\"","submenu":null},{"title":"Cleaning Services","url":"/logo-maker/cleaning-services","slug":"cleaning-logo","anchor_title":"cleaning-logo","algolia":"filters=stage_tags:\"Cleaning Services\"","submenu":null},{"title":"Contractors","url":"/logo-maker/contractor","slug":"contractors-logo","anchor_title":"contractors-logo","algolia":"filters=stage_tags:\"Contractors\"","submenu":null},{"title":"Landscaping","url":"/logo-maker/landscaping","slug":"landscaping-logo","anchor_title":"landscaping-logo","algolia":"filters=stage_tags:\"Landscaping\"","submenu":null},{"title":"Moving Companies","url":"/logo-maker/moving-companies","slug":"moving-co-logo","anchor_title":"moving-co-logo","algolia":"filters=stage_tags:\"Moving Companies\"","submenu":null},{"title":"Security","url":"/logo-maker/security","slug":"security-logo","anchor_title":"security-logo","algolia":"filters=stage_tags:\"Security\"","submenu":null}]},{"title":"Shops","url":"Shops","slug":"Shops","anchor_title":"","algolia":"","submenu":[{"title":"Arts \u0026 Crafts","url":"/logo-maker/arts-and-crafts","slug":"art-logo","anchor_title":"art-logo","algolia":"filters=stage_tags:\"Arts and Crafts\"","submenu":null},{"title":"Dropshipping","url":"/logo-maker/dropshipping","slug":"Dropshipping-logo","anchor_title":"Dropshipping-logo","algolia":"filters=stage_tags:\"Dropshipping\"","submenu":null},{"title":"Pet Shops","url":"/logo-maker/pets","slug":"pet-logo","anchor_title":"pet-logo","algolia":"filters=stage_tags:\"Pets\"","submenu":null},{"title":"Technology","url":"/logo-maker/technology","slug":"tech-logo","anchor_title":"tech-logo","algolia":"filters=stage_tags:\"Technology\"","submenu":null},{"title":"Travel Agencies","url":"/logo-maker/travel","slug":"travel-logo","anchor_title":"travel-logo","algolia":"filters=stage_tags:\"Travel\"","submenu":null}]},{"title":"Sports Logos","url":"Sports Logos","slug":"Sports Logos","anchor_title":"","algolia":"","submenu":[{"title":"All Sports","url":"/logo-maker/sports","slug":"All Sports","anchor_title":"All Sports","algolia":"filters=stage_tags:\"Sports\"","submenu":null},{"title":"Baseball","url":"/logo-maker/baseball","slug":"baseball-logo","anchor_title":"baseball-logo","algolia":"filters=stage_tags:\"Baseball\"","submenu":null},{"title":"Basketball","url":"/logo-maker/basketball","slug":"basketball-logo","anchor_title":"basketball-logo","algolia":"filters=stage_tags:\"Basketball\"","submenu":null},{"title":"Football","url":"/logo-maker/football","slug":"football-logo","anchor_title":"football-logo","algolia":"filters=stage_tags:\"Football\"","submenu":null},{"title":"Hockey","url":"/logo-maker/hockey","slug":"hockey-logo","anchor_title":"hockey-logo","algolia":"filters=stage_tags:\"Hockey\"","submenu":null},{"title":"Mascot Logos","url":"/logo-maker/mascot","slug":"mascot-logo","anchor_title":"mascot-logo","algolia":"filters=stage_tags:\"Mascot\"","submenu":null},{"title":"Soccer","url":"/logo-maker/soccer","slug":"soccer-logo","anchor_title":"soccer-logo","algolia":"filters=stage_tags:\"Soccer\"","submenu":null}]},{"title":"Style","url":"Style","slug":"Style","anchor_title":"","algolia":"","submenu":[{"title":"Abstract","url":"/logo-maker/abstract-","slug":"abstract-logo","anchor_title":"abstract-logo","algolia":"filters=stage_tags:\"Abstract\"","submenu":null},{"title":"Cartoonish","url":"/logo-maker/cartoon","slug":"cartoonish-logo","anchor_title":"cartoonish-logo","algolia":"filters=stage_tags:\"Cartoon\"","submenu":null},{"title":"Illustration","url":"/logo-maker/illustration","slug":"illustrated-logo","anchor_title":"illustrated-logo","algolia":"filters=stage_tags:\"Illustration\"","submenu":null},{"title":"Monogram","url":"/logo-maker/monogram","slug":"monogram-logo","anchor_title":"monogram-logo","algolia":"filters=stage_tags:\"Monogram\"","submenu":null},{"title":"Retro","url":"/logo-maker/retro","slug":"retro-logo","anchor_title":"retro-logo","algolia":"filters=stage_tags:\"Retro\"","submenu":null},{"title":"Typography","url":"/logo-maker/typography","slug":"typography-logo","anchor_title":"typography-logo","algolia":"filters=stage_tags:\"Typographic\"","submenu":null},{"title":"Vintage","url":"/logo-maker/vintage","slug":"vintage-logo","anchor_title":"vintage-logo","algolia":"filters=stage_tags:\"Vintage\"","submenu":null}]}]},{"title":"Videos","url":"/c/videos","slug":"videos","anchor_title":"","order":"4","algolia":"","show_in_mobile":true,"submenu":[{"title":"Highlights","url":"/video-maker","slug":"Highlights","anchor_title":"","algolia":"filters=device_tags:\"Intro Maker\" AND template_type:\"video\"","submenu":[{"title":"3D Video Mockups","url":"/mockups/3d?f_tags=Video","slug":"3D Video Mockups","anchor_title":"3D Video Mockups","algolia":"filters=category_name:\"Mockups\" AND template_type:\"video\" AND stage_tags:\"3D\" OR stage_tags:\"Ghosted\" OR stage_tags:\"Cinemagraph\"","submenu":null},{"title":"Twitch Screens","url":"/gaming/twitch-screens","slug":"Twitch Screens","anchor_title":"Twitch Screens","algolia":"","submenu":null},{"title":"Video Mockups","url":"/mockups/merch-videos","slug":"Video Mockups","anchor_title":"Video Mockups","algolia":"filters=device_tags:\"Merch\" AND template_type:\"video\"","submenu":null}]},{"title":"Gaming","url":"Gaming","slug":"Gaming","anchor_title":"","algolia":"","submenu":[{"title":"Animated Logos","url":"/gaming/animated-logo","slug":"animated-logos","anchor_title":"","algolia":"filters=device_tags:\"Animated Logo\" AND template_type:\"video\"","submenu":null},{"title":"Twitch Screens","url":"/gaming/twitch-screens","slug":"twitch-screens","anchor_title":"twitch-screens","algolia":"filters=device_tags:\"Twitch Screen Maker\"","submenu":null},{"title":"YouTube Videos","url":"/youtube/videos?f_tags=Gaming","slug":"youtube-video-templates","anchor_title":"youtube-video-templates","algolia":"filters=device_tags:\"Twitch Screen Maker\"","submenu":null}]},{"title":"Intros \u0026 Slideshows","url":"Intros \u0026 Slideshows","slug":"Intros \u0026 Slideshows","anchor_title":"","algolia":"","submenu":[{"title":"Express Videos","url":"/videos/express-videos","slug":"Express Videos","anchor_title":"Express Videos","algolia":"filters=device_tags:\"Express\"","submenu":null},{"title":"Intros / Outros","url":"/videos/intro-maker","slug":"intro-maker","anchor_title":"","algolia":"filters=device_tags:\"Intro Maker\"","submenu":null},{"title":"Slideshows","url":"/videos/slideshow-maker","slug":"Slideshow Video Maker","anchor_title":"Slideshow Video Maker","algolia":"filters=device_tags:\"Slideshow Video Maker\" AND template_type:\"video\"","submenu":null}]},{"title":"Social Media","url":"Social Media","slug":"Social Media","anchor_title":"","algolia":"","submenu":[{"title":"Facebook Covers","url":"/facebook-cover-video-maker","slug":"facebook-cover-video-maker","anchor_title":"","algolia":"filters=device_tags:\"Facebook Cover Video Maker\" AND template_type:\"video\"","submenu":null},{"title":"Instagram Reels","url":"/instagram/reels","slug":"instagram-story-video-template","anchor_title":"instagram-story-video-template","algolia":"filters=device_tags:\"Instagram Story Template\" AND template_type:\"video\"","submenu":null},{"title":"Instagram Videos ","url":"/instagram/videos","slug":"instagram-videos","anchor_title":"","algolia":"filters=device_tags:\"Instagram Post Template\" AND template_type:\"video\"","submenu":null},{"title":"Promo Videos","url":"/videos/promo-templates","slug":"promo-video-templates","anchor_title":"promo-video-templates","algolia":"filters=device_tags:\"Promo\" AND template_type:\"video\"","submenu":null},{"title":"TikTok Videos","url":"/social-media-templates?f_tags=TikTok%20Templates","slug":"TikTok Videos","anchor_title":"TikTok Videos","algolia":"filters=device_tags:\"TikTok Templates\" AND template_type:\"video\" ","submenu":null},{"title":"YouTube Videos","url":"/youtube/videos","slug":"YouTube Videos","anchor_title":"YouTube Videos","algolia":"filters=stage_tags:\"YouTube Templates\" AND template_type:\"Video\"","submenu":null}]}]},{"title":"Gaming","url":"/gaming-templates","slug":"gaming-templates","anchor_title":"","order":"5","algolia":"","show_in_mobile":false,"submenu":[{"title":"Highlights","url":"/gaming-templates","slug":"Highlights","anchor_title":"","algolia":"","submenu":[{"title":"Gaming Logos","url":"/gaming-templates?f_devices=Logo%20Maker","slug":"Gaming Logos","anchor_title":"Gaming Logos","algolia":"","submenu":null},{"title":"YouTube Thumbnails","url":"/gaming-templates?f_devices=YouTube%20Thumbnail%20Maker","slug":"YouTube Thumbnails","anchor_title":"YouTube Thumbnails","algolia":"filters=devices_tags:\"YouTube Thumbnail Maker\" AND template_type:\"Video\"","submenu":null}]},{"title":"Merch","url":"Merch","slug":"Merch","anchor_title":"","algolia":"","submenu":[{"title":"Gaming Mockups","url":"/gaming-templates?f_tags=Apparel%2CPrint","slug":"t-shirt-mockups-gaming","anchor_title":"","algolia":"filters=devices_tags:\"Apparel Print\" AND template_type:\"Image\"","submenu":null},{"title":"T-Shirt Designs","url":"/gaming-templates?f_devices=T-Shirt%20Design","slug":"t-shirt-gaming-designs","anchor_title":"","algolia":"filters= devices_tags:\"T-Shirt Design\" AND template_type:\"Image\" AND stage_tags:\"Gaming\" OR stage_tags:\"Twitch Emote\" OR stage_tags:\"Animal Crossing\" OR stage_tags:\"Apex Legends\" OR stage_tags:\"Call of Duty\" OR stage_tags:\"Counter-Strike\" OR stage_tags:\"DOTA\" OR stage_tags:\"Fall Guys\" OR stage_tags:\"FIFA\" OR stage_tags:\"Fortnite\" OR stage_tags:\"Free Fire\" OR stage_tags:\"GTA\" OR stage_tags:\"League of Legends\" OR stage_tags:\"Gaming\" OR stage_tags:\"Animal Crossing\" OR stage_tags:\"Apex Legends\" OR stage_tags:\"Call of Duty\" OR stage_tags:\"Counter-Strike\" OR stage_tags:\"DOTA\" OR stage_tags:\"Fall Guys\" OR stage_tags:\"FIFA\" OR stage_tags:\"Fortnite\" OR stage_tags:\"Free Fire\" OR stage_tags:\"GTA\" OR stage_tags:\"League of Legends\" OR stage_tags:\"Minecraft\" OR stage_tags:\"Mobile Legends\" OR stage_tags:\"Overwatch\" OR stage_tags:\"PUBG\" OR stage_tags:\"Rainbow Six Siege\" OR stage_tags:\"Roblox\" OR stage_tags:\"Rocket League\" OR stage_tags:\"Starcraft\" OR stage_tags:\"The Last Of Us\" OR stage_tags:\"Valorant\" OR stage_tags:\"Warcraft\" OR stage_tags:\"World Of Tanks\" OR stage_tags:\"Action Adventure\" OR stage_tags:\"MOBA\" OR stage_tags:\"RPG\" OR stage_tags:\"Simulation\" OR stage_tags:\"Shooters\"","submenu":null}]},{"title":"Streaming","url":"Streaming","slug":"Streaming","anchor_title":"","algolia":"","submenu":[{"title":"Avatars","url":"/gaming/avatar-maker","slug":"avatar-creator","anchor_title":"avatar-creator","algolia":"filters=device_tags:\"Avatar Maker\"","submenu":null},{"title":"OBS Stream Overlay","url":"/gaming-templates?f_devices=OBS%20Stream%20Overlay%20Maker","slug":"obs-overlay","anchor_title":"","algolia":"filters=device_tags:\"OBS Stream Overlay Maker\"","submenu":null},{"title":"Starting Soon Screens","url":"/videos/stream-starting-soon","slug":"starting-soon-screens","anchor_title":"","algolia":"filters=device_tags:\"Twitch Screen Maker\" AND template_type:\"video\"","submenu":null}]},{"title":"Twitch Templates","url":"Twitch Templates","slug":"Twitch Templates","anchor_title":"","algolia":"","submenu":[{"title":"All Twitch Templates","url":"/gaming/twitch-templates","slug":"all-twitch-templates","anchor_title":"all-twitch-templates","algolia":"filters=device_tags:\"Twitch Templates\"","submenu":null},{"title":"Twitch Banners","url":"/gaming/twitch-banner","slug":"twitch-banner-gaming","anchor_title":"","algolia":"filters=device_tags:\"Twitch Banner Maker\" AND template_type:\"image\" AND NOT device_tags:\"Facebook Cover Maker\"","submenu":null},{"title":"Twitch Emotes","url":"/gaming/twitch-emotes","slug":"Twitch-emotes","anchor_title":"Twitch-emotes","algolia":"filters=stage_tags:\"Twitch Emote\"","submenu":null},{"title":"Twitch Offline Banners","url":"/gaming/twitch-offline-banner","slug":"twitch-offline ","anchor_title":"twitch-offline ","algolia":"filters=device_tags:\"Twitch Offline Banner\" AND template_type:\"image\" AND NOT device_tags:\"Facebook Cover Maker\"","submenu":null},{"title":"Twitch Overlays","url":"/gaming-templates?f_devices=Twitch%20Overlay%20Maker","slug":"twitch-overlays","anchor_title":"","algolia":"filters=stage_tags:\"Twitch Overlay Maker\"","submenu":null},{"title":"Twitch Panels","url":"/gaming/twitch-panels","slug":"twitch-panel","anchor_title":"twitch-panel","algolia":"filters=device_tags:\"Twitch Panel Maker\"","submenu":null},{"title":"Twitch Sets","url":"/twitch-templates?f_tags=Twitch%20Sets","slug":"Twitch Sets","anchor_title":"","algolia":"filters=device_tags:\"Twitch Sets\"","submenu":null}]},{"title":"YouTube","url":"YouTube","slug":"YouTube","anchor_title":"","algolia":"","submenu":[{"title":"All YouTube Templates","url":"/gaming-templates?f_tags=YouTube%20Templates","slug":"all-youtube-gaming","anchor_title":"","algolia":"filters=device_tags:\"Youtube Templates\"","submenu":null},{"title":"Intros / Outros","url":"/gaming-templates?f_devices=Intro%20Maker","slug":"intro-video","anchor_title":"","algolia":"filters=device_tags:\"Intro Maker\"","submenu":null},{"title":"YouTube Banners","url":"/gaming-templates?f_devices=YouTube%20Banner%20Maker","slug":"youtube-banner","anchor_title":"","algolia":"filters=device_tags:\"Youtube Banner Maker\"","submenu":null},{"title":"YouTube End Cards","url":"/gaming-templates?f_devices=YouTube%20End%20Card","slug":"youtube-end","anchor_title":"","algolia":"filters=device_tags:\"Youtube End Card\"","submenu":null},{"title":"YouTube Thumbnails","url":"/gaming-templates?f_devices=YouTube%20Thumbnail%20Maker","slug":"youtube-thumbnail","anchor_title":"","algolia":"filters=device_tags:\"Youtube Thumbnail Maker\"","submenu":null}]}]}],"validated":true} </script> <link rel="preconnect" href="https://placeit-img-1-p.cdn.aws.placeit.net"> <link rel="preconnect" href="https://www.gstatic.com"></link> <link rel="preconnect" href="https://placeit-assets-1-p.cdn.aws.placeit.net"></link> <link rel="preconnect" href="https://www.googletagmanager.com"></link> <link rel="preconnect" href="https://googleads.g.doubleclick.net"></link> <link rel="preconnect" href="https://fonts.gstatic.com"></link> <link rel="preconnect" href="https://www.googleadservices.com"></link> <link as="style" href="/assets/desktop-cb42ea70d8ade3f3db5b2e14ae38ee82.css" media="screen" onload="this.onload=null;this.rel='stylesheet'" rel="preload" type="text/css" /> <link href="/assets/application-793335296fb348bd5504e78b2ce2c44e.css" media="screen" rel="stylesheet" type="text/css" /> <meta content="authenticity_token" name="csrf-param" /> <meta content="2g85FMsFVpElHo7U5ehjTK/0j6+5bRizlMX1Qk10fGo=" name="csrf-token" /> <link href="/assets/pricing-a864d3a2e7d3ce5abc55dc8aab28e40c.css" media="screen" rel="stylesheet" type="text/css" /> <!-- The following style tag receives values to counter-rotate on the rotation toggle :after element --> <style class="rotation-toggle-styler"></style> <script src="https://cdnjs.cloudflare.com/ajax/libs/algoliasearch/3.33.0/algoliasearch.min.js" integrity="sha512-3SdbFCgRH2L5qbAeeu/Oe1i83HGqU9v4rB6BwhQ2t4LXbLxolBZdGGdJPiRPb8RvlQq8H9j/E2AqLmr+jCEmrw==" crossorigin="anonymous" defer="defer" ></script> <script src="/c/assign_user"></script> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" type="text/javascript" data-georegions="{&#x27;region&#x27;:&#x27;US&#x27;,&#x27;cbid&#x27;:&#x27;d9683f70-895f-4427-97dc-f1087cddf9d8&#x27;}" async ></script> </head> <body class=" header-2 app_page mockups scroll "> <!-- GTM (test property) --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P5873MX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Main GTM --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQVLWNR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="fb-root"></div> <div id="backdrop-sidemenu"></div> <!-- navbar --> <div id="navbar-main" class="navbar-main slab1 "> <svg version="1.1" id="navbar-icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="height: 0; width: 0; position: absolute; visibility: hidden"> <defs> <linearGradient id="subscription_gradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0" stop-color="#501AA8"></stop> <stop offset="1" stop-color="#870DE8"></stop> </linearGradient> </defs> <symbol id="account" viewBox="0 0 13 14" fill="none"> <path fill="#fff" stroke="#000" d="M11.97 9.7h0c.46.66.54 1.18.53 1.51a1.5 1.5 0 01-.1.48v.04h0l-.03.05v.02l-.04.04c-.06.05-.15.12-.3.19-.28.14-.7.28-1.25.4-1.1.24-2.6.4-4.27.4-1.73 0-3.28-.17-4.39-.43a5.17 5.17 0 01-1.24-.42.88.88 0 01-.23-.17h0v-.02l-.02-.06a3.99 3.99 0 00-.05-.17C.53 11.38.5 11.23.5 11a2.45 2.45 0 011.2-1.87 10 10 0 011.12-.58c.21-.1.42-.2.63-.28l.04-.02.57-.25c.4-.18.77-.37 1.06-.56l.5-.34-.42-.43a4.89 4.89 0 01-1.3-3.53v0A2.67 2.67 0 016.5.5h.02c1.4.01 2.5 1.16 2.57 2.66v0a4.85 4.85 0 01-1.3 3.51l-.42.43.5.34c.3.2.68.38 1.06.55l.57.25.05.02.62.28c.42.19.8.38 1.12.58.33.2.56.4.68.58h0z"/> </symbol> <symbol id="my-downloads" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 12C2.66421 12 3 12.3358 3 12.75V13.75C3 14.0722 3.13265 14.3872 3.37855 14.624C3.62541 14.8617 3.96606 15 4.32692 15H13.6731C14.0339 15 14.3746 14.8617 14.6215 14.624C14.8674 14.3872 15 14.0722 15 13.75V12.75C15 12.3358 15.3358 12 15.75 12C16.1642 12 16.5 12.3358 16.5 12.75V13.75C16.5 14.4887 16.195 15.1911 15.6619 15.7045C15.1298 16.2169 14.4139 16.5 13.6731 16.5H4.32692C3.58612 16.5 2.87022 16.2169 2.33809 15.7045C1.80499 15.1911 1.5 14.4887 1.5 13.75V12.75C1.5 12.3358 1.83579 12 2.25 12Z" fill="#303030"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.75012 10.2323C10.5936 9.56312 11.2507 8.93597 12.1619 7.78458C12.419 7.45978 12.8907 7.40487 13.2155 7.66194C13.5403 7.919 13.5952 8.39069 13.3381 8.71548C12.1505 10.2161 11.325 10.9291 10.1307 11.8339C9.45355 12.3469 8.54651 12.3469 7.8694 11.8339C6.67509 10.9291 5.84959 10.2161 4.66194 8.71548C4.40487 8.39068 4.45978 7.919 4.78458 7.66193C5.10938 7.40487 5.58106 7.45978 5.83813 7.78458C6.74946 8.93605 7.40656 9.56321 8.25012 10.2324V2.25C8.25012 1.83579 8.58591 1.5 9.00012 1.5C9.41433 1.5 9.75012 1.83579 9.75012 2.25V10.2323Z" fill="#303030"/> </symbol> <symbol id="favorites" viewBox="0 0 16 15" fill="none"> <path fill="#fff" stroke="#000" d="M13.8 1.63h0A4.57 4.57 0 008 1.45a4.58 4.58 0 00-5.8.18h0A5.2 5.2 0 001.88 9h0l4.46 4.77h0c.92.97 2.42.97 3.33 0h0L14.13 9s0 0 0 0a5.2 5.2 0 00-.34-7.37z"/> </symbol> <symbol id="drafts" viewBox="0 0 16 16" fill="none"> <rect width="11" height="11" x=".5" y=".5" fill="#fff" stroke="#303030" rx="2.5"/> <rect width="11" height="11" x="4.5" y="4.5" fill="#fff" stroke="#303030" rx="2.5"/> </symbol> <symbol id="downloads" fill="none" viewBox="0 0 18 20"> <path stroke="#303030" stroke-linecap="round" stroke-linejoin="round" d="M9 18.667V1M16.572 11.095L9 18.667 1.43 11.095"/> </symbol> <symbol id="logout" viewBox="0 0 15 14" fill="none"> <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M14 1v12M1 7h10m-6 4L1 7l4-4"/> </symbol> <symbol id="subscription_icon" viewBox="0 0 13 12" fill="none"> <path fill="url(#subscription_gradient)" d="M2 11a1 1 0 0 1 1-1h7a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1z"></path> <path fill="url(#subscription_gradient)" d="M12.743 2.505a.583.583 0 0 0-.662-.005L9.093 4.525 7.028.332A.584.584 0 0 0 6.19.09a.588.588 0 0 0-.219.242L3.907 4.524.92 2.5a.594.594 0 0 0-.663.005.605.605 0 0 0-.243.625l1.182 5.4a.588.588 0 0 0 .577.47h9.454a.588.588 0 0 0 .577-.47l1.182-5.4a.598.598 0 0 0-.243-.625z"></path> </symbol> <symbol id="edited" fill="none" viewBox="0 0 14 14"> <circle cx="7" cy="7" r="6" fill="#fff" stroke="#303030"/> <path d="M7 4.612v2.4l1.44 1.44" stroke="#303030" stroke-linecap="round" stroke-linejoin="round"/> </symbol> <symbol id="my-folders" fill="none" viewBox="0 0 15 14"> <path d="M6.818 1.681a.992.992 0 0 0-.88-.639c-1.524-.068-2.435-.05-3.65.032a1.035 1.035 0 0 0-.96.905c-.353 2.975-.47 5.96-.103 8.941.125 1.012.98 1.747 2.002 1.855 2.888.305 5.734.297 8.622-.007 1.004-.106 1.81-.876 1.929-1.848.228-1.848.288-3.742.145-6.069a1.91 1.91 0 0 0-1.75-1.785c-1.456-.12-2.44-.125-4.22-.161a.999.999 0 0 1-.912-.642l-.223-.582Z" fill="#fff"/> <path d="M2.289 1.074 2.255.575l.034.5Zm-.962.905L.831 1.92l.496.059Zm-.102 8.941-.496.062.496-.062Zm2.002 1.855.053-.497-.053.497Zm8.622-.007-.052-.498.052.498Zm1.929-1.848.496.062-.496-.062ZM7.041 2.263l-.467.178.467-.178ZM5.96.543C4.418.473 3.489.49 2.255.575l.068.998c1.195-.082 2.087-.099 3.592-.031l.045-1ZM2.255.575A1.535 1.535 0 0 0 .83 1.92l.993.118a.535.535 0 0 1 .499-.465L2.255.575Zm9.647 12.69c1.223-.13 2.223-1.07 2.372-2.284l-.992-.122c-.09.73-.702 1.329-1.485 1.411l.105.995Zm.311-10.697c-1.474-.121-2.476-.127-4.25-.163l-.02 1c1.787.036 2.752.042 4.189.16l.081-.997Zm-4.705-.484-.223-.582-.934.357.223.582.934-.357Zm-6.78 8.898c.158 1.275 1.228 2.162 2.447 2.29l.105-.994c-.826-.087-1.467-.671-1.559-1.419l-.992.123Zm2.447 2.29c2.923.31 5.805.301 8.727-.007l-.105-.995a40.278 40.278 0 0 1-8.517.008l-.105.995Zm11.1-2.29c.231-1.882.292-3.808.147-6.161l-.998.061c.141 2.299.081 4.163-.142 5.977l.992.123ZM.83 1.92c-.356 3-.476 6.027-.102 9.062l.992-.123c-.36-2.929-.247-5.871.103-8.821L.83 1.92Zm7.132.485a.499.499 0 0 1-.455-.32l-.934.356c.217.57.759.951 1.368.964l.021-1Zm4.169 1.16c.699.057 1.249.618 1.292 1.317l.998-.061a2.41 2.41 0 0 0-2.209-2.253l-.081.996ZM5.915 1.541a.492.492 0 0 1 .436.317l.934-.357A1.492 1.492 0 0 0 5.96.542l-.045 1Z" fill="#303030"/> </symbol> </svg> <div class="navbar-container pricing-copy-styles"> <div class="nav-menu-burger-button"> <!--?xml version="1.0" encoding="UTF-8"?--> <svg width="16px" height="14px" viewBox="0 0 16 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Page-HambIcon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="HambIcon" class="svg-burger-button" fill="#FFFFFF"> <rect id="Rectangle1" x="0" y="0" width="16" height="2" rx="1"></rect> <rect id="Rectangle2" x="0" y="6" width="16" height="2" rx="1"></rect> <rect id="Rectangle3" x="0" y="12" width="16" height="2" rx="1"></rect> </g> </g> </svg> </div> <!-- Logo --> <div class="flex-container logo-box"> <a href="https://placeit.net" class="item logo placeit-logo" title="Placeit - Product shots &amp; videos made easy!"> <span class="placeit-envato-logo-new-white"></span> </a> </div> <!-- Categories --> <div class="hamburger-nav-menu menuB"> <div class="close-button-container"> <div class="close-button"> <!--?xml version="1.0" encoding="UTF-8"?--> <svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs></defs> <g id="Page-HambClose-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="HambClose-black" fill="#000000"> <rect id="Rectangle" transform="translate(7.424621, 7.424621) rotate(-315.000000) translate(-7.424621, -7.424621) " x="-2.0753788" y="6.4246212" width="19" height="2" rx="1"></rect> <rect id="Rectangle" transform="translate(7.424621, 7.424621) scale(-1, 1) rotate(-315.000000) translate(-7.424621, -7.424621) " x="-2.0753788" y="6.4246212" width="19" height="2" rx="1"></rect> </g> </g> </svg> </div> <div class="separator"></div> </div> <ul class="hamburger-list"> <li title="" class="category-heading"> Mockups <ul class="list placeit-widget"> <li id="item1" data-id="1" class="child submenu-heading"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content">Mockups</div> </div> </li> <li id="item2" data-id="2" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Highlights</div> </div> <ul class="hidden children" id="parent2" data-parent-id="2"> <li id="item3" data-id="3" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Holiday Season " href="/holidays/all-templates" target="_self">Holiday Season </a></div> </div> </li> <li id="item4" data-id="4" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="T-Shirt Mockups" href="/mockups/t-shirt" target="_self">T-Shirt Mockups</a></div> </div> </li> <li id="item5" data-id="5" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Video Mockups" href="/mockups/merch-videos" target="_self">Video Mockups</a></div> </div> </li> </ul> </li> <li id="item6" data-id="6" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Apparel</div> </div> <ul class="hidden children" id="parent6" data-parent-id="6"> <li id="item7" data-id="7" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="3D Mockups" href="/mockups/3d" target="_self">3D Mockups</a></div> </div> </li> <li id="item8" data-id="8" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/apparel" target="_self">All Apparel </a></div> </div> </li> <li id="item9" data-id="9" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/face-mask" target="_self">Face Masks</a></div> </div> </li> <li id="item10" data-id="10" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="hat-mockups" href="/mockups/hats" target="_self">Hats</a></div> </div> </li> <li id="item11" data-id="11" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/hoodies" target="_self">Hoodies</a></div> </div> </li> <li id="item12" data-id="12" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/leggings" target="_self">Leggings</a></div> </div> </li> <li id="item13" data-id="13" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Merch Video Mockups" href="/mockups/merch-videos" target="_self">Merch Videos </a></div> </div> </li> <li id="item14" data-id="14" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="onesie-mockups" href="/mockups/baby-onesie" target="_self">Onesies</a></div> </div> </li> <li id="item15" data-id="15" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/garment-only" target="_self">Products-Only</a></div> </div> </li> <li id="item16" data-id="16" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/sports-bras" target="_self">Sports Bras</a></div> </div> </li> <li id="item17" data-id="17" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/sportswear" target="_self">Sportswear </a></div> </div> </li> <li id="item18" data-id="18" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/sweatshirt" target="_self">Sweatshirts</a></div> </div> </li> <li id="item19" data-id="19" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/t-shirt" target="_self">T-Shirts</a></div> </div> </li> <li id="item20" data-id="20" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="tank-top-mockups" href="/mockups/tanktops" target="_self">Tank Tops</a></div> </div> </li> </ul> </li> <li id="item21" data-id="21" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Digital</div> </div> <ul class="hidden children" id="parent21" data-parent-id="21"> <li id="item22" data-id="22" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="All-digital" href="/mockups/digital" target="_self">All Digital</a></div> </div> </li> <li id="item23" data-id="23" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="android-mockups" href="/mockups/android" target="_self">Android</a></div> </div> </li> <li id="item24" data-id="24" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/videos/app-demos" target="_self">App Demos</a></div> </div> </li> <li id="item25" data-id="25" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/macbook" target="_self">MacBooks</a></div> </div> </li> <li id="item26" data-id="26" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/imac" target="_self">iMacs</a></div> </div> </li> <li id="item27" data-id="27" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="app-store-screenshots" href="/mockups/app-store-screen" target="_self">iOS Screenshots</a></div> </div> </li> <li id="item28" data-id="28" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/ipad" target="_self">iPad Mockups</a></div> </div> </li> <li id="item29" data-id="29" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="iphone-mockups" href="/mockups/iphone" target="_self">iPhone Mockups</a></div> </div> </li> </ul> </li> <li id="item30" data-id="30" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Print</div> </div> <ul class="hidden children" id="parent30" data-parent-id="30"> <li id="item31" data-id="31" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="c/mockups?f_tags=Print" target="_self">All Print </a></div> </div> </li> <li id="item32" data-id="32" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/book" target="_self">Books</a></div> </div> </li> <li id="item33" data-id="33" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="business-cards" href="/mockups/business-cards" target="_self">Business Cards</a></div> </div> </li> <li id="item34" data-id="34" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/flyers" target="_self">Flyers</a></div> </div> </li> <li id="item35" data-id="35" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="magazine-mockup-generator" href="/mockups/magazines" target="_self">Magazines</a></div> </div> </li> <li id="item36" data-id="36" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="packaging-mockups" href="/mockups/packaging" target="_self">Packaging</a></div> </div> </li> <li id="item37" data-id="37" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="poster-mockups" href="/mockups/posters" target="_self">Posters</a></div> </div> </li> <li id="item38" data-id="38" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/stationery" target="_self">Stationery</a></div> </div> </li> </ul> </li> <li id="item39" data-id="39" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Print on Demand</div> </div> <ul class="hidden children" id="parent39" data-parent-id="39"> <li id="item40" data-id="40" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="all-pod" href="/mockups/print-on-demand" target="_self">All POD</a></div> </div> </li> <li id="item41" data-id="41" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="bags-mockups" href="/mockups/tote-bag" target="_self">Bags</a></div> </div> </li> <li id="item42" data-id="42" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="coffee-mug-mockups" href="/mockups/coffee-mugs" target="_self">Coffee Mugs</a></div> </div> </li> <li id="item43" data-id="43" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/drinkware" target="_self">Drinkware</a></div> </div> </li> <li id="item44" data-id="44" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="home-decor-mockups" href="/mockups/home-decor" target="_self">Home Decor</a></div> </div> </li> <li id="item45" data-id="45" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="phonecase-mockups" href="/mockups/phone-case" target="_self">Phone Cases</a></div> </div> </li> <li id="item46" data-id="46" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="phone-grip-mockups" href="/mockups/popsocket" target="_self">Phone Grips</a></div> </div> </li> <li id="item47" data-id="47" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="pillow-mockups" href="/mockups/pillows" target="_self">Pillows</a></div> </div> </li> <li id="item48" data-id="48" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="tshirt-mockups" href="/mockups/t-shirt" target="_self">T-Shirts</a></div> </div> </li> <li id="item49" data-id="49" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/travel-mugs" target="_self">Travel Mugs</a></div> </div> </li> <li id="item50" data-id="50" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="artprint-mockups" href="/mockups/wall-art" target="_self">Wall Art</a></div> </div> </li> </ul> </li> <li id="item51" data-id="51" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Promotional </div> </div> <ul class="hidden children" id="parent51" data-parent-id="51"> <li id="item52" data-id="52" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/banners" target="_self">Banners</a></div> </div> </li> <li id="item53" data-id="53" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="billboard-mockups" href="/mockups/billboards" target="_self">Billboards</a></div> </div> </li> <li id="item54" data-id="54" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="facebook-ad-mockups" href="/facebook/ad-templates" target="_self">Facebook Ads</a></div> </div> </li> <li id="item55" data-id="55" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="mupi-mockups" href="/mockups/mupis" target="_self">Mupis</a></div> </div> </li> <li id="item56" data-id="56" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="sign-mockups" href="/mockups/signs" target="_self">Signs</a></div> </div> </li> </ul> </li> </ul> </li> <li title="" class="category-heading"> Designs <ul class="list placeit-widget"> <li id="item1" data-id="1" class="child submenu-heading"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content">Designs</div> </div> </li> <li id="item2" data-id="2" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Highlights</div> </div> <ul class="hidden children" id="parent2" data-parent-id="2"> <li id="item3" data-id="3" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/c/design-templates/stages/blank-canvas-designs" target="_self">Blank Canvas</a></div> </div> </li> <li id="item4" data-id="4" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Etsy Listings" href="/etsy/all-templates?f_devices=Etsy%20Listing%20Template" target="_self">Etsy Listings</a></div> </div> </li> <li id="item5" data-id="5" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/free-templates" target="_self">Free Templates</a></div> </div> </li> </ul> </li> <li id="item6" data-id="6" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Apparel &amp; Print</div> </div> <ul class="hidden children" id="parent6" data-parent-id="6"> <li id="item7" data-id="7" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Art Print Designs" href="/c/design-templates?f_devices=Art%20Print%20Maker" target="_self">Art Print Designs</a></div> </div> </li> <li id="item8" data-id="8" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Book-covers" href="/branding/book-covers" target="_self">Book Covers</a></div> </div> </li> <li id="item9" data-id="9" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="online-business-card-maker" href="/branding/business-cards" target="_self">Business Cards</a></div> </div> </li> <li id="item10" data-id="10" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="flyer-templates" href="/branding/flyers" target="_self">Flyers</a></div> </div> </li> <li id="item11" data-id="11" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Planners" href="/mockups/stationery?f_devices=Planner" target="_self">Planners</a></div> </div> </li> <li id="item12" data-id="12" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/branding/posters" target="_self">Posters</a></div> </div> </li> <li id="item13" data-id="13" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Size Charts" href="/c/design-templates?f_tags=Size%20Chart" target="_self">Size Charts</a></div> </div> </li> <li id="item14" data-id="14" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Stationery Designs" href="/c/design-templates?f_tags=Stationery" target="_self">Stationery Designs</a></div> </div> </li> <li id="item15" data-id="15" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Stickers" href="/mockups/stationery?f_devices=Sticker%20Maker" target="_self">Stickers</a></div> </div> </li> <li id="item16" data-id="16" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/t-shirt/design" target="_self">T-Shirt Designs</a></div> </div> </li> <li id="item17" data-id="17" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="T-Shirt Labels" href="/t-shirt/labels" target="_self">T-Shirt Labels</a></div> </div> </li> <li id="item18" data-id="18" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/mockups/print-on-demand?f_devices=Tote%20Bag%20Design" target="_self">Tote Bag Designs</a></div> </div> </li> </ul> </li> <li id="item19" data-id="19" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Gaming</div> </div> <ul class="hidden children" id="parent19" data-parent-id="19"> <li id="item20" data-id="20" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming-templates?f_devices=Discord%20Theme%20Maker" target="_self">Discord Themes</a></div> </div> </li> <li id="item21" data-id="21" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="lower-third" href="/youtube/lower-third" target="_self">Lower Third Banners</a></div> </div> </li> <li id="item22" data-id="22" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming/twitch-templates" target="_self">Twitch Templates</a></div> </div> </li> <li id="item23" data-id="23" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming-templates?f_types=image&amp;f_tags=YouTube%20Templates" target="_self">YouTube Templates</a></div> </div> </li> </ul> </li> <li id="item24" data-id="24" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Music &amp; Podcasts</div> </div> <ul class="hidden children" id="parent24" data-parent-id="24"> <li id="item25" data-id="25" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/branding/album-covers" target="_self">Album Covers</a></div> </div> </li> <li id="item26" data-id="26" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/branding/music?f_devices=T-Shirt%20Design" target="_self">Music T-Shirts</a></div> </div> </li> <li id="item27" data-id="27" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="podcast-cover" href="/branding/podcast-covers" target="_self">Podcast Covers</a></div> </div> </li> <li id="item28" data-id="28" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/branding/music?f_devices=Poster%20Maker" target="_self">Poster Templates</a></div> </div> </li> </ul> </li> <li id="item29" data-id="29" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Social Media</div> </div> <ul class="hidden children" id="parent29" data-parent-id="29"> <li id="item30" data-id="30" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/social-media/all-templates" target="_self">All Social Media</a></div> </div> </li> <li id="item31" data-id="31" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="banner-ads" href="/social-media/banner" target="_self">Banner Ads</a></div> </div> </li> <li id="item32" data-id="32" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="facebook-covers" href="/facebook/cover" target="_self">Facebook Covers</a></div> </div> </li> <li id="item33" data-id="33" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="facebook-posts" href="/facebook/post" target="_self">Facebook Posts</a></div> </div> </li> <li id="item34" data-id="34" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/social-media-templates?f_devices=Fiverr%20Gig%20Image%20Maker" target="_self">Fiverr Templates</a></div> </div> </li> <li id="item35" data-id="35" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="instagram-posts" href="/instagram/post" target="_self">Instagram Posts</a></div> </div> </li> <li id="item36" data-id="36" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="instagram-stories" href="/instagram/stories" target="_self">Instagram Stories</a></div> </div> </li> <li id="item37" data-id="37" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/social-media-templates?f_tags=Patreon%20Templates" target="_self">Patreon Templates</a></div> </div> </li> <li id="item38" data-id="38" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/pinterest-pin-maker" target="_self">Pinterest </a></div> </div> </li> <li id="item39" data-id="39" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/social-media-templates?f_tags=Bundles" target="_self">Social Media Sets</a></div> </div> </li> <li id="item40" data-id="40" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="TikTok Videos" href="/social-media-templates?f_tags=TikTok%20Templates" target="_self">TikTok Videos</a></div> </div> </li> <li id="item41" data-id="41" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/twitter/header" target="_self">Twitter Headers</a></div> </div> </li> <li id="item42" data-id="42" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/twitter/post" target="_self">Twitter Posts</a></div> </div> </li> <li id="item43" data-id="43" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/youtube/banner-template" target="_self">YouTube Banners</a></div> </div> </li> </ul> </li> </ul> </li> <li title="" class="category-heading"> Logos <ul class="list placeit-widget"> <li id="item1" data-id="1" class="child submenu-heading"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content">Logos</div> </div> </li> <li id="item2" data-id="2" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Highlights</div> </div> <ul class="hidden children" id="parent2" data-parent-id="2"> <li id="item3" data-id="3" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Typography Logos" href="/logo-maker/typographic" target="_self">Typography Logos</a></div> </div> </li> </ul> </li> <li id="item4" data-id="4" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Architecture &amp; Design</div> </div> <ul class="hidden children" id="parent4" data-parent-id="4"> <li id="item5" data-id="5" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="architect-logo-maker" href="/logo-maker/architect" target="_self">Architects</a></div> </div> </li> <li id="item6" data-id="6" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Designer Logo Maker" href="/logo-maker/design" target="_self">Designers</a></div> </div> </li> <li id="item7" data-id="7" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="florist-logo-maker" href="/logo-maker/florist" target="_self">Florist</a></div> </div> </li> </ul> </li> <li id="item8" data-id="8" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Clothing &amp; Beauty</div> </div> <ul class="hidden children" id="parent8" data-parent-id="8"> <li id="item9" data-id="9" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Beauty" href="/logo-maker/beauty" target="_self">Beauty</a></div> </div> </li> <li id="item10" data-id="10" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="t-shirt-sellers" href="/logo-maker/clothing-brand" target="_self">Clothing Brands</a></div> </div> </li> <li id="item11" data-id="11" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="jewerly-logo" href="/logo-maker/jewelry" target="_self">Jewelry</a></div> </div> </li> <li id="item12" data-id="12" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="streetwear-logos" href="/logo-maker/streetwear" target="_self">Streetwear</a></div> </div> </li> </ul> </li> <li id="item13" data-id="13" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Education &amp; Arts</div> </div> <ul class="hidden children" id="parent13" data-parent-id="13"> <li id="item14" data-id="14" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="daycare-logo" href="/logo-maker/daycare" target="_self">Daycare</a></div> </div> </li> <li id="item15" data-id="15" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="education-logo" href="/logo-maker/education" target="_self">Education</a></div> </div> </li> <li id="item16" data-id="16" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="photo" href="/logo-maker/photography" target="_self">Photographers</a></div> </div> </li> <li id="item17" data-id="17" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="writer-logo" href="/logo-maker/writer" target="_self">Writers / Publishers</a></div> </div> </li> </ul> </li> <li id="item18" data-id="18" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Finance &amp; Legal</div> </div> <ul class="hidden children" id="parent18" data-parent-id="18"> <li id="item19" data-id="19" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="consulting-logo" href="/logo-maker/consulting" target="_self">Consulting</a></div> </div> </li> <li id="item20" data-id="20" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="finance-logo" href="/logo-maker/finance" target="_self">Finance</a></div> </div> </li> <li id="item21" data-id="21" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="law-firms" href="/logo-maker/law" target="_self">Law Firms</a></div> </div> </li> <li id="item22" data-id="22" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="realtor-logo" href="/logo-maker/real-estate" target="_self">Realtors</a></div> </div> </li> </ul> </li> <li id="item23" data-id="23" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Food &amp; Events</div> </div> <ul class="hidden children" id="parent23" data-parent-id="23"> <li id="item24" data-id="24" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="bakery-logo" href="/logo-maker/bakery" target="_self">Bakeries</a></div> </div> </li> <li id="item25" data-id="25" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="bar-logo" href="/logo-maker/bar" target="_self">Bars &amp; Pubs</a></div> </div> </li> <li id="item26" data-id="26" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="catering-logo" href="/logo-maker/catering" target="_self">Catering</a></div> </div> </li> <li id="item27" data-id="27" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="coffee-store-logo" href="/logo-maker/coffee-shop" target="_self">Coffee Shops</a></div> </div> </li> <li id="item28" data-id="28" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="event-logo" href="/logo-maker/event-planner" target="_self">Event Planners</a></div> </div> </li> <li id="item29" data-id="29" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="rest-logo" href="/logo-maker/restaurant" target="_self">Restaurants</a></div> </div> </li> <li id="item30" data-id="30" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="wedding-logo" href="/logo-maker/wedding" target="_self">Wedding </a></div> </div> </li> </ul> </li> <li id="item31" data-id="31" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Gaming</div> </div> <ul class="hidden children" id="parent31" data-parent-id="31"> <li id="item32" data-id="32" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming-templates?f_devices=Logo%20Maker" target="_self">All Gaming Logos</a></div> </div> </li> <li id="item33" data-id="33" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Animated Logos" href="/gaming/animated-logo" target="_self">Animated Logos</a></div> </div> </li> <li id="item34" data-id="34" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="anime-logo" href="/logo-maker/anime" target="_self">Anime</a></div> </div> </li> <li id="item35" data-id="35" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="emblem-logo" href="/logo-maker/emblem" target="_self">Emblem</a></div> </div> </li> <li id="item36" data-id="36" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="shooter-logo" href="/logo-maker/shooters" target="_self">FPS</a></div> </div> </li> <li id="item37" data-id="37" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="fantasy-logo" href="/logo-maker/fantasy" target="_self">Fantasy</a></div> </div> </li> <li id="item38" data-id="38" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="horror-logo" href="/logo-maker/horror" target="_self">Horror</a></div> </div> </li> <li id="item39" data-id="39" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="MOBA" href="/logo-maker/moba" target="_self">MOBA</a></div> </div> </li> <li id="item40" data-id="40" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Space-logos" href="/logo-maker/space" target="_self">Space</a></div> </div> </li> <li id="item41" data-id="41" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Warriors-logos" href="/logo-maker/warriors" target="_self">Warriors</a></div> </div> </li> </ul> </li> <li id="item42" data-id="42" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Healthcare</div> </div> <ul class="hidden children" id="parent42" data-parent-id="42"> <li id="item43" data-id="43" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="all-healthcare" href="/logo-maker/health-care" target="_self">All Healthcare Logos</a></div> </div> </li> <li id="item44" data-id="44" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="chiropractic-logo" href="/logo-maker/chiropractic" target="_self">Chiropractors</a></div> </div> </li> <li id="item45" data-id="45" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="dental-logo" href="/logo-maker/dental" target="_self">Dentists</a></div> </div> </li> <li id="item46" data-id="46" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="doctor-logo" href="/logo-maker/health-care" target="_self">Doctors</a></div> </div> </li> <li id="item47" data-id="47" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="pharma-logo" href="/logo-maker/pharmaceutical" target="_self">Pharmacists</a></div> </div> </li> <li id="item48" data-id="48" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="psychologists-logo" href="/logo-maker/psychologist" target="_self">Psychologists</a></div> </div> </li> </ul> </li> <li id="item49" data-id="49" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Lifestyle &amp; Fitness</div> </div> <ul class="hidden children" id="parent49" data-parent-id="49"> <li id="item50" data-id="50" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="fit-logo" href="/logo-maker/fitness" target="_self">Fitness</a></div> </div> </li> <li id="item51" data-id="51" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="organic-logo" href="/logo-maker/organic-products" target="_self">Organic Products</a></div> </div> </li> <li id="item52" data-id="52" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="wellness-logo" href="/logo-maker/wellness" target="_self">Wellness</a></div> </div> </li> <li id="item53" data-id="53" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="yoga-logo" href="/logo-maker/yoga" target="_self">Yoga</a></div> </div> </li> </ul> </li> <li id="item54" data-id="54" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Music &amp; Podcasts</div> </div> <ul class="hidden children" id="parent54" data-parent-id="54"> <li id="item55" data-id="55" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="dj-logo" href="/logo-maker/dj" target="_self">DJ </a></div> </div> </li> <li id="item56" data-id="56" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/hip-hop-templates?f_devices=Logo%20Maker" target="_self">Hip-Hop</a></div> </div> </li> <li id="item57" data-id="57" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/musician-templates?f_devices=Logo%20Maker" target="_self">Music Logos</a></div> </div> </li> <li id="item58" data-id="58" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Podcasts-logo" href="/logo-maker/podcast" target="_self">Podcasts</a></div> </div> </li> <li id="item59" data-id="59" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="youTubers-logo" href="/logo-maker/youtube" target="_self">YouTubers</a></div> </div> </li> </ul> </li> <li id="item60" data-id="60" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Services</div> </div> <ul class="hidden children" id="parent60" data-parent-id="60"> <li id="item61" data-id="61" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="all-service" href="/logo-maker/services" target="_self">All Service Logos</a></div> </div> </li> <li id="item62" data-id="62" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="automotive-services" href="/logo-maker/automotive" target="_self">Automotive </a></div> </div> </li> <li id="item63" data-id="63" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="cleaning-logo" href="/logo-maker/cleaning-services" target="_self">Cleaning Services</a></div> </div> </li> <li id="item64" data-id="64" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="contractors-logo" href="/logo-maker/contractor" target="_self">Contractors</a></div> </div> </li> <li id="item65" data-id="65" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="landscaping-logo" href="/logo-maker/landscaping" target="_self">Landscaping</a></div> </div> </li> <li id="item66" data-id="66" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="moving-co-logo" href="/logo-maker/moving-companies" target="_self">Moving Companies</a></div> </div> </li> <li id="item67" data-id="67" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="security-logo" href="/logo-maker/security" target="_self">Security</a></div> </div> </li> </ul> </li> <li id="item68" data-id="68" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Shops</div> </div> <ul class="hidden children" id="parent68" data-parent-id="68"> <li id="item69" data-id="69" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="art-logo" href="/logo-maker/arts-and-crafts" target="_self">Arts &amp; Crafts</a></div> </div> </li> <li id="item70" data-id="70" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Dropshipping-logo" href="/logo-maker/dropshipping" target="_self">Dropshipping</a></div> </div> </li> <li id="item71" data-id="71" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="pet-logo" href="/logo-maker/pets" target="_self">Pet Shops</a></div> </div> </li> <li id="item72" data-id="72" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="tech-logo" href="/logo-maker/technology" target="_self">Technology</a></div> </div> </li> <li id="item73" data-id="73" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="travel-logo" href="/logo-maker/travel" target="_self">Travel Agencies</a></div> </div> </li> </ul> </li> <li id="item74" data-id="74" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Sports Logos</div> </div> <ul class="hidden children" id="parent74" data-parent-id="74"> <li id="item75" data-id="75" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="All Sports" href="/logo-maker/sports" target="_self">All Sports</a></div> </div> </li> <li id="item76" data-id="76" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="baseball-logo" href="/logo-maker/baseball" target="_self">Baseball</a></div> </div> </li> <li id="item77" data-id="77" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="basketball-logo" href="/logo-maker/basketball" target="_self">Basketball</a></div> </div> </li> <li id="item78" data-id="78" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="football-logo" href="/logo-maker/football" target="_self">Football</a></div> </div> </li> <li id="item79" data-id="79" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="hockey-logo" href="/logo-maker/hockey" target="_self">Hockey</a></div> </div> </li> <li id="item80" data-id="80" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="mascot-logo" href="/logo-maker/mascot" target="_self">Mascot Logos</a></div> </div> </li> <li id="item81" data-id="81" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="soccer-logo" href="/logo-maker/soccer" target="_self">Soccer</a></div> </div> </li> </ul> </li> <li id="item82" data-id="82" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Style</div> </div> <ul class="hidden children" id="parent82" data-parent-id="82"> <li id="item83" data-id="83" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="abstract-logo" href="/logo-maker/abstract-" target="_self">Abstract</a></div> </div> </li> <li id="item84" data-id="84" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="cartoonish-logo" href="/logo-maker/cartoon" target="_self">Cartoonish</a></div> </div> </li> <li id="item85" data-id="85" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="illustrated-logo" href="/logo-maker/illustration" target="_self">Illustration</a></div> </div> </li> <li id="item86" data-id="86" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="monogram-logo" href="/logo-maker/monogram" target="_self">Monogram</a></div> </div> </li> <li id="item87" data-id="87" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="retro-logo" href="/logo-maker/retro" target="_self">Retro</a></div> </div> </li> <li id="item88" data-id="88" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="typography-logo" href="/logo-maker/typography" target="_self">Typography</a></div> </div> </li> <li id="item89" data-id="89" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="vintage-logo" href="/logo-maker/vintage" target="_self">Vintage</a></div> </div> </li> </ul> </li> </ul> </li> <li title="" class="category-heading"> Videos <ul class="list placeit-widget"> <li id="item1" data-id="1" class="child submenu-heading"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content">Videos</div> </div> </li> <li id="item2" data-id="2" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Highlights</div> </div> <ul class="hidden children" id="parent2" data-parent-id="2"> <li id="item3" data-id="3" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="3D Video Mockups" href="/mockups/3d?f_tags=Video" target="_self">3D Video Mockups</a></div> </div> </li> <li id="item4" data-id="4" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Twitch Screens" href="/gaming/twitch-screens" target="_self">Twitch Screens</a></div> </div> </li> <li id="item5" data-id="5" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Video Mockups" href="/mockups/merch-videos" target="_self">Video Mockups</a></div> </div> </li> </ul> </li> <li id="item6" data-id="6" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Gaming</div> </div> <ul class="hidden children" id="parent6" data-parent-id="6"> <li id="item7" data-id="7" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming/animated-logo" target="_self">Animated Logos</a></div> </div> </li> <li id="item8" data-id="8" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="twitch-screens" href="/gaming/twitch-screens" target="_self">Twitch Screens</a></div> </div> </li> <li id="item9" data-id="9" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="youtube-video-templates" href="/youtube/videos?f_tags=Gaming" target="_self">YouTube Videos</a></div> </div> </li> </ul> </li> <li id="item10" data-id="10" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Intros &amp; Slideshows</div> </div> <ul class="hidden children" id="parent10" data-parent-id="10"> <li id="item11" data-id="11" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Express Videos" href="/videos/express-videos" target="_self">Express Videos</a></div> </div> </li> <li id="item12" data-id="12" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/videos/intro-maker" target="_self">Intros / Outros</a></div> </div> </li> <li id="item13" data-id="13" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Slideshow Video Maker" href="/videos/slideshow-maker" target="_self">Slideshows</a></div> </div> </li> </ul> </li> <li id="item14" data-id="14" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Social Media</div> </div> <ul class="hidden children" id="parent14" data-parent-id="14"> <li id="item15" data-id="15" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/facebook-cover-video-maker" target="_self">Facebook Covers</a></div> </div> </li> <li id="item16" data-id="16" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="instagram-story-video-template" href="/instagram/reels" target="_self">Instagram Reels</a></div> </div> </li> <li id="item17" data-id="17" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/instagram/videos" target="_self">Instagram Videos </a></div> </div> </li> <li id="item18" data-id="18" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="promo-video-templates" href="/videos/promo-templates" target="_self">Promo Videos</a></div> </div> </li> <li id="item19" data-id="19" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="TikTok Videos" href="/social-media-templates?f_tags=TikTok%20Templates" target="_self">TikTok Videos</a></div> </div> </li> <li id="item20" data-id="20" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="YouTube Videos" href="/youtube/videos" target="_self">YouTube Videos</a></div> </div> </li> </ul> </li> </ul> </li> <li title="" class="category-heading"> Gaming <ul class="list placeit-widget"> <li id="item1" data-id="1" class="child submenu-heading"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content">Gaming</div> </div> </li> <li id="item2" data-id="2" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Highlights</div> </div> <ul class="hidden children" id="parent2" data-parent-id="2"> <li id="item3" data-id="3" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Gaming Logos" href="/gaming-templates?f_devices=Logo%20Maker" target="_self">Gaming Logos</a></div> </div> </li> <li id="item4" data-id="4" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="YouTube Thumbnails" href="/gaming-templates?f_devices=YouTube%20Thumbnail%20Maker" target="_self">YouTube Thumbnails</a></div> </div> </li> </ul> </li> <li id="item5" data-id="5" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Merch</div> </div> <ul class="hidden children" id="parent5" data-parent-id="5"> <li id="item6" data-id="6" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming-templates?f_tags=Apparel%2CPrint" target="_self">Gaming Mockups</a></div> </div> </li> <li id="item7" data-id="7" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming-templates?f_devices=T-Shirt%20Design" target="_self">T-Shirt Designs</a></div> </div> </li> </ul> </li> <li id="item8" data-id="8" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Streaming</div> </div> <ul class="hidden children" id="parent8" data-parent-id="8"> <li id="item9" data-id="9" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="avatar-creator" href="/gaming/avatar-maker" target="_self">Avatars</a></div> </div> </li> <li id="item10" data-id="10" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming-templates?f_devices=OBS%20Stream%20Overlay%20Maker" target="_self">OBS Stream Overlay</a></div> </div> </li> <li id="item11" data-id="11" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/videos/stream-starting-soon" target="_self">Starting Soon Screens</a></div> </div> </li> </ul> </li> <li id="item12" data-id="12" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Twitch Templates</div> </div> <ul class="hidden children" id="parent12" data-parent-id="12"> <li id="item13" data-id="13" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="all-twitch-templates" href="/gaming/twitch-templates" target="_self">All Twitch Templates</a></div> </div> </li> <li id="item14" data-id="14" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming/twitch-banner" target="_self">Twitch Banners</a></div> </div> </li> <li id="item15" data-id="15" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="Twitch-emotes" href="/gaming/twitch-emotes" target="_self">Twitch Emotes</a></div> </div> </li> <li id="item16" data-id="16" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="twitch-offline " href="/gaming/twitch-offline-banner" target="_self">Twitch Offline Banners</a></div> </div> </li> <li id="item17" data-id="17" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming-templates?f_devices=Twitch%20Overlay%20Maker" target="_self">Twitch Overlays</a></div> </div> </li> <li id="item18" data-id="18" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="twitch-panel" href="/gaming/twitch-panels" target="_self">Twitch Panels</a></div> </div> </li> <li id="item19" data-id="19" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/twitch-templates?f_tags=Twitch%20Sets" target="_self">Twitch Sets</a></div> </div> </li> </ul> </li> <li id="item20" data-id="20" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">YouTube</div> </div> <ul class="hidden children" id="parent20" data-parent-id="20"> <li id="item21" data-id="21" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming-templates?f_tags=YouTube%20Templates" target="_self">All YouTube Templates</a></div> </div> </li> <li id="item22" data-id="22" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming-templates?f_devices=Intro%20Maker" target="_self">Intros / Outros</a></div> </div> </li> <li id="item23" data-id="23" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming-templates?f_devices=YouTube%20Banner%20Maker" target="_self">YouTube Banners</a></div> </div> </li> <li id="item24" data-id="24" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming-templates?f_devices=YouTube%20End%20Card" target="_self">YouTube End Cards</a></div> </div> </li> <li id="item25" data-id="25" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/gaming-templates?f_devices=YouTube%20Thumbnail%20Maker" target="_self">YouTube Thumbnails</a></div> </div> </li> </ul> </li> </ul> </li> <li title="" class="category-heading"> Learn <ul class="list placeit-widget"> <li id="item1" data-id="1" class="child submenu-heading"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content">Learn</div> </div> </li> <li id="item2" data-id="2" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Blog</div> </div> <ul class="hidden children" id="parent2" data-parent-id="2"> <li id="item3" data-id="3" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="https://blog.placeit.net/" target="_blank">Blog</a></div> </div> </li> </ul> </li> <li id="item4" data-id="4" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Design</div> </div> <ul class="hidden children" id="parent4" data-parent-id="4"> <li id="item5" data-id="5" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="https://blog.placeit.net/category/marketing/branding/" target="_blank">Branding</a></div> </div> </li> <li id="item6" data-id="6" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="https://blog.placeit.net/logo-color-schemes-a-complete-guide-on-all-you-need-to-know/" target="_blank">Color</a></div> </div> </li> <li id="item7" data-id="7" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="https://blog.placeit.net/how-to-choose-the-best-fonts-logos/" target="_blank">Fonts</a></div> </div> </li> <li id="item8" data-id="8" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="https://blog.placeit.net/category/designs/logo-design/" target="_blank">Logo Design</a></div> </div> </li> </ul> </li> <li id="item9" data-id="9" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Marketing</div> </div> <ul class="hidden children" id="parent9" data-parent-id="9"> <li id="item10" data-id="10" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="https://blog.placeit.net/category/marketing/freelancing/" target="_blank">Small Business</a></div> </div> </li> <li id="item11" data-id="11" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="https://blog.placeit.net/category/marketing/social-media-design/" target="_blank">Social Media</a></div> </div> </li> </ul> </li> <li id="item12" data-id="12" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Placeit 101</div> </div> <ul class="hidden children" id="parent12" data-parent-id="12"> <li id="item13" data-id="13" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/faq" target="_self">FAQ</a></div> </div> </li> <li id="item14" data-id="14" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="https://blog.placeit.net/category/tutorials/" target="_blank">Tutorials</a></div> </div> </li> <li id="item15" data-id="15" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="How to use My Placeit" href="/learn/tutorials/my-placeit" target="_self">How to use My Placeit</a></div> </div> </li> <li id="item16" data-id="16" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="How to Design a Logo" href="/learn/tutorials/how-to-design-logo" target="_self">How to Design a Logo</a></div> </div> </li> <li id="item17" data-id="17" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="How to create a Mockup" href="/learn/tutorials/how-to-create-mockup" target="_self">How to create a Mockup</a></div> </div> </li> <li id="item18" data-id="18" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="How to Make Videos" href="/learn/tutorials/how-to-make-a-video" target="_self">How to Make Videos</a></div> </div> </li> <li id="item19" data-id="19" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="How to Use Design Templates" href="/learn/tutorials/how-to-use-design-templates" target="_self">How to Use Design Templates</a></div> </div> </li> <li id="item20" data-id="20" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="How to Use Blank Canvas" href="/learn/tutorials/how-to-use-blank-canvas" target="_self">How to Use Blank Canvas</a></div> </div> </li> </ul> </li> <li id="item21" data-id="21" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Tools</div> </div> <ul class="hidden children" id="parent21" data-parent-id="21"> <li id="item22" data-id="22" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/tools/background-remover" target="_self">Background Remover</a></div> </div> </li> <li id="item23" data-id="23" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/c/design-templates/stages/blank-canvas-designs" target="_self">Blank Canvas</a></div> </div> </li> <li id="item24" data-id="24" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/image-cropper" target="_self">Image Resizer</a></div> </div> </li> <li id="item25" data-id="25" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="https://blog.placeit.net/online-tshirt-business-profit-margin-calculator/" target="_blank">Profit Calculator</a></div> </div> </li> <li id="item26" data-id="26" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/video-cropper" target="_self">Video Cropper</a></div> </div> </li> <li id="item27" data-id="27" class="child"> <div class="item placeit-widget"> <div class="icon fold"></div> <div class="content"><a title="" href="/video-to-gif-converter" target="_self">Video to GIF Converter</a></div> </div> </li> </ul> </li> </ul> </li> </ul> </div> <ul class="categories-list flex-container menuB" data-type="header-2"> <li class="item category slab1-text"> <a class="slab-1-a" data-slug="mockups" title="" href="/c/mockups" target="_self">Mockups</a> <div class="dropdown-menu"> <ul> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Highlights</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Holiday Season " href="/holidays/all-templates" target="_self">Holiday Season </a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="T-Shirt Mockups" href="/mockups/t-shirt" target="_self">T-Shirt Mockups</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Video Mockups" href="/mockups/merch-videos" target="_self">Video Mockups</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Apparel</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="3D Mockups" href="/mockups/3d" target="_self">3D Mockups</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/apparel" target="_self">All Apparel </a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/face-mask" target="_self">Face Masks</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="hat-mockups" href="/mockups/hats" target="_self">Hats</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/hoodies" target="_self">Hoodies</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/leggings" target="_self">Leggings</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Merch Video Mockups" href="/mockups/merch-videos" target="_self">Merch Videos </a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="onesie-mockups" href="/mockups/baby-onesie" target="_self">Onesies</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/garment-only" target="_self">Products-Only</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/sports-bras" target="_self">Sports Bras</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/sportswear" target="_self">Sportswear </a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/sweatshirt" target="_self">Sweatshirts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/t-shirt" target="_self">T-Shirts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="tank-top-mockups" href="/mockups/tanktops" target="_self">Tank Tops</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Digital</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="All-digital" href="/mockups/digital" target="_self">All Digital</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="android-mockups" href="/mockups/android" target="_self">Android</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/videos/app-demos" target="_self">App Demos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/macbook" target="_self">MacBooks</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/imac" target="_self">iMacs</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="app-store-screenshots" href="/mockups/app-store-screen" target="_self">iOS Screenshots</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/ipad" target="_self">iPad Mockups</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="iphone-mockups" href="/mockups/iphone" target="_self">iPhone Mockups</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Print</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="c/mockups?f_tags=Print" target="_self">All Print </a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/book" target="_self">Books</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="business-cards" href="/mockups/business-cards" target="_self">Business Cards</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/flyers" target="_self">Flyers</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="magazine-mockup-generator" href="/mockups/magazines" target="_self">Magazines</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="packaging-mockups" href="/mockups/packaging" target="_self">Packaging</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="poster-mockups" href="/mockups/posters" target="_self">Posters</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/stationery" target="_self">Stationery</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Print on Demand</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="all-pod" href="/mockups/print-on-demand" target="_self">All POD</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="bags-mockups" href="/mockups/tote-bag" target="_self">Bags</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="coffee-mug-mockups" href="/mockups/coffee-mugs" target="_self">Coffee Mugs</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/drinkware" target="_self">Drinkware</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="home-decor-mockups" href="/mockups/home-decor" target="_self">Home Decor</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="phonecase-mockups" href="/mockups/phone-case" target="_self">Phone Cases</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="phone-grip-mockups" href="/mockups/popsocket" target="_self">Phone Grips</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="pillow-mockups" href="/mockups/pillows" target="_self">Pillows</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="tshirt-mockups" href="/mockups/t-shirt" target="_self">T-Shirts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/travel-mugs" target="_self">Travel Mugs</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="artprint-mockups" href="/mockups/wall-art" target="_self">Wall Art</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Promotional </a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/banners" target="_self">Banners</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="billboard-mockups" href="/mockups/billboards" target="_self">Billboards</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="facebook-ad-mockups" href="/facebook/ad-templates" target="_self">Facebook Ads</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="mupi-mockups" href="/mockups/mupis" target="_self">Mupis</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="sign-mockups" href="/mockups/signs" target="_self">Signs</a> </li> </ul> </li> </ul> </div> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none" viewBox="0 0 12 8"> <path d="M.264.305c-.364.385-.34 1.107 0 1.5l.632.731 2.74 3.172 1.717 1.987c.351.407.944.407 1.295 0l.633-.732 2.74-3.172 1.717-1.987c.363-.417.336-1.075 0-1.499-.333-.42-.957-.392-1.296 0l-.632.732-2.74 3.172c-.572.66-1.146 1.326-1.717 1.987h1.295l-.632-.732-2.74-3.172L1.559.305C1.199-.112.63-.084.264.305z"></path> </svg> </li> <li class="item category slab1-text"> <a class="slab-1-a" data-slug="design-templates" title="" href="/c/design-templates" target="_self">Designs</a> <div class="dropdown-menu"> <ul> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Highlights</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/c/design-templates/stages/blank-canvas-designs" target="_self">Blank Canvas</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Etsy Listings" href="/etsy/all-templates?f_devices=Etsy%20Listing%20Template" target="_self">Etsy Listings</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/free-templates" target="_self">Free Templates</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Apparel &amp; Print</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Art Print Designs" href="/c/design-templates?f_devices=Art%20Print%20Maker" target="_self">Art Print Designs</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Book-covers" href="/branding/book-covers" target="_self">Book Covers</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="online-business-card-maker" href="/branding/business-cards" target="_self">Business Cards</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="flyer-templates" href="/branding/flyers" target="_self">Flyers</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Planners" href="/mockups/stationery?f_devices=Planner" target="_self">Planners</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/branding/posters" target="_self">Posters</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Size Charts" href="/c/design-templates?f_tags=Size%20Chart" target="_self">Size Charts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Stationery Designs" href="/c/design-templates?f_tags=Stationery" target="_self">Stationery Designs</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Stickers" href="/mockups/stationery?f_devices=Sticker%20Maker" target="_self">Stickers</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/t-shirt/design" target="_self">T-Shirt Designs</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="T-Shirt Labels" href="/t-shirt/labels" target="_self">T-Shirt Labels</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/mockups/print-on-demand?f_devices=Tote%20Bag%20Design" target="_self">Tote Bag Designs</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Gaming</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming-templates?f_devices=Discord%20Theme%20Maker" target="_self">Discord Themes</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="lower-third" href="/youtube/lower-third" target="_self">Lower Third Banners</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming/twitch-templates" target="_self">Twitch Templates</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming-templates?f_types=image&amp;f_tags=YouTube%20Templates" target="_self">YouTube Templates</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Music &amp; Podcasts</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/branding/album-covers" target="_self">Album Covers</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/branding/music?f_devices=T-Shirt%20Design" target="_self">Music T-Shirts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="podcast-cover" href="/branding/podcast-covers" target="_self">Podcast Covers</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/branding/music?f_devices=Poster%20Maker" target="_self">Poster Templates</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Social Media</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/social-media/all-templates" target="_self">All Social Media</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="banner-ads" href="/social-media/banner" target="_self">Banner Ads</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="facebook-covers" href="/facebook/cover" target="_self">Facebook Covers</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="facebook-posts" href="/facebook/post" target="_self">Facebook Posts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/social-media-templates?f_devices=Fiverr%20Gig%20Image%20Maker" target="_self">Fiverr Templates</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="instagram-posts" href="/instagram/post" target="_self">Instagram Posts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="instagram-stories" href="/instagram/stories" target="_self">Instagram Stories</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/social-media-templates?f_tags=Patreon%20Templates" target="_self">Patreon Templates</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/pinterest-pin-maker" target="_self">Pinterest </a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/social-media-templates?f_tags=Bundles" target="_self">Social Media Sets</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="TikTok Videos" href="/social-media-templates?f_tags=TikTok%20Templates" target="_self">TikTok Videos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/twitter/header" target="_self">Twitter Headers</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/twitter/post" target="_self">Twitter Posts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/youtube/banner-template" target="_self">YouTube Banners</a> </li> </ul> </li> </ul> </div> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none" viewBox="0 0 12 8"> <path d="M.264.305c-.364.385-.34 1.107 0 1.5l.632.731 2.74 3.172 1.717 1.987c.351.407.944.407 1.295 0l.633-.732 2.74-3.172 1.717-1.987c.363-.417.336-1.075 0-1.499-.333-.42-.957-.392-1.296 0l-.632.732-2.74 3.172c-.572.66-1.146 1.326-1.717 1.987h1.295l-.632-.732-2.74-3.172L1.559.305C1.199-.112.63-.084.264.305z"></path> </svg> </li> <li class="item category slab1-text"> <a class="slab-1-a" data-slug="logos" title="" href="/logo-maker" target="_self">Logos</a> <div class="dropdown-menu"> <ul> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Highlights</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Typography Logos" href="/logo-maker/typographic" target="_self">Typography Logos</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Architecture &amp; Design</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="architect-logo-maker" href="/logo-maker/architect" target="_self">Architects</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Designer Logo Maker" href="/logo-maker/design" target="_self">Designers</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="florist-logo-maker" href="/logo-maker/florist" target="_self">Florist</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="Clothing and Beauty" href="#" onclick="event.preventDefault();">Clothing &amp; Beauty</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Beauty" href="/logo-maker/beauty" target="_self">Beauty</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="t-shirt-sellers" href="/logo-maker/clothing-brand" target="_self">Clothing Brands</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="jewerly-logo" href="/logo-maker/jewelry" target="_self">Jewelry</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="streetwear-logos" href="/logo-maker/streetwear" target="_self">Streetwear</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Education &amp; Arts</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="daycare-logo" href="/logo-maker/daycare" target="_self">Daycare</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="education-logo" href="/logo-maker/education" target="_self">Education</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="photo" href="/logo-maker/photography" target="_self">Photographers</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="writer-logo" href="/logo-maker/writer" target="_self">Writers / Publishers</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Finance &amp; Legal</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="consulting-logo" href="/logo-maker/consulting" target="_self">Consulting</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="finance-logo" href="/logo-maker/finance" target="_self">Finance</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="law-firms" href="/logo-maker/law" target="_self">Law Firms</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="realtor-logo" href="/logo-maker/real-estate" target="_self">Realtors</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Food &amp; Events</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="bakery-logo" href="/logo-maker/bakery" target="_self">Bakeries</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="bar-logo" href="/logo-maker/bar" target="_self">Bars &amp; Pubs</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="catering-logo" href="/logo-maker/catering" target="_self">Catering</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="coffee-store-logo" href="/logo-maker/coffee-shop" target="_self">Coffee Shops</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="event-logo" href="/logo-maker/event-planner" target="_self">Event Planners</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="rest-logo" href="/logo-maker/restaurant" target="_self">Restaurants</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="wedding-logo" href="/logo-maker/wedding" target="_self">Wedding </a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Gaming</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming-templates?f_devices=Logo%20Maker" target="_self">All Gaming Logos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Animated Logos" href="/gaming/animated-logo" target="_self">Animated Logos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="anime-logo" href="/logo-maker/anime" target="_self">Anime</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="emblem-logo" href="/logo-maker/emblem" target="_self">Emblem</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="shooter-logo" href="/logo-maker/shooters" target="_self">FPS</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="fantasy-logo" href="/logo-maker/fantasy" target="_self">Fantasy</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="horror-logo" href="/logo-maker/horror" target="_self">Horror</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="MOBA" href="/logo-maker/moba" target="_self">MOBA</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Space-logos" href="/logo-maker/space" target="_self">Space</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Warriors-logos" href="/logo-maker/warriors" target="_self">Warriors</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Healthcare</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="all-healthcare" href="/logo-maker/health-care" target="_self">All Healthcare Logos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="chiropractic-logo" href="/logo-maker/chiropractic" target="_self">Chiropractors</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="dental-logo" href="/logo-maker/dental" target="_self">Dentists</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="doctor-logo" href="/logo-maker/health-care" target="_self">Doctors</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="pharma-logo" href="/logo-maker/pharmaceutical" target="_self">Pharmacists</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="psychologists-logo" href="/logo-maker/psychologist" target="_self">Psychologists</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Lifestyle &amp; Fitness</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="fit-logo" href="/logo-maker/fitness" target="_self">Fitness</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="organic-logo" href="/logo-maker/organic-products" target="_self">Organic Products</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="wellness-logo" href="/logo-maker/wellness" target="_self">Wellness</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="yoga-logo" href="/logo-maker/yoga" target="_self">Yoga</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Music &amp; Podcasts</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="dj-logo" href="/logo-maker/dj" target="_self">DJ </a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/hip-hop-templates?f_devices=Logo%20Maker" target="_self">Hip-Hop</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/musician-templates?f_devices=Logo%20Maker" target="_self">Music Logos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Podcasts-logo" href="/logo-maker/podcast" target="_self">Podcasts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="youTubers-logo" href="/logo-maker/youtube" target="_self">YouTubers</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Services</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="all-service" href="/logo-maker/services" target="_self">All Service Logos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="automotive-services" href="/logo-maker/automotive" target="_self">Automotive </a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="cleaning-logo" href="/logo-maker/cleaning-services" target="_self">Cleaning Services</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="contractors-logo" href="/logo-maker/contractor" target="_self">Contractors</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="landscaping-logo" href="/logo-maker/landscaping" target="_self">Landscaping</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="moving-co-logo" href="/logo-maker/moving-companies" target="_self">Moving Companies</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="security-logo" href="/logo-maker/security" target="_self">Security</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Shops</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="art-logo" href="/logo-maker/arts-and-crafts" target="_self">Arts &amp; Crafts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Dropshipping-logo" href="/logo-maker/dropshipping" target="_self">Dropshipping</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="pet-logo" href="/logo-maker/pets" target="_self">Pet Shops</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="tech-logo" href="/logo-maker/technology" target="_self">Technology</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="travel-logo" href="/logo-maker/travel" target="_self">Travel Agencies</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Sports Logos</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="All Sports" href="/logo-maker/sports" target="_self">All Sports</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="baseball-logo" href="/logo-maker/baseball" target="_self">Baseball</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="basketball-logo" href="/logo-maker/basketball" target="_self">Basketball</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="football-logo" href="/logo-maker/football" target="_self">Football</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="hockey-logo" href="/logo-maker/hockey" target="_self">Hockey</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="mascot-logo" href="/logo-maker/mascot" target="_self">Mascot Logos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="soccer-logo" href="/logo-maker/soccer" target="_self">Soccer</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Style</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="abstract-logo" href="/logo-maker/abstract-" target="_self">Abstract</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="cartoonish-logo" href="/logo-maker/cartoon" target="_self">Cartoonish</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="illustrated-logo" href="/logo-maker/illustration" target="_self">Illustration</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="monogram-logo" href="/logo-maker/monogram" target="_self">Monogram</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="retro-logo" href="/logo-maker/retro" target="_self">Retro</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="typography-logo" href="/logo-maker/typography" target="_self">Typography</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="vintage-logo" href="/logo-maker/vintage" target="_self">Vintage</a> </li> </ul> </li> </ul> </div> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none" viewBox="0 0 12 8"> <path d="M.264.305c-.364.385-.34 1.107 0 1.5l.632.731 2.74 3.172 1.717 1.987c.351.407.944.407 1.295 0l.633-.732 2.74-3.172 1.717-1.987c.363-.417.336-1.075 0-1.499-.333-.42-.957-.392-1.296 0l-.632.732-2.74 3.172c-.572.66-1.146 1.326-1.717 1.987h1.295l-.632-.732-2.74-3.172L1.559.305C1.199-.112.63-.084.264.305z"></path> </svg> </li> <li class="item category slab1-text"> <a class="slab-1-a" data-slug="videos" title="" href="/c/videos" target="_self">Videos</a> <div class="dropdown-menu"> <ul> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Highlights</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="3D Video Mockups" href="/mockups/3d?f_tags=Video" target="_self">3D Video Mockups</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Twitch Screens" href="/gaming/twitch-screens" target="_self">Twitch Screens</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Video Mockups" href="/mockups/merch-videos" target="_self">Video Mockups</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Gaming</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming/animated-logo" target="_self">Animated Logos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="twitch-screens" href="/gaming/twitch-screens" target="_self">Twitch Screens</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="youtube-video-templates" href="/youtube/videos?f_tags=Gaming" target="_self">YouTube Videos</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Intros &amp; Slideshows</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Express Videos" href="/videos/express-videos" target="_self">Express Videos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/videos/intro-maker" target="_self">Intros / Outros</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Slideshow Video Maker" href="/videos/slideshow-maker" target="_self">Slideshows</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Social Media</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/facebook-cover-video-maker" target="_self">Facebook Covers</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="instagram-story-video-template" href="/instagram/reels" target="_self">Instagram Reels</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/instagram/videos" target="_self">Instagram Videos </a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="promo-video-templates" href="/videos/promo-templates" target="_self">Promo Videos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="TikTok Videos" href="/social-media-templates?f_tags=TikTok%20Templates" target="_self">TikTok Videos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="YouTube Videos" href="/youtube/videos" target="_self">YouTube Videos</a> </li> </ul> </li> </ul> </div> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none" viewBox="0 0 12 8"> <path d="M.264.305c-.364.385-.34 1.107 0 1.5l.632.731 2.74 3.172 1.717 1.987c.351.407.944.407 1.295 0l.633-.732 2.74-3.172 1.717-1.987c.363-.417.336-1.075 0-1.499-.333-.42-.957-.392-1.296 0l-.632.732-2.74 3.172c-.572.66-1.146 1.326-1.717 1.987h1.295l-.632-.732-2.74-3.172L1.559.305C1.199-.112.63-.084.264.305z"></path> </svg> </li> <li class="item category slab1-text"> <a class="slab-1-a" data-slug="gaming-templates" title="" href="/gaming-templates" target="_self">Gaming</a> <div class="dropdown-menu"> <ul> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Highlights</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Gaming Logos" href="/gaming-templates?f_devices=Logo%20Maker" target="_self">Gaming Logos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="YouTube Thumbnails" href="/gaming-templates?f_devices=YouTube%20Thumbnail%20Maker" target="_self">YouTube Thumbnails</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Merch</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming-templates?f_tags=Apparel%2CPrint" target="_self">Gaming Mockups</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming-templates?f_devices=T-Shirt%20Design" target="_self">T-Shirt Designs</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Streaming</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="avatar-creator" href="/gaming/avatar-maker" target="_self">Avatars</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming-templates?f_devices=OBS%20Stream%20Overlay%20Maker" target="_self">OBS Stream Overlay</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/videos/stream-starting-soon" target="_self">Starting Soon Screens</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Twitch Templates</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="all-twitch-templates" href="/gaming/twitch-templates" target="_self">All Twitch Templates</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming/twitch-banner" target="_self">Twitch Banners</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Twitch-emotes" href="/gaming/twitch-emotes" target="_self">Twitch Emotes</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="twitch-offline " href="/gaming/twitch-offline-banner" target="_self">Twitch Offline Banners</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming-templates?f_devices=Twitch%20Overlay%20Maker" target="_self">Twitch Overlays</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="twitch-panel" href="/gaming/twitch-panels" target="_self">Twitch Panels</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/twitch-templates?f_tags=Twitch%20Sets" target="_self">Twitch Sets</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">YouTube</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming-templates?f_tags=YouTube%20Templates" target="_self">All YouTube Templates</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming-templates?f_devices=Intro%20Maker" target="_self">Intros / Outros</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming-templates?f_devices=YouTube%20Banner%20Maker" target="_self">YouTube Banners</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming-templates?f_devices=YouTube%20End%20Card" target="_self">YouTube End Cards</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/gaming-templates?f_devices=YouTube%20Thumbnail%20Maker" target="_self">YouTube Thumbnails</a> </li> </ul> </li> </ul> </div> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none" viewBox="0 0 12 8"> <path d="M.264.305c-.364.385-.34 1.107 0 1.5l.632.731 2.74 3.172 1.717 1.987c.351.407.944.407 1.295 0l.633-.732 2.74-3.172 1.717-1.987c.363-.417.336-1.075 0-1.499-.333-.42-.957-.392-1.296 0l-.632.732-2.74 3.172c-.572.66-1.146 1.326-1.717 1.987h1.295l-.632-.732-2.74-3.172L1.559.305C1.199-.112.63-.084.264.305z"></path> </svg> </li> <li class="item category slab1-text"> <a class="slab-1-a" data-slug="/learn" title="" href="/learn" target="_self">Learn</a> <div class="dropdown-menu"> <ul> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Blog</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="https://blog.placeit.net/" target="_blank">Blog</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Design</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="https://blog.placeit.net/category/marketing/branding/" target="_blank">Branding</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="https://blog.placeit.net/logo-color-schemes-a-complete-guide-on-all-you-need-to-know/" target="_blank">Color</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="https://blog.placeit.net/how-to-choose-the-best-fonts-logos/" target="_blank">Fonts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="https://blog.placeit.net/category/designs/logo-design/" target="_blank">Logo Design</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Marketing</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="https://blog.placeit.net/category/marketing/freelancing/" target="_blank">Small Business</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="https://blog.placeit.net/category/marketing/social-media-design/" target="_blank">Social Media</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Placeit 101</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/faq" target="_self">FAQ</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="https://blog.placeit.net/category/tutorials/" target="_blank">Tutorials</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="How to use My Placeit" href="/learn/tutorials/my-placeit" target="_self">How to use My Placeit</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="How to Design a Logo" href="/learn/tutorials/how-to-design-logo" target="_self">How to Design a Logo</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="How to create a Mockup" href="/learn/tutorials/how-to-create-mockup" target="_self">How to create a Mockup</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="How to Make Videos" href="/learn/tutorials/how-to-make-a-video" target="_self">How to Make Videos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="How to Use Design Templates" href="/learn/tutorials/how-to-use-design-templates" target="_self">How to Use Design Templates</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="How to Use Blank Canvas" href="/learn/tutorials/how-to-use-blank-canvas" target="_self">How to Use Blank Canvas</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Tools</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/tools/background-remover" target="_self">Background Remover</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/c/design-templates/stages/blank-canvas-designs" target="_self">Blank Canvas</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/image-cropper" target="_self">Image Resizer</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="https://blog.placeit.net/online-tshirt-business-profit-margin-calculator/" target="_blank">Profit Calculator</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/video-cropper" target="_self">Video Cropper</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="" href="/video-to-gif-converter" target="_self">Video to GIF Converter</a> </li> </ul> </li> </ul> </div> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none" viewBox="0 0 12 8"> <path d="M.264.305c-.364.385-.34 1.107 0 1.5l.632.731 2.74 3.172 1.717 1.987c.351.407.944.407 1.295 0l.633-.732 2.74-3.172 1.717-1.987c.363-.417.336-1.075 0-1.499-.333-.42-.957-.392-1.296 0l-.632.732-2.74 3.172c-.572.66-1.146 1.326-1.717 1.987h1.295l-.632-.732-2.74-3.172L1.559.305C1.199-.112.63-.084.264.305z"></path> </svg> </li> </ul> <!-- Announcement --> <div class="item nav-announcement__container" style="display:none"></div> <!-- Search lite for stages --> <div class="flex-container search-bar"> <a id="searchContainer" class="item shrink"></a> </div> <div id="burger-button" class="item burger-button " > <div class="menu-icon"></div> </div> <div class="extra-pricing-link"> <a href="/pricing" class="slab1-text">Pricing</a> </div> <div class="item pricing square-button"> <a href="javascript:void(0);" id="buy-a-subscription-mobile" title="Go Unlimited!" class="main-pricing-button"> <span> Go Unlimited! </span> </a> </div> <div class="flex-container account-box "> <div id="close-button" class="item close-button"> <?xml version="1.0" encoding="UTF-8"?> <svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs></defs> <g id="Page-HambClose-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="HambClose-black" fill="#000000"> <rect id="Rectangle" transform="translate(7.424621, 7.424621) rotate(-315.000000) translate(-7.424621, -7.424621) " x="-2.0753788" y="6.4246212" width="19" height="2" rx="1"></rect> <rect id="Rectangle" transform="translate(7.424621, 7.424621) scale(-1, 1) rotate(-315.000000) translate(-7.424621, -7.424621) " x="-2.0753788" y="6.4246212" width="19" height="2" rx="1"></rect> </g> </g> </svg> </div> <!-- Logged in --> <div class="flex-container in" style="display:none"> <!-- <div class="item credits" id="remaining-downloads-container" style="display:none"> <div class="remaining-downloads"> <a href="/account" class="remaining-downloads__counter"> Image Credits Left: </a> </div> <a href="#" id="remaining-downloads" style="display:none" title="Remaining downloads"> No Image Credits Left! </a> </div> --> <div class="item mydrive past-downloads-item-holder"> <a href="#" class="my-drive__link slab1-text" title="Downloads"> <div class="my-drive__processing-icon-wrapper"> <div class="icon-loader"></div> <div class="icon-highlight"></div> <span class="my-drive_icon "></span> </div> </a> </div> <div class="item my-placeit"> <a href="#" class="slab1-text" title="My Placeit"> My Placeit </a> </div> <div class="item account"> <a> <span id="compressedMenu" class="menu-icon" name="commit" type="submit"></span> <span class="sso-username"></span> <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span> </a> <ul class="dropdown-menu fade-up"> <li class="username"> <div class="username-container"> <div class="usertype-label"> <span>Free account</span> </div> <span class="username"></span> <small>Envato username</small> </div> </li> <li role="separator" class="divider"></li> <li> <a href="/account" class="slab1-text" title=""> <svg><use xlink:href="#account"/></svg> My Account </a> </li> <li role="separator" class="divider"></li> <li> <a href="/purchases/" class="slab1-text" title="Downloads"> <svg><use xlink:href="#my-downloads"/></svg> My Downloads </a> </li> <li class="bookmarks-tab" style="display:none"> <a href="/favorites/"> <svg><use xlink:href="#favorites"/></svg> My Favorites </a> </li> <li> <a href="/my_folders" class="slab1-text" title="My Folders"> <svg><use xlink:href="#my-folders"/></svg> My Folders </a> </li> <li> <a href="/saved_drafts" class="slab1-text" title="Edited"> <svg><use xlink:href="#edited"/></svg> Edited </a> </li> <li role="separator" class="divider"></li> <li> <a href="/logout" class="logout-button slab1-text" id="logout-button slab1-text" title="Log out"> <svg><use xlink:href="#logout"/></svg> Log out </a> </li> <li> <img src="/assets/blank.png" style="display:none" class="user-type-banner"> </li> </ul> </div> <div class="item admin-container" style="display:none"> <a href="/admin/stages" class="admin-link slab1-text" title="Admin"> Admin </a> </div> </div> <div class="flex-container in mobile account-details" > <div class="log-in"> <div class="flex-container logo-box"> <a href="https://placeit.net" class="item logo" title="Placeit - Product shots &amp; videos made easy!"> <span class="placeit-envato-logo-new-black"></span> </a> </div> <div class="login-button-container"> <button id="mobileSignup" name="commit" type="submit" value="Log in">Free Account</button> <button id="mobileLoginLink" name="commit" type="submit" value="Log in"><div class="button-copy">Log In</div></button> </div> </div> <div class="account-details-container folders-feature-active"> <div class="item account username"> <div class="username-container"> <div class="usertype-label"> <span>Free account</span> </div> <span class="username"></span> <small>Envato username</small> </div> </div> <div class="item account-link"> <a href="/account" class="slab1-text" title=""> See Details </a> </div> <div class="separator"></div> <div class="item my-placeit"> <a href="#" class="slab1-text" title="My Placeit"> My Placeit </a> </div> <div class="item mydrive past-downloads-item-holder"> <a href="/purchases/" class="slab1-text" title="Downloads"> <svg><use xlink:href="#my-downloads"/></svg> My Downloads </a> </div> <div class="item bookmarks-tab" style="display:none"> <a href="/favorites/"> <svg><use xlink:href="#favorites"/></svg> My Favorites </a> </div> <div class="item my-folders "> <a href="/my_folders" class="slab1-text" title="My Folders"> <svg><use xlink:href="#my-folders"/></svg> My Folders </a> </div> <div class="item drafts"> <a href="/saved_drafts" class="slab1-text" title="Edited"> <svg><use xlink:href="#edited"/></svg> Edited </a> </div> <div class="item logout"> <a href="/logout" class="logout-button slab1-text" id="logout-button slab1-text" title="Log out"> <svg><use xlink:href="#logout"/></svg> Log out </a> </div> <div class="item admin-container" style="display:none"> <a href="/admin/stages" class="admin-link slab1-text" title="Admin"> Admin </a> </div> </div> <div class="item banner-container"> <img src="/assets/blank.png" style="display:none" class="user-type-banner"> </div> </div> </div> <!-- Logged out --> <!-- t19772 User Agent: axios/0.27.2 --> <div class="flex-container out login-box" style=" "> <div class="item signup square-button"> <a class="slab1-text">Free Account</a> </div> <div class="item login square-button"> <a id="loginLink" class="slab1-text">Log In</a> </div> </div> <script> window.is_mobile_device = false; </script> </div> <div class="global-search-container experiment-A "> <span class="cancel-btn">Cancel</span> <div class="dropdowns-container"> <div class="dropdown categories-dropdown"> <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> All Categories </button> <svg xmlns="http://www.w3.org/2000/svg" width="8" height="10" fill="none" viewBox="0 0 12 8"><path d="M.264.305c-.364.385-.34 1.107 0 1.5l.632.731 2.74 3.172 1.717 1.987c.351.407.944.407 1.295 0l.633-.732 2.74-3.172 1.717-1.987c.363-.417.336-1.075 0-1.499-.333-.42-.957-.392-1.296 0l-.632.732-2.74 3.172c-.572.66-1.146 1.326-1.717 1.987h1.295l-.632-.732-2.74-3.172L1.559.305C1.199-.112.63-.084.264.305z"></path></svg> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <ul></ul> </div> </div> </div> <form action="/"> <div class="form-group"> <div class="global-search-input"> <input type="search" name="search" class="form-control search-input-control" placeholder="" aria-label="" aria-describedby="" id="testing" value="" /> <button type="button" class="close hide" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8" fill="#2f4f4f"/><path fill="#fff" fill-rule="evenodd" d="M4.99 4.314c-.186-.187-.49-.187-.676 0-.187.187-.187.49 0 .676L7.324 8l-3.01 3.01c-.187.187-.187.49 0 .676.187.187.49.187.676 0L8 8.676l3.01 3.01c.186.187.49.187.676 0 .187-.187.187-.49 0-.676L8.676 8l3.01-3.01c.187-.186.187-.49 0-.676-.187-.187-.49-.187-.676 0L8 7.324l-3.01-3.01z" clip-rule="evenodd"/></svg> </button> </div> </div> <button type="submit" class="btn btn-primary search-btn search-white"> <div class="search-white"></div><div class="search-label">Search</div> </button> <span class="results-spinner"></span> </form> </div> </div> <!-- container --> <div id="container" class="page-wrapper "> <div class="page-container homepage pricing-variant-d "> <main class="pricing-page variant-d "> <section class="hero"> <div class="hero-wrapper"> <div class="hero-info"> <h1> The World’s Largest Mockup Library </h1> <ul> <li> <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5.99947 12C5.99947 10.4089 5.3674 8.88288 4.2423 7.75773C3.1172 6.63258 1.59121 6.0004 0 6.00026C0.787931 6.00019 1.56813 5.84494 2.29606 5.54336C3.02399 5.24178 3.68538 4.79978 4.24249 4.24261C4.79959 3.68543 5.24149 3.02399 5.54295 2.29604C5.84442 1.56809 5.99954 0.787897 5.99947 0C5.99947 0.787966 6.15468 1.56822 6.45624 2.2962C6.75779 3.02419 7.19978 3.68565 7.75698 4.24283C8.31419 4.8 8.97568 5.24198 9.7037 5.54352C10.4317 5.84506 11.212 6.00026 12 6.00026C11.212 6.00019 10.4318 6.15533 9.70374 6.45681C8.97572 6.7583 8.31422 7.20022 7.75702 7.75736C7.19981 8.31449 6.75781 8.97592 6.45624 9.70388C6.15468 10.4318 5.99947 11.2121 5.99947 12Z" fill="#FFFDD0" /> </svg> Everything your brand needs in one place </li> <li> <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5.99947 12C5.99947 10.4089 5.3674 8.88288 4.2423 7.75773C3.1172 6.63258 1.59121 6.0004 0 6.00026C0.787931 6.00019 1.56813 5.84494 2.29606 5.54336C3.02399 5.24178 3.68538 4.79978 4.24249 4.24261C4.79959 3.68543 5.24149 3.02399 5.54295 2.29604C5.84442 1.56809 5.99954 0.787897 5.99947 0C5.99947 0.787966 6.15468 1.56822 6.45624 2.2962C6.75779 3.02419 7.19978 3.68565 7.75698 4.24283C8.31419 4.8 8.97568 5.24198 9.7037 5.54352C10.4317 5.84506 11.212 6.00026 12 6.00026C11.212 6.00019 10.4318 6.15533 9.70374 6.45681C8.97572 6.7583 8.31422 7.20022 7.75702 7.75736C7.19981 8.31449 6.75781 8.97592 6.45624 9.70388C6.15468 10.4318 5.99947 11.2121 5.99947 12Z" fill="#FFFDD0" /> </svg> Customizable templates you can style </li> <li> <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5.99947 12C5.99947 10.4089 5.3674 8.88288 4.2423 7.75773C3.1172 6.63258 1.59121 6.0004 0 6.00026C0.787931 6.00019 1.56813 5.84494 2.29606 5.54336C3.02399 5.24178 3.68538 4.79978 4.24249 4.24261C4.79959 3.68543 5.24149 3.02399 5.54295 2.29604C5.84442 1.56809 5.99954 0.787897 5.99947 0C5.99947 0.787966 6.15468 1.56822 6.45624 2.2962C6.75779 3.02419 7.19978 3.68565 7.75698 4.24283C8.31419 4.8 8.97568 5.24198 9.7037 5.54352C10.4317 5.84506 11.212 6.00026 12 6.00026C11.212 6.00019 10.4318 6.15533 9.70374 6.45681C8.97572 6.7583 8.31422 7.20022 7.75702 7.75736C7.19981 8.31449 6.75781 8.97592 6.45624 9.70388C6.15468 10.4318 5.99947 11.2121 5.99947 12Z" fill="#FFFDD0" /> </svg> *Cancel your subscription anytime </li> </ul> </div> <div class="benefits-container"> <div class="subscription-container"> <div class="discount-highlight discount-label"> <div class="percentage-wrapper"> <p><span class="percentage-container">-</span> OFF</p> </div> </div> <h2 class="subscription-title"> Unlimited Subscription </h2> <div class="subscription-price-container"> From: <span class="subscription-price original-price"> $7.47 </span> <span class="subscription-discount-price final-price"> $7.47 </span> <span class="subscription-price-month"> /mo<sup>*</sup></span> </div> <p class="subscription-subtitle"> Unlimited Downloads </p> <button class="subscription-cta"> Start Now </button> <ul> <li class="subscription-info"> <span class="subscription-info-icon"></span> <p class="subscription-info-content"> The largest mockup library online </p> </li> <li class="subscription-info"> <span class="subscription-info-icon"></span> <p class="subscription-info-content"> Designs crafted by professionals </p> </li> <li class="subscription-info"> <span class="subscription-info-icon"></span> <p class="subscription-info-content">Fully customizable logos</p> </li> <li class="subscription-info"> <span class="subscription-info-icon"></span> <p class="subscription-info-content"> Ready to use video templates </p> </li> <li class="subscription-info multiline"> <span class="subscription-info-icon"></span> <p class="subscription-info-content"> 100,000+ exclusive designs, music and photo assets </p> </li> <li class="subscription-info"> <span class="subscription-info-icon"></span> <p class="subscription-info-content">Commercial Usage</p> </li> <li class="subscription-info"> <span class="subscription-info-icon"></span> <p class="subscription-info-content">High Resolution</p> </li> </ul> <span class="subscription-info-footer"> <a class="benefits-footer" href="#unsubscribe"></a> </span> </div> </div> </div> <div class="shapes"> <svg class="ellipse-44" width="78" height="105" viewBox="0 0 78 105" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_698_2422)"> <circle r="21" transform="matrix(-1 0 0 1 45.5 32.5)" stroke="white" stroke-width="3" shape-rendering="geometricPrecision" fill="transparent" /> </g> <defs> <filter id="filter0_d_698_2422" x="-27" y="0" width="105" height="105" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2422" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2422" result="shape" /> </filter> </defs> </svg> <svg class="ellipse-42" width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_698_2420)"> <circle r="8.5" transform="matrix(-1 0 0 1 60 20)" stroke="white" stroke-width="3" shape-rendering="geometricPrecision" fill="transparent" /> </g> <defs> <filter id="filter0_d_698_2420" x="0" y="0" width="80" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2420" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2420" result="shape" /> </filter> </defs> </svg> <!-- <svg class="ellipse-45" width="157" height="157" viewBox="0 0 157 157" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_698_2428)"> <circle cx="98.7094" cy="58.3232" r="46.3199" transform="rotate(30 98.7094 58.3232)" stroke="white" stroke-width="3" shape-rendering="geometricPrecision" fill="transparent" /> </g> <defs> <filter id="filter0_d_698_2428" x="0.881836" y="0.495316" width="155.655" height="155.656" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dx="-20" dy="20"/> <feGaussianBlur stdDeviation="15"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2428"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2428" result="shape"/> </filter> </defs> </svg> <svg class="ellipse-32" width="157" height="157" viewBox="0 0 157 157" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_698_2427)"> <circle cx="98.3236" cy="58.3232" r="47.8199" transform="rotate(30 98.3236 58.3232)" fill="url(#paint0_linear_698_2427)"/> </g> <defs> <filter id="filter0_d_698_2427" x="0.496094" y="0.495316" width="155.655" height="155.656" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dx="-20" dy="20"/> <feGaussianBlur stdDeviation="15"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2427"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2427" result="shape"/> </filter> <linearGradient id="paint0_linear_698_2427" x1="97.945" y1="107.157" x2="86.1021" y2="37.6507" gradientUnits="userSpaceOnUse"> <stop stop-color="#78CEFF"/> <stop offset="1" stop-color="#43DFE9"/> </linearGradient> </defs> </svg> --> <svg class="rectangle-2010" width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_698_2399)"> <rect x="49" y="24.3287" width="30.6575" height="30.6575" rx="5" transform="rotate(-30 49 24.3287)" fill="url(#paint0_linear_698_2399)" /> </g> <defs> <filter id="filter0_d_698_2399" x="0.829102" y="0.829254" width="98.2207" height="98.2204" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2399" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2399" result="shape" /> </filter> <linearGradient id="paint0_linear_698_2399" x1="64.3288" y1="24.3287" x2="64.3288" y2="54.9863" gradientUnits="userSpaceOnUse" > <stop stop-color="#00CC99" /> <stop offset="1" stop-color="#AAF0D1" /> </linearGradient> </defs> </svg> <!-- <svg class="star-2" width="163" height="163" viewBox="0 0 163 163" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_698_2432)"> <path d="M85.4917 11.8494C86.7548 10.5863 88.5958 10.093 90.3213 10.5553L136.277 22.8692C138.003 23.3316 139.351 24.6793 139.813 26.4048L152.127 72.3609C152.589 74.0864 152.096 75.9274 150.833 77.1905L117.191 110.833C115.927 112.096 114.086 112.589 112.361 112.127L66.4048 99.8129C64.6793 99.3506 63.3316 98.0029 62.8693 96.2774L50.5553 50.3213C50.093 48.5958 50.5863 46.7548 51.8494 45.4917L85.4917 11.8494Z" fill="url(#paint0_linear_698_2432)"/> </g> <defs> <filter id="filter0_d_698_2432" x="0.384766" y="0.384857" width="161.912" height="161.912" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dx="-20" dy="20"/> <feGaussianBlur stdDeviation="15"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2432"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2432" result="shape"/> </filter> <linearGradient id="paint0_linear_698_2432" x1="87.5329" y1="9.8082" x2="115.149" y2="112.874" gradientUnits="userSpaceOnUse"> <stop stop-color="#E7FEFF"/> <stop offset="1" stop-color="#1E90FF"/> </linearGradient> </defs> </svg> <svg class="star-4" width="163" height="163" viewBox="0 0 163 163" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_698_2415)"> <path d="M85.4917 11.8494C86.7548 10.5863 88.5958 10.093 90.3213 10.5553L136.277 22.8692C138.003 23.3316 139.351 24.6793 139.813 26.4048L152.127 72.3609C152.589 74.0864 152.096 75.9274 150.833 77.1905L117.191 110.833C115.927 112.096 114.086 112.589 112.361 112.127L66.4048 99.8129C64.6793 99.3506 63.3316 98.0029 62.8693 96.2774L50.5553 50.3213C50.093 48.5958 50.5863 46.7548 51.8494 45.4917L85.4917 11.8494Z" fill="#E7FEFF"/> </g> <defs> <filter id="filter0_d_698_2415" x="0.384766" y="0.384857" width="161.912" height="161.912" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dx="-20" dy="20"/> <feGaussianBlur stdDeviation="15"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2415"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2415" result="shape"/> </filter> </defs> </svg> --> <svg class="polygon-4" width="115" height="121" viewBox="0 0 115 121" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_698_2429)"> <path d="M58.3235 69.8436C54.9902 71.7681 50.8235 69.3625 50.8235 65.5135L50.8235 15.188C50.8235 11.339 54.9902 8.93341 58.3235 10.8579L101.907 36.0206C105.24 37.9451 105.24 42.7564 101.907 44.6809L58.3235 69.8436Z" fill="url(#paint0_linear_698_2429)" /> </g> <defs> <filter id="filter0_d_698_2429" x="0.823242" y="0.180573" width="113.583" height="120.34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2429" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2429" result="shape" /> </filter> <linearGradient id="paint0_linear_698_2429" x1="50.8235" y1="74.1737" x2="89.8789" y2="6.52778" gradientUnits="userSpaceOnUse" > <stop stop-color="#FEBA94" /> <stop offset="1" stop-color="#FFD770" /> </linearGradient> </defs> </svg> <svg class="ellipse-41" width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_698_2423)"> <circle r="8.5" transform="matrix(-1 0 0 1 60 20)" stroke="white" stroke-width="3" shape-rendering="geometricPrecision" fill="transparent" /> </g> <defs> <filter id="filter0_d_698_2423" x="0" y="0" width="80" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2423" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2423" result="shape" /> </filter> </defs> </svg> <svg class="polygon-5" width="91" height="94" viewBox="0 0 91 94" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_698_2430)"> <path d="M51.8378 38.758L51.8378 15.4024C51.8378 12.7081 54.7544 11.0242 57.0878 12.3713L77.3142 24.0491C79.6476 25.3962 79.6476 28.7641 77.3142 30.1113L57.0878 41.789C54.7544 43.1362 51.8378 41.4523 51.8378 38.758Z" stroke="white" stroke-width="3" shape-rendering="geometricPrecision" fill="transparent" /> </g> <defs> <filter id="filter0_d_698_2430" x="0.337891" y="0.394961" width="90.2266" height="93.3704" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2430" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2430" result="shape" /> </filter> </defs> </svg> <!-- <svg class="polygon-1" width="180" height="178" viewBox="0 0 180 178" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_698_2413)"> <path d="M128.592 11.6739C131.239 8.87895 135.918 9.99683 137.016 13.6861L169.026 121.305C170.123 124.994 166.815 128.488 163.071 127.593L53.866 101.505C50.1224 100.611 48.7507 95.9996 51.397 93.2046L128.592 11.6739Z" fill="url(#paint0_linear_698_2413)"/> </g> <defs> <filter id="filter0_d_698_2413" x="0.0244141" y="0.109039" width="179.215" height="177.626" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dx="-20" dy="20"/> <feGaussianBlur stdDeviation="15"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2413"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2413" result="shape"/> </filter> <linearGradient id="paint0_linear_698_2413" x1="115.318" y1="133.083" x2="150.884" y2="-15.5535" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD7C6E"/> <stop offset="1" stop-color="#FFD59A"/> </linearGradient> </defs> </svg> --> <!-- <svg class="polygon-7" width="165" height="164" viewBox="0 0 165 164" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_698_2414)"> <path d="M125.623 14.5532L153.182 107.208C153.95 109.79 151.634 112.236 149.014 111.61L54.9929 89.1494C52.3724 88.5234 51.4122 85.2953 53.2646 83.3388L119.726 13.1446C121.579 11.1881 124.854 11.9707 125.623 14.5532Z" stroke="white" stroke-width="3" shape-rendering="geometricPrecision" fill="transparent" /> </g> <defs> <filter id="filter0_d_698_2414" x="0.802734" y="0.548447" width="164.03" height="162.662" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dx="-20" dy="20"/> <feGaussianBlur stdDeviation="15"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2414"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2414" result="shape"/> </filter> </defs> </svg> --> <svg class="ellipse-37" width="91" height="91" viewBox="0 0 91 91" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_698_2424)"> <circle r="15.3125" transform="matrix(-1 0 0 1 65.3125 25.3125)" fill="#FFF1BD" /> </g> <defs> <filter id="filter0_d_698_2424" x="0" y="0" width="90.625" height="90.625" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2424" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2424" result="shape" /> </filter> </defs> </svg> <svg class="ellipse-43" width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_698_2421)"> <circle r="8.5" transform="matrix(-1 0 0 1 60 20)" stroke="white" stroke-width="3" shape-rendering="geometricPrecision" fill="transparent" /> </g> <defs> <filter id="filter0_d_698_2421" x="0" y="0" width="80" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2421" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2421" result="shape" /> </filter> </defs> </svg> <svg class="star-3" width="104" height="104" viewBox="0 0 104 104" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_698_2416)"> <path d="M87.3983 19.5003L91.8315 36.0454C92.1089 37.0807 91.8129 38.1853 91.055 38.9432L78.9432 51.055C78.1854 51.8129 77.0807 52.1088 76.0455 51.8314L59.5004 47.3982C58.4651 47.1208 57.6565 46.3122 57.3791 45.2769L52.9458 28.7318C52.6684 27.6966 52.9644 26.5919 53.7223 25.8341L65.8341 13.7222C66.592 12.9644 67.6966 12.6684 68.7319 12.9458L85.277 17.379C86.3122 17.6564 87.1209 18.4651 87.3983 19.5003Z" stroke="white" stroke-width="4" shape-rendering="geometricPrecision" fill="transparent" /> </g> <defs> <filter id="filter0_d_698_2416" x="0.84375" y="0.843445" width="103.09" height="103.09" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2416" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2416" result="shape" /> </filter> </defs> </svg> <svg class="ellipse-35" width="91" height="91" viewBox="0 0 91 91" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_698_2418)"> <circle r="15.3125" transform="matrix(-1 0 0 1 65.3125 25.3125)" fill="#8E59CF" /> </g> <defs> <filter id="filter0_d_698_2418" x="0" y="0" width="90.625" height="90.625" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2418" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2418" result="shape" /> </filter> </defs> </svg> <!-- D --> <svg class="ellipse-49" width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_700_4390)"> <circle cx="73.8934" cy="33.8932" r="23.3474" transform="rotate(30 73.8934 33.8932)" fill="url(#paint0_linear_700_4390)" /> </g> <defs> <filter id="filter0_d_700_4390" x="0.542969" y="0.54187" width="106.701" height="106.703" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_700_4390" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_700_4390" result="shape" /> </filter> <linearGradient id="paint0_linear_700_4390" x1="73.7086" y1="57.7359" x2="67.9264" y2="23.8001" gradientUnits="userSpaceOnUse" > <stop stop-color="#78CEFF" /> <stop offset="1" stop-color="#43DFE9" /> </linearGradient> </defs> </svg> <svg class="polygon-8" width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_700_4395)"> <path d="M56.423 69.172C52.6844 70.0875 49.3568 66.6126 50.4332 62.9172L64.5075 14.5998C65.5839 10.9044 70.2571 9.76006 72.9192 12.54L107.726 48.8873C110.388 51.6672 109.043 56.2865 105.304 57.202L56.423 69.172Z" fill="url(#paint0_linear_700_4395)" /> </g> <defs> <filter id="filter0_d_700_4395" x="0.228516" y="0.995514" width="118.891" height="118.325" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_700_4395" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_700_4395" result="shape" /> </filter> <linearGradient id="paint0_linear_700_4395" x1="48.0113" y1="71.2319" x2="104.426" y2="17.2076" gradientUnits="userSpaceOnUse" > <stop stop-color="#FEBA94" /> <stop offset="1" stop-color="#FFD770" /> </linearGradient> </defs> </svg> <svg class="group-2786" width="151" height="161" viewBox="0 0 151 161" fill="transparent" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_700_4391)"> <circle cx="85.7606" cy="74.886" r="35.6951" transform="rotate(30 85.7606 74.886)" fill="url(#paint0_linear_700_4391)" /> </g> <g filter="url(#filter1_d_700_4391)"> <circle cx="101.724" cy="48.7604" r="34.1951" transform="rotate(30 101.724 48.7604)" stroke="white" stroke-width="3" shape-rendering="geometricPrecision" fill="transparent" /> </g> <defs> <filter id="filter0_d_700_4391" x="0.0605469" y="29.185" width="131.4" height="131.402" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_700_4391" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_700_4391" result="shape" /> </filter> <filter id="filter1_d_700_4391" x="16.0234" y="3.05934" width="131.4" height="131.402" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_700_4391" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_700_4391" result="shape" /> </filter> <linearGradient id="paint0_linear_700_4391" x1="85.478" y1="111.338" x2="76.6379" y2="59.4551" gradientUnits="userSpaceOnUse" > <stop stop-color="#78CEFF" /> <stop offset="1" stop-color="#43DFE9" /> </linearGradient> </defs> </svg> <svg class="polygon-6" width="88" height="87" viewBox="0 0 88 87" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_700_4397)"> <path d="M54.8362 33.3721C51.7751 33.0384 50.2233 29.5161 52.0428 27.032L62.504 12.7503C64.3235 10.2662 68.1499 10.6834 69.3914 13.5012L76.5291 29.7017C77.7706 32.5195 75.4962 35.6246 72.4351 35.2909L54.8362 33.3721Z" stroke="white" stroke-width="2" shape-rendering="geometricPresicion" fill="transparent" /> </g> <defs> <filter id="filter0_d_700_4397" x="0.263672" y="0.113358" width="87.6133" height="86.2026" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_700_4397" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_700_4397" result="shape" /> </filter> </defs> </svg> <svg class="ellipse-50" width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_700_4382)"> <circle r="8.5" transform="matrix(-1 0 0 1 60 20)" stroke="white" stroke-width="3" shape-rendering="geometricPrecision" fill="transparent" /> </g> <defs> <filter id="filter0_d_700_4382" x="0" y="0" width="80" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_700_4382" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_700_4382" result="shape" /> </filter> </defs> </svg> <svg class="group-2784" width="159" height="139" viewBox="0 0 159 139" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_700_4375)"> <path d="M96.6322 17.376C99.2785 14.5811 103.958 15.699 105.055 19.3882L123.681 82.0074C124.778 85.6967 121.47 89.1904 117.727 88.2961L54.1841 73.1166C50.4405 72.2223 49.0688 67.6107 51.7151 64.8157L96.6322 17.376Z" fill="url(#paint0_linear_700_4375)" /> </g> <g filter="url(#filter1_d_700_4375)"> <path d="M113.056 19.3254C114.909 17.3689 118.184 18.1514 118.952 20.7339L134.739 73.8099C135.508 76.3924 133.192 78.838 130.571 78.212L76.7128 65.3459C74.0922 64.7198 73.1321 61.4917 74.9845 59.5353L113.056 19.3254Z" stroke="white" stroke-width="3" shape-rendering="geometricPrecision" fill="transparent" /> </g> <defs> <filter id="filter0_d_700_4375" x="0.341797" y="5.81116" width="133.553" height="132.626" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_700_4375" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_700_4375" result="shape" /> </filter> <filter id="filter1_d_700_4375" x="22.5215" y="6.72923" width="123.869" height="123.083" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_700_4375" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_700_4375" result="shape" /> </filter> <linearGradient id="paint0_linear_700_4375" x1="90.3233" y1="92.5263" x2="113.006" y2="-2.26621" gradientUnits="userSpaceOnUse" > <stop stop-color="#FD7C6E" /> <stop offset="1" stop-color="#FFD59A" /> </linearGradient> </defs> </svg> <svg class="group-2785" width="142" height="158" viewBox="0 0 142 158" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_700_4399)"> <path d="M80.4896 12.3054C81.7527 11.0423 83.5937 10.549 85.3192 11.0113L118.049 19.7811C119.774 20.2435 121.122 21.5912 121.584 23.3167L130.354 56.0461C130.816 57.7715 130.323 59.6126 129.06 60.8757L105.1 84.8353C103.837 86.0984 101.996 86.5917 100.271 86.1294L67.5412 77.3596C65.8158 76.8972 64.468 75.5495 64.0057 73.824L55.2359 41.0946C54.7735 39.3692 55.2668 37.5281 56.53 36.265L80.4896 12.3054Z" fill="#E7FEFF" /> </g> <g filter="url(#filter1_d_700_4399)"> <path d="M76.2649 33.8621C77.5281 32.599 79.3691 32.1057 81.0946 32.568L113.824 41.3378C115.549 41.8002 116.897 43.1479 117.36 44.8734L126.129 77.6028C126.592 79.3282 126.098 81.1693 124.835 82.4324L100.876 106.392C99.6125 107.655 97.7715 108.148 96.046 107.686L63.3166 98.9163C61.5912 98.4539 60.2434 97.1062 59.7811 95.3807L51.0113 62.6513C50.5489 60.9259 51.0422 59.0848 52.3054 57.8217L76.2649 33.8621Z" fill="url(#paint0_linear_700_4399)" /> </g> <defs> <filter id="filter0_d_700_4399" x="5.06445" y="0.840816" width="135.461" height="135.459" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_700_4399" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_700_4399" result="shape" /> </filter> <filter id="filter1_d_700_4399" x="0.839844" y="22.3975" width="135.461" height="135.459" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_700_4399" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_700_4399" result="shape" /> </filter> <linearGradient id="paint0_linear_700_4399" x1="78.3062" y1="31.8209" x2="98.8344" y2="108.433" gradientUnits="userSpaceOnUse" > <stop stop-color="#E7FEFF" /> <stop offset="1" stop-color="#1E90FF" /> </linearGradient> </defs> </svg> <svg class="ellipse-48" width="107" height="107" viewBox="0 0 107 107" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_700_4381)"> <circle r="23.5" transform="matrix(-1 0 0 1 73.5 33.5)" fill="url(#paint0_linear_700_4381)" /> </g> <defs> <filter id="filter0_d_700_4381" x="0" y="0" width="107" height="107" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_700_4381" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_700_4381" result="shape" /> </filter> <linearGradient id="paint0_linear_700_4381" x1="23.5" y1="0" x2="23.5" y2="47" gradientUnits="userSpaceOnUse" > <stop stop-color="#8E59CF" /> <stop offset="1" stop-color="#C566C7" /> </linearGradient> </defs> </svg> <svg class="star-6" width="145" height="153" viewBox="0 0 145 153" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_700_4402)"> <path d="M131.76 33.1245C133.269 34.0794 134.155 35.7671 134.083 37.552L132.417 78.8002C132.344 80.585 131.326 82.1959 129.744 83.0258L93.1886 102.207C91.6068 103.037 89.7024 102.96 88.1927 102.005L53.3039 79.9377C51.7942 78.9828 50.9086 77.2951 50.9807 75.5102L52.6472 34.262C52.7193 32.4772 53.7381 30.8663 55.3199 30.0364L91.8751 10.8554C93.4569 10.0254 95.3613 10.1024 96.871 11.0573L131.76 33.1245Z" fill="url(#paint0_linear_700_4402)" /> </g> <defs> <filter id="filter0_d_700_4402" x="0.976562" y="0.282928" width="143.111" height="152.496" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_700_4402" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_700_4402" result="shape" /> </filter> <linearGradient id="paint0_linear_700_4402" x1="134.199" y1="34.6676" x2="50.8642" y2="78.3946" gradientUnits="userSpaceOnUse" > <stop stop-color="#E7FEFF" /> <stop offset="1" stop-color="#1E90FF" /> </linearGradient> </defs> </svg> </div> </section> <section class="secure-payment"> <h2 class="secure-payment-title"> Easy and secure payment </h2> <ul class="secure-payment-info-container"> <li class="secure-payment-info"> <span class="secure-payment-info-icon"> <svg class="trusted-payment-methods-icon" width="90" height="60" viewBox="0 0 90 60" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M47.2505 39.5846L44.9814 44.8603H46.4587L46.8774 43.8039H49.3114L49.7279 44.8603H51.2377L48.9708 39.5846H47.2505ZM48.09 40.8124L48.8319 42.6585H47.346L48.09 40.8124Z" fill="#016FD0" /> <path d="M51.3936 44.8593V39.5836L53.4929 39.5914L54.7139 42.9929L55.9057 39.5836H57.9882V44.8593H56.6693V40.972L55.2712 44.8593H54.1145L52.7125 40.972V44.8593H51.3936Z" fill="#016FD0" /> <path d="M58.8906 44.8593V39.5836H63.1945V40.7637H60.2234V41.6661H63.1251V42.7768H60.2234V43.714H63.1945V44.8593H58.8906Z" fill="#016FD0" /> <path d="M63.958 39.5846V44.8603H65.2769V42.986H65.8323L67.4137 44.8603H69.0255L67.29 42.9166C68.0023 42.8565 68.737 42.2452 68.737 41.2962C68.737 40.186 67.8656 39.5846 66.8931 39.5846H63.958ZM65.2769 40.7647H66.7846C67.1463 40.7647 67.4094 41.0476 67.4094 41.32C67.4094 41.6705 67.0685 41.8754 66.8041 41.8754H65.2769V40.7647Z" fill="#016FD0" /> <path d="M70.6221 44.8593H69.2754V39.5836H70.6221V44.8593Z" fill="#016FD0" /> <path d="M73.8157 44.8593H73.5251C72.1186 44.8593 71.2646 43.7513 71.2646 42.2432C71.2646 40.6978 72.109 39.5836 73.8852 39.5836H75.3429V40.8331H73.8319C73.1108 40.8331 72.6009 41.3958 72.6009 42.2562C72.6009 43.2779 73.184 43.707 74.024 43.707H74.3711L73.8157 44.8593Z" fill="#016FD0" /> <path d="M76.6861 39.5846L74.417 44.8603H75.8943L76.313 43.8039H78.7469L79.1634 44.8603H80.6732L78.4063 39.5846H76.6861ZM77.5256 40.8124L78.2675 42.6585H76.7815L77.5256 40.8124Z" fill="#016FD0" /> <path d="M80.8271 44.8593V39.5836H82.504L84.6451 42.8983V39.5836H85.964V44.8593H84.3414L82.1461 41.4579V44.8593H80.8271Z" fill="#016FD0" /> <path d="M54.5869 54.0919V48.8162H58.8908V49.9963H55.9197V50.8987H58.8214V52.0094H55.9197V52.9465H58.8908V54.0919H54.5869Z" fill="#016FD0" /> <path d="M75.6758 54.0919V48.8162H79.9797V49.9963H77.0086V50.8987H79.8964V52.0094H77.0086V52.9465H79.9797V54.0919H75.6758Z" fill="#016FD0" /> <path d="M59.0577 54.0919L61.1532 51.4866L59.0078 48.8162H60.6695L61.9472 50.467L63.2293 48.8162H64.8259L62.7086 51.454L64.808 54.0919H63.1466L61.906 52.4671L60.6955 54.0919H59.0577Z" fill="#016FD0" /> <path d="M64.9648 48.817V54.0927H66.3185V52.4267H67.7068C68.8816 52.4267 69.772 51.8035 69.772 50.5915C69.772 49.5875 69.0736 48.817 67.8782 48.817H64.9648ZM66.3185 50.0101H67.7806C68.1601 50.0101 68.4314 50.2427 68.4314 50.6175C68.4314 50.9696 68.1615 51.2249 67.7762 51.2249H66.3185V50.0101Z" fill="#016FD0" /> <path d="M70.3447 48.8162V54.0919H71.6637V52.2176H72.219L73.8004 54.0919H75.4122L73.6768 52.1482C74.389 52.0881 75.1237 51.4768 75.1237 50.5277C75.1237 49.4175 74.2523 48.8162 73.2798 48.8162H70.3447ZM71.6637 49.9963H73.1713C73.533 49.9963 73.7961 50.2792 73.7961 50.5516C73.7961 50.9021 73.4552 51.1069 73.1908 51.1069H71.6637V49.9963Z" fill="#016FD0" /> <path d="M80.5903 54.0919V52.9465H83.2299C83.6205 52.9465 83.7896 52.7354 83.7896 52.504C83.7896 52.2822 83.621 52.058 83.2299 52.058H82.0371C81.0003 52.058 80.4229 51.4263 80.4229 50.4778C80.4229 49.6319 80.9516 48.8162 82.4924 48.8162H85.0608L84.5055 50.0032H82.2841C81.8595 50.0032 81.7288 50.226 81.7288 50.4388C81.7288 50.6575 81.8903 50.8987 82.2147 50.8987H83.4642C84.62 50.8987 85.1215 51.5543 85.1215 52.4129C85.1215 53.3359 84.5627 54.0919 83.4013 54.0919H80.5903Z" fill="#016FD0" /> <path d="M85.4311 54.0919V52.9465H88.0707C88.4613 52.9465 88.6304 52.7354 88.6304 52.504C88.6304 52.2822 88.4618 52.058 88.0707 52.058H86.8779C85.8411 52.058 85.2637 51.4263 85.2637 50.4778C85.2637 49.6319 85.7925 48.8162 87.3332 48.8162H89.9016L89.3463 50.0032H87.1249C86.7003 50.0032 86.5696 50.226 86.5696 50.4388C86.5696 50.6575 86.7311 50.8987 87.0555 50.8987H88.305C89.4608 50.8987 89.9624 51.5543 89.9624 52.4129C89.9624 53.3359 89.4035 54.0919 88.2421 54.0919H85.4311Z" fill="#016FD0" /> <path d="M24.7523 54.7742C24.6375 55.5277 24.062 55.5277 23.5054 55.5277H23.1886L23.4108 54.1208C23.4242 54.0357 23.4976 53.9731 23.5837 53.9731H23.7288C24.1078 53.9731 24.4657 53.9731 24.6502 54.1889C24.7606 54.3181 24.794 54.5096 24.7523 54.7742ZM24.51 52.8081H22.4107C22.2671 52.8081 22.1449 52.9125 22.1226 53.0543L21.2737 58.4374C21.2569 58.5436 21.339 58.6396 21.4465 58.6396H22.5236C22.6241 58.6396 22.7097 58.5665 22.7253 58.4673L22.9661 56.9412C22.9884 56.7994 23.1106 56.695 23.2541 56.695H23.9185C25.3012 56.695 26.0993 56.0257 26.3079 54.6993C26.4018 54.1193 26.3117 53.6635 26.0401 53.3444C25.7414 52.9936 25.2123 52.8081 24.51 52.8081Z" fill="#459ADB" /> <path d="M9.77868 54.7742C9.66393 55.5277 9.0884 55.5277 8.53176 55.5277H8.21505L8.43721 54.1208C8.45062 54.0357 8.52396 53.9731 8.61005 53.9731H8.75522C9.13415 53.9731 9.49209 53.9731 9.67658 54.1889C9.78697 54.3181 9.82039 54.5096 9.77868 54.7742ZM9.53643 52.8081H7.43704C7.2935 52.8081 7.17129 52.9125 7.14893 53.0543L6.30003 58.4374C6.28327 58.5436 6.36536 58.6396 6.4729 58.6396H7.47524C7.61879 58.6396 7.74099 58.5352 7.76335 58.3934L7.99246 56.9412C8.01478 56.7994 8.13699 56.695 8.28053 56.695H8.94486C10.3276 56.695 11.1257 56.0257 11.3343 54.6993C11.4282 54.1193 11.338 53.6635 11.0665 53.3444C10.7679 52.9936 10.2387 52.8081 9.53643 52.8081Z" fill="#253B7D" /> <path d="M14.4107 56.7067C14.3136 57.2811 13.8576 57.6667 13.276 57.6667C12.9845 57.6667 12.7511 57.5729 12.601 57.3953C12.4523 57.2193 12.3963 56.9686 12.4435 56.6893C12.534 56.1201 12.9973 55.722 13.57 55.722C13.8555 55.722 14.0873 55.8167 14.2402 55.9959C14.3943 56.1764 14.4547 56.4289 14.4107 56.7067ZM15.8116 54.7501H14.8064C14.7202 54.7501 14.6469 54.8128 14.6335 54.8979L14.5893 55.179L14.519 55.0771C14.3013 54.7611 13.8161 54.6555 13.3316 54.6555C12.2211 54.6555 11.2724 55.4972 11.0877 56.6775C10.9916 57.2664 11.1281 57.8291 11.4619 58.2219C11.7687 58.5828 12.2065 58.733 12.728 58.733C13.6232 58.733 14.1197 58.158 14.1197 58.158L14.0748 58.4374C14.058 58.5435 14.1401 58.6397 14.2477 58.6397H15.1529C15.2965 58.6397 15.4187 58.5354 15.441 58.3936L15.9845 54.9523C16.0013 54.8461 15.9191 54.7501 15.8116 54.7501Z" fill="#253B7D" /> <path d="M29.3833 56.7067C29.2863 57.2811 28.8303 57.6667 28.2488 57.6667C27.9572 57.6667 27.7238 57.5729 27.5737 57.3953C27.425 57.2193 27.369 56.9686 27.4162 56.6893C27.5067 56.1201 27.97 55.722 28.5428 55.722C28.8282 55.722 29.0599 55.8167 29.213 55.9959C29.3669 56.1764 29.4274 56.4289 29.3833 56.7067ZM30.7843 54.7501H29.7791C29.693 54.7501 29.6196 54.8128 29.6063 54.8979L29.562 55.179L29.4918 55.0771C29.274 54.7611 28.7888 54.6555 28.3043 54.6555C27.1938 54.6555 26.2451 55.4972 26.0604 56.6775C25.9643 57.2664 26.1007 57.8291 26.4346 58.2219C26.7414 58.5828 27.1791 58.733 27.7007 58.733C28.5958 58.733 29.0924 58.158 29.0924 58.158L29.0475 58.4374C29.0307 58.5435 29.1128 58.6397 29.2204 58.6397H30.1257C30.2691 58.6397 30.3913 58.5354 30.4137 58.3936L30.9571 54.9523C30.9739 54.8461 30.8918 54.7501 30.7843 54.7501Z" fill="#459ADB" /> <path d="M21.1654 54.7501H20.155C20.0584 54.7501 19.968 54.7981 19.9137 54.878L18.52 56.9307L17.9293 54.9581C17.8923 54.8348 17.7787 54.7501 17.6499 54.7501H16.6566C16.5366 54.7501 16.4523 54.8681 16.4909 54.9816L17.6035 58.2472L16.557 59.7238C16.4749 59.8397 16.5578 60 16.6998 60H17.7093C17.8049 60 17.8945 59.9531 17.949 59.8745L21.3093 55.0248C21.3896 54.9088 21.3067 54.7501 21.1654 54.7501Z" fill="#253B7D" /> <path d="M31.9692 52.9559L31.1076 58.4375C31.091 58.5436 31.1731 58.6396 31.2805 58.6396H32.147C32.2906 58.6396 32.4128 58.5352 32.4351 58.3934L33.2847 53.0104C33.3015 52.9042 33.2194 52.8081 33.1118 52.8081H32.1421C32.0559 52.8081 31.9826 52.8708 31.9692 52.9559Z" fill="#459ADB" /> <path d="M26.3379 37.7116C26.5504 36.3567 26.3364 35.4347 25.6036 34.5996C24.7967 33.6802 23.339 33.2863 21.474 33.2863H16.0603C15.6791 33.2863 15.3546 33.5636 15.2952 33.9402L13.0409 48.2349C12.9964 48.517 13.2144 48.772 13.5 48.772H16.8421L16.6114 50.2348C16.5725 50.4816 16.7632 50.7047 17.013 50.7047H19.8301C20.1635 50.7047 20.4474 50.462 20.4994 50.1327L20.5269 49.9896L21.0577 46.6244L21.0919 46.4384C21.1438 46.1091 21.4277 45.8664 21.7611 45.8664H22.1826C24.9116 45.8664 27.0485 44.7576 27.673 41.5511C27.9339 40.2112 27.799 39.0927 27.109 38.3065C26.9003 38.0687 26.6407 37.8721 26.3379 37.7116Z" fill="#459ADB" /> <path d="M26.3379 37.7116C26.5504 36.3566 26.3364 35.4347 25.6036 34.5996C24.7967 33.6801 23.339 33.2862 21.474 33.2862H16.0603C15.6791 33.2862 15.3546 33.5636 15.2952 33.9401L13.0409 48.2349C12.9964 48.517 13.2144 48.772 13.5 48.772H16.8421L17.6816 43.4484L17.6556 43.6153C17.715 43.2389 18.0368 42.9615 18.4179 42.9615H20.0064C23.126 42.9615 25.5687 41.6941 26.2825 38.0286C26.3037 37.9201 26.3217 37.815 26.3379 37.7116Z" fill="#232D62" /> <path d="M18.5835 37.7295C18.6192 37.5031 18.7645 37.3177 18.9603 37.2239C19.0492 37.1813 19.1486 37.1576 19.2528 37.1576H23.4964C23.9991 37.1576 24.4678 37.1904 24.8964 37.2595C25.0189 37.2793 25.1381 37.3019 25.2538 37.3276C25.3696 37.3533 25.482 37.382 25.5908 37.4139C25.6452 37.4297 25.6986 37.4463 25.7513 37.4638C25.9617 37.5337 26.1576 37.6161 26.3379 37.7116C26.5504 36.3566 26.3364 35.4347 25.6036 34.5996C24.7967 33.6801 23.339 33.2862 21.474 33.2862H16.0603C15.6791 33.2862 15.3546 33.5636 15.2952 33.9401L13.0409 48.2349C12.9964 48.517 13.2144 48.772 13.5 48.772H16.8421L17.6816 43.4484L18.5835 37.7295Z" fill="#253B7D" /> <path d="M73.6863 6.29742C70.5594 6.29742 67.7652 7.92735 67.7652 10.9388C67.7652 14.3923 72.7209 14.6308 72.7209 16.3658C72.7209 17.0963 71.8885 17.7502 70.4667 17.7502C68.449 17.7502 66.9409 16.8365 66.9409 16.8365L66.2956 19.8753C66.2956 19.8753 68.0329 20.6471 70.3394 20.6471C73.758 20.6471 76.4481 18.9372 76.4481 15.8743C76.4481 12.225 71.4717 11.9936 71.4717 10.3833C71.4717 9.811 72.155 9.18398 73.5727 9.18398C75.1723 9.18398 76.4774 9.84851 76.4774 9.84851L77.1089 6.9135C77.1089 6.9135 75.6889 6.29742 73.6863 6.29742ZM45.0786 6.51894L45.0029 6.96196C45.0029 6.96196 46.3184 7.20408 47.5032 7.68706C49.0287 8.24089 49.1374 8.5633 49.3943 9.5647L52.194 20.4187H55.947L61.7287 6.51894H57.9843L54.2692 15.9695L52.7532 7.95875C52.6142 7.04193 51.91 6.51894 51.048 6.51894H45.0786ZM63.2344 6.51894L60.297 20.4187H63.8676L66.7946 6.51894H63.2344ZM83.1488 6.51894C82.2878 6.51894 81.8316 6.98252 81.4968 7.79262L76.2657 20.4187H80.0101L80.7345 18.3144H85.2963L85.7368 20.4187H89.0406L86.1584 6.51894H83.1488ZM83.6357 10.2742L84.7456 15.4901H81.7721L83.6357 10.2742Z" fill="#1434CB" /> <path d="M22.7869 6.42151H14.9775V20.5672H22.7869V6.42151Z" fill="#FF5F00" /> <path d="M15.473 13.4944C15.4718 12.1321 15.7781 10.7873 16.3686 9.56195C16.9592 8.33656 17.8187 7.26267 18.8819 6.42157C17.5652 5.37842 15.984 4.72969 14.3189 4.54955C12.6538 4.36941 10.972 4.66511 9.46574 5.40286C7.95948 6.14062 6.68953 7.29067 5.80105 8.72155C4.91257 10.1524 4.44141 11.8064 4.44141 13.4944C4.44141 15.1825 4.91257 16.8364 5.80105 18.2673C6.68953 19.6982 7.95948 20.8483 9.46574 21.586C10.972 22.3238 12.6538 22.6195 14.3189 22.4393C15.984 22.2592 17.5652 21.6105 18.8819 20.5673C17.8187 19.7262 16.9592 18.6523 16.3687 17.4269C15.7781 16.2015 15.4718 14.8568 15.473 13.4944Z" fill="#EB001B" /> <path d="M33.3219 13.4944C33.3219 15.1824 32.8508 16.8364 31.9624 18.2672C31.0739 19.6981 29.804 20.8482 28.2978 21.5859C26.7916 22.3237 25.1098 22.6194 23.4447 22.4393C21.7796 22.2591 20.1984 21.6104 18.8818 20.5672C19.9441 19.7253 20.8029 18.6512 21.3934 17.426C21.9838 16.2008 22.2907 14.8565 22.2907 13.4944C22.2907 12.1323 21.9838 10.7879 21.3934 9.56272C20.8029 8.33752 19.9441 7.26346 18.8818 6.42151C20.1984 5.37835 21.7796 4.72963 23.4447 4.54949C25.1098 4.36934 26.7916 4.66506 28.2978 5.40282C29.804 6.14059 31.0739 7.29063 31.9624 8.72151C32.8508 10.1524 33.3219 11.8064 33.3219 13.4944Z" fill="#F79E1B" /> <path d="M32.4702 19.069V18.7794H32.5861V18.7204H32.291V18.7794H32.4069V19.069H32.4702ZM33.043 19.069V18.7198H32.9526L32.8486 18.96L32.7445 18.7198H32.654V19.069H32.7179V18.8056L32.8154 19.0327H32.8817L32.9792 18.805V19.069H33.043Z" fill="#F79E1B" /> </svg> </span> <div class="secure-payment-info-content"> <h3> Trusted payment methods </h3> <p> Pay with all major cards, Paypal and trusted methods </p> </div> </li> <li class="secure-payment-info"> <span class="secure-payment-info-icon"> <svg width="32" height="40" viewBox="0 0 32 40" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M16 0L0 6V18.18C0 28.28 6.82 37.7 16 40C25.18 37.7 32 28.28 32 18.18V6L16 0ZM28 18.18C28 26.18 22.9 33.58 16 35.84C9.1 33.58 4 26.2 4 18.18V8.78L16 4.28L28 8.78V18.18V18.18Z" fill="#860EE6" /> <circle cx="16" cy="18" r="4" fill="#860EE6" /> </svg> </span> <div class="secure-payment-info-content"> <h3> Secure payments </h3> <p> All transactions are processed by our secure technology </p> </div> </li> <li class="secure-payment-info"> <span class="secure-payment-info-icon"> <svg width="32" height="42" viewBox="0 0 32 42" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M16 32C18.2 32 20 30.2 20 28C20 25.8 18.2 24 16 24C13.8 24 12 25.8 12 28C12 30.2 13.8 32 16 32ZM28 14H26V10C26 4.48 21.52 0 16 0C10.48 0 6 4.48 6 10H9.8C9.8 6.58 12.58 3.8 16 3.8C19.42 3.8 22.2 6.58 22.2 10V14H4C1.8 14 0 15.8 0 18V38C0 40.2 1.8 42 4 42H28C30.2 42 32 40.2 32 38V18C32 15.8 30.2 14 28 14ZM28 38H4V18H28V38Z" fill="#860EE6" /> </svg> </span> <div class="secure-payment-info-content"> <h3><a href="#unsubscribe" ><span style="font-size: 0.8em">*</span>Cancel anytime</a></h3> <p> Canceling your subscription is quick and easy. </p> </div> </li> </ul> </section> <section class="testimonials"> <div class="container"> <div class="row"> <div class="col-md-9"> <div class="row testimonial-item"> <div class="col-md-2"> <div class="more-info"> <div class="name"> Diego Rodríguez, </div> <div class="time-ago"> 1 month ago </div> <div class="rating"> <span class="star ranking-on"></span> <span class="star ranking-on"></span> <span class="star ranking-on"></span> <span class="star ranking-on"></span> <span class="star ranking-on"></span> </div> </div> </div> <div class="col-md-8 testimonial"> <h3>Easy to use platform</h3> <p>With this platform, I can upload my designs in t-shirts, mugs, cases, etc. It is really helpful to me because I save a lot of money avoiding photo and models prods using mockups.</p> </div> </div> <div class="row testimonial-item"> <div class="col-md-2"> <div class="more-info"> <div class="name"> Barbare, </div> <div class="time-ago"> 1 month ago </div> <div class="rating"> <span class="star ranking-on"></span> <span class="star ranking-on"></span> <span class="star ranking-on"></span> <span class="star ranking-on"></span> <span class="star ranking-on"></span> </div> </div> </div> <div class="col-md-8 testimonial"> <h3>Trustworthy company</h3> <p>They refunded the money they responded really quickly after I texted them on Instagram so in conclusion, I am really glad that they considered my situation and made the refund. Trustworthy company.</p> </div> </div> <div class="row testimonial-item"> <div class="col-md-2"> <div class="more-info"> <div class="name"> Alberto Vazquez, </div> <div class="time-ago"> 2 months ago </div> <div class="rating"> <span class="star ranking-on"></span> <span class="star ranking-on"></span> <span class="star ranking-on"></span> <span class="star ranking-on"></span> <span class="star ranking-off"></span> </div> </div> </div> <div class="col-md-8 testimonial"> <h3>Great Quality templates</h3> <p>There are a lot of templates, mockups, and designs with great quality. This helps me a lot in my work since I do it quickly and with great results.</p> </div> </div> </div> <div class="col-md-3"> <img src="/assets/customer-voices.svg" class="smile"> <h4>Customer Voices</h4> <p class="customer-text">123,000+ customers love Placeit and they let us know everyday</p> </div> </div> </div> </section> <section class="faqs"> <h2> Frequently asked questions </h2> <div class="faqs-wrapper"> <div class="faqs-image"> <img alt="T-shirt-mockup-of-a-customer-service-worker-at-his-desk-m11955-r-el2" src="https://placeit-assets-1-p.cdn.aws.placeit.net/custom-pages/pricing-page-c/t-shirt-mockup-of-a-customer-service-worker-at-his-desk-m11955-r-el2.png" /> </div> <div class="faqs-content"> <details> <summary> Why do I need Placeit? </summary> <div class="faq-answer"> <p> Placeit is a powerful online <span style="color: #9c19e0" ><a href="https://placeit.net/c/mockups" rel="noopener" style="color: #9c19e0" target="_blank" >mockup</a >, </span ><span style="color: #007ee4" ><a href="https://placeit.net/video-maker" rel="noopener" style="color: #007ee4" target="_blank" ><span style="color: #9c19e0">video</span></a ></span > and <span style="color: #007ee4" ><a href="https://placeit.net/c/design-templates" rel="noopener" style="color: #007ee4" target="_blank" ><span style="color: #9c19e0">design</span> <span style="color: #9c19e0">template</span></a ></span > generator. Create all of your branding and marketing digital assets directly from your browser without downloading complicated software. </p> <p> Start with your <span style="color: #007ee4" ><a href="https://placeit.net/logo-maker" rel="noopener" style="color: #007ee4" target="_blank" ><span style="color: #9c19e0">logo</span></a ></span >, then present it to the world with a professional and dynamic <span style="color: #007ee4" ><a href="https://placeit.net/video-intro-maker" rel="noopener" style="color: #007ee4" target="_blank" ><span style="color: #9c19e0">intro video</span></a ></span >! </p> <p> Make and download a <span style="color: #007ee4" ><a href="https://placeit.net/t-shirt-design-templates" rel="noopener" style="color: #007ee4" target="_blank" ><span style="color: #9c19e0">t-shirt design</span></a ></span > in seconds with our <span style="color: #9c19e0" ><a href="https://placeit.net/t-shirt-design-templates" rel="noopener" style="color: #9c19e0" target="_blank" >design templates</a ></span >. Check it out on one of our <span style="color: #007ee4" ><a href="https://placeit.net/tshirt-mockup-generator" rel="noopener" style="color: #007ee4" target="_blank" ><span style="color: #9c19e0">t-shirt mockups</span></a ></span > or apply it to other products like <span style="color: #9c19e0" ><a href="https://placeit.net/tote-bag-mockup-generator" rel="noopener" style="color: #9c19e0" target="_blank" >tote bags</a ></span >. You’ll download high-resolution images ready to upload to your apparel shop! Yup, a commercial license is included in all of your downloads! </p> <p> So now you know, we are your ally to save money and time! Do you need t-shirt designs, <span style="color: #9c19e0" ><a href="https://placeit.net/online-business-card-maker" rel="noopener" style="color: #9c19e0" target="_blank" >business cards</a >, </span ><span style="color: #007ee4" ><a href="https://placeit.net/book-cover-designs" rel="noopener" style="color: #007ee4" target="_blank" ><span style="color: #9c19e0">book covers</span></a ></span >, or <span style="color: #007ee4" ><a href="https://placeit.net/flyer-templates" rel="noopener" style="color: #007ee4" target="_blank" ><span style="color: #9c19e0">flyers</span></a ></span >? Placeit has your back with thousands of design templates! Also, we are adding more templates daily! </p> <div class="faqvideo" name="question1"> <img alt="Whatisplaceit" src="https://placeit-assets-1-p.cdn.aws.placeit.net/custom-pages/faq/whatisplaceit.png" /> </div> </div> </details> <details> <summary> What’s included in my subscription? </summary> <div id="answer-2" class="faq-answer"></div> </details> <details> <summary> Is there a minimum commitment period? </summary> <div class="faq-answer"> <p> Your unlimited subscription will automatically renew every period, with the minimum commitment being one month. You can cancel anytime after the first month. </p><p> If you haven’t used your account to download templates after subscribing, you are exempt from the minimum commitment and can cancel your subscription anytime. </p><p> Don’t worry about assets you’ve created, you will continue to have access to your downloads after you cancel a subscription. </p><p> However, we recommend storing your downloads locally before cancellation. </p> </div> </details> <details> <summary> Coupons &amp; discounts </summary> <div class="faq-answer"> <div> <strong>Do you have a discount on annual plans?<br /></strong> </div> <div> Stay tuned for any sales that may come up —- in the meantime, our annual subscription is our best deal (33% off from our monthly subscription). </div> <div>&nbsp;</div> <div> <p> <strong>Can I use the same coupon more than once?</strong ><br />Coupons are single use only. If you’ve already used a coupon on your account, you won’t be able to redeem the same coupon again. You can continue with your subscription without a coupon or stay tuned to our newsletters for any new offers. </p> <p> <b>I can’t redeem my coupon!<br /></b> Coupons are single use only, please make sure you haven’t used this coupon already on your account.&nbsp; </p> </div> </div> </details> <details> <summary> How can I see or change my account settings? </summary> <div class="faq-answer"> <p> You can see your invoices, update your billing information, or delete your account, all from the account page. Follow the steps in these video tutorials. </p> <div class="faqvideo" name="question5a"> <img alt="Howtocheck_yourinvoices" src="https://placeit-assets-1-p.cdn.aws.placeit.net/custom-pages/faq/howtocheck_yourinvoices.png" /> </div> <div class="faqvideo" name="question5b"> <img alt="Howtoupdateyourbilling" src="https://placeit-assets-1-p.cdn.aws.placeit.net/custom-pages/faq/howtoupdateyourbilling.png" /> </div> </div> </details> <details> <summary> Can I sell the designs I make with Placeit? </summary> <div class="faq-answer"> <p> Sure thing! When you purchase from Placeit, you acquire the right to use your designs on any platform you choose for commercial, marketing, or advertising purposes. </p> <p> For more detailed information, please read the full <span style="color: #9c19e0" ><a href="https://placeit.net/#license" rel="noopener" style="color: #9c19e0" target="_blank" >licensing terms.</a ></span > </p> <div class="faqvideo" name="question6"> <img alt="Placeit_licensing" src="https://placeit-assets-1-p.cdn.aws.placeit.net/custom-pages/alan-faq/placeit_licensing.png" /> </div> </div> </details> <details> <summary> What format are the files I download? </summary> <div class="faq-answer"> <p> <strong>Mockups and design templates</strong> are available in PNG format. </p> <p> <strong>Social media posts </strong>comply with the format required by each platform and are also in PNG (Instagram, Facebook, Pinterest, YouTube, etc.) </p> <p><strong>Videos</strong> are in MP4 format.</p> <p><strong>Logos</strong> are PNG files.</p> </div> </details> <details> <summary> I don’t see the assets I want, can you add them? </summary> <div class="faq-answer"> <p> There are 29,000+ assets on Placeit, divided by their type:&nbsp;<span style="color: #9c19e0" ><a href="https://placeit.net/c/mockups" rel="noopener" style="color: #9c19e0" target="_blank" >mockups, </a ><a href="https://placeit.net/c/design-templates" rel="noopener" style="color: #9c19e0" target="_blank" >designs, </a></span ><a href="https://placeit.net/logo-maker" rel="noopener" target="_blank" ><span style="color: #9c19e0">logos,</span> </a >and <span style="color: #9c19e0" ><a href="https://placeit.net/video-maker" rel="noopener" style="color: #9c19e0" target="_blank" >videos. </a></span >We have a search bar and tags to find or filter your asset needs. </p> <p>Check out this video to help make your searching easier.</p> <div class="faqvideo" name="question8a"> <img alt="How_to_filter_templates" src="https://placeit-assets-1-p.cdn.aws.placeit.net/custom-pages/alan-faq/How_to_Filter_templates.png" /> </div> <p> Don’t lose your favorite items! Check out how to save your works in progress and fave your assets: </p> <div class="faqvideo" name="question8b"> <img alt="Bookmark_your_favorite_templates" src="https://placeit-assets-1-p.cdn.aws.placeit.net/custom-pages/alan-faq/bookmark_your_favorite_templates.png" /> </div> </div> </details> <details> <summary> Will you send me physical items of my purchases? </summary> <div class="faq-answer"> <p> Sorry, we are not a Print on Demand site. We do have some cool tips on <span style="color: #9c19e0" ><a href="https://blog.placeit.net/best-pod-for-my-tshirt-business-ordering-and-shipping/" rel="noopener" style="color: #9c19e0" target="_blank" >Placeit’s Blog</a > </span >that might help you find the right POD website to suit your business’ needs. Check out this video to learn more about what Placeit does. </p> <div class="faqvideo" name="question9"> <img alt="Truth_about_placeit" src="https://placeit-assets-1-p.cdn.aws.placeit.net/custom-pages/alan-faq/Truth_about_placeit.png" /> </div> </div> </details> </div> </div> </section> <section class="footer"> <div class="content" id="unsubscribe"> <h2> Let’s do this! </h2> <p class="footer-subtitle"> Every big idea starts with Placeit </p> <p class="footer-price-container"> From: <span class="footer-price original-price"> $7.47 </span> <span class="footer-discount-price final-price"> $7.47 </span> <span class="subscription-price-month">/mo<sup>*</sup></span> </p> <button class="fotter-cta"> Start Now </button> <br> <br> <p style="font-size: 11px">*1 month minimum commitment if subscribers have downloaded any template.</p> <span style="visibility:hidden">1 month minimum commitment if subscribers have downloaded any template.</span> </div> <div class="graphics"> <img alt="Pricing-page-templates-left" class="templates-image left" src="https://placeit-assets-1-p.cdn.aws.placeit.net/custom-pages/pricing-page-c/pricing-page-templates-left.png" /> <img alt="Pricing-page-templates-right" class="templates-image right" src="https://placeit-assets-1-p.cdn.aws.placeit.net/custom-pages/pricing-page-c/pricing-page-templates-right.png" /> <svg class="star-5" width="158" height="158" viewBox="0 0 158 158" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_698_2403)"> <path d="M70.0921 24.132C68.7505 16.8396 77.3068 11.8997 82.9514 16.7077L87.8714 20.8985C91.426 23.9263 96.8191 23.2163 99.4689 19.3716L103.137 14.0502C107.345 7.94514 116.888 10.5022 117.479 17.8933L117.995 24.3357C118.368 28.9902 122.683 32.3016 127.275 31.4567L133.632 30.2874C140.924 28.9458 145.864 37.5021 141.056 43.1467L136.865 48.0667C133.837 51.6214 134.547 57.0144 138.392 59.6643L143.713 63.332C149.818 67.5398 147.261 77.0831 139.87 77.6746L133.428 78.1903C128.773 78.5628 125.462 82.8783 126.307 87.4706L127.476 93.8269C128.818 101.119 120.261 106.059 114.617 101.251L109.697 97.0604C106.142 94.0326 100.749 94.7426 98.0993 98.5873L94.4316 103.909C90.2237 110.014 80.6805 107.457 80.0889 100.066L79.5733 93.6232C79.2008 88.9687 74.8853 85.6573 70.2929 86.5022L63.9367 87.6715C56.6443 89.013 51.7044 80.4568 56.5124 74.8122L60.7032 69.8922C63.731 66.3375 63.021 60.9445 59.1763 58.2946L53.8549 54.6269C47.7498 50.4191 50.3069 40.8758 57.698 40.2842L64.1403 39.7686C68.7948 39.3961 72.1062 35.0806 71.2614 30.4882L70.0921 24.132Z" fill="url(#paint0_linear_698_2403)" /> </g> <defs> <filter id="filter0_d_698_2403" x="0.436523" y="0.632202" width="156.694" height="156.694" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2403" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2403" result="shape" /> </filter> <linearGradient id="paint0_linear_698_2403" x1="73.9019" y1="15.8822" x2="123.666" y2="102.077" gradientUnits="userSpaceOnUse" > <stop stop-color="#00CC99" /> <stop offset="1" stop-color="#AAF0D1" /> </linearGradient> </defs> </svg> <svg class="ellipse-41" width="92" height="92" viewBox="0 0 92 92" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_d_698_2378)"> <circle r="15.3125" transform="matrix(-1 0 0 1 65.8125 25.8308)" fill="#1E90FF" /> </g> <defs> <filter id="filter0_d_698_2378" x="0.5" y="0.518311" width="90.625" height="90.625" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="-20" dy="20" /> <feGaussianBlur stdDeviation="15" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.752941 0 0 0 0.22 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_698_2378" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_698_2378" result="shape" /> </filter> </defs> </svg> </div> <div class="mobile-graphics"> <img alt="Pricing-page-d-footer-mobile" src="https://placeit-assets-1-p.cdn.aws.placeit.net/custom-pages/pricing-page-c/pricing-page-d-footer-mobile.png" /> </div> </section> </main> <div class="footer-wrapper"> <div class="cta-container" id="cta-block-section"> <div class="cta-title"> <h2>Download Unlimited Mockups with One Subscription</h2> </div> <div class="cta-content"> <div class="cta-content-image"> <img alt="Slideshow Video Makers" class="lazyload" data-src="https://assets-placeit-net.s3-accelerate.amazonaws.com/uploads/cta_block/3/optimized_mockups.png"> </div> <div class="cta-content-controls"> <div class="cta-content-controls-buttons"> <div class="plan-button-wrapper plan-monthly"> <div class="period-title"> <p><span class="period-title_name">MONTHLY</span> <span class="discount"></span></p> </div> <a class="cta-button cta-button-monthly" data-period="monthly" role="button" > <span> <span class="monthly-original-price original-price"></span> <span class="monthly-price" ><span class="final-price"></span ><span class="price-label"> / Month</span></span > </span> </a> </div> <div class="plan-button-wrapper plan-annual"> <div class="period-title"> <p><span class="period-title_name">ANNUAL</span> <span class="discount"></span></p> </div> <a class="cta-button cta-button-annual" data-period="annual" role="button" > <p> <span class="annual-original-price original-price"></span> <span class="annual-price"> <span class="final-price"></span> <span class="price-label"> / Year</span> </span> </p> <p class="annual-disclaimer"> Just <span class="annual-monthly-amount">$8.33</span> / Month, <span class="annual-discount">Save <span class="annual-save">58</span>%</span> </p> </a> </div> </div> <div class="subscription-cta-container"></div> </div> </div> </div> <div class="footer-header-container" id="footer-header"> <div class="column columns-wrapper"> <div class="column"> <ul class="footer-links"> <li><strong>General</strong></li> <button class="btn-link free-account"> Free Account </button> <div id="buy-a-subscription-mobile" class="js-btn-footer-pricing pricing button bg-highlighted mb-sm footer-pricing-button"> <a href="javascript:void(0);" title="Pricing" class="footer-pricing-button"> Pricing </a> </div> <li> <a href=""> Chat with Us </a> </li> <li> <a href="/faq"> Contact Us / FAQs </a> </li> <li> <a href="/terms-of-use"> Terms of Use </a> </li> <li> <a href="/license"> License </a> </li> <li> <a href="/unlimited-subscription"> Subscription Benefits </a> </li> <li> <a href="https://envato.com/privacy"> Privacy Policy </a> </li> <li> <a href="/about-us"> About </a> </li> <li> <a href="https://envato.mx"> Careers </a> </li> <li> <a href="/affiliate-program"> Affiliates </a> </li> </ul> </div> <div class="column"> <ul class="footer-links"> <li><strong>Mockups for Your Brand</strong></li> <li> <a href="https://blog.placeit.net/best-lifestyle-images-for-your-brand/"> Lifestyle Mockups </a> </li> <li> <a href="/ai-generated-images"> AI Generated Images </a> </li> <li> <a href="/hoodie-mockups"> Product-Only Mockups </a> </li> <li> <a href="/transparent-mockup-templates"> Transparent Background Mockups </a> </li> </ul> </div> </div> <div class="column columns-wrapper"> <div class="column"> <ul class="footer-links"> <li><strong>Branding Resources</strong></li> <li> <a href="https://blog.placeit.net/top-pr-strategies-t-shirt-business/"> PR Stategies for POD </a> </li> <li> <a href="/instagram/post"> Instagram Posts </a> </li> <li> <a href="/mockups/merch-videos"> Apparel Videos </a> </li> </ul> </div> <div class="column"> <ul class="footer-links"> <li><strong>Tips &amp; Tools to boost your business</strong></li> <li> <a href="/express-video-maker"> Make a Video in Seconds! </a> </li> <li> <a href="https://blog.placeit.net/definitive-guide-on-best-print-on-demand-websites/"> Best Print on Demand Websites </a> </li> <li> <a href="/logos/clothing-brand"> Design Your Clothing Brand Logo </a> </li> <li> <a href="https://blog.placeit.net/category/t-shirt-business/"> Print on Demand Resources </a> </li> </ul> </div> </div> </div> <div class="footer-info"> <div class="social-icons"> <a href="https://www.facebook.com/placeitapp/" target="_blank" rel="nofollow" > <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" fill="none"/> <path d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 17.9895 4.3882 22.954 10.125 23.8542V15.4688H7.07812V12H10.125V9.35625C10.125 6.34875 11.9166 4.6875 14.6576 4.6875C15.9701 4.6875 17.3438 4.92188 17.3438 4.92188V7.875H15.8306C14.34 7.875 13.875 8.80008 13.875 9.75V12H17.2031L16.6711 15.4688H13.875V23.8542C19.6118 22.954 24 17.9895 24 12Z" fill="#8e59cf"/> </svg> </a> <a href="https://twitter.com/placeitapp?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank" rel="nofollow" > <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" fill="none"/> <g clip-path="url(#clip0_2_74)"> <path d="M7.55016 21.75C16.6045 21.75 21.5583 14.2467 21.5583 7.74191C21.5583 7.53097 21.5536 7.31534 21.5442 7.10441C22.5079 6.40751 23.3395 5.5443 24 4.55534C23.1025 4.95464 22.1496 5.21543 21.1739 5.32878C22.2013 4.71295 22.9705 3.74552 23.3391 2.60581C22.3726 3.1786 21.3156 3.58266 20.2134 3.80065C19.4708 3.0116 18.489 2.48916 17.4197 2.31409C16.3504 2.13903 15.2532 2.32109 14.2977 2.83214C13.3423 3.34319 12.5818 4.15475 12.1338 5.14136C11.6859 6.12796 11.5754 7.23466 11.8195 8.29034C9.86249 8.19214 7.94794 7.68375 6.19998 6.79814C4.45203 5.91254 2.90969 4.66948 1.67297 3.14956C1.0444 4.23329 0.852057 5.51569 1.13503 6.73614C1.418 7.95658 2.15506 9.02349 3.19641 9.72003C2.41463 9.69521 1.64998 9.48473 0.965625 9.10597V9.16691C0.964925 10.3042 1.3581 11.4066 2.07831 12.2868C2.79852 13.167 3.80132 13.7706 4.91625 13.995C4.19206 14.1932 3.43198 14.222 2.69484 14.0794C3.00945 15.0575 3.62157 15.9129 4.44577 16.5264C5.26997 17.1398 6.26512 17.4806 7.29234 17.5013C5.54842 18.8712 3.39417 19.6142 1.17656 19.6107C0.783287 19.6101 0.390399 19.586 0 19.5385C2.25286 20.9838 4.87353 21.7514 7.55016 21.75Z" fill="#8e59cf"/> </g> <defs> <clipPath id="clip0_2_74"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </a> <a href="https://www.instagram.com/placeitapp/" target="_blank" rel="nofollow" > <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" fill="none"/> <path d="M12 2.16094C15.2063 2.16094 15.5859 2.175 16.8469 2.23125C18.0188 2.28281 18.6516 2.47969 19.0734 2.64375C19.6313 2.85938 20.0344 3.12188 20.4516 3.53906C20.8734 3.96094 21.1313 4.35938 21.3469 4.91719C21.5109 5.33906 21.7078 5.97656 21.7594 7.14375C21.8156 8.40937 21.8297 8.78906 21.8297 11.9906C21.8297 15.1969 21.8156 15.5766 21.7594 16.8375C21.7078 18.0094 21.5109 18.6422 21.3469 19.0641C21.1313 19.6219 20.8688 20.025 20.4516 20.4422C20.0297 20.8641 19.6313 21.1219 19.0734 21.3375C18.6516 21.5016 18.0141 21.6984 16.8469 21.75C15.5813 21.8063 15.2016 21.8203 12 21.8203C8.79375 21.8203 8.41406 21.8063 7.15313 21.75C5.98125 21.6984 5.34844 21.5016 4.92656 21.3375C4.36875 21.1219 3.96563 20.8594 3.54844 20.4422C3.12656 20.0203 2.86875 19.6219 2.65313 19.0641C2.48906 18.6422 2.29219 18.0047 2.24063 16.8375C2.18438 15.5719 2.17031 15.1922 2.17031 11.9906C2.17031 8.78438 2.18438 8.40469 2.24063 7.14375C2.29219 5.97187 2.48906 5.33906 2.65313 4.91719C2.86875 4.35938 3.13125 3.95625 3.54844 3.53906C3.97031 3.11719 4.36875 2.85938 4.92656 2.64375C5.34844 2.47969 5.98594 2.28281 7.15313 2.23125C8.41406 2.175 8.79375 2.16094 12 2.16094ZM12 0C8.74219 0 8.33438 0.0140625 7.05469 0.0703125C5.77969 0.126563 4.90313 0.332812 4.14375 0.628125C3.35156 0.9375 2.68125 1.34531 2.01563 2.01562C1.34531 2.68125 0.9375 3.35156 0.628125 4.13906C0.332813 4.90313 0.126563 5.775 0.0703125 7.05C0.0140625 8.33437 0 8.74219 0 12C0 15.2578 0.0140625 15.6656 0.0703125 16.9453C0.126563 18.2203 0.332813 19.0969 0.628125 19.8563C0.9375 20.6484 1.34531 21.3188 2.01563 21.9844C2.68125 22.65 3.35156 23.0625 4.13906 23.3672C4.90313 23.6625 5.775 23.8687 7.05 23.925C8.32969 23.9812 8.7375 23.9953 11.9953 23.9953C15.2531 23.9953 15.6609 23.9812 16.9406 23.925C18.2156 23.8687 19.0922 23.6625 19.8516 23.3672C20.6391 23.0625 21.3094 22.65 21.975 21.9844C22.6406 21.3188 23.0531 20.6484 23.3578 19.8609C23.6531 19.0969 23.8594 18.225 23.9156 16.95C23.9719 15.6703 23.9859 15.2625 23.9859 12.0047C23.9859 8.74688 23.9719 8.33906 23.9156 7.05938C23.8594 5.78438 23.6531 4.90781 23.3578 4.14844C23.0625 3.35156 22.6547 2.68125 21.9844 2.01562C21.3188 1.35 20.6484 0.9375 19.8609 0.632812C19.0969 0.3375 18.225 0.13125 16.95 0.075C15.6656 0.0140625 15.2578 0 12 0Z" fill="#8e59cf"/> <path d="M12 5.83594C8.59688 5.83594 5.83594 8.59688 5.83594 12C5.83594 15.4031 8.59688 18.1641 12 18.1641C15.4031 18.1641 18.1641 15.4031 18.1641 12C18.1641 8.59688 15.4031 5.83594 12 5.83594ZM12 15.9984C9.79219 15.9984 8.00156 14.2078 8.00156 12C8.00156 9.79219 9.79219 8.00156 12 8.00156C14.2078 8.00156 15.9984 9.79219 15.9984 12C15.9984 14.2078 14.2078 15.9984 12 15.9984Z" fill="#8e59cf"/> <path d="M19.8469 5.59214C19.8469 6.38902 19.2 7.03121 18.4078 7.03121C17.6109 7.03121 16.9688 6.38433 16.9688 5.59214C16.9688 4.79527 17.6156 4.15308 18.4078 4.15308C19.2 4.15308 19.8469 4.79996 19.8469 5.59214Z" fill="#8e59cf"/> </svg> </a> <a href="https://www.tiktok.com/@placeitapp?lang=en" target="_blank" rel="nofollow" > <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" fill="none"/> <path d="M17.0725 0H13.0278V16.3478C13.0278 18.2957 11.4722 19.8957 9.53626 19.8957C7.60034 19.8957 6.04469 18.2957 6.04469 16.3478C6.04469 14.4348 7.56577 12.8695 9.43257 12.8V8.69567C5.31872 8.7652 2 12.1391 2 16.3478C2 20.5913 5.38786 24 9.57085 24C13.7538 24 17.1416 20.5565 17.1416 16.3478V7.9652C18.6627 9.07827 20.5295 9.73913 22.5 9.77393V5.66957C19.4579 5.56522 17.0725 3.06087 17.0725 0Z" fill="#8e59cf"/> </svg> </a> <a href="https://www.youtube.com/c/Placeitapp" target="_blank" rel="nofollow" > <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" fill="none"/> <path d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36723L16.0031 11.7516L9.52031 15.1125Z" fill="#8e59cf"/> </svg> </a> <a href="https://www.pinterest.com/placeit/" target="_blank" rel="nofollow" > <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" fill="none"/> <path d="M12 0C5.37188 0 0 5.37188 0 12C0 17.0859 3.16406 21.4266 7.62656 23.175C7.52344 22.2234 7.425 20.7703 7.66875 19.7344C7.88906 18.7969 9.075 13.7719 9.075 13.7719C9.075 13.7719 8.71406 13.0547 8.71406 11.9906C8.71406 10.3219 9.67969 9.075 10.8844 9.075C11.9062 9.075 12.4031 9.84375 12.4031 10.7672C12.4031 11.7984 11.7469 13.3359 11.4094 14.7609C11.1281 15.9562 12.0094 16.9313 13.1859 16.9313C15.3187 16.9313 16.9594 14.6812 16.9594 11.4375C16.9594 8.56406 14.8969 6.55313 11.9484 6.55313C8.53594 6.55313 6.52969 9.1125 6.52969 11.7609C6.52969 12.7922 6.92812 13.8984 7.425 14.4984C7.52344 14.6156 7.5375 14.7234 7.50937 14.8406C7.42031 15.2203 7.21406 16.0359 7.17656 16.2C7.125 16.4203 7.00313 16.4672 6.77344 16.3594C5.27344 15.6609 4.33594 13.4719 4.33594 11.7094C4.33594 7.92188 7.0875 4.44844 12.2625 4.44844C16.425 4.44844 19.6594 7.41563 19.6594 11.3813C19.6594 15.5156 17.0531 18.8438 13.4344 18.8438C12.2203 18.8438 11.0766 18.2109 10.6828 17.4656C10.6828 17.4656 10.0828 19.7578 9.9375 20.3203C9.66562 21.3609 8.93437 22.6688 8.44687 23.4656C9.57187 23.8125 10.7625 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0Z" fill="#8e59cf"/> </svg> </a> </div> <div class="company-info"> <a href="https://envato.com/?utm_source=placeit" target="_blank"> <div id="footer-logo" class="new-envato-logo"></div> </a> <p class="footer-pride">Over 7 million templates sold!</p> <p class="footer-notice">Our website uses images, trademarks and names of third party products which are the property of their respective owners.</p> </div> </div> </div> </div> </div> <div id="aviary-editor-wrapper"></div> <script src="https://accounts.google.com/gsi/client" async defer></script> <div id="google_one_tap_container"></div> <div id="g_id_onload" data-client_id="210993992398-6j5f83b610ntihr41t44ron3e54uci6o.apps.googleusercontent.com" data-login_uri="https://account.envato.com/oauth/google/callback_one_tap?to=placeit" data-nonce="9f61d34a-f6e3-4dda-a31e-5ab708059fab" data-context="use" data-auto_prompt="true" data-itp_support="true" data-prompt_parent_id="google_one_tap_container" data-moment_callback="_googleOneTapMomentCallback" ></div> <script> (function() { var googleOneTapShown = false; window._googleOneTapMomentCallback = function _googleOneTapMomentCallback(notification) { var providerName = 'google_one_tap'; if (notification.isDisplayed() === true && googleOneTapShown === false) { Helpers.GlobalEventTracker.ssoTrack('autoLogin.modalOpened', { label: providerName, message: 'Auto sign-in modal opened', error: false }); googleOneTapShown = true; } if (notification.getSkippedReason() === 'issuing_failed') { Helpers.GlobalEventTracker.track(providerName + ':error', { label: providerName, }); } if (notification.getDismissedReason() === 'credential_returned') { ExternalSsosSupport.storePageStateCookie(providerName, 'true'); } } })() </script> <script> function setActiveNavOnStagePage() { /* if(!$('body').hasClass("stage_page") || !$('body').hasClass("search_page") ){ if($('.categories-list').find(".active").length == 0 && $('body').hasClass("home_page") ){ $(".slab1-text").first().addClass(" active " ); } } */ } window.onload = setActiveNavOnStagePage; window.recurlyConfig = { publicKey : 'ewr1-kXnDnhY6Ly9FxoYGxB3Jyb', currency : 'USD' } window.algoliaConfig = { appId: 'KSLVR81FGG', readApiKey: 'c98819a630a9c154081fc858b9c10467', niceTemplatesIndex: 'nice_template_assets_relation_replica_index', niceFontsIndex: 'production_nice_fonts_index_replica', niceAssetsIndex: 'nice_assets_index_by_tag_replica', queryIndexName: 'query_suggestions' }; window.ipApiConfig = { apiKey : 'NNW90XZToRZW11e' }; window.braintreeConfig = { publicKey: 'production_s92gs4vz_p6bb8tkr2996k57c' }; window.pusherConfig = { appKey: '4447e33a735560a34921', cluster: 'us2' } window.chlorinePusherConfig = { appKey: '90ae3d7ab676701ab99b', cluster: 'us2' } window.environment = "production"; window.stageData = {stages:[], backgrounds:[], hand_sets: []}; window.toolSlugs = {"crop_image":"image-cropper","crop_video":"video-cropper","video_to_gif":"video-to-gif-converter"}; window.algoliaQuery = {queryId: '', IndexName: 'Stage_production'}; window.devmode = false; window.userIp = '162.158.78.254'; window.placeitTrackerId = ""; window.referrer = ""; window.initialUrl = window.location.href; window.packages = '{}'; window.isLandingPage = false; window.isTagPage = false; window.isStaticPage = false; window._stageSlug = ""; window.account = null; window.plans = {"placeit_unlimited_monthly":"Unlimited","placeit_annual_unlimited":"Unlimited"}; window.pageType = {"is_search":false,"is_page_param":false,"is_header_param":false,"is_category":false,"is_stage":false,"is_home":false,"no_results":false,"type":"pricingv2","page_type":"Pricingv2","header_type":null,"category":"mockups"}; window.pageType.isBlankCanvas = false; window.headerType = "header-2"; window.apiPage = false window._pl_host = "https://placeit.net"; window._pl_isUserLogged = false; window._pl_userCoupon = null; window._pl_hasPurchases = false; window._pl_isAdmin = false; window._pl_hasSubscription= false; window._pl_hasBulkPackage = false; window._pl_bulkPackages = null; window._pl_plans = [{"allowed_comp_downloads":1,"allowed_downloads":999,"allowed_licenses":["standard","comp","extended"],"allowed_resolutions":["high","normal","small"],"allowed_video_downloads":999,"amount_in_cents":1495,"country_code":"geo_ww","created_at":"2018-06-18T14:42:10Z","description":"Placeit Unlimited monthly subscription","disabled":false,"id":23,"is_annual":false,"is_brazilian":false,"is_unlimited":true,"is_video_plan":false,"name":"Unlimited","position":1,"recurly_uuid":"placeit_unlimited_monthly","recurlyless":false,"updated_at":"2024-07-30T15:08:41Z"},{"allowed_comp_downloads":1,"allowed_downloads":999,"allowed_licenses":["standard","comp"],"allowed_resolutions":["high","normal","small"],"allowed_video_downloads":999,"amount_in_cents":8969,"country_code":"geo_ww","created_at":"2018-06-18T14:42:10Z","description":"Placeit Unlimited annual subscription","disabled":false,"id":24,"is_annual":true,"is_brazilian":false,"is_unlimited":true,"is_video_plan":false,"name":"Unlimited","position":1,"recurly_uuid":"placeit_annual_unlimited","recurlyless":false,"updated_at":"2020-01-17T23:28:31Z"}]; window._pl_licenses = false; window._pl_resolutions = null; window._pl_userBulkPkg = false; window._pl_credits = false; window._pl_ssoLanguage = 'en'; window._pl_filters = []; window._pl_clampPluginPath = '/assets/vendor/textoverflowclamp-c91758ad7c8e2e8629ae7d5ade4f5b73.js'; window._pl_introVideoPaths = false; window._pl_category = 'Mockups'; window._pl_category = 'main'; window._pl_categoryPath = '/c/mockups'; window._pl_is_homepage = true; window._pl_isRootCategory = true; window._pl_isApparelCategory = false; window._pl_restricted_params = ["f_types","f_devices","f_tags","background","pl_coupon","ref","utm"]; window._pl_navMessages = []; window._pl_headingVideoPaths = false; window._pl_categories = [{"id":7,"name":"Videos"},{"id":8,"name":"Logos"},{"id":9,"name":"Mockups"},{"id":6,"name":"Design Templates"}]; window._pl_mockupsStagesCount = 54961; window._pl_dataLayerNames = ["dataLayer"]; window.isPastDue = false; window.NICE_ASSETS = {"protocol":"https","hostname":"nice-assets-1-p.cdn.aws.placeit.net","s3_hostname":"nice-assets.s3-accelerate.amazonaws.com"}; window.NICE_ASSETS_BASE_URL = window.NICE_ASSETS.protocol + '://' + window.NICE_ASSETS.hostname; window._pl_userInfo = {"id":0,"social_media":{"facebook":false,"instagram":false},"pod_services":{"shopify":false,"printify":false,"printful":false,"etsy":false},"email":null,"coupon":null,"status":null,"country":null,"created_at":null,"unsubscribe_code":null,"downloadEmailNotifications":null,"placeitPromotionNotifications":null,"productUpdateNotifications":null,"feedbackRequestNotifications":null,"cancellationDate":null,"access_token":null,"envato_id":null,"envato_uuid":null}; window._pl_userType = { id: '1', name: 'Visitor' }; window.sso_hostname = 'https://account.envato.com'; window.recaptchaKey = '6Lff114UAAAAACGohcNizs4zj6xcvp3SaUTBKOcD'; window.placeitGift = false; window.placeitGiftHash = ''; window.checkDraftsWithStatus = true; window.savedDraftId = null; window.assigned_to_pricing_page_control = false window.is_menu_experiment_enabled = false window.isIndianIp = false window.isEuropeanIp = false window.logo_price_experiment = false window.active_campaigns = [{"badges":[{"asset":"New","campaign_id":26,"created_at":"2024-01-16T17:29:23Z","id":103,"is_animated":null,"menu_link":"/tools/background-remover","updated_at":"2024-01-16T17:29:23Z","variant":"pill"}],"code_name":"background-remover-menu-badge","created_at":"2024-01-16T17:29:23Z","end_date":"2029-12-31T22:59:00Z","id":26,"in_brazil":true,"in_india":true,"in_rest_of_world":true,"in_us":true,"name":"Background Remover menu badge","start_date":"2024-01-15T00:00:00Z","updated_at":"2024-01-16T17:29:23Z"},{"badges":[{"asset":"https://placeitmarketing.s3.amazonaws.com/public/campaigns_24/holiday-badge.svg","campaign_id":35,"created_at":"2024-10-14T19:52:43Z","id":175,"is_animated":false,"menu_link":"/holidays/all-templates","updated_at":"2024-10-14T19:52:43Z","variant":"menu-badge"}],"code_name":"holiday","created_at":"2024-10-07T20:04:20Z","end_date":"2025-01-30T20:03:00Z","id":35,"in_brazil":true,"in_india":true,"in_rest_of_world":true,"in_us":true,"name":"holiday-calendar","start_date":"2024-10-07T20:03:00Z","updated_at":"2024-10-07T20:04:20Z"}]; window.isCookiesPolicyRegionEnabled = false; window.ACTIVE_PLANS = {"ANNUAL_PLAN_CODE":"placeit_annual_unlimited","MONTHLY_PLAN_CODE":"placeit_unlimited_monthly"} window.is_i18n_exp = false window.user_locale = 'en'; window.we_did_this_for_you_exp = false; window.should_show_geo_home_banner = false; window.new_pause_step = true; window._pl_geo = 'geo_1'; /* This is being removed for now as part of speed milestone. Ticket: #4847 */ /* window.placeitGooglePlusCallback = function placeitGooglePlusCallback(json) { if (json.state === "on") { page.freeStagesWithShare.googlePlusCallback(); } }; */ /* Flags to be used by the Payment Flow Refactor */ /* IMPORTANT!!! Flags should exist in the service. If not the SwitchApi.enabled will raise an error */ window._pl_paymentFlowFlags = {} /* SwitchApi flags for ticket #17712 */ /* IMPORTANT!!! Flags should exist in the service. If not the SwitchApi.enabled will raise an error */ window._pl_featureFlags = { t17627: { enableNormalizer: true }, T22545: true, t19083_limit_jobs: true, pa2880_enable_merch_preview: false, pa4325_enable_move_merch_preview: true, pa3585_enable_merch_yggdrasil: false, pa5849_enable_new_notifications_style: true, pa4618_enable_cookie_acceptance_policy: false, segment_sdk: false, amplitude_sdk: true, pa2829_enable_my_downloads_unlimited: true, pa8143_enable_search_pages_commercial: true, pa4562_enable_import_from_my_placeit: true, pa367_enable_remove_stage_background: true, pa9111_enable_will_read_frequently: false, pa8212_stage_editor_route: true, pa9074_enable_preload_video: true, pa8463_enable_merch_preview_retention: false, pa9587_enable_text_in_place: true, pa11580_country_validation: false, pa11917_logo_updates: true, pa11332_enable_send_to_pod: true, pa11942_enable_marketplace_send_to_pod: true, pa12272_geo_banner: true, pa12140_engine_assets: true, ps45_saml: true, external_payment_enabled: false, } window.isEnableRefactor = true window.isRefactorFlagEnabled = false window.isSurveyFlagEnabled = false window.geo_annual_price = 8969; function _pl_setup(){ $(document).ajaxSend(function(e, xhr, options) { var token = $("meta[name='csrf-token']").attr("content"); xhr.setRequestHeader("X-CSRF-Token", token); }); } document.addEventListener('DOMContentLoaded', _pl_setup, false); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name":"Placeit by envato", "alternateName":"Placeit", "url": "https://placeit.net", "logo": "https://placeit.net/assets/backgrounds/logo.png", "contactPoint" : [{ "@type" : "ContactPoint", "telephone" : "+1 415-937-1163", "contactType" : "customer service" }], "sameAs" : [ "http://www.facebook.com/placeitapp", "http://www.twitter.com/placeitapp", "http://plus.google.com/u/0/117174412614378947047/posts" ], "parentOrganization" : [{ "@type":"Organization", "name": "Envato Pty Ltd", "alternateName":"Envato", "url" : "https://envato.com/" }] } </script> <script src="/assets/application-d4d50cc33ad439c0ae479548e14c7457.js" type="text/javascript"></script> <!-- GTM (test property) --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P5873MX');</script> <!-- End Google Tag Manager --> <!-- Main GTM --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NQVLWNR');</script> <!-- End Google Tag Manager --> <script type="text/javascript"> if (window.is_mobile_device == true){ $('#navbar-main').addClass('mobile'); $('.navbar-container').addClass('mobile'); var __orientationChangeDebounce__; function __orientationchangeHandler () { var currentOrientation, navbar = $("#categories-nav-container"); clearTimeout(__orientationChangeDebounce__); __orientationChangeDebounce__ = setTimeout(function () { navbar.removeClass('portrait landscape'); if (window.innerWidth > window.innerHeight) { currentOrientation = "landscape"; } else { currentOrientation = "portrait"; } navbar.addClass(window.innerWidth >= 604 ? 'landscape' : currentOrientation); }, 10); } function __orintationHandleIfNoKeyboardCaused () { if(!$(document.activeElement).attr('type') === 'text') { __orientationchangeHandler(); } } window.addEventListener('resize', __orintationHandleIfNoKeyboardCaused); __orientationchangeHandler(); } else { var __resizeQueue__; function __resizeNavbarHandler () { clearTimeout(__resizeQueue__); __resizeQueue__ = setTimeout(function () { var navbar = $("#categories-nav-container"); if (window.innerWidth <= 991) { navbar.addClass('nav-tabs landscape'); navbar.parent().addClass('mobile'); } else { navbar.removeClass('nav-tabs landscape'); navbar.parent().removeClass('mobile'); } }, 10); } window.addEventListener('resize', __resizeNavbarHandler); __resizeNavbarHandler(); } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://placeit.net/", "potentialAction": { "@type": "SearchAction", "target": "https://placeit.net/?search={search_term_string}", "query-input": "required name=search_term_string" } } </script> <!-- ENVATO TRACKING: BEGIN --> <script type="text/javascript"> (function(a,b,c,d,e,f,g){e['ire_o']=c;e[c]=e[c]||function(){(e[c].a=e[c].a||[]).push(arguments)};f=d.createElement(b);g=d.getElementsByTagName(b)[0];f.async=1;f.src=a;g.parentNode.insertBefore(f,g);})('//d.impactradius-event.com/A249085-fc90-4e98-904f-95b25288c53b1.js','script','ire',document,window); </script> <!-- ENVATO TRACKING: END --> <script src="https://www.google.com/recaptcha/api.js?render=explicit&hl=en" async defer></script> <script> (function() { var sampleGroup = Math.floor(Math.random()*4); if (sampleGroup > 0) { return; } var script = document.createElement('script'); script.src = 'https://unpkg.com/web-vitals@3.5.2/dist/web-vitals.iife.js'; function sendToGoogleAnalytics({name, delta, id}) { ga('send', 'event', { eventCategory: 'Web Vitals', eventAction: name, eventLabel: id, eventValue: Math.round(name === 'CLS' ? delta * 1000 : delta), nonInteraction: true, transport: 'beacon', }); } script.onload = function() { webVitals.getCLS(sendToGoogleAnalytics); webVitals.getFID(sendToGoogleAnalytics); webVitals.getLCP(sendToGoogleAnalytics); } document.head.appendChild(script); }()) </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10