Draw
Scale
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 800 450" xml:space="preserve"> <defs> </defs> <g transform="matrix(1 0 0 1 400 225)" id="image__119130211810200380" > <image style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" xlink:href="https://www.tvapp.scaledraw.com/img/scaledraw_tv_screen.jpg" x="-400" y="-225" width="800" height="450"></image> </g> </svg> <div class="init" style="position:absolute; left:0px; top:0px; width:100%;height:100%;"> <div class="logo" style="width:300px; margin:15% auto;"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 800 450" xml:space="preserve" > <defs> <style>.animated.slideInRight.boxtext__119114211354276058 { -webkit-animation-name: slideInRight; animation-name: slideInRight;-webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-iteration-count: 1; animation-iteration-count: 1; }.animated.fadeIn.Copy__11911421182854235 { -webkit-animation-name: fadeIn; animation-name: fadeIn;-webkit-animation-duration: 2s; animation-duration: 2s;-webkit-animation-iteration-count: 1; animation-iteration-count: 1; }</style><script> $(document).ready(function () { setTimeout(function () { $('.animated.boxtext__119114211354276058').addClass('slideInRight'); }, 0);setTimeout(function () { $('.animated.Copy__11911421182854235').addClass('fadeIn'); }, 0); }); </script></defs> <rect x="0" y="0" width="100%" height="100%" fill="rgba(0, 0, 0, 0)"></rect> <g class="animated boxtext__119114211354276058" > <g transform="matrix(6.48 0 0 6.48 500.84 248.86)" style="" id="boxtext__119114211354276058" > <rect opacity="0" fill="rgb(0,0,0)" x="-18.18" y="-9.04" width="36.35" height="18.08"></rect> <text xml:space="preserve" font-family="fonts_20" font-size="16" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 1; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-15.18" y="5.03" style="font-family: 'fonts_14'; fill: rgb(255,120,8); ">Draw</tspan></text> </g> </g> <g class="animated Copy__11911421182854235" > <g transform="matrix(6.48 0 0 6.48 284.41 248.86)" style="" id="Copy__11911421182854235" > <rect opacity="0" fill="rgb(0,0,0)" x="-15.1" y="-7.34" width="30.19" height="14.69"></rect> <text xml:space="preserve" font-family="fonts_20" font-size="16" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 1; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-15.1" y="4.08" style="font-family: 'fonts_14'; font-size: 13px; ">Scale</tspan></text> </g> </g> <g transform="matrix(1.05 0 0 1.05 280.51 254.38)" id="curve_all__119114211913784279" > <path style="stroke: rgb(255,255,255); stroke-width: 3; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(-96, -39.5)" d="M 10 0 L 182 0 Q 192 0 192 10 L 192 69 Q 192 79 182 79 L 10 79 Q 0 79 0 69 L 0 10 Q 0 0 10 0 Z" stroke-linecap="round" /> </g> <g transform="matrix(1.05 0 0 1.05 272.35 192.58)" id="line__11911421194021639" > <line style="stroke: rgb(255,255,255); stroke-width: 5; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" x1="-14.5" y1="-20.5" x2="14.5" y2="20.5" /> </g> <g transform="matrix(1.05 0 0 0.82 309.57 177.03)" id="line__119114212012360495" > <line style="stroke: rgb(255,255,255); stroke-width: 5; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" x1="22" y1="-43.5" x2="-22" y2="43.5" /> </g> </svg> </div> </div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 800 450" xml:space="preserve"> <defs> </defs> <g transform="matrix(1 0 0 1 400 225)" id="image__11913021181020038" > <image style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" xlink:href="https://www.tvapp.scaledraw.com/img/scaledraw_tv_screen.jpg" x="-400" y="-225" width="800" height="450"></image> </g> <g transform="matrix(1 0 0 1 195.64 115)" style="" id="group__11913021576377145" > <g transform="matrix(3.63 0 0 3.63 56.51 13.39)" style="" id="boxtext__119114211354276058" > <rect opacity="0" fill="rgb(0,0,0)" x="-18.18" y="-9.04" width="36.35" height="18.08"></rect> <text xml:space="preserve" font-family="fonts_20" font-size="16" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 1; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-17.18" y="5.03" style="font-family: 'fonts_14'; fill: rgb(255,120,8); ">Draw</tspan></text> </g> <g transform="matrix(3.63 0 0 3.63 -64.61 13.39)" style="" id="Copy__11911421182854235" > <rect opacity="0" fill="rgb(0,0,0)" x="-15.1" y="-7.34" width="30.19" height="14.69"></rect> <text xml:space="preserve" font-family="fonts_20" font-size="16" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 1; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-15.1" y="4.08" style="font-family: 'fonts_14'; font-size: 13px; ">Scale</tspan></text> </g> <g transform="matrix(0.59 0 0 0.59 -66.62 16.54)" id="curve_all__119114211913784279" > <path style="stroke: rgb(255,255,255); stroke-width: 3; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(-96, -39.5)" d="M 10 0 L 182 0 Q 192 0 192 10 L 192 69 Q 192 79 182 79 L 10 79 Q 0 79 0 69 L 0 10 Q 0 0 10 0 Z" stroke-linecap="round" /> </g> <g transform="matrix(0.59 0 0 0.59 -71.38 -18.08)" id="line__11911421194021639" > <line style="stroke: rgb(255,255,255); stroke-width: 5; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" x1="-14.5" y1="-20.5" x2="14.5" y2="20.5" /> </g> <g transform="matrix(0.59 0 0 0.46 -50.53 -26.78)" id="line__119114212012360495" > <line style="stroke: rgb(255,255,255); stroke-width: 5; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" x1="22" y1="-43.5" x2="-22" y2="43.5" /> </g> </g> <g transform="matrix(0.57 0 0 0.57 550.1 312.04)" id="image__119130211913125236" > <image style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" xlink:href="https://www.scaledraw.com/images/sd_signin_qr.png" x="-80" y="-80" width="135" height="135"></image> </g> <g transform="matrix(1 0 0 1 339.5 268.98)" style="" id="boxtext__11913021212368398" > <rect opacity="0" fill="rgb(0,0,0)" x="-268" y="-84.98" width="536" height="169.95"></rect> <text xml:space="preserve" font-family="fonts_57" font-size="16" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 0; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-268" y="-70.91" style="white-space: pre; ">1. Logon to https://signin.scaledraw.com from your computer or mobile </tspan><tspan x="-268" y="-49.21" >2. Go to My Device in right top corner, Click Add a Device</tspan><tspan x="-268" y="-27.52" >3. Enter the activation code below in lower case</tspan><tspan x="-268" y="80.96" >4. Choose Existing Channel and Click Save</tspan></text> </g> <g transform="matrix(1 0 0 1 237.5 290.55)" style="" id="boxtext__119130212454747436" > <rect opacity="0" fill="rgb(0,0,0)" x="-166" y="-39.55" width="332" height="79.1"></rect> <text xml:space="preserve" font-family="fonts_82" font-size="70" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 0; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-166" y="21.99" id="pairKeyValue"></tspan></text> </g> <g transform="matrix(3.63 0 0 3.63 -64.61 13.39)" style="" id="textbox__11913021571344249" > <rect opacity="0" fill="rgb(0,0,0)" x="-15.1" y="-7.34" width="30.19" height="14.69"></rect> <text xml:space="preserve" font-family="fonts_20" font-size="16" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 1; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-15.1" y="4.08" style="font-family: 'fonts_14'; font-size: 13px; ">Scale</tspan></text> </g> <g transform="matrix(0.59 0 0 0.59 -66.62 16.54)" id="path__119130215713442454" > <path style="stroke: rgb(255,255,255); stroke-width: 3; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(-96, -39.5)" d="M 10 0 L 182 0 Q 192 0 192 10 L 192 69 Q 192 79 182 79 L 10 79 Q 0 79 0 69 L 0 10 Q 0 0 10 0 Z" stroke-linecap="round" /> </g> <g transform="matrix(0.59 0 0 0.59 -71.38 -18.08)" id="line__119130215713442442" > <line style="stroke: rgb(255,255,255); stroke-width: 5; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" x1="-14.5" y1="-20.5" x2="14.5" y2="20.5" /> </g> </svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 800 500" xml:space="preserve"> <defs> <style>.animated.fadeIn.line__11913112633256388 { -webkit-animation-name: fadeIn; animation-name: fadeIn;-webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-iteration-count: 1; animation-iteration-count: 1; }.animated.fadeIn.line__11913112644170429 { -webkit-animation-name: fadeIn; animation-name: fadeIn;-webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-iteration-count: 1; animation-iteration-count: 1; }.animated.fadeIn.group__119131121150216970 { -webkit-animation-name: fadeIn; animation-name: fadeIn;-webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-iteration-count: 1; animation-iteration-count: 1; }.animated.fadeIn.group__119131121153907727 { -webkit-animation-name: fadeIn; animation-name: fadeIn;-webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-iteration-count: 1; animation-iteration-count: 1; }.animated.fadeIn.group__11913112115914518 { -webkit-animation-name: fadeIn; animation-name: fadeIn;-webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-iteration-count: 1; animation-iteration-count: 1; }</style><script> $(document).ready(function () { setTimeout(function () { $('.animated.line__11913112633256388').addClass('fadeIn'); }, 2000);$('.animated.line__11913112633256388').css('display','none');setTimeout(function () { $('.animated.line__11913112633256388').fadeIn(); }, 2000);setTimeout(function () { $('.animated.line__11913112644170429').addClass('fadeIn'); }, 4000);$('.animated.line__11913112644170429').css('display','none');setTimeout(function () { $('.animated.line__11913112644170429').fadeIn(); }, 4000);setTimeout(function () { $('.animated.group__119131121150216970').addClass('fadeIn'); }, 3000);$('.animated.group__119131121150216970').css('display','none');setTimeout(function () { $('.animated.group__119131121150216970').fadeIn(); }, 3000);setTimeout(function () { $('.animated.group__119131121153907727').addClass('fadeIn'); }, 5000);$('.animated.group__119131121153907727').css('display','none');setTimeout(function () { $('.animated.group__119131121153907727').fadeIn(); }, 5000);setTimeout(function () { $('.animated.group__11913112115914518').addClass('fadeIn'); }, 0); }); </script></defs> <g transform="matrix(1 0 0 1 400 225)" id="image__119130211810200381" > <image style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" xlink:href="https://www.tvapp.scaledraw.com/img/scaledraw_tv_screen.jpg" x="-400" y="-225" width="800" height="450"></image> </g> <g class="animated line__11913112633256388" > <g transform="matrix(1 0 0 1 259.5 251)" id="line__11913112633256388" > <line style="stroke: rgb(255,255,255); stroke-width: 4; stroke-dasharray: 10 5 15 10; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;" x1="-33" y1="0" x2="33" y2="0" /> </g> </g> <g class="animated line__11913112644170429" > <g transform="matrix(1 0 0 1 537 252)" id="line__11913112644170429" > <line style="stroke: rgb(255,255,255); stroke-width: 4; stroke-dasharray: 10 5 15 10; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;" x1="-42.5" y1="0" x2="42.5" y2="0" /> </g> </g> <g class="animated group__119131121150216970" > <g transform="matrix(1 0 0 1 396.22 218)" style="" id="group__119131121150216970" > <g transform="matrix(1 0 0 1 0 30.5)" style="" id="group__1191311260232439" > <g transform="matrix(1 0 0 1 3.77 -1.18)" style="" id="Copy__119130163149176186" > <rect opacity="0" fill="rgb(0,0,0)" x="-99.94" y="-79.1" width="199.89" height="158.2"></rect> <text xml:space="preserve" font-family="fonts_54" font-size="25" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 0; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-99.94" y="-43.93" style="font-size: 40px; white-space: pre; ">Create </tspan><tspan x="-99.94" y="-11.92" >Create unlimited</tspan><tspan x="-99.94" y="16.33" >channels, add</tspan><tspan x="-99.94" y="44.58" style="white-space: pre; ">designs to playlist</tspan><tspan x="-99.94" y="72.83" style="white-space: pre; ">and schedule </tspan></text> </g> <g transform="matrix(1.13 0 0 1 -3.15 0)" id="Copy__11913112511777459" > <path style="stroke: rgb(255,255,255); stroke-width: 2; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(-88, -86.5)" d="M 0 0 L 176 0 L 176 173 L 0 173 L 0 0 Z" stroke-linecap="round" /> </g> </g> <g transform="matrix(0.5 0 0 0.5 0 -92)" id="Copy__1191311273870369" > <circle style="stroke: rgb(255,255,255); stroke-width: 4; stroke-dasharray: ; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" cx="0" cy="0" r="50" /> </g> <g transform="matrix(1 0 0 1 23.28 -90.6)" style="" id="Copy__119131129565581012" > <rect opacity="0" fill="rgb(0,0,0)" x="-35" y="-22.6" width="70" height="45.2"></rect> <text xml:space="preserve" font-family="fonts_57" font-size="40" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 4; stroke-dasharray: ; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-35" y="12.57" >2</tspan></text> </g> </g> </g> <g class="animated group__119131121153907727" > <g transform="matrix(1 0 0 1 666.5 218)" style="" id="group__119131121153907727" > <g transform="matrix(1 0 0 1 0 30.5)" style="" id="group__11913112557346567" > <g transform="matrix(1 0 0 1 -0.09 -14.31)" style="" id="Copy__119130163443692213" > <rect opacity="0" fill="rgb(0,0,0)" x="-83.59" y="-64.97" width="167.19" height="129.95"></rect> <text xml:space="preserve" font-family="fonts_54" font-size="25" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 2; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-83.59" y="-29.81" style="font-size: 40px; ">Broadcast</tspan><tspan x="-83.59" y="2.2" >Add device and</tspan><tspan x="-83.59" y="30.45" >set channel to</tspan><tspan x="-83.59" y="58.7" >live</tspan></text> </g> <g transform="matrix(1 0 0 1 0 0)" id="Copy__11913112526116583" > <path style="stroke: rgb(255,255,255); stroke-width: 2; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(-88, -86.5)" d="M 0 0 L 176 0 L 176 173 L 0 173 L 0 0 Z" stroke-linecap="round" /> </g> </g> <g transform="matrix(0.5 0 0 0.5 0 -92)" id="Copy__11913112743644764" > <circle style="stroke: rgb(255,255,255); stroke-width: 4; stroke-dasharray: ; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" cx="0" cy="0" r="50" /> </g> <g transform="matrix(1 0 0 1 23 -89.6)" style="" id="Copy__119131121018951057" > <rect opacity="0" fill="rgb(0,0,0)" x="-35" y="-22.6" width="70" height="45.2"></rect> <text xml:space="preserve" font-family="fonts_57" font-size="40" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 4; stroke-dasharray: ; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-35" y="12.57" >3</tspan></text> </g> </g> </g> <g class="animated group__11913112115914518" > <g transform="matrix(1 0 0 1 140.36 218)" style="" id="group__11913112115914518" > <g transform="matrix(1 0 0 1 0 30.5)" style="" id="group__1191311262830380" > <g transform="matrix(1 0 0 1 1.75 -0.18)" style="" id="boxtext__119130163352471170" > <rect opacity="0" fill="rgb(0,0,0)" x="-89.11" y="-79.1" width="178.21" height="158.2"></rect> <text xml:space="preserve" font-family="fonts_54" font-size="25" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 2; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-89.11" y="-43.93" style="font-size: 40px; ">Design</tspan><tspan x="19.78" y="-43.93" style="white-space: pre; "> </tspan><tspan x="-89.11" y="-11.92" >You can create</tspan><tspan x="-89.11" y="16.33" >stunning designs</tspan><tspan x="-89.11" y="44.58" >own or using</tspan><tspan x="-89.11" y="72.83" >templates</tspan></text> </g> <g transform="matrix(1 0 0 1 -2.86 0)" id="square__1191311253745366" > <path style="stroke: rgb(255,255,255); stroke-width: 2; stroke-dasharray: 0 0; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(-88, -86.5)" d="M 0 0 L 176 0 L 176 173 L 0 173 L 0 0 Z" stroke-linecap="round" /> </g> </g> <g transform="matrix(0.5 0 0 0.5 0 -92)" id="circle__11913112723284581" > <circle style="stroke: rgb(255,255,255); stroke-width: 4; stroke-dasharray: ; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" cx="0" cy="0" r="50" /> </g> <g transform="matrix(1 0 0 1 24.14 -90.6)" style="" id="boxtext__11913112848755815" > <rect opacity="0" fill="rgb(0,0,0)" x="-35" y="-22.6" width="70" height="45.2"></rect> <text xml:space="preserve" font-family="fonts_57" font-size="40" font-style="normal" style="stroke: rgb(0,0,0); stroke-opacity: 0; stroke-width: 4; stroke-dasharray: ; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; white-space: pre;" ><tspan x="-35" y="12.57" >1</tspan></text> </g> </g> </g> </svg>