File: /var/www/html/tmpr/../tmpr/../tmpr/../tmpr/../tmpr/..//tmpr/../landing/design_templates.html
<!DOCTYPE HTML>
<html lang="en">
<!-- /design_templates 21:40:50 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>
Design templates – remove.bg
</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
<meta name="author" content="Kaleido" />
<meta property="og:title" content="Design templates – remove.bg" />
<meta property="og:image" content="images/remove_image_background.jpg" />
<meta property="twitter:image" content="images/remove_image_background.jpg" />
<meta property="og:url" content="design_templates.html" />
<meta property="og:site_name" content="remove.bg"/>
<meta property="og:description" content="Create amazing designs with just a few clicks. Get inspired, save time and create something beautiful!" />
<meta property="twitter:title" content="Design templates – remove.bg" />
<meta property="twitter:url" content="design_templates.html" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="appsignal:frontend" content="b677ac28-2e69-418d-82c7-231790f57fef" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="design_templates.html" />
<meta name="description" content="Create amazing designs with just a few clicks. Get inspired, save time and create something beautiful!" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon30ee.png?v=YAXaAv7pao">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x3230ee.png?v=YAXaAv7pao">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x1630ee.png?v=YAXaAv7pao">
<link rel="manifest" href="site30ee.webmanifest?v=YAXaAv7pao">
<link rel="mask-icon" href="safari-pinned-tab30ee.svg?v=YAXaAv7pao" color="#009af6">
<link rel="shortcut icon" href="favicon30ee.ico?v=YAXaAv7pao">
<meta name="apple-mobile-web-app-title" content="remove.bg">
<meta name="application-name" content="remove.bg">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#f7f9fa">
<link href="https://fonts.googleapis.com/css?family=Poppins:700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open%20Sans:400,600,700" rel="stylesheet">
<meta name="upload-page:t" content="{"url":"https://www.remove.bg/upload","trust_tokens_url":"/trust_tokens","images_url":"/images","title":"Upload Image – remove.bg","mobile_app_supports_login":null,"meta_description":"Select an image \u0026 remove the background – 100% automatically – in 5 seconds – without a single click – for free.","upload_image":"Upload Image","or_drop_a_file":"or drop a file","paste_text_start":"Paste image or","paste_text_url":"URL","paste_text_end":" ","no_image":"No image?","try_one_of_these":"Try one of these:","upload_terms_html":"By uploading an image or URL you agree to our \u003ca target=\"_blank\" class=\"text-dark font-weight-bold\" href=_/tos/_/u003eTerms.html of Service\u003c/a\u003e. This site is protected by hCaptcha and its \u003ca target=\"_blank\" rel=\"noopener\" class=\"text-dark font-weight-bold\" href=_https_/hcaptcha.com/privacy/_/u003ePrivacy.html Policy\u003c/a\u003e and \u003ca target=\"_blank\" rel=\"noopener\" class=\"text-dark font-weight-bold\" href=_https_/hcaptcha.com/terms/_/u003eTerms.html of Service\u003c/a\u003e apply.\n","upload_page_heading_html":"Upload an image to\u003cbr/\u003eremove the background","waiting_for_previous_images":"Waiting for previous image(s)...","preparing_upload":"Preparing upload...","uploading":"Uploading...","skip":"Skip","for_025_credits":"for 0.25 credits","current_balance":"Current balance","failed_to_delete_image":"Failed to delete image.","drop_paste_text_start":"or drop a file, paste an image or","drop_paste_text_url":"URL","drop_paste_text_end":" ","image_url":"Image URL","invalid_image_url":"Invalid image URL","only_jpg_png_supported":"Only JPG and PNG images are supported.","max_file_size_exceeded":"The maximum file size is 12 MB.","image_resized":"Note: Image resized due to file size \u003e 12 MB","dont_forget_to_download":"Don't forget to download your files. They will be discarded automatically after 60 minutes.","drop_image_anywhere":"Drop image anywhere","one_at_a_time":"1 file at a time","download":"Download","original":"Original","removed_background":"Removed Background","edit":"Edit","preview_image":"Preview Image","full_image":"Full Image","rate_this_result":"Rate this result","rate_good":"Rate good","rate_bad":"Rate bad","spread_the_word":"Spread the word","tweet_message":"I just removed a photo background in 5 seconds with remove.bg ","tweet":"Tweet","share":"Share","thanks_for_feedback":"Thanks for your feedback!","not_available":"not available","toggle_dropdown":"Toggle dropdown","preview":"Preview","high_res":"High-Res","sorry":"Sorry...","could_not_identify_foreground":"Could not identify foreground","please_select_supported_foreground":"Please select an image with a clear distinction between foreground and background. For instance, try a photo of a person, product, animal, car or another object.","example_gallery":"Example Gallery","photo_recommendations":"Photo Recommendations","constantly_improving":"We are constantly working on supporting more images.","want_to_help":"Want to help us improve by contributing this image to teach the Artificial Intelligence?","help_us_improve":"Help us improve","contribute_image":"Contribute image","good_quality":"Good Quality","best_quality":"Best Quality","up_to_025_megapixels":"up to 0.25 megapixels","up_to_25_megapixels":"up to 25 megapixels","download_high_res":"Download HD","please_upload_higher_resolution":"Please upload a higher resolution image or download the preview image.","upload_footer_link":"https://www.unscreen.com/?ref=removebgupload","upload_footer_text_bold":"NEW:","upload_footer_text":"Video background removal – 100% automatically –","upload_footer_text_underlined":"Try now"}" />
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="3niK1UsXgwqr1fitOUpOS/kHgiIEavtJH8dcWCAxSkawRigvi2ajXgrThVYd03bJY3tLGNadK2kRNxv+AnQAGA==" />
<meta name="csp-nonce" />
<script>window.noZensmooth = true;</script>
<script src="assets/remove-bg-web/0ecd84f6554559cb28c9699e5c5196b290556a5d/packs/js/application-493e6e543a2a6d1c9f88.js"></script>
<link rel="stylesheet" media="screen" href="assets/remove-bg-web/0ecd84f6554559cb28c9699e5c5196b290556a5d/packs/css/application-32b5b2af.css" />
<script>
window.trackErrors('VGVtcGxhdGVzQ29udHJvbGxlciNpbmRleA==', {});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','../www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-102016867-3', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
</script>
<!-- Hotjar Tracking Code for www.remove.bg -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:1304470,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</head>
class="cookies-accepted">
<script type="text/javascript">
Auth.attempt(
"https://accounts.kaleido.ai/",
"/sso",
"https://accounts.kaleido.ai/oauth/authorize?client_id=Wr--JQP_UWyenrH54zWrGh9OFuYRnRCYntYqsGNeQBM&locale=en&redirect_uri=https%3A%2F%2Fwww.remove.bg%2Fauth%3Fpassback%255Bsso_iframe%255D%3Dtrue&response_type=code"
);
</script>
<nav class="navbar navbar-expand-lg navbar-light fixed-top d-none-mobile-app">
<a class="navbar-brand" style="padding-top: 0; padding-bottom: 0;" href="index.html">
<img alt="remove.bg" style="max-width: 210px;" src="https://assets/remove-bg-web/0ecd84f6554559cb28c9699e5c5196b290556a5d/assets/logo-nav-22aab70183946de3d717620adef36247aca127c1a0f04885d786c6be1d2cf9fa.svg" />
</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navbarSupportedContent" data-controller="navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown" data-target="navbar.dropdownParent">
<a class="nav-link" href="#" id="howToUseDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
How to use
<i class="fas fa-caret-down d-lg-none"></i>
</a>
<div class="dropdown-menu" aria-labelledby="howToUseDropdown">
<div class="container">
<div class="row">
<div class="col-12 col-sm-6 col-lg-3 py-1 py-lg-3">
<a class="dropdown-item" href="g/individuals.html">
<div class="d-inline-block d-sm-block" style="vertical-align: middle;"><i class="fal fa-user fa-2x text-primary fa-fw"></i></div>
<div class="d-inline-block d-sm-block mt-lg-1">for Individuals</div>
</a> </div>
<div class="col-12 col-sm-6 col-lg-3 py-1 py-lg-3">
<a class="dropdown-item" href="g/photographers.html">
<div class="d-inline-block d-sm-block" style="vertical-align: middle;"><i class="fal fa-camera fa-2x text-primary fa-fw"></i></div>
<div class="d-inline-block d-sm-block mt-lg-1">for Photographers</div>
</a> </div>
<div class="col-12 col-sm-6 col-lg-3 py-1 py-lg-3">
<a class="dropdown-item" href="g/marketing.html">
<div class="d-inline-block d-sm-block" style="vertical-align: middle;"><i class="fal fa-bullhorn fa-2x text-primary fa-fw"></i></div>
<div class="d-inline-block d-sm-block mt-lg-1">for Marketing</div>
</a> </div>
<div class="col-12 col-sm-6 col-lg-3 py-1 py-lg-3">
<a class="dropdown-item" href="g/developers.html">
<div class="d-inline-block d-sm-block" style="vertical-align: middle;"><i class="fal fa-code fa-2x text-primary fa-fw"></i></div>
<div class="d-inline-block d-sm-block mt-lg-1">for Developers</div>
</a> </div>
</div>
<div class="row">
<div class="col-12 col-sm-6 col-lg-3 py-1 py-lg-3">
<a class="dropdown-item" href="g/ecommerce.html">
<div class="d-inline-block d-sm-block" style="vertical-align: middle;"><i class="fal fa-shopping-cart fa-2x text-primary fa-fw"></i></div>
<div class="d-inline-block d-sm-block mt-lg-1">for Ecommerce</div>
</a> </div>
<div class="col-12 col-sm-6 col-lg-3 py-1 py-lg-3">
<a class="dropdown-item" href="g/media.html">
<div class="d-inline-block d-sm-block" style="vertical-align: middle;"><i class="fal fa-laptop fa-2x text-primary fa-fw"></i></div>
<div class="d-inline-block d-sm-block mt-lg-1">for Media</div>
</a> </div>
<div class="col-12 col-sm-6 col-lg-3 py-1 py-lg-3">
<a class="dropdown-item" href="g/car-dealerships.html">
<div class="d-inline-block d-sm-block" style="vertical-align: middle;"><i class="fal fa-car fa-2x text-primary fa-fw"></i></div>
<div class="d-inline-block d-sm-block mt-lg-1">for Car Dealerships</div>
</a> </div>
<div class="col-lg-3"></div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="tools-api.html">Tools & API</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pricing.html">
Pricing
</a> </li>
</ul>
<div>
<div class="navbar-btn-wrapper">
<a class="btn btn-primary mx-2 mb-2 mb-lg-0" href="upload.html">Browse Designs</a>
</div>
<div class="navbar-btn-wrapper" id="navbar-user-options">
<a class="btn btn-outline-secondary sso-sign-in-btn" href="https://accounts.kaleido.ai/oauth/authorize?client_id=Wr--JQP_UWyenrH54zWrGh9OFuYRnRCYntYqsGNeQBM&locale=en&redirect_uri=https%3A%2F%2Fwww.remove.bg%2Fauth&response_type=code">Login / Sign up</a>
</div>
</div>
</div>
</nav>
<div class="navbar-backdrop" style="display: none;"></div>
<main id="page-content">
<section class="header header-backdrop header-backdrop-white position-relative overflow-hidden"><div class="container"><div class="d-none d-md-block sprite sprite-circle-bottom" style="position: absolute; top: 50%; left: 0; color: #86AED8; opacity: 0.5;"></div><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="192" height="146" viewBox="0 0 192 146" class="d-none d-md-block sprite sprite-dots" style="position: absolute; left: 30px; top: 50%; color: #86AED8;"><circle r="1.5" fill="currentColor" cx="2" cy="2"></circle><circle r="1.5" fill="currentColor" cx="2" cy="25"></circle><circle r="1.5" fill="currentColor" cx="2" cy="48"></circle><circle r="1.5" fill="currentColor" cx="2" cy="71"></circle><circle r="1.5" fill="currentColor" cx="2" cy="94"></circle><circle r="1.5" fill="currentColor" cx="2" cy="117"></circle><circle r="1.5" fill="currentColor" cx="2" cy="140"></circle><circle r="1.5" fill="currentColor" cx="25" cy="2"></circle><circle r="1.5" fill="currentColor" cx="25" cy="25"></circle><circle r="1.5" fill="currentColor" cx="25" cy="48"></circle><circle r="1.5" fill="currentColor" cx="25" cy="71"></circle><circle r="1.5" fill="currentColor" cx="25" cy="94"></circle><circle r="1.5" fill="currentColor" cx="25" cy="117"></circle><circle r="1.5" fill="currentColor" cx="25" cy="140"></circle><circle r="1.5" fill="currentColor" cx="48" cy="2"></circle><circle r="1.5" fill="currentColor" cx="48" cy="25"></circle><circle r="1.5" fill="currentColor" cx="48" cy="48"></circle><circle r="1.5" fill="currentColor" cx="48" cy="71"></circle><circle r="1.5" fill="currentColor" cx="48" cy="94"></circle><circle r="1.5" fill="currentColor" cx="48" cy="117"></circle><circle r="1.5" fill="currentColor" cx="48" cy="140"></circle><circle r="1.5" fill="currentColor" cx="71" cy="2"></circle><circle r="1.5" fill="currentColor" cx="71" cy="25"></circle><circle r="1.5" fill="currentColor" cx="71" cy="48"></circle><circle r="1.5" fill="currentColor" cx="71" cy="71"></circle><circle r="1.5" fill="currentColor" cx="71" cy="94"></circle><circle r="1.5" fill="currentColor" cx="71" cy="117"></circle><circle r="1.5" fill="currentColor" cx="71" cy="140"></circle><circle r="1.5" fill="currentColor" cx="94" cy="2"></circle><circle r="1.5" fill="currentColor" cx="94" cy="25"></circle><circle r="1.5" fill="currentColor" cx="94" cy="48"></circle><circle r="1.5" fill="currentColor" cx="94" cy="71"></circle><circle r="1.5" fill="currentColor" cx="94" cy="94"></circle><circle r="1.5" fill="currentColor" cx="94" cy="117"></circle><circle r="1.5" fill="currentColor" cx="94" cy="140"></circle><circle r="1.5" fill="currentColor" cx="117" cy="2"></circle><circle r="1.5" fill="currentColor" cx="117" cy="25"></circle><circle r="1.5" fill="currentColor" cx="117" cy="48"></circle><circle r="1.5" fill="currentColor" cx="117" cy="71"></circle><circle r="1.5" fill="currentColor" cx="117" cy="94"></circle><circle r="1.5" fill="currentColor" cx="117" cy="117"></circle><circle r="1.5" fill="currentColor" cx="117" cy="140"></circle><circle r="1.5" fill="currentColor" cx="140" cy="2"></circle><circle r="1.5" fill="currentColor" cx="140" cy="25"></circle><circle r="1.5" fill="currentColor" cx="140" cy="48"></circle><circle r="1.5" fill="currentColor" cx="140" cy="71"></circle><circle r="1.5" fill="currentColor" cx="140" cy="94"></circle><circle r="1.5" fill="currentColor" cx="140" cy="117"></circle><circle r="1.5" fill="currentColor" cx="140" cy="140"></circle><circle r="1.5" fill="currentColor" cx="163" cy="2"></circle><circle r="1.5" fill="currentColor" cx="163" cy="25"></circle><circle r="1.5" fill="currentColor" cx="163" cy="48"></circle><circle r="1.5" fill="currentColor" cx="163" cy="71"></circle><circle r="1.5" fill="currentColor" cx="163" cy="94"></circle><circle r="1.5" fill="currentColor" cx="163" cy="117"></circle><circle r="1.5" fill="currentColor" cx="163" cy="140"></circle><circle r="1.5" fill="currentColor" cx="186" cy="2"></circle><circle r="1.5" fill="currentColor" cx="186" cy="25"></circle><circle r="1.5" fill="currentColor" cx="186" cy="48"></circle><circle r="1.5" fill="currentColor" cx="186" cy="71"></circle><circle r="1.5" fill="currentColor" cx="186" cy="94"></circle><circle r="1.5" fill="currentColor" cx="186" cy="117"></circle><circle r="1.5" fill="currentColor" cx="186" cy="140"></circle><circle r="1.5" fill="currentColor" cx="209" cy="2"></circle><circle r="1.5" fill="currentColor" cx="209" cy="25"></circle><circle r="1.5" fill="currentColor" cx="209" cy="48"></circle><circle r="1.5" fill="currentColor" cx="209" cy="71"></circle><circle r="1.5" fill="currentColor" cx="209" cy="94"></circle><circle r="1.5" fill="currentColor" cx="209" cy="117"></circle><circle r="1.5" fill="currentColor" cx="209" cy="140"></circle></svg><div class="d-none d-md-block sprite sprite-triangle-equi" style="position: absolute; right: 10%; top: 17%; color: #86AED8; opacity: 0.3; transform: scale(0.35);"></div><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="192" height="146" viewBox="0 0 192 146" class="d-none d-md-block sprite sprite-dots" style="position: absolute; bottom: 60px; right: 0; color: #86AED8;"><circle r="1.5" fill="currentColor" cx="2" cy="2"></circle><circle r="1.5" fill="currentColor" cx="2" cy="25"></circle><circle r="1.5" fill="currentColor" cx="2" cy="48"></circle><circle r="1.5" fill="currentColor" cx="2" cy="71"></circle><circle r="1.5" fill="currentColor" cx="2" cy="94"></circle><circle r="1.5" fill="currentColor" cx="2" cy="117"></circle><circle r="1.5" fill="currentColor" cx="2" cy="140"></circle><circle r="1.5" fill="currentColor" cx="25" cy="2"></circle><circle r="1.5" fill="currentColor" cx="25" cy="25"></circle><circle r="1.5" fill="currentColor" cx="25" cy="48"></circle><circle r="1.5" fill="currentColor" cx="25" cy="71"></circle><circle r="1.5" fill="currentColor" cx="25" cy="94"></circle><circle r="1.5" fill="currentColor" cx="25" cy="117"></circle><circle r="1.5" fill="currentColor" cx="25" cy="140"></circle><circle r="1.5" fill="currentColor" cx="48" cy="2"></circle><circle r="1.5" fill="currentColor" cx="48" cy="25"></circle><circle r="1.5" fill="currentColor" cx="48" cy="48"></circle><circle r="1.5" fill="currentColor" cx="48" cy="71"></circle><circle r="1.5" fill="currentColor" cx="48" cy="94"></circle><circle r="1.5" fill="currentColor" cx="48" cy="117"></circle><circle r="1.5" fill="currentColor" cx="48" cy="140"></circle><circle r="1.5" fill="currentColor" cx="71" cy="2"></circle><circle r="1.5" fill="currentColor" cx="71" cy="25"></circle><circle r="1.5" fill="currentColor" cx="71" cy="48"></circle><circle r="1.5" fill="currentColor" cx="71" cy="71"></circle><circle r="1.5" fill="currentColor" cx="71" cy="94"></circle><circle r="1.5" fill="currentColor" cx="71" cy="117"></circle><circle r="1.5" fill="currentColor" cx="71" cy="140"></circle><circle r="1.5" fill="currentColor" cx="94" cy="2"></circle><circle r="1.5" fill="currentColor" cx="94" cy="25"></circle><circle r="1.5" fill="currentColor" cx="94" cy="48"></circle><circle r="1.5" fill="currentColor" cx="94" cy="71"></circle><circle r="1.5" fill="currentColor" cx="94" cy="94"></circle><circle r="1.5" fill="currentColor" cx="94" cy="117"></circle><circle r="1.5" fill="currentColor" cx="94" cy="140"></circle><circle r="1.5" fill="currentColor" cx="117" cy="2"></circle><circle r="1.5" fill="currentColor" cx="117" cy="25"></circle><circle r="1.5" fill="currentColor" cx="117" cy="48"></circle><circle r="1.5" fill="currentColor" cx="117" cy="71"></circle><circle r="1.5" fill="currentColor" cx="117" cy="94"></circle><circle r="1.5" fill="currentColor" cx="117" cy="117"></circle><circle r="1.5" fill="currentColor" cx="117" cy="140"></circle><circle r="1.5" fill="currentColor" cx="140" cy="2"></circle><circle r="1.5" fill="currentColor" cx="140" cy="25"></circle><circle r="1.5" fill="currentColor" cx="140" cy="48"></circle><circle r="1.5" fill="currentColor" cx="140" cy="71"></circle><circle r="1.5" fill="currentColor" cx="140" cy="94"></circle><circle r="1.5" fill="currentColor" cx="140" cy="117"></circle><circle r="1.5" fill="currentColor" cx="140" cy="140"></circle><circle r="1.5" fill="currentColor" cx="163" cy="2"></circle><circle r="1.5" fill="currentColor" cx="163" cy="25"></circle><circle r="1.5" fill="currentColor" cx="163" cy="48"></circle><circle r="1.5" fill="currentColor" cx="163" cy="71"></circle><circle r="1.5" fill="currentColor" cx="163" cy="94"></circle><circle r="1.5" fill="currentColor" cx="163" cy="117"></circle><circle r="1.5" fill="currentColor" cx="163" cy="140"></circle><circle r="1.5" fill="currentColor" cx="186" cy="2"></circle><circle r="1.5" fill="currentColor" cx="186" cy="25"></circle><circle r="1.5" fill="currentColor" cx="186" cy="48"></circle><circle r="1.5" fill="currentColor" cx="186" cy="71"></circle><circle r="1.5" fill="currentColor" cx="186" cy="94"></circle><circle r="1.5" fill="currentColor" cx="186" cy="117"></circle><circle r="1.5" fill="currentColor" cx="186" cy="140"></circle><circle r="1.5" fill="currentColor" cx="209" cy="2"></circle><circle r="1.5" fill="currentColor" cx="209" cy="25"></circle><circle r="1.5" fill="currentColor" cx="209" cy="48"></circle><circle r="1.5" fill="currentColor" cx="209" cy="71"></circle><circle r="1.5" fill="currentColor" cx="209" cy="94"></circle><circle r="1.5" fill="currentColor" cx="209" cy="117"></circle><circle r="1.5" fill="currentColor" cx="209" cy="140"></circle></svg><div class="d-none d-md-block sprite sprite-circle" style="position: absolute; right: -50px; bottom: 30px; color: #B6CEE7; opacity: 0.3; transform: scale(1.4);"></div><svg xmlns="http://www.w3.org/2000/svg" width="91.329" height="90.941" viewBox="0 0 91.329 90.941" class="d-none d-md-block sprite sprite-waves" style="position: absolute; right: -70px; top: 15%; color: #D7E4F2;"><defs><style>.a{fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:2px;}</style></defs><g transform="translate(-4.336 -5.086)"><path class="a" d="M5,30.556s11.25,10,22.5,0,22.5,0,22.5,0,11.25,10,22.5,0,22.5,0,22.5,0"/><path class="a" d="M5,40.556s11.25,10,22.5,0,22.5,0,22.5,0,11.25,10,22.5,0,22.5,0,22.5,0"/><path class="a" d="M5,10.556s11.25,10,22.5,0,22.5,0,22.5,0,11.25,10,22.5,0,22.5,0,22.5,0"/><path class="a" d="M5,20.556s11.25,10,22.5,0,22.5,0,22.5,0,11.25,10,22.5,0,22.5,0,22.5,0"/><path class="a" d="M5,70.556s11.25,10,22.5,0,22.5,0,22.5,0,11.25,10,22.5,0,22.5,0,22.5,0"/><path class="a" d="M5,80.556s11.25,10,22.5,0,22.5,0,22.5,0,11.25,10,22.5,0,22.5,0,22.5,0"/><path class="a" d="M5,50.556s11.25,10,22.5,0,22.5,0,22.5,0,11.25,10,22.5,0,22.5,0,22.5,0"/><path class="a" d="M5,60.556s11.25,10,22.5,0,22.5,0,22.5,0,11.25,10,22.5,0,22.5,0,22.5,0"/><path class="a" d="M5,90.556s11.25,10,22.5,0,22.5,0,22.5,0,11.25,10,22.5,0,22.5,0,22.5,0"/></g></g></svg>
<h1 class="h2">
Design Templates
</h1>
</div></section>
<div class="container" style="max-width: 950px;">
<div>
<ul class="nav justify-content-center nav-tabs position-relative" id="type-tabs" role="tablist" style="top: -30px">
<li class="nav-item">
<a class="nav-link active" id="type-0-tab" data-toggle="tab" href="#type-0" role="tab" aria-controls="type-0" aria-selected="true">All</a>
</li>
<li class="nav-item">
<a class="nav-link " id="type-1-tab" data-toggle="tab" href="#type-1" role="tab" aria-controls="type-1" aria-selected="true">Creative</a>
</li>
<li class="nav-item">
<a class="nav-link " id="type-2-tab" data-toggle="tab" href="#type-2" role="tab" aria-controls="type-2" aria-selected="true">Productivity</a>
</li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane fade active show" id="type-0" role="tabpanel" aria-labelledby="type-0-tab">
<div class="row row-eq-height">
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/christmas-card-maker.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/06ae42a5-4f85-4346-945d-3730fd6e65bd/thumbnail_alt_image/christmas-card-maker-thumbnail-alt.jpg" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/06ae42a5-4f85-4346-945d-3730fd6e65bd/thumbnail_image/christmas-card-maker-thumbnail.jpg" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/06ae42a5-4f85-4346-945d-3730fd6e65bd/thumbnail_image/christmas-card-maker-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/06ae42a5-4f85-4346-945d-3730fd6e65bd/thumbnail_alt_image/christmas-card-maker-thumbnail-alt.jpg" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Creative
</div>
<h2 class="h4">Christmas Card Maker</h4>
<div class="lead">
Create Your Christmas Card in Seconds <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/product-photo-optimizer.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/77bc0351-803c-4961-a062-3c58148097d2/thumbnail_alt_image/product-photo-optimizer-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/77bc0351-803c-4961-a062-3c58148097d2/thumbnail_image/product-photo-optimizer-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/77bc0351-803c-4961-a062-3c58148097d2/thumbnail_image/product-photo-optimizer-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/77bc0351-803c-4961-a062-3c58148097d2/thumbnail_alt_image/product-photo-optimizer-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Productivity
</div>
<h2 class="h4">Product Photo Optimizer</h4>
<div class="lead">
Create a professional product photo in seconds <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
</div>
<div class="row row-eq-height">
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/car-photo-optimizer.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/b6f1aec1-de72-4e0e-9921-6ab407475be2/thumbnail_alt_image/car-photo-optimizer-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/b6f1aec1-de72-4e0e-9921-6ab407475be2/thumbnail_image/car-photo-optimizer-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/b6f1aec1-de72-4e0e-9921-6ab407475be2/thumbnail_image/car-photo-optimizer-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/b6f1aec1-de72-4e0e-9921-6ab407475be2/thumbnail_alt_image/car-photo-optimizer-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Productivity
</div>
<h2 class="h4">Car Photo Optimizer</h4>
<div class="lead">
Create professional automotive pictures in seconds <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/real-estate-sky-replacer.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/e89aa578-c870-4674-8db6-e01e837edff6/thumbnail_alt_image/real-estate-sky-replacer-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/e89aa578-c870-4674-8db6-e01e837edff6/thumbnail_image/real-estate-sky-replacer-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/e89aa578-c870-4674-8db6-e01e837edff6/thumbnail_image/real-estate-sky-replacer-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/e89aa578-c870-4674-8db6-e01e837edff6/thumbnail_alt_image/real-estate-sky-replacer-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Productivity
</div>
<h2 class="h4">Real Estate Sky Replacer</h4>
<div class="lead">
From cloudy gray to sunny blue skies in seconds <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
</div>
<div class="row row-eq-height">
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/fashion-photo-creator.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/e1a41727-eff1-442b-8e79-b6f4cc675c40/thumbnail_alt_image/fashion-photo-creator-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/e1a41727-eff1-442b-8e79-b6f4cc675c40/thumbnail_image/fashion-photo-creator-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/e1a41727-eff1-442b-8e79-b6f4cc675c40/thumbnail_image/fashion-photo-creator-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/e1a41727-eff1-442b-8e79-b6f4cc675c40/thumbnail_alt_image/fashion-photo-creator-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Creative
</div>
<h2 class="h4">Fashion Photo Creator</h4>
<div class="lead">
Stand out from the crowd in any outfit <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/recipe-photo-designer.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/14a34847-c109-4795-bdf0-7404cdebd953/thumbnail_alt_image/recipe-photo-designer-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/14a34847-c109-4795-bdf0-7404cdebd953/thumbnail_image/recipe-photo-designer-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/14a34847-c109-4795-bdf0-7404cdebd953/thumbnail_image/recipe-photo-designer-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/14a34847-c109-4795-bdf0-7404cdebd953/thumbnail_alt_image/recipe-photo-designer-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Creative
</div>
<h2 class="h4">Recipe Photo Designer</h4>
<div class="lead">
Show off your cooking skills in seconds <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
</div>
<div class="row row-eq-height">
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/birthday-card-maker.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/5ff113e7-427e-41b1-acb9-3b7846d60cb9/thumbnail_alt_image/birthday-card-maker-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/5ff113e7-427e-41b1-acb9-3b7846d60cb9/thumbnail_image/birthday-card-maker-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/5ff113e7-427e-41b1-acb9-3b7846d60cb9/thumbnail_image/birthday-card-maker-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/5ff113e7-427e-41b1-acb9-3b7846d60cb9/thumbnail_alt_image/birthday-card-maker-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Creative
</div>
<h2 class="h4">Birthday Card Maker</h4>
<div class="lead">
Craft birthday cards for your loved ones at the snap of a finger <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/party-pic-maker.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/a5fe190e-2134-4b77-8d61-20fc76e6499c/thumbnail_alt_image/party-pic-maker-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/a5fe190e-2134-4b77-8d61-20fc76e6499c/thumbnail_image/party-pic-maker-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/a5fe190e-2134-4b77-8d61-20fc76e6499c/thumbnail_image/party-pic-maker-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/a5fe190e-2134-4b77-8d61-20fc76e6499c/thumbnail_alt_image/party-pic-maker-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Creative
</div>
<h2 class="h4">Party Pic Maker</h4>
<div class="lead">
Create party pics in party-less times <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
</div>
<div class="row row-eq-height">
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/change-background.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/4621cf76-fb41-4177-bc33-f12a67816592/thumbnail_alt_image/change-background-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/4621cf76-fb41-4177-bc33-f12a67816592/thumbnail_image/change-background-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/4621cf76-fb41-4177-bc33-f12a67816592/thumbnail_image/change-background-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/4621cf76-fb41-4177-bc33-f12a67816592/thumbnail_alt_image/change-background-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Productivity
</div>
<h2 class="h4">Change Image Background</h4>
<div class="lead">
Replace the background of any image <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/easter-greeting-card.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/f5602d3e-fdf2-4d9c-98a7-216a980456c3/thumbnail_alt_image/easter-greeting-card-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/f5602d3e-fdf2-4d9c-98a7-216a980456c3/thumbnail_image/easter-greeting-card-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/f5602d3e-fdf2-4d9c-98a7-216a980456c3/thumbnail_image/easter-greeting-card-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/f5602d3e-fdf2-4d9c-98a7-216a980456c3/thumbnail_alt_image/easter-greeting-card-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Creative
</div>
<h2 class="h4">Easter Greeting Card</h4>
<div class="lead">
Design a unique gift for your family and friends <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
</div>
<div class="row row-eq-height">
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/bmw-mini-edit-car-photo.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/361e5264-a2df-47af-8af7-bdc9bbb99c39/thumbnail_alt_image/bmw-mini-edit-car-photo-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/361e5264-a2df-47af-8af7-bdc9bbb99c39/thumbnail_image/bmw-mini-edit-car-photo-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/361e5264-a2df-47af-8af7-bdc9bbb99c39/thumbnail_image/bmw-mini-edit-car-photo-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/361e5264-a2df-47af-8af7-bdc9bbb99c39/thumbnail_alt_image/bmw-mini-edit-car-photo-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Productivity
</div>
<h2 class="h4">BMW & MINI: Edit Car Photo</h4>
<div class="lead">
Create professional automotive pictures in seconds <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
</div>
</div>
<div class="tab-pane fade " id="type-1" role="tabpanel" aria-labelledby="type-1-tab">
<div class="row row-eq-height">
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/christmas-card-maker.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/06ae42a5-4f85-4346-945d-3730fd6e65bd/thumbnail_alt_image/christmas-card-maker-thumbnail-alt.jpg" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/06ae42a5-4f85-4346-945d-3730fd6e65bd/thumbnail_image/christmas-card-maker-thumbnail.jpg" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/06ae42a5-4f85-4346-945d-3730fd6e65bd/thumbnail_image/christmas-card-maker-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/06ae42a5-4f85-4346-945d-3730fd6e65bd/thumbnail_alt_image/christmas-card-maker-thumbnail-alt.jpg" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Creative
</div>
<h2 class="h4">Christmas Card Maker</h4>
<div class="lead">
Create Your Christmas Card in Seconds <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/fashion-photo-creator.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/e1a41727-eff1-442b-8e79-b6f4cc675c40/thumbnail_alt_image/fashion-photo-creator-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/e1a41727-eff1-442b-8e79-b6f4cc675c40/thumbnail_image/fashion-photo-creator-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/e1a41727-eff1-442b-8e79-b6f4cc675c40/thumbnail_image/fashion-photo-creator-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/e1a41727-eff1-442b-8e79-b6f4cc675c40/thumbnail_alt_image/fashion-photo-creator-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Creative
</div>
<h2 class="h4">Fashion Photo Creator</h4>
<div class="lead">
Stand out from the crowd in any outfit <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
</div>
<div class="row row-eq-height">
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/recipe-photo-designer.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/14a34847-c109-4795-bdf0-7404cdebd953/thumbnail_alt_image/recipe-photo-designer-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/14a34847-c109-4795-bdf0-7404cdebd953/thumbnail_image/recipe-photo-designer-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/14a34847-c109-4795-bdf0-7404cdebd953/thumbnail_image/recipe-photo-designer-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/14a34847-c109-4795-bdf0-7404cdebd953/thumbnail_alt_image/recipe-photo-designer-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Creative
</div>
<h2 class="h4">Recipe Photo Designer</h4>
<div class="lead">
Show off your cooking skills in seconds <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/birthday-card-maker.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/5ff113e7-427e-41b1-acb9-3b7846d60cb9/thumbnail_alt_image/birthday-card-maker-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/5ff113e7-427e-41b1-acb9-3b7846d60cb9/thumbnail_image/birthday-card-maker-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/5ff113e7-427e-41b1-acb9-3b7846d60cb9/thumbnail_image/birthday-card-maker-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/5ff113e7-427e-41b1-acb9-3b7846d60cb9/thumbnail_alt_image/birthday-card-maker-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Creative
</div>
<h2 class="h4">Birthday Card Maker</h4>
<div class="lead">
Craft birthday cards for your loved ones at the snap of a finger <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
</div>
<div class="row row-eq-height">
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/party-pic-maker.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/a5fe190e-2134-4b77-8d61-20fc76e6499c/thumbnail_alt_image/party-pic-maker-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/a5fe190e-2134-4b77-8d61-20fc76e6499c/thumbnail_image/party-pic-maker-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/a5fe190e-2134-4b77-8d61-20fc76e6499c/thumbnail_image/party-pic-maker-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/a5fe190e-2134-4b77-8d61-20fc76e6499c/thumbnail_alt_image/party-pic-maker-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Creative
</div>
<h2 class="h4">Party Pic Maker</h4>
<div class="lead">
Create party pics in party-less times <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/easter-greeting-card.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/f5602d3e-fdf2-4d9c-98a7-216a980456c3/thumbnail_alt_image/easter-greeting-card-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/f5602d3e-fdf2-4d9c-98a7-216a980456c3/thumbnail_image/easter-greeting-card-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/f5602d3e-fdf2-4d9c-98a7-216a980456c3/thumbnail_image/easter-greeting-card-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/f5602d3e-fdf2-4d9c-98a7-216a980456c3/thumbnail_alt_image/easter-greeting-card-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Creative
</div>
<h2 class="h4">Easter Greeting Card</h4>
<div class="lead">
Design a unique gift for your family and friends <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
</div>
</div>
<div class="tab-pane fade " id="type-2" role="tabpanel" aria-labelledby="type-2-tab">
<div class="row row-eq-height">
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/product-photo-optimizer.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/77bc0351-803c-4961-a062-3c58148097d2/thumbnail_alt_image/product-photo-optimizer-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/77bc0351-803c-4961-a062-3c58148097d2/thumbnail_image/product-photo-optimizer-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/77bc0351-803c-4961-a062-3c58148097d2/thumbnail_image/product-photo-optimizer-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/77bc0351-803c-4961-a062-3c58148097d2/thumbnail_alt_image/product-photo-optimizer-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Productivity
</div>
<h2 class="h4">Product Photo Optimizer</h4>
<div class="lead">
Create a professional product photo in seconds <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/car-photo-optimizer.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/b6f1aec1-de72-4e0e-9921-6ab407475be2/thumbnail_alt_image/car-photo-optimizer-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/b6f1aec1-de72-4e0e-9921-6ab407475be2/thumbnail_image/car-photo-optimizer-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/b6f1aec1-de72-4e0e-9921-6ab407475be2/thumbnail_image/car-photo-optimizer-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/b6f1aec1-de72-4e0e-9921-6ab407475be2/thumbnail_alt_image/car-photo-optimizer-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Productivity
</div>
<h2 class="h4">Car Photo Optimizer</h4>
<div class="lead">
Create professional automotive pictures in seconds <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
</div>
<div class="row row-eq-height">
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/real-estate-sky-replacer.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/e89aa578-c870-4674-8db6-e01e837edff6/thumbnail_alt_image/real-estate-sky-replacer-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/e89aa578-c870-4674-8db6-e01e837edff6/thumbnail_image/real-estate-sky-replacer-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/e89aa578-c870-4674-8db6-e01e837edff6/thumbnail_image/real-estate-sky-replacer-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/e89aa578-c870-4674-8db6-e01e837edff6/thumbnail_alt_image/real-estate-sky-replacer-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Productivity
</div>
<h2 class="h4">Real Estate Sky Replacer</h4>
<div class="lead">
From cloudy gray to sunny blue skies in seconds <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/change-background.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/4621cf76-fb41-4177-bc33-f12a67816592/thumbnail_alt_image/change-background-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/4621cf76-fb41-4177-bc33-f12a67816592/thumbnail_image/change-background-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/4621cf76-fb41-4177-bc33-f12a67816592/thumbnail_image/change-background-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/4621cf76-fb41-4177-bc33-f12a67816592/thumbnail_alt_image/change-background-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Productivity
</div>
<h2 class="h4">Change Image Background</h4>
<div class="lead">
Replace the background of any image <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
</div>
<div class="row row-eq-height">
<div class="col-md-6 d-flex flex-column template" data-controller="template-hover">
<a class="blog-tile mb-4 d-flex flex-column flex-fill" data-action="mouseover->template-hover#over mouseout->template-hover#out" href="t/bmw-mini-edit-car-photo.html">
<div class="blog-tile-image template-image" data-target="template-hover.image" data-hover-image="https://kaleidousercontent.com/removebg/designs/361e5264-a2df-47af-8af7-bdc9bbb99c39/thumbnail_alt_image/bmw-mini-edit-car-photo-thumbnail-alt.png" data-thumbnail-image="https://kaleidousercontent.com/removebg/designs/361e5264-a2df-47af-8af7-bdc9bbb99c39/thumbnail_image/bmw-mini-edit-car-photo-thumbnail.png" style="background-image: url(%27https_/kaleidousercontent.com/removebg/designs/361e5264-a2df-47af-8af7-bdc9bbb99c39/thumbnail_image/bmw-mini-edit-car-photo-thumbnail.html); background-size: cover;"></div>
<img class="d-none" src="../kaleidousercontent.com/removebg/designs/361e5264-a2df-47af-8af7-bdc9bbb99c39/thumbnail_alt_image/bmw-mini-edit-car-photo-thumbnail-alt.png" />
<div class="px-3 py-4 d-flex flex-column flex-fill" style="justify-content: space-between;">
<div class="flex-fill">
<div class="h6">
Productivity
</div>
<h2 class="h4">BMW & MINI: Edit Car Photo</h4>
<div class="lead">
Create professional automotive pictures in seconds <i class="fal fa-long-arrow-right fa-sm d-none d-md-inline"></i>
</div>
</div>
</div>
</a></div>
</div>
</div>
</div>
<div class="text-md-center mt-5 mb-5 py-4">
<h3 class="h4">
Looking for something?
</h3>
<p class="lead mx-auto" style="max-width: 450px;">
If you have a design idea, need help or want to share some feedback, <a href="support3e75.html?subject=Design+template+idea">get in touch</a>!
</p>
</div>
<div>
</main>
<footer class="d-none-mobile-app">
<div class="upper pb-4 pt-2 py-md-5">
<div class="container mt-4">
<div class="row">
<div class="col-md">
<div class="d-flex justify-content-between align-items-center py-2" role="button" data-toggle="collapse" data-target="#learn-more-group">
<h2 class="mb-0 mb-md-3">
Learn more
</h2>
<i class="fas fa-plus d-block d-md-none"></i>
</div>
<div id="learn-more-group" class="collapse footer-collapse ml-4 ml-md-0 my-2 my-md-0">
<div class="upper-footer-line"><a class="upper-footer-link" href="g/individuals.html">Individuals</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="g/photographers.html">Photographers</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="g/marketing.html">Marketing</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="g/developers.html">Developers</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="g/ecommerce.html">Ecommerce</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="g/media.html">Media</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="g/car-dealerships.html">Car Dealerships</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="enterprise.html">Enterprise</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="pricing.html">Pricing</a></div>
</div>
</div>
<div class="col-md">
<div class="d-flex justify-content-between align-items-center py-2" role="button" data-toggle="collapse" data-target="#tools-api-group">
<h2 class="mb-0 mb-md-3">
Tools & API
</h2>
<i class="fas fa-plus d-block d-md-none"></i>
</div>
<div id="tools-api-group" class="collapse footer-collapse ml-4 ml-md-0 my-2 my-md-0">
<div class="upper-footer-line"><a class="upper-footer-link" href="api.html">API Documentation</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="photoshop.html">Photoshop Extension</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="windows-mac-linux.html">Windows / Mac / Linux</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="design_templates.html">Design Templates</a></div>
</div>
</div>
<div class="col-md">
<div class="d-flex justify-content-between align-items-center py-2" role="button" data-toggle="collapse" data-target="#support-group">
<h2 class="mb-0 mb-md-3">
Support
</h2>
<i class="fas fa-plus d-block d-md-none"></i>
</div>
<div id="support-group" class="collapse footer-collapse ml-4 ml-md-0 my-2 my-md-0">
<div class="upper-footer-line"><a class="upper-footer-link" target="_blank" href="https://help.remove.bg/">Help & FAQs</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="support.html">Contact us</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="refunds.html">Refunds</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" target="_blank" href="http://status.kaleido.ai/">Platform Status</a></div>
</div>
</div>
<div class="col-md">
<div class="d-flex justify-content-between align-items-center py-2 last" role="button" data-toggle="collapse" data-target="#company-group">
<h2 class="mb-0 mb-md-3">
Company
</h2>
<i class="fas fa-plus d-block d-md-none"></i>
</div>
<div id="company-group" class="collapse footer-collapse ml-4 ml-md-0 my-2 my-md-0">
<div class="upper-footer-line"><a class="upper-footer-link" href="blog.html">Blog</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="affiliate/info.html">Affiliate Program</a></div>
<div class="upper-footer-line">
<a class="upper-footer-link" target="_blank" href="https://www.unscreen.com/">
Video Background Removal
<span class="badge-left">NEW</span>
</a> </div>
<div class="upper-footer-line"><a class="upper-footer-link" href="careers.html">Careers</a></div>
<div class="upper-footer-line"><a class="upper-footer-link" href="about.html">About us</a></div>
</div>
<div class="mt-3 d-flex justify-content-between">
<button type="button" class="btn btn-outline-secondary d-md-none" data-toggle="modal" data-target="#languageModal">
<i class="fal fa-globe fa-lg"></i>
<span class="ml-1 mr-2">
English
</span>
<i class="fas fa-chevron-right"></i>
</button>
<div>
<a href="https://www.facebook.com/removebg" target="_blank" class="btn d-inline-flex align-items-center justify-content-center footer-social-media-btn">
<i class="fab fa-facebook-f fa-lg fa-fw"></i>
</a>
<a href="https://www.instagram.com/removebg.official" target="_blank" class="btn d-inline-flex align-items-center justify-content-center footer-social-media-btn">
<i class="fab fa-instagram fa-lg fa-fw"></i>
</a>
<a href="https://twitter.com/remove_bg" target="_blank" class="btn d-inline-flex align-items-center justify-content-center footer-social-media-btn">
<i class="fab fa-twitter fa-lg fa-fw"></i>
</a>
</div>
</div>
</div>
</div>
<div class="row row-eq-height align-items-center mt-3 mt-md-5">
<div class="col-md-4 pt-2">
<button type="button" class="btn btn-outline-secondary d-none d-md-block" data-toggle="modal" data-target="#languageModal">
<i class="fal fa-globe fa-lg"></i>
<span class="ml-1 mr-2">
English
</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
<div class="col-md-8 text-md-right pt-2">
<a class="upper-footer-link" href="privacy.html">Privacy Policy</a> |
<a class="upper-footer-link" href="tos.html">Terms of Service</a> |
<a class="upper-footer-link" href="gtc.html">General Terms and Conditions</a> |
<a class="upper-footer-link" href="imprint.html">Imprint</a>
</div>
</div>
</div>
</div>
<div class="lower py-5 text-center">
<div class="container" style="opacity: 0.5;">
<p>
<img alt="remove.bg" style="max-width: 140px;" src="https://assets/remove-bg-web/0ecd84f6554559cb28c9699e5c5196b290556a5d/assets/logo-footer-4add5d6011751a7a224fa2f1e29859be3ac25d492d299a6c71c4b81e20719415.svg" />
<span class="mx-1 mx-md-2">
<span class="d-none d-md-inline">made with ♥</span>
by
</span>
<a target="_blank" href="https://www.kaleido.ai/">
<img alt="Kaleido" style="max-width: 120px;" src="https://assets/remove-bg-web/0ecd84f6554559cb28c9699e5c5196b290556a5d/assets/logo-footer-kaleido-e1e7a09f241f4fc02fda8c2dd90701fe98ef328c3b1a94d513db891605e377ce.svg" />
</a> </p>
<p class="mt-4 copyright-line">
Copyright 2018-2021 Kaleido AI GmbH - All rights reserved.
</p>
<p style="font-size: 70%;" class="mt-3">
All trademarks, service marks, trade names, product names, logos and trade dress appearing on our website are the property of their respective owners.
Adobe, Creative Cloud and Photoshop are either registered trademarks or trademarks of Adobe in the United States and/or other countries.
0ecd84f6554559cb28c9699e5c5196b290556a5d
</p>
</div>
</div>
</footer>
<div id="improvedialog-popup" class="white-popup mfp-hide" style="max-width: 580px" data-controller="improvedialog">
<h3 style="margin: -20px -20px 25px -20px; padding: 20px 20px 15px 20px; background: #ecf1f9;" class="text-center">
Thanks for your feedback!
</h3>
<div data-target="improvedialog.initial">
<p class="lead">
Want to help us improve? <span style="opacity: 0.5;">(optional)</span>
</p>
<ul style="list-style-type: none; padding-left: 0px;">
<li>
<i class="fas fa-arrow-right" style="margin-right: 5px;"></i>
Contribute this image & help us make remove.bg better
</li>
<li>
<i class="fas fa-arrow-right" style="margin-right: 5px;"></i>
Teach the Artificial Intelligence
</li>
<li>
<i class="fas fa-arrow-right" style="margin-right: 5px;"></i>
Get better results for similar images in the future
</li>
</ul>
<div style="font-size: 80%; margin-top: 15px;">
<label style="font-weight: 300" data-target="improvedialog.terms">
<input type="checkbox" />
I agree to the <a style="color: inherit; text-decoration: underline;" target="_blank" href="ipc.html">Improvement Program Conditions</a>.*
</label>
<label style="font-weight: 300" data-target="improvedialog.remember">
<input type="checkbox" />
Remember my decision for future images that I rate negatively
</label>
</div>
<div class="row" style="text-align: center;">
<div class="col-md-6">
<button class="btn btn-outline-primary" data-action="click->improvedialog#accept" style="margin-top: 15px;">
Yes, contribute image
</button>
<div style="font-size: 75%; opacity: 0.75;">
Choose if you want us to use this image for quality improvements.
</div>
</div>
<div class="col-md-6">
<button class="btn btn-outline-primary" data-action="click->improvedialog#reject" style="margin-top: 15px;">
No, don't contribute
</button>
<div style="font-size: 75%; opacity: 0.75;">
Choose if you do NOT want us to use this image for quality improvements.
</div>
</div>
</div>
</div>
<div class="col-md-12 text-center">
<div data-target="improvedialog.accepted">
<p class="lead">Your image will be used for future improvements of remove.bg.</p>
<button class="btn btn-primary" onclick='$(".mfp-close").click()'>Close</button>
</div>
<div data-target="improvedialog.rejected">
<p class="lead">Your image will NOT be used for future improvements of remove.bg.</p>
<button class="btn btn-primary" onclick='$(".mfp-close").click()'>Close</button>
</div>
</div>
</div>
<div class="modal fade" id="languageModal" tabindex="-1" aria-hidden="true">
<div class="d-flex flex-column" style="height: 100%">
<div class="modal-dialog flex-grow-1 d-flex d-md-block flex-column" style="max-width: 750px">
<div class="modal-content d-flex flex-column flex-grow-1">
<div class="modal-header border-0 pb-0">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body flex-grow-1 px-0 px-md-4 py-4">
<h2 class="h2 text-center text-dark">Choose Your Language</h2>
<div class="d-flex flex-wrap mt-4 pt-3 pt-md-0 px-4">
<div class="col-12 col-md-6 col-lg-4 my-2 my-md-3">
<a class="d-block btn btn-outline-primary" href="design_templates.html">
English
</a> </div>
<div class="col-12 col-md-6 col-lg-4 my-2 my-md-3">
<a class="d-block btn btn-outline-secondary" href="zh/design_templates.html">
中文
</a> </div>
<div class="col-12 col-md-6 col-lg-4 my-2 my-md-3">
<a class="d-block btn btn-outline-secondary" href="pt-br/design_templates.html">
Português (Brasil)
</a> </div>
<div class="col-12 col-md-6 col-lg-4 my-2 my-md-3">
<a class="d-block btn btn-outline-secondary" href="ja/design_templates.html">
日本語
</a> </div>
<div class="col-12 col-md-6 col-lg-4 my-2 my-md-3">
<a class="d-block btn btn-outline-secondary" href="ko/design_templates.html">
한국어
</a> </div>
<div class="col-12 col-md-6 col-lg-4 my-2 my-md-3">
<a class="d-block btn btn-outline-secondary" href="ru/design_templates.html">
Русский
</a> </div>
<div class="col-12 col-md-6 col-lg-4 my-2 my-md-3">
<a class="d-block btn btn-outline-secondary" href="fr/design_templates.html">
Français
</a> </div>
<div class="col-12 col-md-6 col-lg-4 my-2 my-md-3">
<a class="d-block btn btn-outline-secondary" href="de/design_templates.html">
Deutsch
</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<!-- /design_templates 21:41:17 GMT -->
</html>