CINXE.COM
Placeit's Free Video Cropper
<!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's Free Video Cropper</title> <!-- Schema.org markup for Google+ --> <meta itemprop="name" content="Video Cropper"> <meta name="description" content="Free video cropper tool for mp4 or mov files! No need to use complex video editing tools, just upload your own videos, crop, trim and download away!"> <meta itemprop="description" content="Free video cropper tool for mp4 or mov files! No need to use complex video editing tools, just upload your own videos, crop, trim and download away!"> <meta itemprop="image" content="https://assets-placeit-net.s3-accelerate.amazonaws.com/assets/OG-Free-Video-Cropper.png"> <!-- Twitter Card data --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Free Video Cropper"> <meta name="twitter:description" content="Free online video cropper tool! Crop and trim your own videos in seconds and straight from your browser!"> <meta name="twitter:creator" content="@placeitapp"> <meta name="twitter:image:src" content="https://assets-placeit-net.s3-accelerate.amazonaws.com/assets/OG-Free-Video-Cropper.png"> <!-- Open Graph data --> <meta property="og:title" content="Free Video Cropper" /> <meta property="og:url" content="https://placeit.net/video-cropper" /> <meta property="og:image" content="https://assets-placeit-net.s3-accelerate.amazonaws.com/assets/OG-Free-Video-Cropper.png" /> <meta property="og:image:width" content="640" /> <meta property="og:image:height" content="480" /> <meta property="og:description" content='Free online video cropper tool! Crop and trim your own videos in seconds and straight from your browser!'> <meta name="keywords" content="Video,Cropper"> <link rel="canonical" href="https://placeit.net/video-cropper" /> <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":"All Holidays ","url":"/holidays/all-templates","slug":"Holiday ","anchor_title":"Holiday","algolia":"","submenu":null},{"title":"India-Inspired Mockups","url":"/print-on-demand/india-templates","slug":"India-Inspired Mockups","anchor_title":"India-Inspired Mockups","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":"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":"Ai-Made Mockups","url":"/mockups/apparel?f_tags=AI","slug":"AI-Made Mockups","anchor_title":"Ai-Made Mockups","algolia":"","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":"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":"Candles","url":"/c/mockups?f_devices=Candle","slug":"Candles","anchor_title":"Candles","algolia":"","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":"Easter Templates","url":"/holidays/easter-templates","slug":"Easter Templates","anchor_title":"Easter Templates","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":"/branding/posters?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":"Blank Canvas","url":"/c/design-templates/stages/blank-canvas-designs","slug":"Blank Canvas","anchor_title":"Blank Canvas","algolia":"","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":"Etsy Banners","url":"/etsy/all-templates?f_devices=Etsy%20Banner%20Maker","slug":"Etsy Banners","anchor_title":"Etsy Banners","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":"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":"/print-on-demand/planners","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":"Print Patterns","url":"/c/design-templates?f_devices=Print%20Pattern%20Maker\u0026sortby=newest","slug":"Print Patterns","anchor_title":"Print Patterns","algolia":"","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":"/branding/stickers?sortby=newest","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":"Concert Posters","url":"/branding/music?f_devices=Poster%20Maker","slug":"poster-templates","anchor_title":"","algolia":"filters=device_tags:\"Poster Maker\"","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":"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":"Clothing Brand Logos","url":"/logo-maker/clothing-brand","slug":"Clothing Brand Logos","anchor_title":"Clothing Brand Logos","algolia":"","submenu":null},{"title":"Restaurant Logos","url":"/logo-maker/restaurant","slug":"Restaurant Logos","anchor_title":"Restaurant Logos","algolia":"","submenu":null},{"title":"Wedding Logos","url":"/logo-maker/wedding","slug":"Wedding Logos","anchor_title":"Wedding Logos","algolia":"","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":"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":"Merch Videos","url":"/mockups/merch-videos","slug":"Merch Videos","anchor_title":"Merch Videos","algolia":"","submenu":[{"title":"3D Videos","url":"/mockups/3d?f_tags=Video","slug":"3D Videos","anchor_title":"3D Videos","algolia":"","submenu":null},{"title":"Bella Canvas","url":"/mockups/merch-videos?f_devices=Bella%20Canvas","slug":"Bella Canvas","anchor_title":"Bella Canvas","algolia":"","submenu":null},{"title":"Coffee Mugs","url":"https://placeit.net/mockups/merch-videos?f_devices=Coffee%20Mug","slug":"Coffee mugs","anchor_title":"Coffee mugs","algolia":"","submenu":null},{"title":"Hoodies","url":"/mockups/merch-videos?f_devices=Hoodie","slug":"Hoodies","anchor_title":"Hoodies","algolia":"","submenu":null},{"title":"Product Only Videos","url":"/mockups/merch-videos?f_tags=Garment%20Only","slug":"Product Only Videos","anchor_title":"Product Only Videos","algolia":"","submenu":null},{"title":"Sweatshirts","url":"/mockups/merch-videos?f_devices=Crewneck%20Sweatshirt","slug":"Sweatshirts","anchor_title":"Sweatshirts","algolia":"","submenu":null},{"title":"T-Shirts","url":"/mockups/merch-videos?f_devices=T-Shirt","slug":"T-Shirts","anchor_title":"T-Shirts","algolia":"","submenu":null},{"title":"Tote Bags","url":"/mockups/merch-videos?f_devices=Tote%20Bags","slug":"Tote Bags","anchor_title":"Tote Bags","algolia":"","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-05f8e144bf3606266996705e297a9a42.css" media="screen" rel="stylesheet" type="text/css" /> <meta content="authenticity_token" name="csrf-param" /> <meta content="7murYCJILF+bhTvgNFZEuVYnpYUjk3cl07ApqjnTAZ4=" name="csrf-token" /> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "item": { "@id": "https://placeit.net", "name": "Placeit" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "https://placeit.net/c/design-templates/", "name": "Design Templates" } }, { "@type": "ListItem", "position": 3, "item": { "@id": "https://placeit.net/c/design-templates/?f_tags=Free", "name": "Free" } }, { "@type": "ListItem", "position": 4, "item": { "@id": "https://placeit.net/c/design-templates/stages/video-cropper", "name": "Video Cropper", "image": "https://placeit-img-1-p.cdn.aws.placeit.net/uploads/stage/stage_image/48990/optimized_large_thumb_OG-Free-Video-Cropper.jpg" } }] } </script> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "Video Cropper", "image": "https://placeit-img-1-p.cdn.aws.placeit.net/uploads/stage/stage_image/48990/optimized_large_thumb_OG-Free-Video-Cropper.jpg", "description": "Free video cropper tool for mp4 or mov files! No need to use complex video editing tools, just upload your own videos, crop, trim and download away!", "offers": { "priceCurrency": "USD", "price": "0.00", "availability": "http://schema.org/InStock" } } </script> <!-- 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="{'region':'US','cbid':'d9683f70-895f-4427-97dc-f1087cddf9d8'}" async ></script> </head> <body class=" header-2 app_page design-templates scroll stage_page is-tool crop_video "> <!-- 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="campaign-headerstrip-container"></div> <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 & 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" href="/holidays/all-templates" target="_self">All Holidays </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="India-Inspired Mockups" href="/print-on-demand/india-templates" target="_self">India-Inspired 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="T-Shirt Mockups" href="/mockups/t-shirt" target="_self">T-Shirt 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="Ai-Made Mockups" href="/mockups/apparel?f_tags=AI" target="_self">Ai-Made Mockups</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/apparel" target="_self">All Apparel </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="/mockups/face-mask" target="_self">Face Masks</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="hat-mockups" href="/mockups/hats" target="_self">Hats</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/hoodies" target="_self">Hoodies</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="" href="/mockups/leggings" target="_self">Leggings</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="Merch Video Mockups" href="/mockups/merch-videos" target="_self">Merch Videos </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="onesie-mockups" href="/mockups/baby-onesie" target="_self">Onesies</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/garment-only" target="_self">Products-Only</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/sports-bras" target="_self">Sports Bras</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/sportswear" target="_self">Sportswear </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/sweatshirt" target="_self">Sweatshirts</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="" href="/mockups/t-shirt" target="_self">T-Shirts</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="tank-top-mockups" href="/mockups/tanktops" target="_self">Tank Tops</a></div> </div> </li> </ul> </li> <li id="item22" data-id="22" 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="parent22" data-parent-id="22"> <li id="item23" data-id="23" 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="item24" data-id="24" 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="item25" data-id="25" 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="item26" data-id="26" 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="item27" data-id="27" 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="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="Candles" href="/c/mockups?f_devices=Candle" target="_self">Candles</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="" href="/mockups/flyers" target="_self">Flyers</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="magazine-mockup-generator" href="/mockups/magazines" target="_self">Magazines</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="packaging-mockups" href="/mockups/packaging" target="_self">Packaging</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="poster-mockups" href="/mockups/posters" target="_self">Posters</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="/mockups/stationery" target="_self">Stationery</a></div> </div> </li> </ul> </li> <li id="item40" data-id="40" 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="parent40" data-parent-id="40"> <li id="item41" data-id="41" 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="item42" data-id="42" 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="item43" data-id="43" 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="item44" data-id="44" 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="item45" data-id="45" 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="item46" data-id="46" 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="item47" data-id="47" 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="item48" data-id="48" 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="item49" data-id="49" 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="item50" data-id="50" 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="item51" data-id="51" 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="item52" data-id="52" 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="parent52" data-parent-id="52"> <li id="item53" data-id="53" 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="item54" data-id="54" 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="item55" data-id="55" 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="item56" data-id="56" 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="item57" data-id="57" 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="Easter Templates" href="/holidays/easter-templates" target="_self">Easter Templates</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 & 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="/branding/posters?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="Blank Canvas" href="/c/design-templates/stages/blank-canvas-designs" target="_self">Blank Canvas</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="Book-covers" href="/branding/book-covers" target="_self">Book Covers</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="online-business-card-maker" href="/branding/business-cards" target="_self">Business Cards</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="Etsy Banners" href="/etsy/all-templates?f_devices=Etsy%20Banner%20Maker" target="_self">Etsy Banners</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="Etsy Listings" href="/etsy/all-templates?f_devices=Etsy%20Listing%20Template" target="_self">Etsy Listings</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="flyer-templates" href="/branding/flyers" target="_self">Flyers</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="Planners" href="/print-on-demand/planners" target="_self">Planners</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="/branding/posters" target="_self">Posters</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="Print Patterns" href="/c/design-templates?f_devices=Print%20Pattern%20Maker&sortby=newest" target="_self">Print Patterns</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="Size Charts" href="/c/design-templates?f_tags=Size%20Chart" target="_self">Size Charts</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="Stationery Designs" href="/c/design-templates?f_tags=Stationery" target="_self">Stationery Designs</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="Stickers" href="/branding/stickers?sortby=newest" target="_self">Stickers</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="" href="/t-shirt/design" target="_self">T-Shirt Designs</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="T-Shirt Labels" href="/t-shirt/labels" target="_self">T-Shirt Labels</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="/mockups/print-on-demand?f_devices=Tote%20Bag%20Design" target="_self">Tote Bag Designs</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">Gaming</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="" href="/gaming-templates?f_devices=Discord%20Theme%20Maker" target="_self">Discord Themes</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="lower-third" href="/youtube/lower-third" target="_self">Lower Third Banners</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="/gaming/twitch-templates" target="_self">Twitch Templates</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="/gaming-templates?f_types=image&f_tags=YouTube%20Templates" target="_self">YouTube Templates</a></div> </div> </li> </ul> </li> <li id="item28" data-id="28" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Music & Podcasts</div> </div> <ul class="hidden children" id="parent28" data-parent-id="28"> <li id="item29" data-id="29" 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="item30" data-id="30" 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">Concert Posters</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="" href="/branding/music?f_devices=T-Shirt%20Design" target="_self">Music T-Shirts</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="podcast-cover" href="/branding/podcast-covers" target="_self">Podcast Covers</a></div> </div> </li> </ul> </li> <li id="item33" data-id="33" 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="parent33" data-parent-id="33"> <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/all-templates" target="_self">All Social Media</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="banner-ads" href="/social-media/banner" target="_self">Banner Ads</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="facebook-covers" href="/facebook/cover" target="_self">Facebook Covers</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="facebook-posts" href="/facebook/post" target="_self">Facebook Posts</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="/social-media-templates?f_devices=Fiverr%20Gig%20Image%20Maker" target="_self">Fiverr Templates</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="instagram-posts" href="/instagram/post" target="_self">Instagram Posts</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="instagram-stories" href="/instagram/stories" target="_self">Instagram Stories</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="/social-media-templates?f_tags=Patreon%20Templates" target="_self">Patreon Templates</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="/pinterest-pin-maker" target="_self">Pinterest </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="/social-media-templates?f_tags=Bundles" target="_self">Social Media Sets</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="TikTok Videos" href="/social-media-templates?f_tags=TikTok%20Templates" target="_self">TikTok Videos</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="" href="/twitter/header" target="_self">Twitter Headers</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="" href="/twitter/post" target="_self">Twitter Posts</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="" 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="Clothing Brand Logos" href="/logo-maker/clothing-brand" target="_self">Clothing Brand 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="Restaurant Logos" href="/logo-maker/restaurant" target="_self">Restaurant Logos</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="Wedding Logos" href="/logo-maker/wedding" target="_self">Wedding Logos</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">Architecture & Design</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="architect-logo-maker" href="/logo-maker/architect" target="_self">Architects</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="Designer Logo Maker" href="/logo-maker/design" target="_self">Designers</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="florist-logo-maker" href="/logo-maker/florist" target="_self">Florist</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">Clothing & Beauty</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="Beauty" href="/logo-maker/beauty" target="_self">Beauty</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="t-shirt-sellers" href="/logo-maker/clothing-brand" target="_self">Clothing Brands</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="jewerly-logo" href="/logo-maker/jewelry" target="_self">Jewelry</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="streetwear-logos" href="/logo-maker/streetwear" target="_self">Streetwear</a></div> </div> </li> </ul> </li> <li id="item15" data-id="15" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Education & Arts</div> </div> <ul class="hidden children" id="parent15" data-parent-id="15"> <li id="item16" data-id="16" 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="item17" data-id="17" 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="item18" data-id="18" 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="item19" data-id="19" 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="item20" data-id="20" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Finance & Legal</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="consulting-logo" href="/logo-maker/consulting" target="_self">Consulting</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="finance-logo" href="/logo-maker/finance" target="_self">Finance</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="law-firms" href="/logo-maker/law" target="_self">Law Firms</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="realtor-logo" href="/logo-maker/real-estate" target="_self">Realtors</a></div> </div> </li> </ul> </li> <li id="item25" data-id="25" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Food & Events</div> </div> <ul class="hidden children" id="parent25" data-parent-id="25"> <li id="item26" data-id="26" 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="item27" data-id="27" 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 & Pubs</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="catering-logo" href="/logo-maker/catering" target="_self">Catering</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="coffee-store-logo" href="/logo-maker/coffee-shop" target="_self">Coffee Shops</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="event-logo" href="/logo-maker/event-planner" target="_self">Event Planners</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="rest-logo" href="/logo-maker/restaurant" target="_self">Restaurants</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="wedding-logo" href="/logo-maker/wedding" target="_self">Wedding </a></div> </div> </li> </ul> </li> <li id="item33" data-id="33" 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="parent33" data-parent-id="33"> <li id="item34" data-id="34" 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="item35" data-id="35" 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="item36" data-id="36" 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="item37" data-id="37" 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="item38" data-id="38" 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="item39" data-id="39" 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="item40" data-id="40" 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="item41" data-id="41" 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="item42" data-id="42" 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="item43" data-id="43" 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="item44" data-id="44" 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="parent44" data-parent-id="44"> <li id="item45" data-id="45" 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="item46" data-id="46" 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="item47" data-id="47" 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="item48" data-id="48" 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="item49" data-id="49" 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="item50" data-id="50" 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="item51" data-id="51" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Lifestyle & Fitness</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="fit-logo" href="/logo-maker/fitness" target="_self">Fitness</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="organic-logo" href="/logo-maker/organic-products" target="_self">Organic Products</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="wellness-logo" href="/logo-maker/wellness" target="_self">Wellness</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="yoga-logo" href="/logo-maker/yoga" target="_self">Yoga</a></div> </div> </li> </ul> </li> <li id="item56" data-id="56" class="submenu"> <div class="item placeit-widget"> <div class="icon fold angle-down"></div> <div class="content">Music & Podcasts</div> </div> <ul class="hidden children" id="parent56" data-parent-id="56"> <li id="item57" data-id="57" 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="item58" data-id="58" 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="item59" data-id="59" 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="item60" data-id="60" 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="item61" data-id="61" 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="item62" data-id="62" 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="parent62" data-parent-id="62"> <li id="item63" data-id="63" 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="item64" data-id="64" 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="item65" data-id="65" 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="item66" data-id="66" 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="item67" data-id="67" 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="item68" data-id="68" 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="item69" data-id="69" 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="item70" data-id="70" 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="parent70" data-parent-id="70"> <li id="item71" data-id="71" 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 & Crafts</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="Dropshipping-logo" href="/logo-maker/dropshipping" target="_self">Dropshipping</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="pet-logo" href="/logo-maker/pets" target="_self">Pet Shops</a></div> </div> </li> <li id="item74" data-id="74" 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="item75" data-id="75" 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="item76" data-id="76" 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="parent76" data-parent-id="76"> <li id="item77" data-id="77" 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="item78" data-id="78" 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="item79" data-id="79" 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="item80" data-id="80" 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="item81" data-id="81" 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="item82" data-id="82" 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="item83" data-id="83" 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="item84" data-id="84" 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="parent84" data-parent-id="84"> <li id="item85" data-id="85" 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="item86" data-id="86" 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="item87" data-id="87" 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="item88" data-id="88" 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="item89" data-id="89" 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="item90" data-id="90" 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="item91" data-id="91" 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="Video Mockups" href="/mockups/merch-videos" target="_self">Video Mockups</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">Gaming</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/animated-logo" target="_self">Animated Logos</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="twitch-screens" href="/gaming/twitch-screens" target="_self">Twitch Screens</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="youtube-video-templates" href="/youtube/videos?f_tags=Gaming" target="_self">YouTube Videos</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">Intros & Slideshows</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="Express Videos" href="/videos/express-videos" target="_self">Express Videos</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/intro-maker" target="_self">Intros / Outros</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="Slideshow Video Maker" href="/videos/slideshow-maker" target="_self">Slideshows</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">Merch Videos</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="3D Videos" href="/mockups/3d?f_tags=Video" target="_self">3D Videos</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="Bella Canvas" href="/mockups/merch-videos?f_devices=Bella%20Canvas" target="_self">Bella Canvas</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="Coffee mugs" href="https://placeit.net/mockups/merch-videos?f_devices=Coffee%20Mug" target="_blank">Coffee Mugs</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="Hoodies" href="/mockups/merch-videos?f_devices=Hoodie" target="_self">Hoodies</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="Product Only Videos" href="/mockups/merch-videos?f_tags=Garment%20Only" target="_self">Product Only 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="Sweatshirts" href="/mockups/merch-videos?f_devices=Crewneck%20Sweatshirt" target="_self">Sweatshirts</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="T-Shirts" href="/mockups/merch-videos?f_devices=T-Shirt" target="_self">T-Shirts</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="Tote Bags" href="/mockups/merch-videos?f_devices=Tote%20Bags" target="_self">Tote Bags</a></div> </div> </li> </ul> </li> <li id="item22" data-id="22" 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="parent22" data-parent-id="22"> <li id="item23" data-id="23" 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="item24" data-id="24" 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="item25" data-id="25" 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="item26" data-id="26" 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="item27" data-id="27" 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="item28" data-id="28" 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" href="/holidays/all-templates" target="_self">All Holidays </a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="India-Inspired Mockups" href="/print-on-demand/india-templates" target="_self">India-Inspired Mockups</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> </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="Ai-Made Mockups" href="/mockups/apparel?f_tags=AI" target="_self">Ai-Made 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="" 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="Candles" href="/c/mockups?f_devices=Candle" target="_self">Candles</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="Easter Templates" href="/holidays/easter-templates" target="_self">Easter Templates</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 & Print</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Art Print Designs" href="/branding/posters?f_devices=Art%20Print%20Maker" target="_self">Art Print Designs</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Blank Canvas" href="/c/design-templates/stages/blank-canvas-designs" target="_self">Blank Canvas</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="Etsy Banners" href="/etsy/all-templates?f_devices=Etsy%20Banner%20Maker" target="_self">Etsy Banners</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="flyer-templates" href="/branding/flyers" target="_self">Flyers</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Planners" href="/print-on-demand/planners" 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="Print Patterns" href="/c/design-templates?f_devices=Print%20Pattern%20Maker&sortby=newest" target="_self">Print Patterns</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="/branding/stickers?sortby=newest" 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&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 & 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=Poster%20Maker" target="_self">Concert Posters</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> </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="Clothing Brand Logos" href="/logo-maker/clothing-brand" target="_self">Clothing Brand Logos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Restaurant Logos" href="/logo-maker/restaurant" target="_self">Restaurant Logos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Wedding Logos" href="/logo-maker/wedding" target="_self">Wedding Logos</a> </li> </ul> </li> <li class="dropdown-menu-item"> <a class="dropdown-item" title="" href="#" onclick="event.preventDefault();">Architecture & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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="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 & 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="Merch Videos" href="#" onclick="event.preventDefault();">Merch Videos</a><span class="angle-right-menu2"></span> <ul> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="3D Videos" href="/mockups/3d?f_tags=Video" target="_self">3D Videos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Bella Canvas" href="/mockups/merch-videos?f_devices=Bella%20Canvas" target="_self">Bella Canvas</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Coffee mugs" href="https://placeit.net/mockups/merch-videos?f_devices=Coffee%20Mug" target="_blank">Coffee Mugs</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Hoodies" href="/mockups/merch-videos?f_devices=Hoodie" target="_self">Hoodies</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Product Only Videos" href="/mockups/merch-videos?f_tags=Garment%20Only" target="_self">Product Only Videos</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Sweatshirts" href="/mockups/merch-videos?f_devices=Crewneck%20Sweatshirt" target="_self">Sweatshirts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="T-Shirts" href="/mockups/merch-videos?f_devices=T-Shirt" target="_self">T-Shirts</a> </li> <li class="dropdown-menu-toggle"> <a class="dropdown-item" title="Tote Bags" href="/mockups/merch-videos?f_devices=Tote%20Bags" target="_self">Tote Bags</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 & 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 "> <!-- button bar stages --> <div class="page-container "> <!-- App stage --> <div class="button-bar-stages" style="display: none;"> <div class="divider divider-button-bar remove-header-element"></div> <div class="stage-object-actions multiple-drop-points initial-state"> <div class="d-flex center-buttons"><!-- insert content from js --></div> <div class="d-flex action-buttons off-screen"> <div class="item"> <div class="btn-group stage-actions description"> <div class="btn-group productshot-actions"> <div class="download-button-wrapper btn-group" data-placement="top"> <button class="button primary download-button disabled" type="button"> Download </button> </div> </div> </div> </div> </div> <div class="d-flex bookmark-share"> <div class="item" > <button class="share-tool-button tool-placeit-share-button placeit-tool-share-button" type="button"> <span class="p-icon share hide-desktop"></span> <span class="hide-mobile">Share This Tool</span> </button> </div> </div> </div> </div> <!-- Application --> <main id="main-content-wrapper" role="main" class="rop-resize-styles placeit-tool-page tool-page-video-cropper is_smart-template"> <h1 class="placeit-tool__title center">Online Video Cropper</h1> <h2 class="placeit-tool__subtitle center hide"> <span class="hide-mobile">Adjust the size and time and download your video for free.</span> <span class="hide-desktop">Crop, trim and download your video for free.</span> </h2> <div data-stage-tool-loader class="relative"> <div class="pl-spinner-primary-xl"></div> </div> <div data-drag-n-drop-area></div> <div data-cropper-area></div> <div class="tool-controls-wrapper hide"> <div data-tool-controls-presets></div> <div class="flex" data-tool-controls-inputs> <div data-tool-controls-input-width> <p class="control-label">Width</p> </div> <div data-tool-controls-input-height> <p class="control-label">Height</p> </div> </div> <div data-tool-controls-upload-button></div> <div data-download-button></div> </div> <form accept-charset="UTF-8" action="#" id="page-application" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="No+CYAENuDn3dcuwlrCe4YpPX6xu1Ux26dxMmYBK9so=" /></div> <div class="stage-object hidden off-screen" style=""> <div class="stage-object-image "> <div class="btn-group"> <button class="btn btn-default edit-btn" type="button"> Add Text / FX </button> <button class="btn btn-primary download-btn" type="button"> Free Download </button> </div> <input class="stage-upload-file" id="file" name="file" type="file" /> <img alt="Video CropperBase Image" class="stage-base-image" src="/assets/blank-7a8e68c558d99a95d24cef80da2f7b13.png" /> <div class="stage__image-wrapper stage__image-wrapper--foreground"> <img alt="Video Cropper" class="stage__image--foreground" src="https://s3.amazonaws.com/placeit-stage-original-images-production/uploads/stage/stage_image/48990/default_OG-Free-Video-Cropper.png" /> </div> </div> <div class="stage-info-wrapper row "> <div class="left col-sm-4"> <div class="stage-info__note stage-info__note--small multiselect"></div> </div> <div class="center col-sm-3"> <div class="stage-info__note stage-info__note--small watermark-disclaimer"></div> </div> <div class="right col-sm-5"> </div> <span class="clearfix"></span> <div class="stage-info__note stage-info__note--small center"></div> </div> <script> var isSavedConfiguration = false; </script> </div> </form> <div class="tool-columns"> <div class="center"> <div class="tool-column__icon"> <img src="/assets/cropper_description_1.svg" alt="Upload icon" width="68" height="59"/> </div> <h3>Upload Your Video</h3> <p>Upload your video directly from your files or simply drag and drop.</p> </div> <div class="center"> <div class="tool-column__icon"> <img src="/assets/resize-video.svg" alt="Resize video icon" width="89" height="69"/> </div> <h3>Trim, Crop and Resize</h3> <p>Select pre-defined social media video sizes or create your required video size.</p> </div> <div class="center"> <div class="tool-column__icon"> <img src="/assets/cropper_description_3.svg" alt="Share icon" width="63" height="58"/> </div> <h3>Download and Share It!</h3> <p>Download your cropped/resized/trimmed video and share it as you wish.</p> </div> </div> </main> <!-- Crop/Trim SEO Content --> <style> .not-show { display: none !important; } </style> <div class="custom-page" id="video-cropper-tool" style="display:none"> <!-- Google Tag Manager (noscript) --> <noscript><iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-K7JJJJ9" style="display:none;visibility:hidden" width="0"></iframe></noscript> <!-- End Google Tag Manager (noscript) --><br style="display:none;"/> <div id="main"> <!-- Google Tag Manager (noscript) --> <div class="elementor elementor-74903" data-elementor-id="74903" data-elementor-settings="[]" data-elementor-type="wp-page"> <div class="elementor-inner"> <div class="elementor-section-wrap"> <section class="elementor-element elementor-element-57f932ea elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section" data-id="57f932ea" data-settings='{"stretch_section":"section-stretched","background_background":"classic"}'> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-row"> <div class="elementor-element elementor-element-1b179b2 elementor-column elementor-col-100 elementor-top-column" data-element_type="column" data-id="1b179b2"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-185b8dae elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="185b8dae" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-43e0d41c elementor-widget elementor-widget-heading" data-element_type="widget" data-id="43e0d41c" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-xl">Use this <span class="splitcolor">Video Cropper </span> to Optimize Your Videos</h2> </div> </div> <div class="elementor-element elementor-element-d76eeef elementor-invisible elementor-widget elementor-widget-text-editor" data-element_type="widget" data-id="d76eeef" data-settings='{"_animation":"fadeInUp"}' data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>Resize MP4 or MOV videos for free with our new <strong>video cropper tool</strong>. Just upload your file, choose a size from our dropdown menu or enter custom dimensions. That’s it!</p></div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-199b0f5e elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section" data-id="199b0f5e" data-settings='{"stretch_section":"section-stretched","background_background":"classic"}'> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-element elementor-element-7bc4b984 elementor-column elementor-col-100 elementor-top-column" data-element_type="column" data-id="7bc4b984"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-4e9ca5fa elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="4e9ca5fa" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-2f2d645d elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section" data-id="2f2d645d" data-settings='{"stretch_section":"section-stretched","background_background":"classic"}'> <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-row"> <div class="elementor-element elementor-element-18972168 elementor-column elementor-col-100 elementor-top-column" data-element_type="column" data-id="18972168"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <section class="elementor-element elementor-element-ddd78c7 elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-element_type="section" data-id="ddd78c7"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-row"> <div class="elementor-element elementor-element-4891745c elementor-invisible elementor-column elementor-col-50 elementor-inner-column" data-element_type="column" data-id="4891745c" data-settings='{"animation":"fadeInLeft"}'> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-2337c5ac elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="2337c5ac" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-59232062 elementor-widget elementor-widget-heading" data-element_type="widget" data-id="59232062" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-xl">Your Videos in the Right Size, Everytime</h3> </div> </div> <div class="elementor-element elementor-element-5ca7acef elementor-widget elementor-widget-text-editor" data-element_type="widget" data-id="5ca7acef" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>Use the same video across all social media with one tool. We help you resize and crop your videos for all platform sizes . </p></div> </div> </div> <div class="elementor-element elementor-element-1bc90b29 elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="1bc90b29" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4aa68559 elementor-invisible elementor-column elementor-col-50 elementor-inner-column" data-element_type="column" data-id="4aa68559" data-settings='{"animation":"fadeInUp"}'> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-2f0f2cd9 elementor-widget elementor-widget-image" data-element_type="widget" data-id="2f0f2cd9" data-widget_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img alt="Video Cropper" class="elementor-animation-grow attachment-large size-large lazyload" data-src="https://placeit-assets1.s3-accelerate.amazonaws.com/custom-pages/video-cropper-tool/Video-cropper.png" height="529" sizes="(max-width: 631px) 100vw, 631px" src="" srcset="" width="631"/> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-762ae8ad elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section" data-id="762ae8ad" data-settings='{"stretch_section":"section-stretched","background_background":"classic"}'> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-element elementor-element-2160669c elementor-column elementor-col-100 elementor-top-column" data-element_type="column" data-id="2160669c"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-29db196d elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="29db196d" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-5622f061 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section" data-id="5622f061" data-settings='{"stretch_section":"section-stretched","background_background":"classic"}'> <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-row"> <div class="elementor-element elementor-element-5f27dcb6 elementor-column elementor-col-100 elementor-top-column" data-element_type="column" data-id="5f27dcb6"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <section class="elementor-element elementor-element-300fb03a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-element_type="section" data-id="300fb03a"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-row"> <div class="elementor-element elementor-element-37421143 elementor-invisible elementor-column elementor-col-50 elementor-inner-column" data-element_type="column" data-id="37421143" data-settings='{"animation":"fadeInUp"}'> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-438a4216 elementor-widget elementor-widget-image" data-element_type="widget" data-id="438a4216" data-widget_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img alt="Videos" class="elementor-animation-grow attachment-large size-large lazyload" data-src="https://placeit-assets2.s3-accelerate.amazonaws.com/custom-pages/video-cropper-tool/videos.png" height="519" sizes="(max-width: 631px) 100vw, 631px" src="" srcset="" width="631"/> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-119762b1 elementor-invisible elementor-column elementor-col-50 elementor-inner-column" data-element_type="column" data-id="119762b1" data-settings='{"animation":"fadeInRight"}'> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-4c6262c9 elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="4c6262c9" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-4358f18a elementor-widget elementor-widget-heading" data-element_type="widget" data-id="4358f18a" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-xl">Cut & Trim Your Videos the Easy Way</h3> </div> </div> <div class="elementor-element elementor-element-758a8016 elementor-widget elementor-widget-text-editor" data-element_type="widget" data-id="758a8016" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix">Get the right size for any platform by choosing a preset. Make sure you’re using the right sizes and avoid getting your videos rejected.</div> </div> </div> <div class="elementor-element elementor-element-1e7b7a8b elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="1e7b7a8b" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-6348ee51 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section" data-id="6348ee51" data-settings='{"stretch_section":"section-stretched","background_background":"classic"}'> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-element elementor-element-561ec0e6 elementor-column elementor-col-100 elementor-top-column" data-element_type="column" data-id="561ec0e6"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-38397854 elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="38397854" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-11d1351e elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section" data-id="11d1351e" data-settings='{"stretch_section":"section-stretched","background_background":"classic"}'> <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-row"> <div class="elementor-element elementor-element-57d1b6e8 elementor-column elementor-col-100 elementor-top-column" data-element_type="column" data-id="57d1b6e8"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <section class="elementor-element elementor-element-2a2cd1d0 elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-element_type="section" data-id="2a2cd1d0"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-row"> <div class="elementor-element elementor-element-46e2b695 elementor-invisible elementor-column elementor-col-50 elementor-inner-column" data-element_type="column" data-id="46e2b695" data-settings='{"animation":"fadeInLeft"}'> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-61078ccf elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="61078ccf" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-570e8b9a elementor-widget elementor-widget-heading" data-element_type="widget" data-id="570e8b9a" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-xl">Choose a Size Preset or Make a Custom One! </h3> </div> </div> <div class="elementor-element elementor-element-31d63603 elementor-widget elementor-widget-text-editor" data-element_type="widget" data-id="31d63603" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix">Get your video in the right size right from the beginning by choosing the platform’s size you’ll be using, or simply type your dimensions for a fully custom video!</div> </div> </div> <div class="elementor-element elementor-element-43d228f elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="43d228f" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-38e0b7ed elementor-invisible elementor-column elementor-col-50 elementor-inner-column" data-element_type="column" data-id="38e0b7ed" data-settings='{"animation":"fadeInUp"}'> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-141a17e9 elementor-widget elementor-widget-image" data-element_type="widget" data-id="141a17e9" data-widget_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img alt="Video Templates" class="elementor-animation-grow attachment-full size-full lazyload" data-src="https://placeit-assets0.s3-accelerate.amazonaws.com/custom-pages/video-cropper-tool/video-templates.png" height="778" sizes="(max-width: 760px) 100vw, 760px" src="" srcset="" width="760"/> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-40154c2f elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section" data-id="40154c2f" data-settings='{"stretch_section":"section-stretched","background_background":"classic"}'> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-element elementor-element-13acfa elementor-column elementor-col-100 elementor-top-column" data-element_type="column" data-id="13acfa"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-55a496d elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="55a496d" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-4526ab74 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section" data-id="4526ab74" data-settings='{"stretch_section":"section-stretched","background_background":"gradient"}'> <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-row"> <div class="elementor-element elementor-element-5a3929a6 elementor-column elementor-col-100 elementor-top-column" data-element_type="column" data-id="5a3929a6"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-7040e0a4 elementor-widget elementor-widget-image" data-element_type="widget" data-id="7040e0a4" data-widget_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img alt="White Wave With Comet" class="attachment-full size-full lazyload" data-src="https://placeit-assets1.s3-accelerate.amazonaws.com/custom-pages/video-cropper-tool/white-wave-with-comet.png" height="152" sizes="(max-width: 1440px) 100vw, 1440px" src="" srcset="" width="1440"/> </div> </div> </div> <div class="elementor-element elementor-element-5519d590 elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="5519d590" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-fb2b273 elementor-widget elementor-widget-heading" data-element_type="widget" data-id="fb2b273" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-xl">Why Do I Need a Video Cropper?</h3> </div> </div> <div class="elementor-element elementor-element-7659eb30 elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="7659eb30" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <section class="elementor-element elementor-element-2d3bdb9d elementor-reverse-mobile animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-inner-section" data-element_type="section" data-id="2d3bdb9d" data-settings='{"animation":"fadeIn"}'> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-row"> <div class="elementor-element elementor-element-652b7178 elementor-invisible elementor-column elementor-col-50 elementor-inner-column" data-element_type="column" data-id="652b7178" data-settings='{"animation":"fadeInLeft"}'> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-2775b1fe elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="2775b1fe" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-464fa667 elementor-widget elementor-widget-heading" data-element_type="widget" data-id="464fa667" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-xl">Optimize Videos for <br/>Web Use</h3> </div> </div> <div class="elementor-element elementor-element-1da652f4 elementor-widget elementor-widget-text-editor" data-element_type="widget" data-id="1da652f4" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix">Your videos should always be optimized so your pages to load faster, using this cropper is easy and quick and will always give you the results you’re looking for.</div> </div> </div> <div class="elementor-element elementor-element-4067211 elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="4067211" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-142e123c elementor-invisible elementor-column elementor-col-50 elementor-inner-column" data-element_type="column" data-id="142e123c" data-settings='{"animation":"fadeInUp"}'> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-7e2362d1 elementor-widget elementor-widget-image" data-element_type="widget" data-id="7e2362d1" data-widget_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img alt="Macbook Pro Imac With Black Ipad Mini In Front View Mockup" class="elementor-animation-grow attachment-large size-large lazyload" data-src="https://placeit-assets2.s3-accelerate.amazonaws.com/custom-pages/video-cropper-tool/macbook-pro-imac-with-black-ipad-mini-in-front-view-mockup-1024x768.png" height="473" sizes="(max-width: 631px) 100vw, 631px" src="" srcset="" width="631"/> </div> </div> </div> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-a0570f6 elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="a0570f6" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <section class="elementor-element elementor-element-76323dee elementor-reverse-mobile animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-inner-section" data-element_type="section" data-id="76323dee" data-settings='{"animation":"fadeIn"}'> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-row"> <div class="elementor-element elementor-element-3a4207e5 elementor-invisible elementor-column elementor-col-50 elementor-inner-column" data-element_type="column" data-id="3a4207e5" data-settings='{"animation":"fadeInUp"}'> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-64a675f0 elementor-widget elementor-widget-image" data-element_type="widget" data-id="64a675f0" data-widget_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img alt="Crop Your Images And Highlight A Specific Part" class="elementor-animation-grow attachment-large size-large lazyload" data-src="https://placeit-assets0.s3-accelerate.amazonaws.com/custom-pages/video-cropper-tool/Crop-Your-Images-and-Highlight-a-Specific-Part.png" height="412" sizes="(max-width: 631px) 100vw, 631px" src="" srcset="" width="631"/> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-46e93cdf elementor-invisible elementor-column elementor-col-50 elementor-inner-column" data-element_type="column" data-id="46e93cdf" data-settings='{"animation":"fadeInLeft"}'> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-2fe73667 elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="2fe73667" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-1a203d1a elementor-widget elementor-widget-heading" data-element_type="widget" data-id="1a203d1a" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-xl">Crop Your Videos to Highlight a Specific Part</h3> </div> </div> <div class="elementor-element elementor-element-3c2b5d0 elementor-widget elementor-widget-text-editor" data-element_type="widget" data-id="3c2b5d0" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix">Crop your MP4 and MOV files without having to use video-editing software. Just upload, move the cropper tool to the area you want to keep and download, yes it’s that easy!</div> </div> </div> <div class="elementor-element elementor-element-61cbb12c elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="61cbb12c" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-f9a01e elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="f9a01e" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-d17d4b2 elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="d17d4b2" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <section class="elementor-element elementor-element-5a968488 animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-inner-section" data-element_type="section" data-id="5a968488" data-settings='{"animation":"fadeIn"}'> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-row"> <div class="elementor-element elementor-element-16413618 elementor-invisible elementor-column elementor-col-50 elementor-inner-column" data-element_type="column" data-id="16413618" data-settings='{"animation":"fadeInRight"}'> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-69ad538d elementor-widget elementor-widget-heading" data-element_type="widget" data-id="69ad538d" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-xl">Crop Your Video for Every Social Network</h3> </div> </div> <div class="elementor-element elementor-element-79237bb9 elementor-widget elementor-widget-text-editor" data-element_type="widget" data-id="79237bb9" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix">All social media platforms have different video requirements, but no worries, we help you fit them all! No need to research which is the best size, Placeit does it for you.</div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-389eae0f elementor-invisible elementor-column elementor-col-50 elementor-inner-column" data-element_type="column" data-id="389eae0f" data-settings='{"animation":"fadeInUp"}'> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-31dc37f7 elementor-widget elementor-widget-image" data-element_type="widget" data-id="31dc37f7" data-widget_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img alt="Resize Video" class="elementor-animation-grow attachment-large size-large lazyload" data-src="https://placeit-assets1.s3-accelerate.amazonaws.com/custom-pages/video-cropper-tool/resize-video.png" height="378" sizes="(max-width: 631px) 100vw, 631px" src="" srcset="" width="631"/> </div> </div> </div> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-4b0215af elementor-widget elementor-widget-spacer" data-element_type="widget" data-id="4b0215af" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-601adac1 elementor-widget elementor-widget-image" data-element_type="widget" data-id="601adac1" data-widget_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img alt="Bottom Curve" class="lazyload" data-src="https://placeit-assets2.s3-accelerate.amazonaws.com/custom-pages/video-cropper-tool/Bottom-curve-oejtk1p68phubtxgg5i0i5uekw6yl3wnxe6xvcfcr8.png" src="" srcset="" title="Bottom Curve"/> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> <script> window.__bp_session_timeout = '900'; window.__bp_session_freezing = 0; window.bizpanda||(window.bizpanda={}),window.bizpanda.bp_can_store_localy=function(){return!1},window.bizpanda.bp_ut_get_cookie=function(e){for(var n=e+"=",i=document.cookie.split(";"),o=0;o<i.length;o++){for(var t=i[o];" "==t.charAt(0);)t=t.substring(1);if(0==t.indexOf(n))return decodeURIComponent(t.substring(n.length,t.length))}return!1},window.bizpanda.bp_ut_set_cookie=function(e,n,i){var o=new Date;o.setTime(o.getTime()+24*i*60*60*1e3);var t="expires="+o.toUTCString();document.cookie=e+"="+encodeURIComponent(n)+"; "+t+"; path=/"},window.bizpanda.bp_ut_get_obj=function(e){var n=null;if(!(n=window.bizpanda.bp_can_store_localy()?window.localStorage.getItem("bp_ut_session"):window.bizpanda.bp_ut_get_cookie("bp_ut_session")))return!1;n=(n=n.replace(/\-c\-/g,",")).replace(/\-q\-/g,'"');try{n=JSON.parse(n)}catch(e){return!1}return n.started+1e3*e<(new Date).getTime()&&(n=null),n},window.bizpanda.bp_ut_set_obj=function(e,n){e.started&&window.__bp_session_freezing||(e.started=(new Date).getTime()),(e=JSON.stringify(e))&&(e=(e=e.replace(/\"/g,"-q-")).replace(/\,/g,"-c-")),window.bizpanda.bp_can_store_localy()?window.localStorage.setItem("bp_ut_session",e):window.bizpanda.bp_ut_set_cookie("bp_ut_session",e,5e3)},window.bizpanda.bp_ut_count_pageview=function(){var e=window.bizpanda.bp_ut_get_obj(window.__bp_session_timeout);e||(e={}),e.pageviews||(e.pageviews=0),0===e.pageviews&&(e.referrer=document.referrer,e.landingPage=window.location.href,e.pageviews=0),e.pageviews++,window.bizpanda.bp_ut_set_obj(e)},window.bizpanda.bp_ut_count_locker_pageview=function(){var e=window.bizpanda.bp_ut_get_obj(window.__bp_timeout);e||(e={}),e.lockerPageviews||(e.lockerPageviews=0),e.lockerPageviews++,window.bizpanda.bp_ut_set_obj(e)},window.bizpanda.bp_ut_count_pageview(); </script> <span class="dashicons dashicons-arrow-up-alt2" id="to_top_scrollup"><span class="screen-reader-text">Scroll Up</span></span> <script type="text/javascript"> (function(){ document.addEventListener('DOMContentLoaded', function(){ let wpp_widgets = document.querySelectorAll('.popular-posts-sr'); if ( wpp_widgets ) { for (let i = 0; i < wpp_widgets.length; i++) { let wpp_widget = wpp_widgets[i]; WordPressPopularPosts.theme(wpp_widget); } } }); })(); </script> <script> var WPPImageObserver = null; function wpp_load_img(img) { if ( ! 'imgSrc' in img.dataset || ! img.dataset.imgSrc ) return; img.src = img.dataset.imgSrc; if ( 'imgSrcset' in img.dataset ) { img.srcset = img.dataset.imgSrcset; img.removeAttribute('data-img-srcset'); } img.classList.remove('wpp-lazyload'); img.removeAttribute('data-img-src'); img.classList.add('wpp-lazyloaded'); } function wpp_observe_imgs(){ let wpp_images = document.querySelectorAll('img.wpp-lazyload'), wpp_widgets = document.querySelectorAll('.popular-posts-sr'); if ( wpp_images.length || wpp_widgets.length ) { if ( 'IntersectionObserver' in window ) { WPPImageObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { let img = entry.target; wpp_load_img(img); WPPImageObserver.unobserve(img); } }); }); if ( wpp_images.length ) { wpp_images.forEach(function(image) { WPPImageObserver.observe(image); }); } if ( wpp_widgets.length ) { for (var i = 0; i < wpp_widgets.length; i++) { let wpp_widget_images = wpp_widgets[i].querySelectorAll('img.wpp-lazyload'); if ( ! wpp_widget_images.length && wpp_widgets[i].shadowRoot ) { wpp_widget_images = wpp_widgets[i].shadowRoot.querySelectorAll('img.wpp-lazyload'); } if ( wpp_widget_images.length ) { wpp_widget_images.forEach(function(image) { WPPImageObserver.observe(image); }); } } } } /** Fallback for older browsers */ else { if ( wpp_images.length ) { for (var i = 0; i < wpp_images.length; i++) { wpp_load_img(wpp_images[i]); wpp_images[i].classList.remove('wpp-lazyloaded'); } } if ( wpp_widgets.length ) { for (var j = 0; j < wpp_widgets.length; j++) { let wpp_widget = wpp_widgets[j], wpp_widget_images = wpp_widget.querySelectorAll('img.wpp-lazyload'); if ( ! wpp_widget_images.length && wpp_widget.shadowRoot ) { wpp_widget_images = wpp_widget.shadowRoot.querySelectorAll('img.wpp-lazyload'); } if ( wpp_widget_images.length ) { for (var k = 0; k < wpp_widget_images.length; k++) { wpp_load_img(wpp_widget_images[k]); wpp_widget_images[k].classList.remove('wpp-lazyloaded'); } } } } } } } document.addEventListener('DOMContentLoaded', function() { wpp_observe_imgs(); // When an ajaxified WPP widget loads, // Lazy load its images document.addEventListener('wpp-onload', function(){ wpp_observe_imgs(); }); }); </script> <script type="text/javascript"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/blog.placeit.net\/wp-admin\/admin-ajax.php","nonce":"47fa4555a4","shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"google":{"title":"Google+","has_counter":true},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"delicious":{"title":"Delicious"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"facebook_sdk":{"lang":"en_US","app_id":""}}; </script> <script type="text/javascript"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"version":"2.8.3","urls":{"assets":"https:\/\/blog.placeit.net\/wp-content\/plugins\/elementor\/assets\/"},"settings":{"page":[],"general":{"elementor_global_image_lightbox":"yes"},"editorPreferences":[]},"post":{"id":74903,"title":"Online Video Cropper","excerpt":""}}; </script> <script data-cfasync="false" data-pagespeed-no-defer="" type="text/javascript">//<![CDATA[ var gtm4wp_datalayer_name = "dataLayer"; var dataLayer = dataLayer || []; //]]> </script><script type="text/javascript"> /* <![CDATA[ */ document.documentElement.className = document.documentElement.className.replace(new RegExp('(^|\\s)no-js(\\s|$)'), '$1js$2'); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ var to_top_options = {"scroll_offset":"400","icon_opacity":"50","style":"icon","icon_type":"dashicons-arrow-up-alt2","icon_color":"#ffffff","icon_bg_color":"#000000","icon_size":"32","border_radius":"5","image":"https:\/\/blog.placeit.net\/wp-content\/plugins\/to-top\/admin\/images\/default.png","image_width":"65","image_alt":"","location":"bottom-right","margin_x":"20","margin_y":"20","show_on_admin":"0","enable_autohide":"0","autohide_time":"2","enable_hide_small_device":"0","small_device_max_width":"640","reset":"0"}; /* ]]> */ </script><script data-cfasync="false" data-pagespeed-no-defer="" type="text/javascript">//<![CDATA[ var dataLayer_content = {"pageTitle":"Online Video Cropper - Placeit Blog","pagePostType":"page","pagePostType2":"single-page","pagePostAuthor":"Valeria Santalla"}; dataLayer.push( dataLayer_content );//]]> </script><script defer="true" src="https://placeit-assets.s3-accelerate.amazonaws.com/custom-pages/video-cropper-tool/combined.js"></script><link href="https://placeit-assets.s3-accelerate.amazonaws.com/custom-pages/fonts/fonts.css" rel="stylesheet" type="text/css"/><link href="https://placeit-assets.s3-accelerate.amazonaws.com/custom-pages/global.css" rel="stylesheet" type="text/css"/><link href="https://placeit-assets.s3-accelerate.amazonaws.com/custom-pages/video-cropper-tool/combined.min.css" rel="stylesheet" type="text/css"/><link href="https://placeit-assets.s3-accelerate.amazonaws.com/custom-pages/to-top-public.css" type="text/css"/><link href="https://placeit-assets.s3-accelerate.amazonaws.com/custom-pages/global.css" rel="stylesheet" type="text/css"/><script defer="true" src="https://placeit-assets.s3-accelerate.amazonaws.com/custom-pages/to-top-public.js"></script><script defer="true" src="https://placeit-assets.s3-accelerate.amazonaws.com/custom-pages/custom.js"></script></div> <aside class="left sidebar sidebar--left-sidebar not-show left-sidebar-skeleton active smart-templates__sidebar"> <div class="skeleton-cards canvas-skeleton-cards"> <div class="skeleton-controls-container"> <div class="skeleton-card-item skeleton-text-control"></div> <div class="skeleton-card-item skeleton-text-control"></div> <div class="skeleton-card-item skeleton-text-control"></div> <div class="skeleton-card-item skeleton-graphic-control"></div> <div class="skeleton-card-item skeleton-graphic-control"></div> <div class="skeleton-card-item skeleton-graphic-control"></div> </div> <div class="skeleton-add-menu-container"> <div class="skeleton-card-item skeleton-add-button"></div> </div> </div> </aside> <aside class="right sidebar sidebar--right-sidebar not-show right-sidebar-skeleton smart-templates__sidebar"> </aside> <!-- Footer --> <div class="footer-wrapper"> <div class="cta-container" id="cta-block-section"> <div class="cta-title"> <h2>Make Endless Designs with a Placeit 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/2/optimized_socialMedia.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="https://help.placeit.net"> Contact Us / FAQs </a> </li> <li> <a href="/about-us"> About </a> </li> <li> <a href="/terms-of-use"> Terms of Use </a> </li> <li> <a href="https://envato.com/privacy"> Privacy Policy </a> </li> <li> <a href="/license"> License </a> </li> <li> <a href="/unlimited-subscription"> Subscription Benefits </a> </li> <li> <a href="/affiliate-program"> Affiliates </a> </li> <li> <a href="https://envato.mx"> Careers </a> </li> </ul> </div> <div class="column"> <ul class="footer-links"> <li><strong>Social Media Templates </strong></li> <li> <a href="https://blog.placeit.net/how-to-make-instagram-reels/"> Create Viral Reels </a> </li> <li> <a href="/c/design-templates/stages/blank-canvas-designs"> Design From Scratch </a> </li> <li> <a href="/holidays/fall-templates"> Fall Templates </a> </li> <li> <a href="/holidays/halloween-templates"> Halloween Templates </a> </li> </ul> </div> </div> <div class="column columns-wrapper"> <div class="column"> <ul class="footer-links"> <li><strong>Everything for Your Stream</strong></li> <li> <a href="/gaming/twitch-templates"> Twitch Templates </a> </li> <li> <a href="/youtube/videos"> YouTube Videos </a> </li> <li> <a href="/youtube-end-card-templates"> End Cards </a> </li> <li> <a href="/video-intro-maker"> Intro Videos </a> </li> </ul> </div> <div class="column"> <ul class="footer-links"> <li><strong>Digital Marketing Tips for Your Brand</strong></li> <li> <a href="https://www.youtube.com/watch?v=vLkT28vSOuk"> Make Your Own Instagram Videos </a> </li> <li> <a href="https://blog.placeit.net/create-beautiful-instagram-graphics-to-promote-your-business/"> How to Design Instagram Graphics </a> </li> <li> <a href="/facebook/ad-templates"> Facebook Ads to Boost Your Sales </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> <!-- Sidebars --> <!-- Modals --> <!-- provides authenticity token for submission --> <form accept-charset="UTF-8" action="/video-cropper" class="login-or-signup" data-remote="true" data-type="text" id="loginForm" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="No+CYAENuDn3dcuwlrCe4YpPX6xu1Ux26dxMmYBK9so=" /></div></form> <form accept-charset="UTF-8" action="/video-cropper" class="login-or-signup" data-remote="true" data-type="text" id="customloginForm" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="No+CYAENuDn3dcuwlrCe4YpPX6xu1Ux26dxMmYBK9so=" /></div></form> <!-- Launch Recordit hacks --> <form accept-charset="UTF-8" action="/users" class="sign-up-form" data-remote="true" data-type="text" id="notLoggedIn" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="No+CYAENuDn3dcuwlrCe4YpPX6xu1Ux26dxMmYBK9so=" /></div></form> <p id="upload" class="hidden"> <label> Drag & drop not supported, but you can still upload via this input field:<br /> <input type="file"> </label> </p> <script type="text/javascript"> var ogData = {"title":"Made This Design in Seconds Using Placeit","description":"Placeit makes design easy with thousands of design templates to customize."}; </script> </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="5064d6c3-894c-4987-afdd-7a1819acd4ce" 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.alloyConfig = { clientID: "zmJ8LUWSXDacqZHHXi8J", key: "81d0c9fb3cfb1bab748be1a92fb879b3fb6669ac043326d7832e19fe3fa05728", environment: "production" } window.stageData = {stages:[], backgrounds:[], hand_sets: []}; window._stagePrice = 2.95; window._stageData = {"seo_data":{"desc":"Free video cropper tool for mp4 or mov files! No need to use complex video editing tools, just upload your own videos, crop, trim and download away!","title":"Placeit's Video Cropper"},"stage_data":{"id":"48990","name":"Video Cropper","slug":"video-cropper","thumb":"https://placeit-img-1-p.cdn.aws.placeit.net/uploads/stage/stage_image/48990/optimized_thumb_OG-Free-Video-Cropper.jpg","large_thumb":"https://placeit-img-1-p.cdn.aws.placeit.net/uploads/stage/stage_image/48990/optimized_large_thumb_OG-Free-Video-Cropper.jpg","large_thumb_path":"uploads/stage/stage_image/48990/optimized_large_thumb_OG-Free-Video-Cropper.jpg","width":406,"height":213,"image":"https://s3.amazonaws.com/placeit-stage-original-images-production/uploads/stage/stage_image/48990/default_OG-Free-Video-Cropper.png","glare_image":null,"image_type":17,"tags":[{"id":"1767","name":"Free","is_device":false,"is_model":false,"is_bundle":false,"is_age":false,"is_gender":false,"is_ethnicity":false}],"compatibles":[],"viewport":"1280x1024","template_viewport":null,"is_free":true,"is_linked_to_animated_template?":false,"is_free_with_subscription":false,"has_discount":false,"extra_effects":false,"multiple":[],"coords":null,"holder":null,"rotation":{"min":null,"max":null},"has_hand":false,"has_intro":false,"published_at":"2019-11-13T00:00:00Z","alternative_ids":[""],"user_agent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.101 Safari/537.36","video_coords":null,"meta_title":"Placeit's Video Cropper","meta_desc":"","is_transparent":false,"is_slave":false,"smart_object_id":"","smart_object_v4_id":"c9c3a4d7c0077f8de535af11b8db0609","slave_id":false,"is_published":1,"category_name":"Design Templates","parent_id":null,"backdrop_data":null,"custom_price":null,"preview_image_path":null,"preview_image_path_s3":null,"accepts_recordit_id":true,"most_used_device_tag":null,"most_used_regular_tag":"Free","stage_link":"/c/design-templates/stages/video-cropper","nice_engine":"v3","force_v4":null,"nice_category":null,"force_fallback":false,"has_vector":false,"is_video_tool":true,"is_image_tool":null,"max_user_added_texts":0,"max_user_added_graphics":0,"add_graphic_asset_group":"","tool_name":"crop_video","tool_meta_image":"https://assets-placeit-net.s3-accelerate.amazonaws.com/assets/OG-Free-Video-Cropper.png","group_tags":[],"linked_stages_data":{"has_linked_stages":false,"linked_stages_data":{"dt_to_video_v5":[]}}},"action_buttons":{"start":{"active":["image_upload","url_grabber","share_productshot"],"disabled":["add_effects_aviary","download_productshot"]},"processing":{"active":[],"disabled":["image_upload","url_grabber","share_productshot","add_effects_aviary","download_productshot"]},"finish":{"active":["image_upload","url_grabber","share_productshot","add_effects_aviary","download_productshot"],"disabled":[]}},"similar_stages":{}}; window._is_sibling = false; window._is_sibling_original = false; window._sibling_url = ''; if (window._stageData.stage_data && (typeof window._stageData.stage_data.linked_stages_data === 'undefined')) { window._stageData.stage_data.linked_stages_data = { has_linked_stages: false } } window.autosaveDebounceTime = 20000; window.toolSlugs = {"crop_image":"image-cropper","crop_video":"video-cropper","video_to_gif":"video-to-gif-converter"}; window.tool_data = false; window.algoliaQuery = {queryId: '', IndexName: 'Stage_production'}; window.devmode = false; window.userIp = '8.222.208.146'; window.placeitTrackerId = ""; window.referrer = ""; window.initialUrl = window.location.href; window.packages = {"1:1":0.0,"1:2":5.0,"2:2":8.0,"3:2":8.0,"1:3":40.0,"2:3":65.0,"3:3":85.0,"4:3":28.0,"5:2":8.0,"6:2":12.0,"5:3":65.0,"6:3":28.0,"3:4":0.0,"7:2":5.0,"8:2":8.0,"7:3":40.0,"8:3":65.0,"7:1":0.0,"9:1":0.0,"10:2":99.0,"11:3":9.95,"2:1":0.0,"11:2":99.0,"12:2":8.0,"13:2":8.0,"14:2":7.95,"15:1":0.0,"16:1":0.0,"17:1":0.0,"18:1":0.0,"19:2":99.0,"19:3":29.0,"14:3":8.0}; window.isLandingPage = false; window.isTagPage = false; window.isStaticPage = false; window._stageSlug = "video-cropper"; 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":true,"is_home":false,"no_results":false,"type":"stage","page_type":"Tools","header_type":null,"category":"design-templates"}; 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 = {"normal":[{"id":1,"quantity":0,"amount_in_cents":0},{"id":2,"quantity":25,"amount_in_cents":18500},{"id":3,"quantity":50,"amount_in_cents":36000},{"id":4,"quantity":100,"amount_in_cents":70000},{"id":5,"quantity":150,"amount_in_cents":102000},{"id":6,"quantity":250,"amount_in_cents":160000},{"id":7,"quantity":500,"amount_in_cents":310000},{"id":8,"quantity":1000,"amount_in_cents":600000}],"high":[{"id":1,"quantity":0,"amount_in_cents":0},{"id":2,"quantity":25,"amount_in_cents":63825},{"id":3,"quantity":50,"amount_in_cents":124200},{"id":4,"quantity":100,"amount_in_cents":241500},{"id":5,"quantity":150,"amount_in_cents":351900},{"id":6,"quantity":250,"amount_in_cents":552000},{"id":7,"quantity":500,"amount_in_cents":1069500},{"id":8,"quantity":1000,"amount_in_cents":2070000}]}; 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 = {"1":{"created_at":"2014-01-20T20:46:56Z","description":null,"id":1,"key":"free","name":"Unlimited","updated_at":"2017-09-22T15:58:29Z","url":"https://placeit.net/#license"},"2":{"created_at":"2014-01-20T20:46:56Z","description":null,"id":2,"key":"standard","name":"Unlimited License","updated_at":"2015-07-01T22:15:40Z","url":"https://placeit.net/#license"},"3":{"created_at":"2014-01-20T20:46:56Z","description":null,"id":3,"key":"extended","name":"Unlimited License","updated_at":"2015-07-01T22:15:40Z","url":"https://placeit.net/#license"},"4":{"created_at":"2014-01-20T20:46:56Z","description":null,"id":4,"key":"comp","name":"Unlimited License","updated_at":"2014-01-20T20:46:56Z","url":"https://placeit.net/#license"}}; window._pl_resolutions = [{"allowed_licenses":["free"],"created_at":"2013-10-22T21:55:33Z","description":null,"gif":false,"height":300,"id":1,"is_ae_video_replacement":false,"is_ios_screenshot":false,"is_smart_template":false,"is_video":false,"is_video_product":false,"is_video_v4":false,"key":"small","name":"Small","traffic":"Any Traffic","updated_at":"2014-09-29T20:38:24Z","watermarked":"No Watermark","wide":false,"width":400},{"allowed_licenses":["free"],"created_at":"2015-06-17T16:10:21Z","description":null,"gif":false,"height":212,"id":2,"is_ae_video_replacement":false,"is_ios_screenshot":false,"is_smart_template":false,"is_video":false,"is_video_product":false,"is_video_v4":false,"key":"small","name":"Small","traffic":"Any Traffic","updated_at":"2015-06-17T16:10:21Z","watermarked":"No Watermark","wide":true,"width":600},{"allowed_licenses":["standard"],"created_at":"2013-10-22T21:55:33Z","description":null,"gif":false,"height":1440,"id":3,"is_ae_video_replacement":false,"is_ios_screenshot":false,"is_smart_template":false,"is_video":false,"is_video_product":false,"is_video_v4":false,"key":"normal","name":"High","traffic":"Low-Med Traffic","updated_at":"2014-09-29T20:38:24Z","watermarked":"No Watermark","wide":false,"width":1920},{"allowed_licenses":["extended"],"created_at":"2013-10-22T21:55:33Z","description":null,"gif":false,"height":2475,"id":4,"is_ae_video_replacement":false,"is_ios_screenshot":false,"is_smart_template":false,"is_video":false,"is_video_product":false,"is_video_v4":false,"key":"high","name":"Super high","traffic":"High Traffic","updated_at":"2014-09-29T20:38:24Z","watermarked":"No Watermark","wide":false,"width":3300},{"allowed_licenses":["standard"],"created_at":"2013-10-22T21:55:33Z","description":null,"gif":false,"height":960,"id":5,"is_ae_video_replacement":false,"is_ios_screenshot":false,"is_smart_template":false,"is_video":false,"is_video_product":false,"is_video_v4":false,"key":"normal","name":"High","traffic":"Low-Med Traffic","updated_at":"2014-09-29T20:38:24Z","watermarked":"No Watermark","wide":true,"width":2720},{"allowed_licenses":["extended"],"created_at":"2013-10-22T21:55:33Z","description":null,"gif":false,"height":1440,"id":6,"is_ae_video_replacement":false,"is_ios_screenshot":false,"is_smart_template":false,"is_video":false,"is_video_product":false,"is_video_v4":false,"key":"high","name":"Super high","traffic":"High Traffic","updated_at":"2014-09-29T20:38:24Z","watermarked":"No Watermark","wide":true,"width":4080},{"allowed_licenses":["standard"],"created_at":"2013-10-22T21:55:33Z","description":null,"gif":true,"height":600,"id":8,"is_ae_video_replacement":false,"is_ios_screenshot":false,"is_smart_template":false,"is_video":false,"is_video_product":false,"is_video_v4":false,"key":"normal","name":"Normal","traffic":"Low-Med Traffic","updated_at":"2014-09-29T20:38:24Z","watermarked":"No Watermark","wide":false,"width":800},{"allowed_licenses":["free"],"created_at":"2013-10-22T21:55:33Z","description":null,"gif":false,"height":360,"id":9,"is_ae_video_replacement":false,"is_ios_screenshot":false,"is_smart_template":false,"is_video":true,"is_video_product":false,"is_video_v4":true,"key":"small","name":"Small","traffic":"Any Traffic","updated_at":"2018-01-04T22:56:25Z","watermarked":"Watermarked","wide":false,"width":640},{"allowed_licenses":["standard"],"created_at":"2013-10-22T21:55:33Z","description":null,"gif":false,"height":720,"id":10,"is_ae_video_replacement":false,"is_ios_screenshot":false,"is_smart_template":false,"is_video":true,"is_video_product":false,"is_video_v4":false,"key":"normal_v","name":"High","traffic":"Low-Med Traffic","updated_at":"2014-09-29T20:38:24Z","watermarked":"No Watermark","wide":false,"width":1280},{"allowed_licenses":["standard"],"created_at":"2016-10-24T20:29:58Z","description":null,"gif":false,"height":1080,"id":11,"is_ae_video_replacement":false,"is_ios_screenshot":false,"is_smart_template":false,"is_video":false,"is_video_product":true,"is_video_v4":true,"key":"normal_v","name":"High","traffic":"Low-Med Traffic","updated_at":"2018-01-04T22:56:25Z","watermarked":"No Watermark","wide":false,"width":1920},{"allowed_licenses":["standard"],"created_at":"2017-01-24T21:34:56Z","description":null,"gif":false,"height":2208,"id":12,"is_ae_video_replacement":false,"is_ios_screenshot":true,"is_smart_template":false,"is_video":false,"is_video_product":false,"is_video_v4":false,"key":"normal","name":"App Store Screenshot (5.5\u2033 Display)","traffic":"Any Traffic","updated_at":"2017-01-24T21:34:56Z","watermarked":"No Watermark","wide":false,"width":1242},{"allowed_licenses":["standard"],"created_at":"2017-01-24T21:34:56Z","description":null,"gif":false,"height":1242,"id":13,"is_ae_video_replacement":false,"is_ios_screenshot":true,"is_smart_template":false,"is_video":false,"is_video_product":false,"is_video_v4":false,"key":"normal","name":"App Store Screenshot (5.5\u2033 Display)","traffic":"Any Traffic","updated_at":"2017-01-24T21:34:56Z","watermarked":"No Watermark","wide":false,"width":2208},{"allowed_licenses":["standard"],"created_at":"2017-04-04T18:00:21Z","description":null,"gif":false,"height":0,"id":14,"is_ae_video_replacement":false,"is_ios_screenshot":false,"is_smart_template":true,"is_video":false,"is_video_product":false,"is_video_v4":false,"key":"normal","name":"PNG","traffic":"Any Traffic","updated_at":"2017-04-04T18:00:21Z","watermarked":"No Watermark","wide":false,"width":0},{"allowed_licenses":["free"],"created_at":"2017-05-09T16:55:58Z","description":null,"gif":false,"height":360,"id":18,"is_ae_video_replacement":true,"is_ios_screenshot":false,"is_smart_template":false,"is_video":false,"is_video_product":false,"is_video_v4":false,"key":"small","name":"Small","traffic":"Any Traffic","updated_at":"2017-05-09T16:55:58Z","watermarked":"Watermarked","wide":false,"width":640},{"allowed_licenses":["standard"],"created_at":"2017-05-09T16:55:58Z","description":null,"gif":false,"height":1080,"id":19,"is_ae_video_replacement":true,"is_ios_screenshot":false,"is_smart_template":false,"is_video":false,"is_video_product":false,"is_video_v4":false,"key":"normal_v","name":"High","traffic":"Low-Med Traffic","updated_at":"2017-05-09T16:55:58Z","watermarked":"No Watermark","wide":false,"width":1920}]; 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 = {"mp4_video":"https://placeit.net/2017/24/6/compressed-preview-yo.mp4","webm_video":"https://placeit.net/2017/24/6/compressed-preview-yo.webm"}; window._pl_category = 'Design Templates'; window._pl_categoryPath = '/c/design-templates'; window._pl_is_homepage = false; window._pl_isRootCategory = false; 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 = 55994; window._pl_dataLayerNames = ["dataLayer"]; window.isPastDue = false; window.NICE_DOMAIN = {"protocol":"https","hostname":"nicev2.placeit.net","proxyHostname":"placeit.net","credentials":{"name":"admin","pass":"ab2ea136bf081347b3ee379b981cf930"}}; 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":"2025-02-17T23:20:50Z","id":180,"is_animated":false,"menu_link":"/holidays/all-templates","updated_at":"2025-02-17T23:20:50Z","variant":"menu-badge"}],"code_name":"holiday","created_at":"2024-10-07T20:04:20Z","end_date":"2028-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":"2025-02-17T23:20:50Z"}]; 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._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: true, one_time_token_enabled: true, } 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> var externalServiceRequest, mergeUiJson, isDataComplete, mergeProperties, mergeSubproperties; var ALLOWED_FONTS_LIMIT = 84; window._baseSmartTemplateData = null; window._presetSmartTemplateData = null; externalServiceRequest = function(options, handleSuccess, handleFailure) { var httpRequest; options.method = options.method || 'GET'; options.async = options.async || true; httpRequest = new XMLHttpRequest(); httpRequest.onreadystatechange = function() { if (httpRequest.readyState != XMLHttpRequest.DONE) { return; } if (httpRequest.status != 200) { handleFailure(httpRequest); return; } handleSuccess(httpRequest); }; httpRequest.open(options.method, options.url, options.async, options.user, options.password); httpRequest.send(); }; var _generateIndexFromArray = function(array, options){ var index = {}; options = options || {}; (array || []).forEach(function(record){ index[record.id || record.name] = record; if (options.getSelected && record.visible === true) { index[options.getSelected.token] = record; } }); return index; }; var _selectMergeArray = function (a, b) { var indexA = {}, indexB = {}; var selectedToken = '__selected__'; var selectedId; indexA = _generateIndexFromArray(a, {getSelected: {token: selectedToken}}); indexB = _generateIndexFromArray(b, {getSelected: {token: selectedToken}}); // Preset says no selected if (!indexB.hasOwnProperty(selectedToken) && indexA.hasOwnProperty(selectedToken)) { indexA[selectedToken].visible = false; return; } // Preset selected? if (indexB.hasOwnProperty(selectedToken)) { selectedId = indexB[selectedToken]['id'] || indexB[selectedToken]['name']; // Main contains selected? if (indexA.hasOwnProperty(selectedId)) { // Main has default? if (indexA.hasOwnProperty(selectedToken)) { indexA[selectedToken].visible = false; } indexA[selectedId].visible = true; } } }; var _reformatToIndex = function _reformatToIndex(data, indexKey) { var output = {}; if (data === undefined && indexKey === undefined) { return output; } if (Array.isArray(data)) { output = _generateIndexFromArray( data, {indexKey: indexKey}); } else { output = _generateIndexFromArray( [data].filter(function(o){ return o;}), {indexKey: indexKey}); } return output; }; var _mergeJsonSections = function (a, b, options) { var indexA = {}, indexB = {}; var elementsInA, elementsInB; options.sections.forEach(function(section){ indexA[section] = _reformatToIndex(a[section], options.indexKey); indexB[section] = _reformatToIndex(b[section], options.indexKey); elementsInA = Object.keys(indexA[section]); elementsInB = Object.keys(indexB[section]); elementsInA.filter(function(recordId) { return elementsInB.indexOf(recordId) >= 0; }).forEach(function(recordId){ options.properties.forEach(function(property){ if (Array.isArray(indexA[section][recordId][property])) { _selectMergeArray(indexA[section][recordId][property], indexB[section][recordId][property]); } else { if (section === 'text' && property === 'sizes') { return; } if (property === 'preconfiguredSearch' && !indexB[section][recordId][property]) { return; // Allows preconfiguredSearch from parent only if child does not have any data } indexA[section][recordId][property] = indexB[section][recordId][property]; } }); }); }); return a; }; _jsonTextSectionMerge = function _jsonTextSectionMerge (a, b, options) { var indexA = {}, indexB = {}; var elementsInA, elementsInB; options.sections.forEach(function(section){ indexA[section] = _reformatToIndex(a[section], options.indexKey); indexB[section] = _reformatToIndex(b[section], options.indexKey); elementsInA = Object.keys(indexA[section]); elementsInB = Object.keys(indexB[section]); elementsInA.filter(function(recordId) { return elementsInB.indexOf(recordId) >= 0; }).forEach(function(recordId){ options.properties.forEach(function(property){ if (property === 'allowedFonts') { var baseProp = indexA[section][recordId][property]; var presetProp = indexB[section][recordId][property]; var fontName = indexA[section][recordId]['font']; var selectedFont = _findFontInArray(baseProp,fontName); baseProp = _concatenateToUniqueArray(presetProp, baseProp); baseProp= _trimArrayToSize(baseProp, ALLOWED_FONTS_LIMIT); if(_findFontInArray(baseProp,fontName) === undefined){ baseProp.unshift(selectedFont); } indexA[section][recordId][property] = baseProp; } else { indexA[section][recordId][property] = indexB[section][recordId][property]; } }); }); }); return a; }; _findFontInArray = function _findFontInArray(fontsArray, fontName){ var fontInRecord = fontsArray.filter(function (font) { return font.name === fontName; }); if(fontInRecord.length > 0){ return fontInRecord[0]; } }; _trimArrayToSize = function _trimArrayToSize(arr, limit) { var itemsToPop = arr.length - limit; for (var i = 0; i < itemsToPop; i++) { arr.pop(); } return arr; }; _concatenateToUniqueArray = function _concatenateToUniqueArray(a, b) { var union = a.concat(b); union = arrayObjUnique(union, 'name'); return union; }; var arrayObjUnique = function arrayObjUnique(arr, prop) { var unique = {}; var distinct = []; arr.forEach(function (x) { if (!unique[x[prop]]) { distinct.push(x); unique[x[prop]] = true; } }); return distinct; }; mergeUiJson = function (a, b) { _mergeJsonSections(a, b, { sections: ['graphic', 'background'], properties: ['color', 'visible', 'preconfiguredSearch', 'layers', 'selectedLayer'] }); _jsonTextSectionMerge(a, b, { sections: ['text'], properties: [ 'color', 'font', 'fontFamily', 'justification', 'capitalization', 'contents', 'allowedFonts', 'sizes', 'visible'] }); _mergeJsonSections(a, b, { sections: ['backgroundColor'], properties: ['color', 'visible', 'layers'] }); if (a.composition) { _mergeJsonSections(a, b, { sections: ['composition'], properties: Object.keys(a.composition) }); } if (b.size) { a.size = b.size; } if (b.previewImage) { a.previewImage.value = b.previewImage.value; } if (b.defaultAssetColors) { a.defaultAssetColors = b.defaultAssetColors; } if (b.customRules && b.customRules.length) { a.customRules = b.customRules; } return a; }; isDataComplete = function () { var result = window.page && window.page.stage && window.page.stage.stageIsReady && window.structureData && window.smartTemplateData; return result; }; // uiJson Base var prevImg = document.createElement('img'); externalServiceRequest( { url: 'https://nice-assets-1-p.cdn.aws.placeit.net/smart_templates/c9c3a4d7c0077f8de535af11b8db0609/ui.json' }, function (response) { // Success window._baseSmartTemplateData = JSON.parse(response.responseText); if (window._baseSmartTemplateData && window._presetSmartTemplateData) { window.smartTemplateData = mergeUiJson(window._baseSmartTemplateData, window._presetSmartTemplateData); } if (isDataComplete()) { window.page.stage.designDataHandler(window.smartTemplateData, window.structureData); } }, function (response) { // Failure window.smartTemplateData = {error: true, erorData: { message: 'Sorry but this template could not be loaded!', type: 'error' }}; if (response.status === 404) { window.smartTemplateData = { error: true, errorData: { error: true, errorType: 'broken-stage', type: 'error', message: 'Sorry but this template could not be loaded!', responseError: response } }; } if (window.page && window.page.stage && window.page.stage.stageIsReady) { window.page.stage.designDataHandler(window.smartTemplateData); } } ); // uiJson Preset window.engineShouldDiff = true; window._presetSmartTemplateData = {}; // structure json externalServiceRequest( { url: 'https://nice-assets-1-p.cdn.aws.placeit.net/smart_templates/c9c3a4d7c0077f8de535af11b8db0609/structure.json' }, function (response) { // Success window.structureData = JSON.parse(response.responseText); if (isDataComplete()) { window.page.stage.designDataHandler(window.smartTemplateData, window.structureData); } }, function (response) { // Failure window.structureData = {error: true, erorData: { message: 'Sorry but this template could not be loaded!', type: 'error' }}; if (response.status === 404) { window.structureData = { error: true, errorData: { error: true, errorType: 'broken-stage', type: 'error', message: 'Sorry but this template could not be loaded!', responseError: response } }; } if (window.page && window.page.stage && window.page.stage.stageIsReady) { window.page.stage.designDataHandler(window.structureData); } } ); </script> <script type="text/javascript" src="https://d1y5zhvvov9n2c.cloudfront.net/asgard/index.1.1.1_e6e49517.iife.min.js"></script> <script type="text/javascript" src="https://d1y5zhvvov9n2c.cloudfront.net/gutenberg/index.0.0.4_CbO7Sc3m.iife.js"></script> <script src="/assets/application-bb4d9a7abb6c2fac0fa5e0333d4f9e50.js" type="text/javascript"></script> <script src="/assets/ngin_assets-d7ba67a96addb7458ee3dace385e016d.js" type="text/javascript"></script> <script> window.S3_ASSETS_BASE_URL = 'https://assets-placeit-net.s3.amazonaws.com'; window.config = { engineAssetsPath: 'https://nice-assets-1-p.cdn.aws.placeit.net' }; </script> <script src="/assets/common_stage_pages-747664d27c156cb513150f2fb1385a55.js" type="text/javascript"></script> <script src="/assets/smart_template_pages-4556ced330a2b3be310ad2392682a8b0.js" type="text/javascript"></script> <!-- Google Consent Mode --> <script data-cookieconsent="ignore"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments) } // EU-specific settings gtag("consent", "default", { 'ad_personalization': 'denied', 'ad_storage': 'denied', 'ad_user_data': 'denied', 'analytics_storage': 'denied', 'functionality_storage': 'denied', 'personalization_storage': 'denied', 'region': [ 'GB','AT','BE','BG','CH','CY','DE','DK','EE','ES','FI', 'FR','GG','GR','HR','HU','IE','IM','IT','JE','LT','LU', 'LV','MT','NL','PL','PT','RO','SE','SI','SK','CA' ], wait_for_update: 500 }); // Default setting gtag('consent', 'default', { 'ad_personalization': 'granted', 'ad_storage': 'granted', 'ad_user_data': 'granted', 'analytics_storage': 'granted', 'functionality_storage': 'granted', 'personalization_storage': 'granted', 'security_storage': 'granted', 'wait_for_update': 500, }); gtag("set", "ads_data_redaction", true); gtag("set", "url_passthrough", false); </script> <!-- End Google Consent Mode--> <!-- 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>