Skip to content

Instantly share code, notes, and snippets.

@vazquez

vazquez/tools.html

Last active August 29, 2015 14:06
Show Gist options
  • Save vazquez/56b46d50eff0145009de to your computer and use it in GitHub Desktop.
Save vazquez/56b46d50eff0145009de to your computer and use it in GitHub Desktop.
Download ZIP
Raw
tools.html
<!-- Goggles -->
<div class="tool-desc">
<div class="icon">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="276px" height="210px" viewBox="0 0 276 210" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>Goggles</title>
<desc>XRay Goggles.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Artboard-27" sketch:type="MSArtboardGroup" transform="translate(-8.000000, -25.000000)">
<g id="goggles" sketch:type="MSLayerGroup" transform="translate(8.000000, 25.000000)">
<path d="M256.460878,100.757257 C254.300432,98.595 248.740338,93.6349115 244.461405,91.3416372 L87.2010811,2.31836283 C82.0372703,-0.216504425 74.6962297,-1.41238938 69.0606081,4.21300885 C63.4091351,9.83747788 64.2679054,16.7711947 66.8740541,21.7935398 L156.207608,178.545531 C158.362459,181.89531 163.757514,188.816947 165.933811,190.960619 C190.938851,215.872566 231.455838,215.88 256.460878,190.960619 C281.469649,166.057965 281.469649,125.658982 256.460878,100.757257" id="Fill-1" fill="#ECA5C0" sketch:type="MSShapeGroup"></path>
<path d="M206.411635,4.22137168 C200.776946,-1.41238938 193.033095,-0.216504425 188.474432,2.21336283 L32.3423514,90.5518142 C27.5645676,93.5884513 21.1746081,98.595 19.0113649,100.757257 C-5.99367568,125.658982 -5.99367568,166.057965 19.0113649,190.960619 C44.015473,215.872566 84.5389865,215.872566 109.525378,190.960619 C111.700743,188.816947 116.493446,182.464912 118.293041,180.08708 L208.316595,22.2302655 C211.235108,17.7031858 212.050986,9.83747788 206.411635,4.22137168" id="Fill-2" fill="#59B3D7" sketch:type="MSShapeGroup"></path>
<path d="M137.699757,146.04292 L187.347122,58.9867699 L137.736122,30.9025221 L88.0896892,58.9923451 L137.699757,146.04292" id="Fill-3" fill="#4E72A7" sketch:type="MSShapeGroup"></path>
<path d="M19.0113649,190.960619 C-5.99367568,166.057965 -5.99367568,125.658982 19.0113649,100.757257 C44.015473,75.8360177 84.5389865,75.8360177 109.525378,100.757257 C134.526689,125.658982 134.526689,166.057965 109.525378,190.960619 C84.5389865,215.872566 44.015473,215.872566 19.0113649,190.960619" id="Fill-4" fill="#369ECD" sketch:type="MSShapeGroup"></path>
<path d="M256.526149,190.960619 C231.520176,215.88 191.001324,215.872566 165.995351,190.960619 C140.994041,166.057965 140.994041,125.667345 165.995351,100.747965 C191.001324,75.8360177 231.520176,75.8360177 256.526149,100.757257 C281.532122,125.658982 281.532122,166.057965 256.526149,190.960619" id="Fill-5" fill="#E36D9E" sketch:type="MSShapeGroup"></path>
<path d="M235.671365,172.371903 C222.429892,185.550796 200.976486,185.550796 187.746203,172.371903 C174.501,159.16885 174.501,137.799027 187.746203,124.595044 C200.976486,111.409646 222.429892,111.409646 235.671365,124.612699 C248.903514,137.799027 248.903514,159.16885 235.671365,172.371903" id="Fill-6" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M211.686405,130.685973 C197.874284,130.685973 186.669243,142.526814 186.669243,147.321504 C186.669243,148.542478 187.402135,149.697478 188.704743,150.735398 C189.952338,148.202389 191.521622,145.792035 193.651297,143.673451 C195.952541,141.379248 198.579203,139.622124 201.369041,138.337035 C195.774446,143.999602 195.790297,153.095575 201.451095,158.720973 C207.112824,164.37146 216.304743,164.37146 221.987919,158.720973 C227.658041,153.061195 227.658041,143.897389 221.987919,138.246903 C221.513311,137.773938 220.980892,137.392035 220.455,137.00177 C224.543716,138.231106 228.400257,140.452832 231.635797,143.673451 C233.390635,145.410133 234.738,147.370752 235.893284,149.405708 C236.381878,148.741327 236.7045,148.044425 236.7045,147.321504 C236.7045,142.526814 225.511581,130.685973 211.686405,130.685973 L211.686405,130.685973 Z M220.613514,144.661195 C220.613514,146.779779 218.886649,148.491372 216.75977,148.491372 C214.626365,148.491372 212.908824,146.779779 212.908824,144.661195 C212.908824,142.542611 214.626365,140.822655 216.75977,140.822655 C218.886649,140.822655 220.613514,142.542611 220.613514,144.661195 L220.613514,144.661195 Z" id="Fill-7" fill="#E36D9E" sketch:type="MSShapeGroup"></path>
<path d="M86.2761081,172.371903 C73.0467568,185.550796 51.5765676,185.550796 38.3490811,172.371903 C25.1048108,159.16885 25.1048108,137.799027 38.3490811,124.595044 C51.5765676,111.409646 73.0467568,111.409646 86.2761081,124.612699 C99.5073243,137.799027 99.5073243,159.16885 86.2761081,172.371903" id="Fill-8" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M62.3051351,130.685973 C48.479027,130.685973 37.2861081,142.526814 37.2861081,147.321504 C37.2861081,148.542478 38.0031486,149.697478 39.2871081,150.735398 C40.5552162,148.202389 42.1384865,145.792035 44.2373919,143.673451 C46.5367703,141.38854 49.1615676,139.630487 51.9476757,138.347257 C46.3754595,144.014469 46.3978378,153.095575 52.0334595,158.720973 C57.7026486,164.37146 66.9085541,164.37146 72.5768108,158.720973 C78.2599865,153.061195 78.2599865,143.897389 72.5768108,138.246903 C72.0938108,137.765575 71.553,137.383673 71.0233784,136.984115 C75.134473,138.214381 79.0087297,140.440752 82.254527,143.673451 C83.9897838,145.410133 85.3362162,147.370752 86.5138784,149.405708 C86.981027,148.741327 87.3111081,148.044425 87.3111081,147.321504 C87.3111081,142.526814 76.1107297,130.685973 62.3051351,130.685973 L62.3051351,130.685973 Z M71.2163919,144.661195 C71.2163919,146.779779 69.4913919,148.491372 67.3645135,148.491372 C65.2478919,148.491372 63.5089054,146.779779 63.5089054,144.661195 C63.5089054,142.542611 65.2478919,140.822655 67.3645135,140.822655 C69.4913919,140.822655 71.2163919,142.542611 71.2163919,144.661195 L71.2163919,144.661195 Z" id="Fill-9" fill="#369ECD" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</svg>
</div>
<h4>{{ 'XRay-Goggles' | i18n }}</h4>
<p>{{ 'AboutGoggles' | i18n }}</p>
<div class="clearfix">
<button class="create-user btn btn-primary" type="button">{{'TryGoggles' | i18n }}</button>
<a href="#" class="explore-link">{{ 'ExploreWebmaker' | i18n }}</a>
</div>
</div>
<!-- ==================================== -->
<!-- Thimble -->
<div class="tool-desc">
<div class="icon">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="194px" height="210px" viewBox="0 0 194 210" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>Thimble</title>
<desc>Thimble by Mozilla</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Artboard-29" sketch:type="MSArtboardGroup" transform="translate(-48.000000, -28.000000)">
<g id="thimble" sketch:type="MSLayerGroup" transform="translate(49.000000, 28.000000)">
<path d="M189.328051,167.481176 C187.591876,165.748471 178.965436,161.036235 178.965436,161.036235 C178.965436,161.036235 165.350688,34.5717647 162.861483,30.4796471 C160.372278,26.3867059 133.480944,0.170470588 94.133688,0.170470588 C61.7847436,0.167176471 30.7925726,23.7168235 28.4716239,30.4796471 C26.0640726,37.492 12.3561239,161.021412 12.3561239,161.021412 C12.3561239,161.021412 3.72061111,165.312824 2.38363248,167.481176 C1.04665385,169.649529 -1.38151709,179.081412 0.178978632,185.103059 C1.73864957,191.123882 50.2171154,209.176471 95.7939829,209.176471 C138.972372,209.176471 188.685543,190.180118 191.484868,185.103059 C193.238363,181.924235 191.060103,169.214706 189.328051,167.481176" id="Fill-1" fill="#9EADB2" sketch:type="MSShapeGroup"></path>
<path d="M65.6678376,61.5588235 C65.6678376,65.8247059 62.2004359,69.2687059 57.9437137,69.2687059 C53.6861667,69.2687059 50.2171154,65.8247059 50.2171154,61.5588235 C50.2171154,57.3077647 53.6861667,53.8596471 57.9437137,53.8596471 C62.2004359,53.8596471 65.6678376,57.3077647 65.6678376,61.5588235" id="Fill-2" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M100.452376,53.8563529 C100.452376,58.1222353 96.9833248,61.5621176 92.7233034,61.5621176 C88.4822521,61.5621176 85.0148504,58.1222353 85.0148504,53.8563529 C85.0148504,49.6044706 88.4822521,46.1571765 92.7233034,46.1571765 C96.9833248,46.1571765 100.452376,49.6044706 100.452376,53.8563529" id="Fill-3" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M100.452376,84.9355294 C100.452376,89.1874118 96.9833248,92.6347059 92.7233034,92.6347059 C88.4822521,92.6347059 85.0148504,89.1874118 85.0148504,84.9355294 C85.0148504,80.6844706 88.4822521,77.2256471 92.7233034,77.2256471 C96.9833248,77.2256471 100.452376,80.6844706 100.452376,84.9355294" id="Fill-4" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M100.452376,119.909176 C100.452376,124.156941 96.9833248,127.615765 92.7233034,127.615765 C88.4822521,127.615765 85.0148504,124.156941 85.0148504,119.909176 C85.0148504,115.654 88.4822521,112.206706 92.7233034,112.206706 C96.9833248,112.206706 100.452376,115.654 100.452376,119.909176" id="Fill-5" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M135.235265,61.5514118 C135.235265,65.8172941 131.764564,69.2621176 127.49547,69.2621176 C123.252769,69.2621176 119.783718,65.8172941 119.783718,61.5514118 C119.783718,57.3003529 123.252769,53.8530588 127.49547,53.8530588 C131.764564,53.8530588 135.235265,57.3003529 135.235265,61.5514118" id="Fill-6" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M129.740538,96.488 C129.740538,99.0392941 127.661252,101.100588 125.110188,101.100588 C122.583868,101.100588 120.504581,99.0392941 120.504581,96.488 C120.504581,93.9507059 122.583868,91.8861176 125.110188,91.8861176 C127.661252,91.8861176 129.740538,93.9507059 129.740538,96.488" id="Fill-7" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M129.740538,118.556118 C129.740538,121.096706 127.661252,123.161294 125.110188,123.161294 C122.583868,123.161294 120.504581,121.096706 120.504581,118.556118 C120.504581,116.008118 122.583868,113.950118 125.110188,113.950118 C127.661252,113.950118 129.740538,116.008118 129.740538,118.556118" id="Fill-8" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M61.7847436,96.488 C61.7847436,99.0392941 59.7335,101.100588 57.1799615,101.100588 C54.6280726,101.100588 52.5487863,99.0392941 52.5487863,96.488 C52.5487863,93.9507059 54.6280726,91.8861176 57.1799615,91.8861176 C59.7335,91.8861176 61.7847436,93.9507059 61.7847436,96.488" id="Fill-9" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M61.7847436,118.556118 C61.7847436,121.096706 59.7335,123.161294 57.1799615,123.161294 C54.6280726,123.161294 52.5487863,121.096706 52.5487863,118.556118 C52.5487863,116.008118 54.6280726,113.950118 57.1799615,113.950118 C59.7335,113.950118 61.7847436,116.008118 61.7847436,118.556118" id="Fill-10" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M95.7329487,209.176471 L95.7939829,209.176471 L95.7329487,209.176471 M95.6834615,209.176471 L95.7156282,209.176471 L95.6834615,209.176471 M0.178978632,185.103059 C0.185576923,185.131059 0.193824786,185.159059 0.203722222,185.187882 C0.194649573,185.159059 0.186401709,185.131059 0.178978632,185.103059 M191.484868,185.103059 C188.685543,190.180118 138.972372,209.176471 95.7939829,209.176471 C140.23512,209.176471 190.114897,189.461176 191.484868,185.103059 M94.133688,0.170470588 L94.133688,0.170470588 C133.480944,0.170470588 160.372278,26.3867059 162.861483,30.4796471 C165.350688,34.5717647 178.965436,161.036235 178.965436,161.036235 C178.965436,161.036235 187.591876,165.748471 189.328051,167.481176 C189.676111,167.829529 190.042316,168.622588 190.391201,169.692353 C190.053863,168.631647 189.689308,167.842706 189.328051,167.481176 C187.591876,165.748471 178.965436,161.036235 178.965436,161.036235 C178.965436,161.036235 165.350688,34.5717647 162.861483,30.4796471 C160.372278,26.3867059 133.480944,0.170470588 94.133688,0.170470588" id="Fill-11" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M125.110188,123.161294 C122.583868,123.161294 120.504581,121.096706 120.504581,118.556118 C120.504581,116.008118 122.583868,113.950118 125.110188,113.950118 C127.661252,113.950118 129.740538,116.008118 129.740538,118.556118 C129.740538,121.096706 127.661252,123.161294 125.110188,123.161294 M125.110188,101.100588 C122.583868,101.100588 120.504581,99.0392941 120.504581,96.488 C120.504581,93.9507059 122.583868,91.8861176 125.110188,91.8861176 C127.661252,91.8861176 129.740538,93.9507059 129.740538,96.488 C129.740538,99.0392941 127.661252,101.100588 125.110188,101.100588 M127.49547,69.2621176 C123.252769,69.2621176 119.783718,65.8172941 119.783718,61.5514118 C119.783718,57.3003529 123.252769,53.8530588 127.49547,53.8530588 C131.764564,53.8530588 135.235265,57.3003529 135.235265,61.5514118 C135.235265,65.8172941 131.764564,69.2621176 127.49547,69.2621176 M94.133688,0.170470588 L93.678406,46.2156471 C97.4897436,46.6858824 100.452376,49.9272941 100.452376,53.8563529 C100.452376,57.8504706 97.4113889,61.1207059 93.5274701,61.5209412 L93.3715855,77.2528235 C97.329735,77.5830588 100.452376,80.9027059 100.452376,84.9355294 C100.452376,89.0202353 97.2497308,92.3629412 93.2198248,92.6190588 L93.026,112.212471 C97.1466325,112.371412 100.452376,115.756118 100.452376,119.909176 C100.452376,124.106706 97.0649786,127.533412 92.8742393,127.614118 L92.7348504,141.722824 C92.7348504,141.722824 52.5487863,143.297412 12.3561239,161.021412 C12.3561239,161.021412 3.72061111,165.312824 2.38363248,167.481176 C1.04665385,169.649529 -1.22398291,179.549176 0.178978632,185.103059 C0.186401709,185.131059 0.194649573,185.159059 0.203722222,185.187882 C2.08011111,190.838118 51.0443761,209.147647 95.6834615,209.176471 L95.7156282,209.176471 L95.7329487,209.176471 L95.7939829,209.176471 C138.972372,209.176471 188.685543,190.180118 191.484868,185.103059 C192.571936,181.654118 191.672094,173.714471 190.391201,169.692353 C190.042316,168.622588 189.676111,167.829529 189.328051,167.481176 C187.591876,165.748471 178.965436,161.036235 178.965436,161.036235 C178.965436,161.036235 165.350688,34.5717647 162.861483,30.4796471 C160.372278,26.3867059 133.480944,0.170470588 94.133688,0.170470588" id="Fill-12" fill="#AEBCBF" sketch:type="MSShapeGroup"></path>
<path d="M93.678406,46.2156471 L93.5274701,61.5209412 C97.4113889,61.1207059 100.452376,57.8504706 100.452376,53.8563529 C100.452376,49.9272941 97.4897436,46.6858824 93.678406,46.2156471" id="Fill-13" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M93.3715855,77.2528235 L93.2198248,92.6190588 C97.2497308,92.3629412 100.452376,89.0202353 100.452376,84.9355294 C100.452376,80.9027059 97.329735,77.5830588 93.3715855,77.2528235" id="Fill-14" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M93.026,112.212471 L92.8742393,127.614118 C97.0649786,127.533412 100.452376,124.106706 100.452376,119.909176 C100.452376,115.756118 97.1466325,112.371412 93.026,112.212471" id="Fill-15" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M127.49547,53.8530588 C123.252769,53.8530588 119.783718,57.3003529 119.783718,61.5514118 C119.783718,65.8172941 123.252769,69.2621176 127.49547,69.2621176 C131.764564,69.2621176 135.235265,65.8172941 135.235265,61.5514118 C135.235265,57.3003529 131.764564,53.8530588 127.49547,53.8530588" id="Fill-16" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M125.110188,91.8861176 C122.583868,91.8861176 120.504581,93.9507059 120.504581,96.488 C120.504581,99.0392941 122.583868,101.100588 125.110188,101.100588 C127.661252,101.100588 129.740538,99.0392941 129.740538,96.488 C129.740538,93.9507059 127.661252,91.8861176 125.110188,91.8861176" id="Fill-17" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M125.110188,113.950118 C122.583868,113.950118 120.504581,116.008118 120.504581,118.556118 C120.504581,121.096706 122.583868,123.161294 125.110188,123.161294 C127.661252,123.161294 129.740538,121.096706 129.740538,118.556118 C129.740538,116.008118 127.661252,113.950118 125.110188,113.950118" id="Fill-18" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M168.906342,179.416588 C168.906342,179.416588 138.714214,195.371647 95.7972821,195.371647 C55.4182179,195.371647 22.7731752,179.416588 22.7731752,179.416588 C22.7731752,179.416588 54.8862308,161.028824 95.7972821,161.028824 C138.407393,161.028824 168.906342,179.416588 168.906342,179.416588" id="Fill-19" fill="#5C6E74" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</svg>
</div>
<h4>Thimble</h4>
<p>Thimble makes it ridiculously simple to create and share your own web pages.
Write and edit HTML and CSS right in your browser, then instantly preview your work.</p>
<div class="clearfix">
<button class="create-user btn btn-primary" type="button">Try Thimble now</button>
<a href="#" class="explore-link">{{ 'ExploreWebmaker' | i18n }}</a>
</div>
</div>
<!-- =========================================== -->
<!-- Popcorn Maker -->
<div class="tool-desc">
<div class="icon">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="166px" height="252px" viewBox="0 0 166 252" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>Popcorn Maker</title>
<desc>Popcorn Maker by Mozilla</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Artboard-28" sketch:type="MSArtboardGroup" transform="translate(-63.000000, -9.000000)">
<g id="popcorn-maker" sketch:type="MSLayerGroup" transform="translate(63.000000, 10.000000)">
<path d="M13.8047742,115.45429 L24.2270753,196.964269 L39.7096989,207.581216 L32.6145376,126.292961 L13.8047742,115.45429 L13.8047742,115.45429 Z M55.8366882,218.622912 L71.0444301,229.065329 L71.0444301,148.434233 L51.2493763,137.031901 L55.8366882,218.622912 L55.8366882,218.622912 Z" id="Fill-1" fill="#FEFBF1" sketch:type="MSShapeGroup"></path>
<path d="M83.1419032,66.9420636 L83.1419032,141.66318 L147.995247,104.302177 L83.1419032,66.9420636" id="Fill-2" fill="#61625E" sketch:type="MSShapeGroup"></path>
<path d="M18.2930215,104.302177 L83.1419032,141.66318 L83.1419032,66.9420636 L18.2930215,104.302177" id="Fill-3" fill="#BABCB4" sketch:type="MSShapeGroup"></path>
<path d="M165.886656,104.302177 C165.886656,102.184664 164.755892,100.212297 162.907581,99.1481979 L86.1316882,54.9235336 C85.2035161,54.3883675 84.1736022,54.1265724 83.1570753,54.1265724 L83.1570753,66.9536396 L147.995247,104.302177 L83.1570753,141.66318 L83.1570753,250.532523 C84.3253226,250.532523 85.5078495,250.183463 86.5252688,249.485343 L151.018946,205.254445 C152.418344,204.288297 153.335806,202.78253 153.555355,201.112919 L165.840247,105.06441 C165.872376,104.802615 165.886656,104.563972 165.886656,104.302177 M110.451581,218.622912 L95.4580323,228.925527 L95.4580323,148.306898 L115.039785,137.031901 L110.451581,218.622912 M142.062978,196.964269 L126.579462,207.581216 L133.684441,126.292961 L152.48171,115.45429 L142.062978,196.964269" id="Fill-4" fill="#922E27" sketch:type="MSShapeGroup"></path>
<path d="M83.1570753,141.66318 L83.1419032,141.66318 L18.2930215,104.302177 L83.1419032,66.9420636 L83.1570753,66.9536396 L83.1570753,54.1265724 C84.1736022,54.1265724 85.2035161,54.3883675 86.1316882,54.9235336 C84.2815914,53.8532014 82.0066774,53.8532014 80.1672903,54.9235336 L3.38158065,99.1481979 C1.54219355,100.212297 0.403397849,102.184664 0.403397849,104.302177 C0.403397849,104.563972 0.424817204,104.802615 0.458731183,105.06441 L0.447129032,105.06441 L12.7320215,201.112919 C12.9506774,202.78253 13.8690323,204.288297 15.2711075,205.254445 L79.7737097,249.485343 C80.791129,250.183463 81.9629462,250.532523 83.1419032,250.532523 L83.1570753,250.532523 L83.1570753,141.66318 M24.2270753,196.964269 L13.8047742,115.45429 L32.6145376,126.292961 L39.7096989,207.581216 L24.2270753,196.964269 M71.0444301,229.065329 L55.8366882,218.622912 L51.2493763,137.031901 L71.0444301,148.434233 L71.0444301,229.065329" id="Fill-5" fill="#C63A2B" sketch:type="MSShapeGroup"></path>
<path d="M124.279559,30.9897668 C121.322796,28.0405654 117.731484,25.8420212 113.78943,24.4796184 C113.801925,24.3050883 113.812634,24.1252155 113.812634,23.9560283 C113.812634,10.5822191 102.915538,-0.284946996 89.5275484,-0.284946996 C79.8370753,-0.284946996 71.3086022,5.35166078 67.411172,13.8804806 C48.5782043,16.4165088 33.9077312,32.705682 33.9077312,52.0607067 C33.9077312,73.3302191 51.2288495,90.6256113 72.5562796,90.6256113 C83.482828,90.6256113 93.9185161,85.9133004 101.210022,77.8617668 C102.381839,78.0184876 103.553656,78.0941767 104.722796,78.0941767 C111.958968,78.0941767 119.031817,75.2616254 124.279559,70.0194912 C129.512129,64.7960565 132.384108,57.872735 132.384108,50.5077456 C132.384108,43.136523 129.512129,36.1962827 124.279559,30.9897668 M115.596688,61.3455265 C111.667129,65.2902615 105.862484,66.7853428 100.475516,65.2493004 L98.7985591,71.1129753 L98.7896344,71.1370177 L93.4374731,68.0595901 C88.3914301,74.6098092 80.8125484,78.3675477 72.5562796,78.3675477 C58.0161075,78.3675477 46.1917312,66.5698516 46.1917312,52.0607067 C46.1917312,37.8605512 57.7760323,26.0851166 72.010086,25.8010601 L76.7401935,25.7129046 L77.8548925,21.1297102 C79.1695054,15.7299647 83.9674409,11.9722261 89.5275484,11.9722261 C96.1407742,11.9722261 101.527742,17.3479293 101.527742,23.9560283 C101.527742,25.079788 101.364419,26.2364947 101.002968,27.4065583 L106.891505,29.1634346 L105.708086,35.2604099 C105.808043,35.2719859 105.90086,35.268424 105.993677,35.2657527 C106.087387,35.2630813 106.181097,35.2604099 106.280161,35.2710954 C109.871473,35.6326219 113.090624,37.1392792 115.605613,39.6521555 C118.500796,42.5612862 120.109925,46.4000565 120.109925,50.5077456 C120.109925,54.5976254 118.500796,58.4657809 115.596688,61.3455265" id="Fill-6" fill="#F0CE5B" sketch:type="MSShapeGroup"></path>
<path d="M100.475516,65.2493004 C105.862484,66.7853428 111.667129,65.2902615 115.596688,61.3455265 C118.500796,58.4657809 120.109925,54.5976254 120.109925,50.5077456 C120.109925,46.4000565 118.500796,42.5612862 115.605613,39.6521555 C113.090624,37.1392792 109.871473,35.6326219 106.280161,35.2710954 C106.08114,35.2488339 105.907108,35.2835618 105.708086,35.2604099 L106.891505,29.1634346 L101.002968,27.4065583 C101.364419,26.2364947 101.527742,25.079788 101.527742,23.9560283 C101.527742,17.3479293 96.1407742,11.9722261 89.5275484,11.9722261 C83.9674409,11.9722261 79.1695054,15.7299647 77.8548925,21.1297102 L76.7401935,25.7129046 L72.010086,25.8010601 C57.7760323,26.0851166 46.1917312,37.8605512 46.1917312,52.0607067 C46.1917312,66.5698516 58.0161075,78.3675477 72.5562796,78.3675477 C80.8125484,78.3675477 88.3914301,74.6098092 93.4374731,68.0595901 L98.7896344,71.1370177 L98.7985591,71.1129753 L100.475516,65.2493004" id="Fill-7" fill="#FEF9DF" sketch:type="MSShapeGroup"></path>
<path d="M42.5682903,76.3720283 L31.8264839,82.5625018 C31.8621828,82.6096961 31.8969892,82.656 31.9326882,82.7031943 L42.6834194,76.5118304 C42.645043,76.4655265 42.6066667,76.4183322 42.5682903,76.3720283 M119.413796,73.8876466 C119.356677,73.923265 119.298667,73.9588834 119.240656,73.9945018 L130.824957,80.6676042 C130.868688,80.6302049 130.912419,80.5928057 130.955258,80.5554064 L119.413796,73.8876466" id="Fill-8" fill="#BEBFBD" sketch:type="MSShapeGroup"></path>
<path d="M101.210022,77.8617668 C96.330871,83.2499364 90.0433978,87.1430247 83.1419032,89.1287491 L83.1419032,101.755463 C91.5838065,99.9415972 99.4688065,95.9941908 105.99457,90.3175124 C110.495312,90.1794912 114.933581,89.2765654 119.11571,87.6666148 L102.306871,77.9855406 C101.941849,77.9517032 101.575935,77.910742 101.210022,77.8617668" id="Fill-9" fill="#535653" sketch:type="MSShapeGroup"></path>
<path d="M52.1427419,84.8011166 L40.4790108,91.520523 C49.2404194,98.6228269 60.4016882,102.882784 72.5562796,102.882784 C76.1422366,102.882784 79.6880323,102.498106 83.1419032,101.755463 L83.1419032,89.1287491 C79.7317634,90.1100353 76.1707957,90.6256113 72.5562796,90.6256113 L72.5232581,90.6256113 L72.5125484,90.6256113 L72.4893441,90.6256113 L72.4768495,90.6256113 L72.4554301,90.6256113 L72.443828,90.6256113 L72.4215161,90.6256113 L72.4090215,90.6256113 C72.4018817,90.6256113 72.3938495,90.6247208 72.3858172,90.6247208 L72.376,90.6247208 L72.3483333,90.6247208 L72.3429785,90.6247208 C64.9327742,90.5846502 58.0116452,88.4564523 52.1427419,84.8011166" id="Fill-10" fill="#929791" sketch:type="MSShapeGroup"></path>
<path d="M119.240656,73.9945018 C114.918409,76.650742 109.939301,78.065682 104.875409,78.0941767 L104.872731,78.0941767 L104.831677,78.0941767 L104.812935,78.0941767 L104.795978,78.0941767 L104.772774,78.0941767 L104.759387,78.0941767 L104.722796,78.0941767 C103.918677,78.0941767 103.112774,78.0585583 102.306871,77.9855406 L119.11571,87.6666148 C123.346032,86.0388551 127.313968,83.6862615 130.824957,80.6676042 L119.240656,73.9945018" id="Fill-11" fill="#792E28" sketch:type="MSShapeGroup"></path>
<path d="M42.6834194,76.5118304 L31.9326882,82.7031943 C34.4182258,85.9729611 37.2902043,88.9355194 40.4790108,91.520523 L52.1427419,84.8011166 C48.5541075,82.5660636 45.3581613,79.7602261 42.6834194,76.5118304" id="Fill-12" fill="#A13830" sketch:type="MSShapeGroup"></path>
<path d="M72.4893441,90.6256113 L72.5125484,90.6256113 L72.4893441,90.6256113 M72.4554301,90.6256113 L72.4768495,90.6256113 L72.4554301,90.6256113 M72.4215161,90.6256113 L72.443828,90.6256113 L72.4215161,90.6256113 M72.3858172,90.6247208 C72.3938495,90.6247208 72.4018817,90.6256113 72.4090215,90.6256113 C72.4009892,90.6256113 72.3938495,90.6247208 72.3858172,90.6247208 M72.3483333,90.6247208 L72.376,90.6247208 L72.3483333,90.6247208 M104.772774,78.0941767 L104.759387,78.0941767 L104.772774,78.0941767 M104.812935,78.0941767 L104.795978,78.0941767 L104.812935,78.0941767 M104.872731,78.0941767 L104.831677,78.0941767 L104.872731,78.0941767 M101.210022,77.8617668 C93.9185161,85.9133004 83.482828,90.6256113 72.5562796,90.6256113 L72.5232581,90.6256113 L72.5562796,90.6256113 C76.1707957,90.6256113 79.7317634,90.1100353 83.1419032,89.1287491 C90.0433978,87.1430247 96.330871,83.2499364 101.210022,77.8617668 C101.575935,77.910742 101.941849,77.9517032 102.306871,77.9855406 C103.112774,78.0585583 103.918677,78.0941767 104.722796,78.0941767 C103.553656,78.0941767 102.381839,78.0184876 101.210022,77.8617668 M42.5781075,76.3666855 L42.5682903,76.3720283 C42.6066667,76.4183322 42.645043,76.4655265 42.6834194,76.5118304 C45.3581613,79.7602261 48.5541075,82.5660636 52.1427419,84.8011166 C58.0116452,88.4564523 64.9327742,90.5846502 72.3429785,90.6247208 C60.341,90.5597173 49.6313226,85.00147 42.5781075,76.3666855 M119.395946,73.8769611 C115.037108,76.5901908 110.002667,78.065682 104.875409,78.0941767 C109.939301,78.065682 114.918409,76.650742 119.240656,73.9945018 C119.298667,73.9588834 119.356677,73.923265 119.413796,73.8876466 L119.395946,73.8769611" id="Fill-13" fill="#B8A253" sketch:type="MSShapeGroup"></path>
<path d="M133.684441,126.292961 L126.579462,207.581216 L142.062978,196.964269 L152.48171,115.45429 L133.684441,126.292961 L133.684441,126.292961 Z M95.4580323,228.925527 L110.451581,218.622912 L115.039785,137.031901 L95.4580323,148.306898 L95.4580323,228.925527 L95.4580323,228.925527 Z" id="Fill-14" fill="#BABCB4" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</svg>
</div>
<h4>Popcorn Maker</h4>
<p>Popcorn Maker helps you easily remix web video, audio and images into cool
mashups that you can embed on other websites. Popcorn Maker videos are dynamic,
full of links and unique with every view.</p>
<div class="clearfix">
<button class="create-user btn btn-primary" type="button">Try Popcorn Maker now</button>
<a href="#" class="explore-link">{{ 'ExploreWebmaker' | i18n }}</a>
</div>
</div>
<!-- ============================== -->
<!-- Appmaker -->
<div class="tool-desc">
<div class="icon">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="165px" height="210px" viewBox="0 0 165 210" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>Appmaker</title>
<desc>Appmaker by Mozilla</desc>
<defs>
<path id="path-1" d="M0.521354167,0.0890217391 L107.397812,0.0890217391 L107.397812,18.648913 L0.521354167,18.648913"></path>
<path id="path-3" d="M-0.242916667,0.0330978261 L20.0005208,0.0330978261 L20.0005208,18.6055435 L-0.242916667,18.6055435"></path>
<path id="path-5" d="M0.521354167,0.275054348 L107.474583,0.275054348 L107.474583,18.8463587 L0.521354167,18.8463587"></path>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Artboard-30" sketch:type="MSArtboardGroup" transform="translate(-62.000000, -27.000000)">
<g id="Appmaker" sketch:type="MSLayerGroup" transform="translate(63.000000, 28.000000)">
<path d="M38.1963542,193.324402 L56.4426042,208.220707 L97.4176042,201.922989 L56.6717708,208.105435 L56.6671875,208.105435 L56.6465625,208.089457 L38.1963542,193.324402 M36.4592708,153.517989 C27.8460417,154.669565 8.86760417,157.239783 5.08291667,158.03413 C-3.966875,159.936685 1.57666667,163.429076 1.57666667,163.429076 L37.7357292,192.948913 L36.444375,189.578641 L36.4592708,189.590054 L36.4592708,153.517989" id="Fill-1" fill="#D3D2D2" sketch:type="MSShapeGroup"></path>
<path d="M163.620417,189.427989 L163.620417,134.895326 L161.74125,133.023587 L162.158333,132.449511 L56.6671875,148.455163 L56.6671875,208.105435 L161.835208,192.148859 L163.620417,189.427989" id="Fill-3" fill="#22A9CD" sketch:type="MSShapeGroup"></path>
<path d="M36.4592708,74.141413 L36.4592708,74.3331522 L38.2857292,76.9513043 L36.4592708,78.5582609 L36.4592708,131.349293 L38.4805208,133.872717 L38.2066667,134.104402 L56.6671875,148.928804 L56.6671875,90.3696196 L36.4592708,74.141413" id="Fill-4" fill="#D8AA29" sketch:type="MSShapeGroup"></path>
<path d="M65.9060417,35.7981522 L80.1659375,33.6342391 L80.1659375,24.6852717 L65.9060417,26.8491848 L65.9060417,35.7981522" id="Fill-5" fill="#138D61" sketch:type="MSShapeGroup"></path>
<path d="M103.013854,30.1680978 L117.27375,28.0041848 L117.27375,19.0540761 L103.013854,21.2191304 L103.013854,30.1680978" id="Fill-6" fill="#138D61" sketch:type="MSShapeGroup"></path>
<path d="M140.897396,24.4204891 L155.157292,22.2554348 L155.157292,13.3064674 L140.897396,15.4715217 L140.897396,24.4204891" id="Fill-7" fill="#138D61" sketch:type="MSShapeGroup"></path>
<path d="M36.4409375,16.8239674 L143.394167,0.59576087 L163.620417,16.8604891 L56.6671875,33.0886957 L36.4409375,16.8239674" id="Fill-8" fill="#3CD6A3" sketch:type="MSShapeGroup"></path>
<path d="M107.745,6.03978261 L128.840937,2.80646739 L137.693646,10.0252174 L116.596563,13.2585326 L107.745,6.03978261" id="Fill-9" fill="#35B48C" sketch:type="MSShapeGroup"></path>
<path d="M51.706875,14.5436413 L72.8028125,11.3103261 L81.6555208,18.5290761 L60.5584375,21.7635326 L51.706875,14.5436413" id="Fill-10" fill="#35B48C" sketch:type="MSShapeGroup"></path>
<path d="M115.668437,11.9620109 C115.668437,13.8280435 120.641354,15.3391304 126.775,15.3391304 C132.908646,15.3391304 137.881563,13.8280435 137.881563,11.9620109 L137.881563,3.32461957 L115.668437,3.32461957 L115.668437,11.9620109" id="Fill-11" fill="#219972" sketch:type="MSShapeGroup"></path>
<path d="M115.668437,3.30293478 C115.668437,5.16896739 120.641354,6.68119565 126.775,6.68119565 C132.908646,6.68119565 137.881563,5.16896739 137.881563,3.30293478 C137.881563,1.43690217 132.908646,-0.075326087 126.775,-0.075326087 C120.641354,-0.075326087 115.668437,1.43690217 115.668437,3.30293478" id="Fill-12" fill="#3CD6A3" sketch:type="MSShapeGroup"></path>
<path d="M59.7655208,20.512663 C59.7655208,22.3786957 64.7384375,23.8909239 70.8720833,23.8909239 C77.006875,23.8909239 81.9797917,22.3786957 81.9797917,20.512663 L81.9797917,11.876413 L59.7655208,11.876413 L59.7655208,20.512663" id="Fill-13" fill="#219972" sketch:type="MSShapeGroup"></path>
<path d="M59.7655208,11.8547283 C59.7655208,13.7207609 64.7384375,15.2329891 70.8720833,15.2329891 C77.006875,15.2329891 81.9797917,13.7207609 81.9797917,11.8547283 C81.9797917,9.98755435 77.006875,8.47646739 70.8720833,8.47646739 C64.7384375,8.47646739 59.7655208,9.98755435 59.7655208,11.8547283" id="Fill-14" fill="#3CD6A3" sketch:type="MSShapeGroup"></path>
<path d="M37.7357292,192.948913 L37.7403125,192.959185 L38.1963542,193.324402 L37.7357292,192.948913" id="Fill-15" fill="#D9D9D9" sketch:type="MSShapeGroup"></path>
<path d="M37.7105208,192.883859 L37.7357292,192.948913 L38.1963542,193.324402 L56.6465625,208.089457 L37.7105208,192.883859 M36.444375,189.578641 L36.444375,189.578641 L37.6360417,192.687554 L36.4592708,189.617446 L36.4592708,189.590054 L36.444375,189.578641" id="Fill-16" fill="#B4B3B3" sketch:type="MSShapeGroup"></path>
<path d="M163.620417,130.432826 L163.620417,77.5961413 L161.74125,75.7244022 L162.8,74.2658152 L56.6671875,90.3684783 L56.6671875,148.928804 L161.771042,132.981359 L163.620417,130.432826" id="Fill-17" fill="#FFCD18" sketch:type="MSShapeGroup"></path>
<g id="Group-22" transform="translate(56.145833, 189.456522)">
<mask id="mask-2" sketch:name="Clip 19" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-19"></g>
<path d="M107.397812,0.0890217391 L107.397812,0.0890217391 L105.689375,2.69233696 L41.7415625,12.3945652 L41.2717708,12.4664674 L105.690521,2.69233696 L107.397812,0.0890217391" id="Fill-18" fill="#D9D9D9" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
<path d="M41.7415625,12.3945652 L0.521354167,18.648913 L0.5259375,18.648913 L41.2717708,12.4664674 L41.7415625,12.3945652" id="Fill-20" fill="#B4B3B3" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
<path d="M107.397813,0.0890217391 L0.521354167,16.3035326 L0.521354167,18.648913 L105.689375,2.69233696 L107.397813,0.0890217391" id="Fill-21" fill="#1D90AE" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
</g>
<path d="M163.620417,73.1336413 L163.620417,16.8616304 L56.6671875,33.0886957 L56.6671875,91.6490217 L161.756146,75.7027174 L163.620417,73.1336413" id="Fill-23" fill="#35B48C" sketch:type="MSShapeGroup"></path>
<path d="M151.306146,134.596304 L144.644271,135.6075 L144.644271,149.663804 C144.644271,149.663804 144.741667,156.169239 138.430417,157.125652 C124.098333,159.300978 89.5182292,164.547554 83.7936458,165.416087 C83.3204167,165.487989 82.8792708,165.521087 82.4667708,165.521087 C76.5565625,165.521087 76.6929167,158.631033 76.6929167,158.631033 L76.6929167,145.916902 L70.0298958,146.926957 L70.0298958,186.170707 L70.0436458,186.169565 C70.1525,188.210217 70.9923958,193.194293 76.6161458,193.194293 C77.1386458,193.194293 77.70125,193.150924 78.3096875,193.058478 C81.0390625,192.645326 94.6721875,190.576141 111.051875,188.091522 C127.176042,185.644565 140.341667,183.647283 143.028646,183.239837 C150.123646,182.163587 151.152604,176.110109 151.287813,173.842337 L151.306146,173.838913 L151.306146,134.596304" id="Fill-24" fill="#DEF2F9" sketch:type="MSShapeGroup"></path>
<g id="Group-28" transform="translate(69.895833, 34.239130)" sketch:type="MSShapeGroup">
<path d="M6.79708333,54.3705978 L0.1340625,55.3817935 L0.1340625,110.343587 L6.79708333,109.333533 L6.79708333,54.3705978 M81.4103125,43.05 L74.7484375,44.0600543 L74.7484375,99.0241304 L81.4103125,98.0129348 L81.4103125,43.05" id="Fill-25" fill="#FFF9DD"></path>
<path d="M74.5960417,-0.488478261 L74.4069792,-0.488478261 C74.0059375,-0.482771739 73.583125,-0.448532609 73.1351042,-0.381195652 C67.7176042,0.442826087 13.8325,8.61684783 8.415,9.43858696 C-0.366666667,10.7716304 0.142083333,19.6977717 0.142083333,19.6977717 L0.142083333,24.5346196 L0.1340625,24.5369022 L0.1340625,53.0375543 L6.79708333,52.0275 L6.79708333,27.2497826 C6.79708333,27.2497826 6.31697917,21.8833696 11.7241667,21.0627717 C27.7383333,18.6317935 67.6775,12.5726087 70.6555208,12.1206522 C70.9190625,12.0807065 71.1654167,12.0624457 71.3957292,12.0624457 C74.4860417,12.0613043 74.7484375,15.3927717 74.7484375,15.3927717 L74.7484375,41.7169565 L81.4103125,40.7057609 L81.4103125,12.2051087 L81.4080208,12.2051087 L81.4080208,7.36711957 C81.4080208,7.36711957 80.9852083,-0.41201087 74.5960417,-0.488478261" id="Fill-27" fill="#E1F4EE"></path>
</g>
<path d="M70.0298958,87.2766848 L56.6671875,89.3047826 L56.6671875,91.6478804 L70.0298958,89.6209239 L70.0298958,87.2766848 M144.644271,75.956087 L76.6929167,86.2666304 L76.6929167,88.6097283 L144.644271,78.2991848 L144.644271,75.956087 M163.620417,73.0765761 L151.306146,74.9448913 L151.306146,77.2891304 L161.756146,75.7027174 L163.620417,73.1336413 L163.620417,73.0765761" id="Fill-29" fill="#30A27E" sketch:type="MSShapeGroup"></path>
<path d="M76.6929167,86.2666304 L70.0298958,87.2766848 L70.0298958,89.6209239 L76.6929167,88.6097283 L76.6929167,86.2666304 M151.306146,74.9448913 L144.644271,75.956087 L144.644271,78.2991848 L151.306146,77.2891304 L151.306146,74.9448913" id="Fill-31" fill="#CADBD6" sketch:type="MSShapeGroup"></path>
<path d="M36.4489583,130.38375 L36.4489583,131.336739 L38.4278125,133.807663 L38.4289583,133.808804 L36.4592708,131.349293 L36.4592708,130.391739 L36.4489583,130.38375" id="Fill-32" fill="#E0E0E0" sketch:type="MSShapeGroup"></path>
<path d="M36.4592708,130.391739 L36.4592708,131.349293 L38.4289583,133.808804 L56.6671875,148.455163 L56.6671875,146.611957 L36.4592708,130.391739" id="Fill-33" fill="#BE9524" sketch:type="MSShapeGroup"></path>
<path d="M38.4255208,133.806522 L38.479375,133.873859 L36.4592708,135.588098 L36.4592708,189.617446 L37.7105208,192.883859 L56.6671875,208.105435 L56.6671875,148.455163 L38.4255208,133.806522" id="Fill-34" fill="#178FAA" sketch:type="MSShapeGroup"></path>
<path d="M36.4592708,16.8616304 L36.4592708,74.3331522 L38.1826042,76.8040761 L56.6671875,91.6478804 L56.6671875,33.0886957 L36.4592708,16.8616304" id="Fill-35" fill="#219972" sketch:type="MSShapeGroup"></path>
<g id="Group-40" transform="translate(36.666667, 73.043478)">
<mask id="mask-4" sketch:name="Clip 37" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="Clip-37"></g>
<path d="M-0.242916667,0.0330978261 L-0.242916667,1.23717391 L-0.207395833,1.28853261 L-0.207395833,0.0616304348 L-0.242916667,0.0330978261" id="Fill-36" fill="#D9D9D9" sketch:type="MSShapeGroup" mask="url(#mask-4)"></path>
<path d="M1.5159375,3.76059783 L1.5571875,3.81994565 L20.0005208,18.6055435 L20.0005208,18.6044022 L1.5159375,3.76059783 M-0.207395833,1.09793478 L-0.207395833,1.28853261 L-0.207395833,1.09793478" id="Fill-38" fill="#B89123" sketch:type="MSShapeGroup" mask="url(#mask-4)"></path>
<path d="M20.0005208,18.6055435 L20.0005208,18.6044022" id="Fill-39" fill="#2D9977" sketch:type="MSShapeGroup" mask="url(#mask-4)"></path>
</g>
<path d="M56.6671875,89.3047826 L56.6671875,91.6478804 L56.6671875,89.3047826" id="Fill-41" fill="#298A6B" sketch:type="MSShapeGroup"></path>
<path d="M36.4592708,73.1051087 L36.4592708,74.3331522 L38.1826042,76.8040761 L56.6671875,91.6478804 L56.6671875,89.3047826 L36.4592708,73.1051087" id="Fill-42" fill="#1C8261" sketch:type="MSShapeGroup"></path>
<g id="Group-47" transform="translate(56.145833, 130.108696)" sketch:type="MSShapeGroup">
<path d="M105.856667,2.55538043 L105.759271,2.68891304 L105.625208,2.87266304 L105.603438,2.90347826 L105.856667,2.55538043 M107.474583,0.324130435 L106.011354,2.34081522 L106.0125,2.34081522 L107.474583,0.324130435" id="Fill-43" fill="#E0E0E0"></path>
<path d="M13.8840625,16.7931522 L0.521354167,18.8201087 L0.521354167,18.8452174 L13.8840625,16.8182609 L13.8840625,16.7931522 M88.4984375,5.47141304 L20.5470833,15.7819565 L20.5470833,15.8082065 L88.4984375,5.49880435 L88.4984375,5.47141304 M105.625208,2.87266304 L95.1603125,4.4613587 L95.1603125,4.4876087 L105.603437,2.90347826 L105.625208,2.87380435 M106.0125,2.34081522 L106.0125,2.34081522 L105.759271,2.68891304 L105.856667,2.55538043 L106.011354,2.34081522" id="Fill-45" fill="#1E94B4"></path>
<path d="M13.8840625,14.4740217 L0.521354167,16.5021196 L0.521354167,18.8201087 L13.8840625,16.7931522 L13.8840625,14.4740217 M88.4984375,3.15456522 L20.5470833,13.4639674 L20.5470833,15.7819565 L88.4984375,5.47141304 L88.4984375,3.15456522 M107.474583,0.275054348 L95.1603125,2.14336957 L95.1603125,4.4613587 L105.625208,2.87266304 L107.474583,0.324130435 L107.474583,0.275054348" id="Fill-46" fill="#E0B414"></path>
</g>
<path d="M76.6929167,145.890652 L70.0298958,146.901848 L70.0298958,146.926957 L76.6929167,145.916902 L76.6929167,145.890652 M151.306146,134.570054 L144.644271,135.580109 L144.644271,135.6075 L151.306146,134.596304 L151.306146,134.570054" id="Fill-48" fill="#C3D5DA" sketch:type="MSShapeGroup"></path>
<g id="Group-52" transform="translate(56.145833, 130.108696)">
<mask id="mask-6" sketch:name="Clip 50" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<g id="Clip-50"></g>
<path d="M20.5470833,13.4639674 L13.8840625,14.4740217 L13.8840625,16.7931522 L20.5470833,15.7819565 L20.5470833,13.4639674 M95.1603125,2.14336957 L88.4984375,3.15456522 L88.4984375,5.47141304 L95.1603125,4.4613587 L95.1603125,2.14336957" id="Fill-49" fill="#E0DAC2" sketch:type="MSShapeGroup" mask="url(#mask-6)"></path>
<path d="M0.521354167,18.3464674 L0.521354167,18.8463587 L0.521354167,18.3464674" id="Fill-51" fill="#137E95" sketch:type="MSShapeGroup" mask="url(#mask-6)"></path>
</g>
<path d="M105.184062,174.560217 C105.184062,177.832337 107.638437,180.111522 110.668021,179.652717 C113.697604,179.192772 116.151979,176.168315 116.151979,172.896196 C116.151979,169.625217 113.697604,167.344891 110.668021,167.804837 C107.638437,168.263641 105.184062,171.289239 105.184062,174.560217" id="Fill-53" fill="#34B1DE" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</svg>
</div>
<h4>Appmaker</h4>
<p>Appmaker is a free tool for creating personal mobile apps, even if you don't
know how to code!</p>
<div class="clearfix">
<button class="create-user btn btn-primary" type="button">Try Appmaker now</button>
<a href="#" class="explore-link">{{ 'ExploreWebmaker' | i18n }}</a>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment