cardtemplate

Get 15% off at Shutterstock! Use: FSVG15 at checkout!

Description

Greeting Card TemplateView SVG image and it will open in 3 seconds to show the inside of the card. Animated card can be used for any purpose. Modify text and images as needed. Openclipart has great images to use for any occasion. Use for any standard image SVG, JPEG, PNG, etc. - which is easier to implement.Use example for SVG images that use script. For security reasons, script wont run in an <image> tag, but will run in an <iframe> Change the font using any of the Google open source fonts at fonts.google.com </p> </div> </div> <div class='row'> </div> <div class='row'> <div class='col-sm-12'> <h4>License</h4> <p> <a about="/img/cardtemplate.png" rel="license" href="https://creativecommons.org/licenses/publicdomain/" target="_blank">Public Domain</a></p> </div> </div> <div class='row'> <div class="col-lg-6"> <h4>More about SVG</h4> <p><i class="fa fa-eye"></i> Size 0.00 MB</p> <p><i class="fa fa-calendar"></i> Date: 18/05/2021 </p> <p> <i class="fa fa-download"></i> No. of downloads: 45 </p> </div> <div class="col-lg-6"> <h4> SVG published by</h4> <p> <a href="https://freesvg.org/by/OpenClipart"> OpenClipart </a> </p> <p> <p> <i class="fa fa-key"></i> SVG ID: 173050 </p> </div> </div <div class='row single-tags'> <div class='col-sm-12'> <h4>Tags</h4> <div class='single-photo-tags'> <span><a href="https://freesvg.org/tag/animated">animated</a></span> <span><a href="https://freesvg.org/tag/animation">animation</a></span> <span><a href="https://freesvg.org/tag/art">art</a></span> <span><a href="https://freesvg.org/tag/birthday">birthday</a></span> <span><a href="https://freesvg.org/tag/card">card</a></span> <span><a href="https://freesvg.org/tag/cartoon">cartoon</a></span> <span><a href="https://freesvg.org/tag/clip-art">clip-art</a></span> <span><a href="https://freesvg.org/tag/dress">dress</a></span> <span><a href="https://freesvg.org/tag/fonts">fonts</a></span> <span><a href="https://freesvg.org/tag/illustration">illustration</a></span> <span><a href="https://freesvg.org/tag/magenta">magenta</a></span> <span><a href="https://freesvg.org/tag/pink">pink</a></span> <span><a href="https://freesvg.org/tag/fictional-character">Fictional character</a></span> <span><a href="https://freesvg.org/tag/animations-to-study"> Animations to study</a></span> <span><a href="https://freesvg.org/tag/google-fonts"> google fonts</a></span> </div> </div> </div> </div> </div> <div class='clearfix'></div> <div id='photos' class='related-photos'> <h3> Related SVG images</h3> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="cartoon-animation-video"> <img src="/storage/img/thumb/InTheTrain2.png" alt="Cartoon animation video" title="Cartoon animation video"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1539605222"> <img src="/storage/img/thumb/1539605222.png" alt="Cute angel" title="Cute angel"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="cartoon-kid-character"> <img src="/storage/img/thumb/1532582198.png" alt="Cartoon kid character" title="Cartoon kid character"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1528949261"> <img src="/storage/img/thumb/1528949261.png" alt="Penrose Animation" title="Penrose Animation"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="000"> <img src="/storage/img/thumb/000.png" alt="A017: Baaang! (Animation SMIL)" title="A017: Baaang! (Animation SMIL)"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="550315"> <img src="/storage/img/thumb/550315.png" alt="550315" title="550315"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="sunflower-girl"> <img src="/storage/img/thumb/Sunflower-Girl.png" alt="Sunflower Girl" title="Sunflower Girl"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1546652824"> <img src="/storage/img/thumb/1546652824.png" alt="Mail Mouse" title="Mail Mouse"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="dress-zm"> <img src="/storage/img/thumb/Dress-zm.png" alt="Dress zm" title="Dress zm"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="pengucorn"> <img src="/storage/img/thumb/pengucorn.png" alt="pengucorn" title="pengucorn"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="27-1"> <img src="/storage/img/thumb/27-.1.png" alt="27 1" title="27 1"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="cartoon-man-with-beard-1574352519"> <img src="/storage/img/thumb/senhor3.png" alt="Cartoon man with beard-1574352519" title="Cartoon man with beard-1574352519"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1430974408"> <img src="/storage/img/thumb/1430974408.png" alt="570622" title="570622"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1467945058"> <img src="/storage/img/thumb/1467945058.png" alt="fire" title="fire"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="yellow-haired-boy-1632588416"> <img src="/storage/img/thumb/Boy-2.png" alt="Yellow-haired boy-1632588416" title="Yellow-haired boy-1632588416"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="singer"> <img src="/storage/img/thumb/singer.png" alt="singer" title="singer"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="pink-bear"> <img src="/storage/img/thumb/pink_bear.png" alt="pink bear" title="pink bear"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1528841367"> <img src="/storage/img/thumb/1528841367.png" alt="Animated Rectangle Robot" title="Animated Rectangle Robot"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="570406"> <img src="/storage/img/thumb/570406.png" alt="Pink and Blue Haired Kid" title="Pink and Blue Haired Kid"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="animated-halloween-with-audio"> <img src="/storage/img/thumb/HalloweenWithAudio.png" alt="Animated Halloween With Audio" title="Animated Halloween With Audio"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1549003278"> <img src="/storage/img/thumb/1549003278.png" alt="Crying Female (#9) Animation" title="Crying Female (#9) Animation"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1471225792"> <img src="/storage/img/thumb/1471225792.png" alt="Bug refixed" title="Bug refixed"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="shokunin-japanese-character"> <img src="/storage/img/thumb/shokunin-japanese-character.png" alt="japanese character" title="japanese character"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="ficando-velho"> <img src="/storage/img/thumb/ficando-velho.png" alt="Cartoon character losing hair" title="Cartoon character losing hair"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="sketches-bubba"> <img src="/storage/img/thumb/sketches-bubba.png" alt="Cartoon character clip art" title="Cartoon character clip art"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="cartoon-girl-1628632726"> <img src="/storage/img/thumb/girl-3.png" alt="Cartoon girl-1628632726" title="Cartoon girl-1628632726"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="550218"> <img src="/storage/img/thumb/550218.png" alt="550218" title="550218"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="550331"> <img src="/storage/img/thumb/550331.png" alt="550331" title="550331"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="550307"> <img src="/storage/img/thumb/550307.png" alt="550307" title="550307"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="550506"> <img src="/storage/img/thumb/550506.png" alt="550506" title="550506"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="550536"> <img src="/storage/img/thumb/550536.png" alt="550536" title="550536"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="blonde-cartoon-cupid"> <img src="/storage/img/thumb/Blonde-Cartoon-Cupid.png" alt="Blonde Cartoon Cupid" title="Blonde Cartoon Cupid"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="thumbs-up-dog"> <img src="/storage/img/thumb/Thumbs-Up-Dog.png" alt="Thumbs Up Dog" title="Thumbs Up Dog"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="gopher-pink-anime-girl-beta"> <img src="/storage/img/thumb/gopher-Pink-anime-girl-beta-.png" alt="Pink anime girl (beta!)" title="Pink anime girl (beta!)"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1461351596"> <img src="/storage/img/thumb/1461351596.png" alt="Friendly purple ant" title="Friendly purple ant"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="songgran2553"> <img src="/storage/img/thumb/SongGran2553.png" alt="SongGran2553" title="SongGran2553"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="animated-girl"> <img src="/storage/img/thumb/15.png" alt="Animated girl" title="Animated girl"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="womanwithheadphones"> <img src="/storage/img/thumb/womanwithHeadphones.png" alt="womanwithHeadphones" title="womanwithHeadphones"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="gahag-0098115882-cheer"> <img src="/storage/img/thumb/gahag-0098115882_cheer.png" alt="Cheerleader cartoon image" title="Cheerleader cartoon image"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1549094606"> <img src="/storage/img/thumb/1549094606.png" alt="Girl In Blue Dress" title="Girl In Blue Dress"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="alpaka-5-2017081133"> <img src="/storage/img/thumb/Alpaka-5-2017081133.png" alt="Alpaka 5 2017081133" title="Alpaka 5 2017081133"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1553929252"> <img src="/storage/img/thumb/1553929252.png" alt="Flatwoods Monster" title="Flatwoods Monster"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="unicorn-remix"> <img src="/storage/img/thumb/unicorn-remix.png" alt="unicorn remix" title="unicorn remix"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="550334"> <img src="/storage/img/thumb/550334.png" alt="550334" title="550334"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="550528"> <img src="/storage/img/thumb/550528.png" alt="550528" title="550528"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="tresg"> <img src="/storage/img/thumb/tresg.png" alt="tresg" title="tresg"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1528668527"> <img src="/storage/img/thumb/1528668527.png" alt="Professor With Gray Hair (Remix)" title="Professor With Gray Hair (Remix)"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="drunken-duck-skanking-skinhead"> <img src="/storage/img/thumb/drunken-duck-skanking-skinhead.png" alt="Dude cartoon clip art" title="Dude cartoon clip art"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1538633119"> <img src="/storage/img/thumb/1538633119.png" alt="St Patricks Day Card" title="St Patricks Day Card"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="melaniko-christmas-hat"> <img src="/storage/img/thumb/melaniko-christmas-hat.png" alt="Melaniko with Christmas hat" title="Melaniko with Christmas hat"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="seahorse4colour"> <img src="/storage/img/thumb/Seahorse4Colour.png" alt="Seahorse4Colour" title="Seahorse4Colour"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="loadingpleasewait"> <img src="/storage/img/thumb/LoadingPleaseWait.png" alt="Loading Bomb Please Wait SVG animation" title="Loading Bomb Please Wait SVG animation"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="1504025068"> <img src="/storage/img/thumb/1504025068.png" alt="Woman" title="Woman"> </a> </div></div> <div class="photo text-center"> <div class="photo-thumbnail-wrap"> <a href="save-the-forest"> <img src="/storage/img/thumb/save-the-forest.png" alt="save the forest" title="save the forest"> </a> </div></div> <div class='clearfix'></div> </div> </div> </div> <div class="sidebar-wrapper">  <div class="sidebar-element tags page-tags"> <h3>Related tags</h3> <div class="tags-wrapper"> <span><a href="/tag/1903">1903</a></span> <span><a href="/tag/2016">2016</a></span> <span><a href="/tag/9va-pi">9va-pi</a></span> <span><a href="/tag/9vae">9vae</a></span> <span><a href="/tag/adult">adult</a></span> <span><a href="/tag/age">age</a></span> <span><a href="/tag/alien">alien</a></span> <span><a href="/tag/angel">angel</a></span> <span><a href="/tag/animal">animal</a></span> <span><a href="/tag/animate">animate</a></span> <span><a href="/tag/animated">animated</a></span> <span><a href="/tag/animation">animation</a></span> <span><a href="/tag/anime">anime</a></span> <span><a href="/tag/ant">ant</a></span> <span><a href="/tag/anthropomorphic">anthropomorphic</a></span> <span><a href="/tag/archangel">archangel</a></span> <span><a href="/tag/arrow">arrow</a></span> <span><a href="/tag/art">art</a></span> <span><a href="/tag/asian">asian</a></span> <span><a href="/tag/audio">audio</a></span> <span><a href="/tag/avatar">avatar</a></span> <span><a href="/tag/axe">axe</a></span> <span><a href="/tag/bawling">bawling</a></span> <span><a href="/tag/beach">beach</a></span> <span><a href="/tag/bear">bear</a></span> <span><a href="/tag/beard">beard</a></span> <span><a href="/tag/bird">bird</a></span> <span><a href="/tag/birthday">birthday</a></span> <span><a href="/tag/black">black</a></span> <span><a href="/tag/blonde">blonde</a></span> <span><a href="/tag/blue">blue</a></span> <span><a href="/tag/bomb">bomb</a></span> <span><a href="/tag/bow">bow</a></span> <span><a href="/tag/boy">boy</a></span> <span><a href="/tag/broken">broken</a></span> <span><a href="/tag/broom">broom</a></span> <span><a href="/tag/bug">bug</a></span> <span><a href="/tag/burning">burning</a></span> <span><a href="/tag/canine">canine</a></span> <span><a href="/tag/card">card</a></span> <span><a href="/tag/cards">cards</a></span> <span><a href="/tag/caricature">caricature</a></span> <span><a href="/tag/carton">carton</a></span> <span><a href="/tag/cartoon">cartoon</a></span> <span><a href="/tag/character">character</a></span> <span><a href="/tag/cheer">cheer</a></span> <span><a href="/tag/cherub">cherub</a></span> <span><a href="/tag/child">child</a></span> <span><a href="/tag/children">children</a></span> <span><a href="/tag/Christmas">Christmas</a></span> <span><a href="/tag/chubby">chubby</a></span> <span><a href="/tag/clip-art">clip-art</a></span> <span><a href="/tag/color">color</a></span> <span><a href="/tag/comic">comic</a></span> <span><a href="/tag/comics">comics</a></span> <span><a href="/tag/conversation">conversation</a></span> <span><a href="/tag/costume">costume</a></span> <span><a href="/tag/cry">cry</a></span> <span><a href="/tag/crying">crying</a></span> <span><a href="/tag/CSS">CSS</a></span> <span><a href="/tag/culture">culture</a></span> <span><a href="/tag/cupid">cupid</a></span> <span><a href="/tag/cute">cute</a></span> <span><a href="/tag/day">day</a></span> <span><a href="/tag/diagram">diagram</a></span> <span><a href="/tag/Dog">Dog</a></span> <span><a href="/tag/doghouse">doghouse</a></span> <span><a href="/tag/drawing">drawing</a></span> <span><a href="/tag/dress">dress</a></span> <span><a href="/tag/education">education</a></span> <span><a href="/tag/face">face</a></span> <span><a href="/tag/fantasy">fantasy</a></span> <span><a href="/tag/fashion">fashion</a></span> <span><a href="/tag/fav">fav</a></span> <span><a href="/tag/female">female</a></span> <span><a href="/tag/festival">festival</a></span> <span><a href="/tag/fiction">fiction</a></span> <span><a href="/tag/finger">finger</a></span> <span><a href="/tag/fish">fish</a></span> <span><a href="/tag/flat">flat</a></span> <span><a href="/tag/flower">flower</a></span> <span><a href="/tag/fox">fox</a></span> <span><a href="/tag/fruit">fruit</a></span> <span><a href="/tag/fun">fun</a></span> <span><a href="/tag/fuse">fuse</a></span> <span><a href="/tag/games">games</a></span> <span><a href="/tag/geometric">geometric</a></span> <span><a href="/tag/geometry">geometry</a></span> <span><a href="/tag/gesture">gesture</a></span> <span><a href="/tag/ghost">ghost</a></span> <span><a href="/tag/girl">girl</a></span> <span><a href="/tag/girly">girly</a></span> <span><a href="/tag/graphics">graphics</a></span> <span><a href="/tag/gray">gray</a></span> <span><a href="/tag/green">green</a></span> <span><a href="/tag/halloween">halloween</a></span> <span><a href="/tag/hand-drawn">hand-drawn</a></span> <span><a href="/tag/happy">happy</a></span> <span><a href="/tag/head">head</a></span> <span><a href="/tag/Headgear">Headgear</a></span> </div> </div> <h3 class="content-heading">More from <a href="https://freesvg.org/by/OpenClipart"> OpenClipart </a> </h3> <div class="clearfix"> <div class="more-from-site"> <a href="takiva-logo"><img src="/storage/img/thumb/Takiva_1726668009.png" width="80px" heigth="80px" alt="Takiva Logo"></a> <a href="flag-map-of-rif-khryt-jmhory-alryf"><img src="/storage/img/thumb/1_1723153826.png" width="80px" heigth="80px" alt="Flag map of Rif خريطة جمهورية الريف"></a> <a href="algeria-map-flag-khryt-oaalm-aljzaer"><img src="/storage/img/thumb/Flag_map_of_Algeria_1722158035.png" width="80px" heigth="80px" alt="Algeria Map Flag خريطة وعلم الجزائر"></a> <a href="cartoon-character-head"><img src="/storage/img/thumb/waraemon.png" width="80px" heigth="80px" alt="Cartoon character head"></a> <a href="cartoon-character-head-animation"><img src="/storage/img/thumb/waraemonAnime01.png" width="80px" heigth="80px" alt="Cartoon character head animation"></a> <a href="fish-barrel-animation"><img src="/storage/img/thumb/barrelFishAnim02.png" width="80px" heigth="80px" alt="Fish barrel animation"></a> <a href="switch-on-tv-video-animation"><img src="/storage/img/thumb/SwitchOnTV.png" width="80px" heigth="80px" alt="Switch On TV video animation"></a> <a href="tree-on-the-pavement"><img src="/storage/img/thumb/treeinstreet.png" width="80px" heigth="80px" alt="Tree on the pavement"></a> <a href="tv-box-video-animation"><img src="/storage/img/thumb/TVintoBox.png" width="80px" heigth="80px" alt="TV box video animation"></a> </div> </div> </div> </div> <div class="clearfix"></div> </div> </div> <footer class="footer page-section-pt black-bg"> <div class="container"> <div class="row"> <div class="col-lg-3 col-sm-6 xs-mb-30"> <div class="footer-hedding"> <h6 class="text-white mb-30 mt-10 text-uppercase">Share</h6> <div class="footer-social-big"> <ul> <li class="facebook"><a href="#" onclick=" window.open( 'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href), 'facebook-share-dialog', 'width=626,height=436'); return false;" alt="FB"> <i class="fa fa-facebook"> </i><span>Facebook</span></a> </li> <li class="pinterest"><a href="//pinterest.com/pin/create/button/?url=https%3A%2F%2Ffreesvg.org%2Fcardtemplate&media=https%3A%2F%2Ffreesvg.org%2Fimg%2Fmain_bg.jpg&description=Rebuilding open clip art database and community" data-pin-do="buttonPin" data-pin-config="none" > <i class="fa fa-pinterest"> </i><span>Pinterest</span> </a></li> <li class="twitter"><a href="https://twitter.com/share?text=https://freesvg.org/cardtemplate"> <i class="fa fa-twitter"> </i><span>Twitter</span> </a></li> </ul> </div> </div> </div> <div class="col-lg-2 col-sm-6 sm-mb-30"> <div class="footer-useful-link footer-hedding"> <h6 class="text-white mb-30 mt-10 text-uppercase">Useful links</h6> <ul> <li><a rel="nofollow" href="http://inkscape.org/">Inkscape</a> </li> <li><a rel="nofollow" href="https://en.wikipedia.org/wiki/Scalable_Vector_Graphics">What is SVG</a> </li> <li><a rel="nofollow" href="https://svgedit.netlify.app/editor/index.html">SVG Edit</a> </li> <li><a rel="nofollow" href="http://www.drawsvg.org/drawsvg.html"> Draw SVG</a> </li> <li><a rel="nofollow" href="http://www.w3.org/Graphics/SVG/">SVG Logo</a> </li> </ul> </div> </div> <div class="col-lg-3 col-sm-6 sm-mb-30 xs-mb-30"> <h6 class="text-white mb-30 mt-10 text-uppercase">About us</h6> <p>FreeSVG.org offers free vector images in SVG format with Creative Commons 0 license (public domain). You can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission. <br/>It is absolutely not required, but if you like this website, any mention of or link back is highly appreciated.</p> </div> <div class="col-lg-2 col-sm-6 sm-mb-30"> <div class="footer-useful-link footer-hedding"> <h6 class="text-white mb-30 mt-10 text-uppercase">Site links</h6> <ul> <li><a href="/">Home</a></li> <li><a href="/pages/about-us">About</a></li> <li><a href="/contact">Contact</a></li> <li><a rel="nofollow" href="https://creativecommons.org/publicdomain/zero/1.0/ " target="_blank">Public domain license</a></li> <li><a rel="nofollow" href="https://forum.freesvg.org " target="_blank">Forum </div> </div> <div class="col-lg-2 col-sm-6 sm-mb-30"> <a rel="sponsored" href="https://shutterstock.7eer.net/c/2022575/920029/1305" target="_top" id="920029"><img src="//a.impactradius-go.com/display-ad/1305-920029" border="0" alt="" width="300" height="250"/></a><img height="0" width="0" src="https://shutterstock.7eer.net/i/2022575/920029/1305" style="position:absolute;visibility:hidden;" border="0" /> </div> <div class="footer-widget mt-60 "> <div class="row"> <div class="col-lg-6 col-md-6"> <p class="mt-15"> <a href="#"> Free SVG </a> 2019-2023 </p> </div> <div class="col-lg-6 col-md-6 "> <div class="footer-social mt-10"> <ul class="text-left text-md-right"> <li class="list-inline-item"><a href="/pages/api-and-usage">API</a> </li> <li class="list-inline-item"><a href="/pages/terms-and-conditions">Terms and conditions </a> </li> <li class="list-inline-item"><a href="/pages/privacy-policy">Privacy Policy </a> </li> </ul> </div> </div> </div> </div> </div> </footer>  <script defer src="//stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js"></script> <script src="https://freesvg.org/js/frontend.js?id=fd71e92afda009fad5db"></script> <script> $(document).ready(function() { let svgSlug = "cardtemplate"; // Assuming the slug is available in this variable $.ajax({ url: '/get-images/' + svgSlug, type: 'GET', dataType: 'json', success: function(data) { let imagesHtml = ''; data.forEach(image => { imagesHtml += ` <div class="ss-photo"> <div class="photo-wrap"> <a target="_blank" rel="sponsored" href="https://shutterstock.7eer.net/P9oaj?subId1=freesvg&u=https://www.shutterstock.com/pic.mhtml?id=${image.id}"> <div style="max-width:${image.assets.preview.width / 3}px; height:${image.assets.preview.height / 3}px; overflow:hidden; background-image: url('${image.assets.large_thumb.url}')"></div> </a> </div> </div> `; }); $('#shutterstock-images').html(imagesHtml); } }); }); </script> <script src="https://freesvg.org/js/jquerysession.min.js"></script> <script src="https://freesvg.org/js/frontend/frontend.min.js"></script> <script src="https://freesvg.org/js/select2/select2.min.js"></script> <script src="https://freesvg.org/js/share.js"></script> <script type="text/javascript"> $(document).ready(function() { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $('.like').click(function(){ var id = $(this).parents(".panel").data('id'); var c = $('#like'+id+'-bs3').html(); console.log(c); var cObjId =id; var cObj = $(this); poruka = $('.like-btn'); $.ajax({ type:'POST', url:'/like', data:{id:id}, success:function(data){ if(data.success<1){ $('#like'+cObjId+'-bs3').html(parseInt(c)-1); $(cObj).removeClass("like-post"); }else if(data.success>0){ $('#like'+cObjId+'-bs3').html(parseInt(c)+1); $(cObj).addClass("like-post"); } else{ poruka.addClass("alert alert-error"); poruka.html(data.error).slideDown(1000); } }, }); }); $('.claim').click(function(){ var id = $(this).attr('id'); var user=$(this).attr('user'); nota = $('#nota'); console.log(user); var cObjId =id; var cObj = $(this); $.ajax({ type:'POST', url:'/claim', data:{id:id, user:user}, success:function(data){ nota.addClass("alert alert-success"); nota.html(data.success).slideDown(1000); }, }); }); }); </script> <script> $(document).ready(function() { $("#ajax-contact-form").submit(function(e){ event.preventDefault(); note = $('#note'); var formData = { email : $('input[name=email]').val(), _token : $('input[name=_token]').val() }; $.ajax({ type : "POST", url: '/newsletter', data : formData, cache : false, success : function(data) { note.addClass("alert alert-success"); note.html(data.success).slideDown(1000); } }); return false; }); }); </script> <script> $(document).ready(function() { let svgSlug = "cardtemplate"; // Assuming the slug is available in this variable $.ajax({ url: '/get-images/' + svgSlug, type: 'GET', dataType: 'json', success: function(data) { let imagesHtml = ''; data.forEach(image => { imagesHtml += ` <div class="ss-photo"> <div class="photo-wrap"> <a target="_blank" rel="sponsored" href="https://shutterstock.7eer.net/P9oaj?subId1=freesvg&u=https://www.shutterstock.com/pic.mhtml?id=${image.id}"> <div style="max-width:${image.assets.preview.width / 3}px; height:${image.assets.preview.height / 3}px; overflow:hidden; background-image: url('${image.assets.large_thumb.url}')"></div> </a> </div> </div> `; }); $('#shutterstock-images').html(imagesHtml); } }); }); </script> <div class="js-cookie-consent cookie-consent"> <span class="cookie-consent__message"> Your experience on this site will be improved by allowing cookies. </span> <button class="js-cookie-consent-agree cookie-consent__agree btn btn-green btn-lg"> Allow cookies </button> </div> <script> window.laravelCookieConsent = (function () { const COOKIE_VALUE = 1; const COOKIE_DOMAIN = 'freesvg.org'; function consentWithCookies() { setCookie('laravel_cookie_consent', COOKIE_VALUE, 7300); hideCookieDialog(); } function cookieExists(name) { return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1); } function hideCookieDialog() { const dialogs = document.getElementsByClassName('js-cookie-consent'); for (let i = 0; i < dialogs.length; ++i) { dialogs[i].style.display = 'none'; } } function setCookie(name, value, expirationInDays) { const date = new Date(); date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000)); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';domain=' + COOKIE_DOMAIN + ';path=/'; } if (cookieExists('laravel_cookie_consent')) { hideCookieDialog(); } const buttons = document.getElementsByClassName('js-cookie-consent-agree'); for (let i = 0; i < buttons.length; ++i) { buttons[i].addEventListener('click', consentWithCookies); } return { consentWithCookies: consentWithCookies, hideCookieDialog: hideCookieDialog }; })(); </script> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRJS-15417342d295584c702","applicationID":"525287958","transactionName":"ZgMAZUFTWUJTUhcIXl9JI1JHW1hfHVcRDl9FAwxVHUFBVhxCCw5G","queueTime":0,"applicationTime":283,"atts":"SkQDEwlJSkw=","errorBeacon":"bam.nr-data.net","agent":""}</script></body> </html>