<div id="modal-add-new" class="brandeditor-modal">
<div class="brandeditor-modal-close" data-target="#modal-add-new"><span class="material-icons">close</span></div>
<div class="brandeditor-modal-wrap">
<div class="brandeditor-modal-inner large">
<div class="brandeditor-tabs">
<!-- Menu -->
<ul class="brandeditor-tabs-menu">
<li class="active" data-target="#modal-template-library"><span class="material-icons">photo_library</span>Browse Designs
</li>
<li data-target="#modal-select-img"><span class="material-icons">file_upload</span>
From Image
</li>
<li data-target="#modal-blank-canvas"><span class="material-icons">crop_original</span>Create Blank
</li>
</ul>
<!-- New Image -->
<div id="modal-select-img" class="brandeditor-tab">
<div class="brandeditor-select-btn-block">
<div>
<div class="brandeditor-btn-set">
<button id="brandeditor-media-library" type="button"
class="brandeditor-btn primary brandeditor-lg-btn brandeditor-modal-open"
data-target="#modal-media-library"><span
class="material-icons">photo_library</span>Select From Media Library
</button> <div class="brandeditor-file-field">
<input type="file" name="brandeditor-image-upload" id="brandeditor-image-upload"
class="brandeditor-hidden-file" accept="image/png, image/jpeg, image/webp"/>
<label style="margin-top:20px " for="brandeditor-image-upload"
class="brandeditor-btn primary brandeditor-lg-btn"><span
class="material-icons">upload</span><span>Upload Image</span></label>
</div>
</div>
<div class="brandeditor-keep">
<label class="brandeditor-checkbox">
<input id="keep-data" type="checkbox" autocomplete="off">
<span class="brandeditor-checkmark"></span>
</label>
<div style="font-size: 12px">Retain Design Settings</div>
</div>
</div>
<div>
<!-- <div class="brandeditor-file-field">
<input type="file" name="brandeditor-json-upload" id="brandeditor-json-upload"
class="brandeditor-hidden-file" accept=".json,application/JSON"/>
<label for="brandeditor-json-upload" class="brandeditor-btn primary brandeditor-lg-btn"><span
class="material-icons">upload</span><span>Upload Template</span></label>
</div>-->
</div>
</div>
</div>
<!-- Template Library -->
<div id="modal-template-library" class="brandeditor-tab active">
<div class="brandeditor-templates-wrap">
<div class="brandeditor-tabs">
<ul class="brandeditor-tabs-menu microTab">
<li class="active" data-target="#brandeditor-all-templates"> Templates</li>
<!--<li data-target="#brandeditor-templates-favorites">My Favorites</li>
<li data-target="#brandeditor-mytemplates">My Templates</li>-->
</ul>
<!-- All Templates -->
<div id="brandeditor-all-templates" class="brandeditor-tab active" style="max-height: 400px; overflow-y: auto">
<div class="brandeditor-templates-menu-wrap" style="margin-top:5px; ">
<input name="search" id="search" onkeyup="load_data(this.value);" type="search" class="brandeditor-form-fieldX" placeholder="Search by keyword..."
/>
<select id="brandeditor-templates-menu-x"
class="brandeditor-select brandeditor-form-fieldX" autocomplete="off">
<option value="" selected>All Categories</option>
<option value="10">Social Media</option>
<option value="15">YouTube Graphics</option>
<option value="11">Stories</option>
<option value="12">Social Posts</option>
<option value="14">Pinterest Pins</option>
<option value="52">Facebook</option>
<option value="50">Instagram Posts</option>
<option value="53">LinkedIn</option>
<option value="187">Twitch</option>
<option value="56">Spotify</option>
<option value="54">Twitter</option>
<option value="28">Advertising</option>
<option value="33">Digital Displays</option>
<option value="29">Facebook Ads</option>
<option value="30">Google Ads</option>
<option value="31">Instagram Ads</option>
<option value="32">Story Ads</option>
<option value="16">Branding</option>
<option value="21">Live Streaming</option>
<option value="18">Letterheads</option>
<option value="19">Newsletters</option>
<option value="20">Media Kits</option>
<option value="22">Marketing</option>
<option value="13">Banners</option>
<option value="27">Invites & Cards</option>
<option value="110">Ecommerce</option>
<option value="25">Posters</option>
<option value="23">Flyers</option>
<option value="24">Brochures</option>
<option value="46">Business Cards</option>
<option value="809">Logos</option>
<option value="49">Sales Designs</option>
<option value="26">Presentations</option>
<option value="808">Content Marketing</option>
<option value="40">Others</option>
<option value="41">Food Menus</option>
<option value="61">Headers</option>
<option value="42">Resumes</option>
<option value="43">Invitations</option>
<option value="44">Planners</option>
<option value="45">Infographics</option>
<option value="55">Book Covers</option>
<option value="48">Quotes</option>
<option value="47">Press Releases</option>
<option value="60">Banner Ads</option>
<option value="51">Occasions</option>
</select>
<span style="display:none;background: none; border: none" id="total_data" class="brandeditor-btn primary brandeditor-form-field">
</span>
</div>
<div class="brandeditor-templates-menu-wrap" style="display:none;margin-top:5px; ">
<!--<input type="search"
class="brandeditor-form-fieldX" placeholder="Search by keyword..."
autocomplete="off"/>
<select id="brandeditor-templates-menu"
class="brandeditor-select brandeditor-form-fieldX" autocomplete="off">
<option value="all" selected>All Categories (44)</option>
<option value="blog-banners">Blog Banners (8)</option>
<option value="banner-ads">Banner Ads (15)</option>
<option value="collage">Collage (7)</option>
<option value="quote">Quote (5)</option>
<option value="medium-rectangle">Medium Rectangle Ads (2)</option>
<option value="leaderboard">Leaderboard Ads (4)</option>
<option value="billboard">Billboard Ads (2)</option>
<option value="facebook-ads">Facebook Ads (3)</option>
<option value="instagram-post">Instagram Post (5)</option>
<option value="facebook-post">Facebook Post (4)</option>
<option value="twitter-post">Twitter Post (3)</option>
<option value="youtube-thumbnail">Youtube Thumbnail (2)</option>
</select>
<button id="brandeditor-template-search" type="button"
class="brandeditor-btn primary brandeditor-form-fieldX"><span class="material-icons">search</span>
</button>-->
</div>
<div class="brandeditor-templates-content">
<div class="brandeditor-grid-wrap">
<div id="post_data" class="brandeditor-grid template-grid template-selection" >
</div>
<div id="pagination_link" class="brandeditor-pagination light-theme simple-pagination" style="margin-bottom: 10px; margin-top: 10px">Loading Designs...
</div>
<?php include("templates.php"); ?>
<!-- <div id="brandeditor-templates-grid"
class="brandeditor-grid template-grid template-selection paginated"
data-perpage="21">
<div class="grid-item" data-keyword="Blog Banner - 2240x1260px"
data-category="blog-banners">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/25.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/25.jpg"
title="Blog Banner - 2240x1260px"/>
</div>
<div class="brandeditor-masonry-item-desc">Blog Banner -
2240x1260px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Modern Collage - 2 Photos - 2000x1300px"
data-category="collage">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/20.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/20.jpg"
title="Modern Collage - 2 Photos - 2000x1300px"/>
</div>
<div class="brandeditor-masonry-item-desc"> Modern Collage - 2
Photos - 2000x1300px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Youtube Video Thumbnail - 1280x720px"
data-category="youtube-thumbnail">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/15.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/15.jpg"
title="Youtube Video Thumbnail - 1280x720px"/>
</div>
<div class="brandeditor-masonry-item-desc">Youtube Video Thumbnail -
1280x720px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Black Friday Banner - Leaderboard - 728x90px"
data-category="leaderboard">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/23.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/23.jpg"
title="Black Friday Banner - Leaderboard - 728x90px"/>
</div>
<div class="brandeditor-masonry-item-desc">Black Friday Banner -
Leaderboard - 728x90px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Trending Music Video - Youtube Thumbnail - 1280x720px"
data-category="youtube-thumbnail">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/14.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/14.jpg"
title="Trending Music Video - Youtube Thumbnail - 1280x720px"/>
</div>
<div class="brandeditor-masonry-item-desc">Trending Music Video -
Youtube Thumbnail - 1280x720px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Kids Style Collage - 2 Photos - 2000x2000px"
data-category="collage">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/18.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/18.jpg"
title="Kids Style Collage - 2 Photos - 2000x2000px"/>
</div>
<div class="brandeditor-masonry-item-desc">Kids Style Collage - 2
Photos - 2000x2000px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Cafe Banner - Billboard - 970x250px"
data-category="billboard">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/28.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/28.jpg"
title="Cafe Banner - Billboard - 970x250px"/>
</div>
<div class="brandeditor-masonry-item-desc">Cafe Banner - Billboard -
970x250px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Beauty - Leaderboard - 728x90px"
data-category="leaderboard">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/36.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/36.jpg"
title="Beauty - Leaderboard - 728x90px"/>
</div>
<div class="brandeditor-masonry-item-desc">Beauty - Leaderboard -
728x90px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Digital Agency Banner - Leaderboard - 728x90px"
data-category="leaderboard">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/8.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/8.jpg"
title="Digital Agency Banner - Leaderboard - 728x90px"/>
</div>
<div class="brandeditor-masonry-item-desc">Digital Agency Banner -
Leaderboard - 728x90px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Happy Birthday - Facebook Post - 940x788px"
data-category="facebook-post">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/29.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/29.jpg"
title="Happy Birthday - Facebook Post - 940x788px"/>
</div>
<div class="brandeditor-masonry-item-desc">Happy Birthday - Facebook
Post - 940x788px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Blog Banner - 2240x1260px"
data-category="blog-banners">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/27.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/27.jpg"
title="Blog Banner - 2240x1260px"/>
</div>
<div class="brandeditor-masonry-item-desc">Blog Banner -
2240x1260px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Collage - 3 Photos - 2000x2000px"
data-category="collage">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/16.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/16.jpg"
title="Collage - 3 Photos - 2000x2000px"/>
</div>
<div class="brandeditor-masonry-item-desc">Collage - 3 Photos -
2000x2000px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Banner - Twitter Post - 1600x900px"
data-category="twitter-post">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/39.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/39.jpg"
title="Banner - Twitter Post - 1600x900px"/>
</div>
<div class="brandeditor-masonry-item-desc">Banner - Twitter Post -
1600x900px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Christmas Sale - Instagram Post - Square - 1080x1080px"
data-category="instagram-post">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/12.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/12.jpg"
title="Christmas Sale - Instagram Post - Square - 1080x1080px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Christmas Sale - Instagram Post - Square - 1080x1080px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Quote - Instagram Post - 1080x1080px"
data-category="instagram-post">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/32.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/32.jpg"
title="Quote - Instagram Post - 1080x1080px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Quote - Instagram Post - 1080x1080px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Modern Collage - 3 Photos - 2000x2000px"
data-category="collage">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/22.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/22.jpg"
title="Modern Collage - 3 Photos - 2000x2000px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Modern Collage - 3 Photos - 2000x2000px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Quote - 900x600px"
data-category="quote">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/4.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/4.jpg"
title="Quote - 900x600px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Quote - 900x600px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Blog Banner - 2240x1260px"
data-category="blog-banners">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/26.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/26.jpg"
title="Blog Banner - 2240x1260px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Blog Banner - 2240x1260px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Sale Banner - Instagram Post - Discount Offer - Square - 1080x1080px "
data-category="instagram-post">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/1.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/1.jpg"
title="Sale Banner - Instagram Post - Discount Offer - Square - 1080x1080px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Sale Banner - Instagram Post - Discount Offer - Square -
1080x1080px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Summer Sale - Facebook Ad - 1200x628px "
data-category="facebook-ads">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/10.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/10.jpg"
title="Summer Sale - Facebook Ad - 1200x628px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Summer Sale - Facebook Ad - 1200x628px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Kids Style Collage - 2 Photos - 2000x1300px "
data-category="collage">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/17.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/17.jpg"
title="Kids Style Collage - 2 Photos - 2000x1300px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Kids Style Collage - 2 Photos - 2000x1300px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Happy Childrens Day - Facebook Post - 940x788px"
data-category="facebook-post">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/33.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/33.jpg"
title="Happy Childrens Day - Facebook Post - 940x788px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Happy Childrens Day - Facebook Post - 940x788px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Fitness Banner - Medium Rectangle - 300x250px "
data-category="banner-ads">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/6.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/6.jpg"
title="Fitness Banner - Medium Rectangle - 300x250px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Fitness Banner - Medium Rectangle - 300x250px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Quote - Twitter Post - 1600x900px "
data-category="quote">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/37.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/37.jpg"
title="Quote - Twitter Post - 1600x900px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Quote - Twitter Post - 1600x900px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Real Estate - Facebook Post - 940x788px "
data-category="facebook-post">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/41.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/41.jpg"
title="Real Estate - Facebook Post - 940x788px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Real Estate - Facebook Post - 940x788px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Sale Banner - Facebook Ad - 1200x628px "
data-category="facebook-ads">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/11.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/11.jpg"
title="Sale Banner - Facebook Ad - 1200x628px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Sale Banner - Facebook Ad - 1200x628px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Collage - 5 Photos - 2000x1000px"
data-category="collage">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/21.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/21.jpg"
title="Collage - 5 Photos - 2000x1000px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Collage - 5 Photos - 2000x1000px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Fitness Banner - Medium Rectangle - 300x250px"
data-category="banner-ads">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/7.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/7.jpg"
title="Fitness Banner - Medium Rectangle - 300x250px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Fitness Banner - Medium Rectangle - 300x250px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Quote - 800x600px"
data-category="quote">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/3.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/3.jpg"
title="Quote - 800x600px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Quote - 800x600px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Business Banner - Instagram Post - 1080x1080px"
data-category="instagram-post">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/42.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/42.jpg"
title="Business Banner - Instagram Post - 1080x1080px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Business Banner - Instagram Post - 1080x1080px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Business Facebook Post - 940x788px "
data-category="facebook-post">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/13.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/13.jpg"
title="Business Facebook Post - 940x788px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Business Facebook Post - 940x788px
</div>
</div>
</div>
<div class="grid-item" data-keyword="App Banner - 2000x1300px"
data-category="banner-ads">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/5.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/5.jpg"
title="App Banner - 2000x1300px"/>
</div>
<div class="brandeditor-masonry-item-desc">
App Banner - 2000x1300px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Business Blog Banner - 2240x1260px"
data-category="blog-banners">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/34.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/34.jpg"
title="Business Blog Banner - 2240x1260px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Business Blog Banner - 2240x1260px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Valentines Day - Instagram Post - Square - 1080x1080px"
data-category="instagram-post">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/2.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/2.jpg"
title="Valentines Day - Instagram Post - Square - 1080x1080px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Valentines Day - Instagram Post - Square - 1080x1080px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Blog Banner - 2240x1260px"
data-category="blog-banners">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/30.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/30.jpg"
title="Blog Banner - 2240x1260px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Blog Banner - 2240x1260px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Stylish Collage - 3 Photos - 2000x2000px "
data-category="collage">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/19.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/19.jpg"
title="Stylish Collage - 3 Photos - 2000x2000px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Stylish Collage - 3 Photos - 2000x2000px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Pet Shop Banner - Billboard - 970x250px"
data-category="billboard">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/9.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/9.jpg"
title="Pet Shop Banner - Billboard - 970x250px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Pet Shop Banner - Billboard - 970x250px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Blog Banner - 2240x1260px"
data-category="blog-banners">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/35.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/35.jpg"
title="Blog Banner - 2240x1260px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Blog Banner - 2240x1260px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Christmas Banner - Leaderboard - 728x90px "
data-category="leaderboard">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/24.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/24.jpg"
title="Christmas Banner - Leaderboard - 728x90px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Christmas Banner - Leaderboard - 728x90px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Blog Banner - 2240x1260px"
data-category="blog-banners">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/38.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/38.jpg"
title="Blog Banner - 2240x1260px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Blog Banner - 2240x1260px
</div>
</div>
</div>
<div class="grid-item"
data-keyword="Fashion Banner - Facebook Ad - 1200x628px "
data-category="facebook-ads">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/40.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/40.jpg"
title="Fashion Banner - Facebook Ad - 1200x628px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Fashion Banner - Facebook Ad - 1200x628px
</div>
</div>
</div>
<div class="grid-item" data-keyword="Quote - Twitter Post - 1600x900px "
data-category="twitter-post">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span
class="material-icons">star_border</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/31.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/31.jpg"
title="Quote - Twitter Post - 1600x900px"/>
</div>
<div class="brandeditor-masonry-item-desc">
Quote - Twitter Post - 1600x900px
</div>
</div>
</div>
</div>-->
</div>
</div>
</div>
<!-- My Favorites -->
<div id="brandeditor-templates-favorites" class="brandeditor-tab">
<div class="brandeditor-grid template-grid template-selection paginated"
data-perpage="21">
<div class="grid-item" data-keyword="Blog Banner - 2240x1260px"
data-category="blog-banners">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span class="material-icons">star</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/25.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/25.jpg"
title="Blog Banner - 2240x1260px"/>
</div>
<div class="brandeditor-masonry-item-desc">Blog Banner - 2240x1260px</div>
</div>
</div>
<div class="grid-item" data-keyword="Modern Collage - 2 Photos - 2000x1300px"
data-category="collage">
<div class="template-favorite">
<button type="button" class="brandeditor-btn-simple star"
data-templateid=""><span class="material-icons">star</span></button>
</div>
<div class="brandeditor-masonry-item-inner brandeditor-select-template"
data-json="files/templates/json/20.json">
<div class="brandeditor-img-wrap">
<div class="brandeditor-img-loader"></div>
<img class="lazy" data-src="files/templates/img/20.jpg"
title="Modern Collage - 2 Photos - 2000x1300px"/>
</div>
<div class="brandeditor-masonry-item-desc"> Modern Collage - 2 Photos -
2000x1300px
</div>
</div>
</div>
</div>
</div>
<!-- My Templates -->
<div id="brandeditor-mytemplates" class="brandeditor-tab">
<div id="brandeditor-my-templates-menu">
<div></div>
<div class="brandeditor-search-box">
<input type="search" class="brandeditor-form-fieldX"
placeholder="Search by title..." autocomplete="off"/>
<button id="brandeditor-my-templates-search" type="button"
class="brandeditor-btn primary brandeditor-form-fieldX"><span
class="material-icons">search</span></button>
</div>
</div>
<ul id="brandeditor-my-templates"
class="brandeditor-template-list template-selection paginated" data-perpage="10">
<li data-keyword="my template 1">
<div>My Template 1</div>
<div>
<button type="button"
class="brandeditor-btn primary brandeditor-select-template"
data-json="files/templates/json/1.json"><span
class="material-icons">check</span>Select
</button>
<button type="button"
class="brandeditor-btn danger brandeditor-template-delete"
data-target="files/templates/json/1.json"><span
class="material-icons">clear</span>Delete
</button>
</div>
</li>
<li data-keyword="my template 2">
<div>My Template 2</div>
<div>
<button type="button"
class="brandeditor-btn primary brandeditor-select-template"
data-json="files/templates/json/2.json"><span
class="material-icons">check</span>Select
</button>
<button type="button"
class="brandeditor-btn danger brandeditor-template-delete"
data-target="files/templates/json/1.json"><span
class="material-icons">clear</span>Delete
</button>
</div>
</li>
</ul>
<div id="brandeditor-my-templates-noimg" class="notice notice-warning d-none">Nothing
found.
</div>
</div>
</div>
</div>
</div>
<!-- Blank Canvas -->
<div id="modal-blank-canvas" class="brandeditor-tab">
<div class="brandeditor-control-group">
<div>
<label>Size</label>
<select id="brandeditor-canvas-size-select" class="brandeditor-select brandeditor-form-fieldX" autocomplete="off">
<option selected value="custom" data-width="800" data-height="800">Custom</option>
<option value="" data-width="2240" data-height="1260">Blog Banner</option>
<option value="" data-width="851" data-height="315">Facebook Cover</option>
<option value="" data-width="1200" data-height="628">Facebook Ad</option>
<option value="" data-width="1080" data-height="1080">Instagram Post</option>
<option value="" data-width="750" data-height="1120">Pinterest Post</option>
<option value="" data-width="940" data-height="788">Facebook Post</option>
<option value="" data-width="1600" data-height="900">Twitter Post</option>
<option value="" data-width="1280" data-height="720">Youtube Thumbnail</option>
<option value="" data-width="1920" data-height="1080">Wallpaper</option>
</select>
</div>
<div>
<label>Width</label>
<input id="brandeditor-canvas-width" class="brandeditor-form-fieldX" type="number"
value="800" data-min="1" data-max="10000" autocomplete="off">
</div>
<div>
<label>Height</label>
<input id="brandeditor-canvas-height" class="brandeditor-form-fieldX" type="number"
value="800" data-min="1" data-max="10000" autocomplete="off">
</div>
</div>
<div class="brandeditor-control-group">
<div >
<table><tr><td><label>Background</label></td></tr><tr>
<td> <input id="brandeditor-canvas-color" type="text" class="brandeditor-form-fieldZ brandeditor-colorpicker allow-empty "
autocomplete="off" value="" /></td></tr></table>
</div>
</div>
<div class="brandeditor-control-group" style="padding-top:50px ">
<div>
<button style="background-color: #ffd843" id="brandeditor-canvas-create" type="button" class="brandeditor-btn primary brandeditor-form-fieldX"><span
class="material-icons">done</span>Create
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>