1
0
mirror of https://github.com/kremalicious/appstorebadges.git synced 2024-12-27 15:17:41 +01:00
appstorebadges/dist/index.html

219 lines
21 KiB
HTML
Raw Permalink Normal View History

<!doctype html>
<html lang="en">
2015-09-12 23:11:22 +02:00
<head>
<meta charset="UTF-8">
<title>CSS App Store Badges</title>
2015-09-12 23:11:22 +02:00
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="cleartype" content="on">
2015-09-12 23:11:22 +02:00
2015-09-14 00:21:18 +02:00
<link rel="stylesheet" href="stage.min.css">
<link rel="stylesheet" href="appstorebadges.min.css">
</head>
2015-09-12 23:11:22 +02:00
<body>
2015-09-12 23:11:22 +02:00
<div class="stage">
<h1>CSS App Store Badges</h1>
2015-09-12 23:11:22 +02:00
<p>
2015-09-13 20:23:26 +02:00
<a class="badge " href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 20 20">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5640259,13.8623047
2015-09-13 22:01:48 +02:00
c-0.4133301,0.9155273-0.6115723,1.3251343-1.1437988,2.1346436c-0.7424927,1.1303711-1.7894897,2.5380249-3.086853,2.5500488
c-1.1524048,0.0109253-1.4483032-0.749939-3.0129395-0.741333c-1.5640259,0.008606-1.8909302,0.755127-3.0438843,0.7442017
c-1.296814-0.0120239-2.2891235-1.2833252-3.0321655-2.4136963c-2.0770874-3.1607666-2.2941895-6.8709106-1.0131836-8.8428955
c0.9106445-1.4013062,2.3466187-2.2217407,3.6970215-2.2217407c1.375,0,2.239502,0.7539673,3.3761597,0.7539673
c1.1028442,0,1.7749023-0.755127,3.3641357-0.755127c1.201416,0,2.4744263,0.6542969,3.3816528,1.7846069
C14.0778809,8.4837646,14.5608521,12.7279663,17.5640259,13.8623047z M12.4625244,3.8076782
c0.5775146-0.741333,1.0163574-1.7880859,0.8571167-2.857666c-0.9436035,0.0653076-2.0470581,0.6651611-2.6912842,1.4477539 C10.0437012,3.107605,9.56073,4.1605835,9.7486572,5.1849365C10.7787476,5.2164917,11.8443604,4.6011963,12.4625244,3.8076782z"/>
</svg> <span class="badge__text">Download on the</span>
<span class="badge__storename">App Store</span>
</a>
2015-09-13 20:23:26 +02:00
<a class="badge " href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 20 20">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5640259,13.8623047
2015-09-13 22:01:48 +02:00
c-0.4133301,0.9155273-0.6115723,1.3251343-1.1437988,2.1346436c-0.7424927,1.1303711-1.7894897,2.5380249-3.086853,2.5500488
c-1.1524048,0.0109253-1.4483032-0.749939-3.0129395-0.741333c-1.5640259,0.008606-1.8909302,0.755127-3.0438843,0.7442017
c-1.296814-0.0120239-2.2891235-1.2833252-3.0321655-2.4136963c-2.0770874-3.1607666-2.2941895-6.8709106-1.0131836-8.8428955
c0.9106445-1.4013062,2.3466187-2.2217407,3.6970215-2.2217407c1.375,0,2.239502,0.7539673,3.3761597,0.7539673
c1.1028442,0,1.7749023-0.755127,3.3641357-0.755127c1.201416,0,2.4744263,0.6542969,3.3816528,1.7846069
C14.0778809,8.4837646,14.5608521,12.7279663,17.5640259,13.8623047z M12.4625244,3.8076782
c0.5775146-0.741333,1.0163574-1.7880859,0.8571167-2.857666c-0.9436035,0.0653076-2.0470581,0.6651611-2.6912842,1.4477539 C10.0437012,3.107605,9.56073,4.1605835,9.7486572,5.1849365C10.7787476,5.2164917,11.8443604,4.6011963,12.4625244,3.8076782z"/>
</svg> <span class="badge__text">Download on the</span>
<span class="badge__storename">Mac App Store</span>
</a>
2015-09-13 20:23:26 +02:00
<a class="badge " href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 20 20">
<path d="M4.942627,18.0508423l7.6660156-4.3273926l-1.6452026-1.8234253L4.942627,18.0508423z M2.1422119,2.1231079
2015-09-13 22:01:48 +02:00
C2.0543823,2.281311,2,2.4631958,2,2.664917v15.1259766c0,0.2799683,0.1046143,0.5202026,0.2631226,0.710144l7.6265259-7.7912598
L2.1422119,2.1231079z M17.4795532,9.4819336l-2.6724854-1.508606l-2.72229,2.7811279l1.9516602,2.1630249l3.4431152-1.9436035
C17.7927856,10.8155518,17.9656372,10.5287476,18,10.2279053C17.9656372,9.927063,17.7927856,9.6402588,17.4795532,9.4819336z
M13.3649292,7.1592407L4.1452026,1.954834l6.8656616,7.609314L13.3649292,7.1592407z"/>
</svg> <span class="badge__text">Get it on</span>
<span class="badge__storename">Google Play</span>
</a>
2015-09-13 20:23:26 +02:00
<a class="badge " href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 20 20">
<path d="M9.5,3.2410278V9.5H18V2L9.5,3.2410278z M2,9.5h6.5V3.3870239L2,4.3359985V9.5z M9.5,16.7589722L18,18v-7.5H9.5V16.7589722z
2015-09-13 22:01:48 +02:00
M2,15.6640015l6.5,0.9489746V10.5H2V15.6640015z"/>
</svg> <span class="badge__text">Download from</span>
<span class="badge__storename">Windows Store</span>
</a>
2015-09-13 20:23:26 +02:00
<a class="badge " href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="-410 288.3 20 20">
<path d="M-392.5,305.3c-0.1,0.1-0.2,0.1-0.4,0.2c-0.2,0-0.4-0.2-0.3-0.4c0.1-0.4,0.3-0.7,0.4-1.1c0.1-0.2,0.1-0.4,0.1-0.6
2015-09-13 20:23:26 +02:00
c0-0.1,0-0.2-0.2-0.2c-0.4,0-0.7,0-1.1,0c-0.2,0-0.5,0.1-0.7,0.1c-0.2,0-0.3,0-0.4-0.2c-0.1-0.2,0-0.3,0.1-0.4
c0.2-0.2,0.5-0.3,0.8-0.4c0.4-0.2,0.9-0.2,1.4-0.2c0.3,0,0.6,0.1,0.9,0.1c0.3,0.1,0.5,0.2,0.5,0.6
C-391.4,303.6-391.7,304.5-392.5,305.3z M-396.8,301.9c-0.2,0.2-0.5,0.2-0.7,0c-0.4-0.3-0.7-0.7-0.9-1.1c-0.1-0.1-0.1-0.2-0.2-0.3
c-0.2,0.2-0.4,0.3-0.5,0.5c-0.8,0.8-1.8,1.1-2.9,1.1c-0.5,0-1,0-1.5-0.2c-0.9-0.4-1.5-1-1.7-2c-0.2-0.8-0.2-1.7,0-2.5
c0.3-1,1-1.7,1.9-2.1c0.7-0.4,1.5-0.6,2.3-0.7c0.6-0.1,1.3-0.1,1.9-0.2c0.1,0,0.2,0,0.1-0.1c0-0.4,0-0.8-0.1-1.2
c-0.1-0.7-0.5-1.1-1.1-1.2c-0.7-0.1-1.3,0.1-1.8,0.6c-0.2,0.2-0.3,0.4-0.3,0.7c-0.1,0.4-0.2,0.5-0.6,0.4c-0.6-0.1-1.2-0.2-1.8-0.2
c-0.3,0-0.4-0.2-0.4-0.5c0.3-1.5,1.2-2.5,2.6-3c1.2-0.5,3.1-0.3,3.4-0.3c0.7,0.1,1.4,0.4,2,0.8c0.7,0.5,1.1,1.2,1.1,2.1
c0,0.5,0,1,0,1.5c0,1.2,0,2.4,0,3.6c0,0.8,0.2,1.4,0.7,2c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.2,0.1,0.4-0.1,0.5
C-395.7,301-396.3,301.5-396.8,301.9z M-399.3,296.1c-0.4,0-0.8,0-1.2,0.1c-1.4,0.2-2.1,1.2-1.9,2.6c0.1,0.9,0.9,1.4,1.8,1.1
c0.6-0.2,1-0.7,1.3-1.3c0.2-0.6,0.2-1.1,0.2-1.7c0-0.2,0-0.3,0-0.5C-399,296.2-399.1,296.1-399.3,296.1z M-399.4,305.1
c1.8-0.2,3.5-0.7,5.2-1.4c0.1,0,0.2-0.1,0.3-0.1c0.2,0,0.4,0.1,0.5,0.3c0.1,0.2,0,0.4-0.2,0.6c-0.4,0.3-0.8,0.6-1.2,0.8
c-1.4,0.8-2.8,1.3-4.4,1.5c-0.5,0.1-1,0.1-1.4,0.1c-1.8,0-3.4-0.6-4.9-1.5c-1.1-0.6-2-1.4-2.9-2.2c-0.2-0.2-0.2-0.4-0.1-0.6
c0.1-0.2,0.4-0.2,0.6-0.1c0.4,0.2,0.8,0.5,1.3,0.7c1.2,0.7,2.5,1.3,3.9,1.6C-401.7,305.1-400.5,305.2-399.4,305.1z"/>
2015-09-13 22:01:48 +02:00
</svg> <span class="badge__text">Available at</span>
<span class="badge__storename">Amazon</span>
</a> </p>
2015-09-12 23:11:22 +02:00
<p>
2015-09-13 20:23:26 +02:00
<a class="badge badge--small" href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 20 20">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5640259,13.8623047
2015-09-13 22:01:48 +02:00
c-0.4133301,0.9155273-0.6115723,1.3251343-1.1437988,2.1346436c-0.7424927,1.1303711-1.7894897,2.5380249-3.086853,2.5500488
c-1.1524048,0.0109253-1.4483032-0.749939-3.0129395-0.741333c-1.5640259,0.008606-1.8909302,0.755127-3.0438843,0.7442017
c-1.296814-0.0120239-2.2891235-1.2833252-3.0321655-2.4136963c-2.0770874-3.1607666-2.2941895-6.8709106-1.0131836-8.8428955
c0.9106445-1.4013062,2.3466187-2.2217407,3.6970215-2.2217407c1.375,0,2.239502,0.7539673,3.3761597,0.7539673
c1.1028442,0,1.7749023-0.755127,3.3641357-0.755127c1.201416,0,2.4744263,0.6542969,3.3816528,1.7846069
C14.0778809,8.4837646,14.5608521,12.7279663,17.5640259,13.8623047z M12.4625244,3.8076782
c0.5775146-0.741333,1.0163574-1.7880859,0.8571167-2.857666c-0.9436035,0.0653076-2.0470581,0.6651611-2.6912842,1.4477539 C10.0437012,3.107605,9.56073,4.1605835,9.7486572,5.1849365C10.7787476,5.2164917,11.8443604,4.6011963,12.4625244,3.8076782z"/>
</svg> <span class="badge__text">Download on the</span>
<span class="badge__storename">App Store</span>
</a>
2015-09-13 20:23:26 +02:00
<a class="badge badge--small" href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 20 20">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5640259,13.8623047
2015-09-13 22:01:48 +02:00
c-0.4133301,0.9155273-0.6115723,1.3251343-1.1437988,2.1346436c-0.7424927,1.1303711-1.7894897,2.5380249-3.086853,2.5500488
c-1.1524048,0.0109253-1.4483032-0.749939-3.0129395-0.741333c-1.5640259,0.008606-1.8909302,0.755127-3.0438843,0.7442017
c-1.296814-0.0120239-2.2891235-1.2833252-3.0321655-2.4136963c-2.0770874-3.1607666-2.2941895-6.8709106-1.0131836-8.8428955
c0.9106445-1.4013062,2.3466187-2.2217407,3.6970215-2.2217407c1.375,0,2.239502,0.7539673,3.3761597,0.7539673
c1.1028442,0,1.7749023-0.755127,3.3641357-0.755127c1.201416,0,2.4744263,0.6542969,3.3816528,1.7846069
C14.0778809,8.4837646,14.5608521,12.7279663,17.5640259,13.8623047z M12.4625244,3.8076782
c0.5775146-0.741333,1.0163574-1.7880859,0.8571167-2.857666c-0.9436035,0.0653076-2.0470581,0.6651611-2.6912842,1.4477539 C10.0437012,3.107605,9.56073,4.1605835,9.7486572,5.1849365C10.7787476,5.2164917,11.8443604,4.6011963,12.4625244,3.8076782z"/>
</svg> <span class="badge__text">Download on the</span>
<span class="badge__storename">Mac App Store</span>
</a>
2015-09-13 20:23:26 +02:00
<a class="badge badge--small" href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 20 20">
<path d="M4.942627,18.0508423l7.6660156-4.3273926l-1.6452026-1.8234253L4.942627,18.0508423z M2.1422119,2.1231079
2015-09-13 22:01:48 +02:00
C2.0543823,2.281311,2,2.4631958,2,2.664917v15.1259766c0,0.2799683,0.1046143,0.5202026,0.2631226,0.710144l7.6265259-7.7912598
L2.1422119,2.1231079z M17.4795532,9.4819336l-2.6724854-1.508606l-2.72229,2.7811279l1.9516602,2.1630249l3.4431152-1.9436035
C17.7927856,10.8155518,17.9656372,10.5287476,18,10.2279053C17.9656372,9.927063,17.7927856,9.6402588,17.4795532,9.4819336z
M13.3649292,7.1592407L4.1452026,1.954834l6.8656616,7.609314L13.3649292,7.1592407z"/>
</svg> <span class="badge__text">Get it on</span>
<span class="badge__storename">Google Play</span>
</a>
2015-09-13 20:23:26 +02:00
<a class="badge badge--small" href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 20 20">
<path d="M9.5,3.2410278V9.5H18V2L9.5,3.2410278z M2,9.5h6.5V3.3870239L2,4.3359985V9.5z M9.5,16.7589722L18,18v-7.5H9.5V16.7589722z
2015-09-13 22:01:48 +02:00
M2,15.6640015l6.5,0.9489746V10.5H2V15.6640015z"/>
</svg> <span class="badge__text">Download from</span>
<span class="badge__storename">Windows Store</span>
</a>
2015-09-13 20:23:26 +02:00
<a class="badge badge--small" href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="-410 288.3 20 20">
<path d="M-392.5,305.3c-0.1,0.1-0.2,0.1-0.4,0.2c-0.2,0-0.4-0.2-0.3-0.4c0.1-0.4,0.3-0.7,0.4-1.1c0.1-0.2,0.1-0.4,0.1-0.6
2015-09-13 20:23:26 +02:00
c0-0.1,0-0.2-0.2-0.2c-0.4,0-0.7,0-1.1,0c-0.2,0-0.5,0.1-0.7,0.1c-0.2,0-0.3,0-0.4-0.2c-0.1-0.2,0-0.3,0.1-0.4
c0.2-0.2,0.5-0.3,0.8-0.4c0.4-0.2,0.9-0.2,1.4-0.2c0.3,0,0.6,0.1,0.9,0.1c0.3,0.1,0.5,0.2,0.5,0.6
C-391.4,303.6-391.7,304.5-392.5,305.3z M-396.8,301.9c-0.2,0.2-0.5,0.2-0.7,0c-0.4-0.3-0.7-0.7-0.9-1.1c-0.1-0.1-0.1-0.2-0.2-0.3
c-0.2,0.2-0.4,0.3-0.5,0.5c-0.8,0.8-1.8,1.1-2.9,1.1c-0.5,0-1,0-1.5-0.2c-0.9-0.4-1.5-1-1.7-2c-0.2-0.8-0.2-1.7,0-2.5
c0.3-1,1-1.7,1.9-2.1c0.7-0.4,1.5-0.6,2.3-0.7c0.6-0.1,1.3-0.1,1.9-0.2c0.1,0,0.2,0,0.1-0.1c0-0.4,0-0.8-0.1-1.2
c-0.1-0.7-0.5-1.1-1.1-1.2c-0.7-0.1-1.3,0.1-1.8,0.6c-0.2,0.2-0.3,0.4-0.3,0.7c-0.1,0.4-0.2,0.5-0.6,0.4c-0.6-0.1-1.2-0.2-1.8-0.2
c-0.3,0-0.4-0.2-0.4-0.5c0.3-1.5,1.2-2.5,2.6-3c1.2-0.5,3.1-0.3,3.4-0.3c0.7,0.1,1.4,0.4,2,0.8c0.7,0.5,1.1,1.2,1.1,2.1
c0,0.5,0,1,0,1.5c0,1.2,0,2.4,0,3.6c0,0.8,0.2,1.4,0.7,2c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.2,0.1,0.4-0.1,0.5
C-395.7,301-396.3,301.5-396.8,301.9z M-399.3,296.1c-0.4,0-0.8,0-1.2,0.1c-1.4,0.2-2.1,1.2-1.9,2.6c0.1,0.9,0.9,1.4,1.8,1.1
c0.6-0.2,1-0.7,1.3-1.3c0.2-0.6,0.2-1.1,0.2-1.7c0-0.2,0-0.3,0-0.5C-399,296.2-399.1,296.1-399.3,296.1z M-399.4,305.1
c1.8-0.2,3.5-0.7,5.2-1.4c0.1,0,0.2-0.1,0.3-0.1c0.2,0,0.4,0.1,0.5,0.3c0.1,0.2,0,0.4-0.2,0.6c-0.4,0.3-0.8,0.6-1.2,0.8
c-1.4,0.8-2.8,1.3-4.4,1.5c-0.5,0.1-1,0.1-1.4,0.1c-1.8,0-3.4-0.6-4.9-1.5c-1.1-0.6-2-1.4-2.9-2.2c-0.2-0.2-0.2-0.4-0.1-0.6
c0.1-0.2,0.4-0.2,0.6-0.1c0.4,0.2,0.8,0.5,1.3,0.7c1.2,0.7,2.5,1.3,3.9,1.6C-401.7,305.1-400.5,305.2-399.4,305.1z"/>
2015-09-13 22:01:48 +02:00
</svg> <span class="badge__text">Available at</span>
<span class="badge__storename">Amazon</span>
</a> </p>
<p>
2015-09-13 20:23:26 +02:00
<a class="badge badge--tiny" href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 20 20">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5640259,13.8623047
2015-09-13 22:01:48 +02:00
c-0.4133301,0.9155273-0.6115723,1.3251343-1.1437988,2.1346436c-0.7424927,1.1303711-1.7894897,2.5380249-3.086853,2.5500488
c-1.1524048,0.0109253-1.4483032-0.749939-3.0129395-0.741333c-1.5640259,0.008606-1.8909302,0.755127-3.0438843,0.7442017
c-1.296814-0.0120239-2.2891235-1.2833252-3.0321655-2.4136963c-2.0770874-3.1607666-2.2941895-6.8709106-1.0131836-8.8428955
c0.9106445-1.4013062,2.3466187-2.2217407,3.6970215-2.2217407c1.375,0,2.239502,0.7539673,3.3761597,0.7539673
c1.1028442,0,1.7749023-0.755127,3.3641357-0.755127c1.201416,0,2.4744263,0.6542969,3.3816528,1.7846069
C14.0778809,8.4837646,14.5608521,12.7279663,17.5640259,13.8623047z M12.4625244,3.8076782
c0.5775146-0.741333,1.0163574-1.7880859,0.8571167-2.857666c-0.9436035,0.0653076-2.0470581,0.6651611-2.6912842,1.4477539 C10.0437012,3.107605,9.56073,4.1605835,9.7486572,5.1849365C10.7787476,5.2164917,11.8443604,4.6011963,12.4625244,3.8076782z"/>
</svg> <span class="badge__text">Download on the</span>
<span class="badge__storename">App Store</span>
</a>
2015-09-13 20:23:26 +02:00
<a class="badge badge--tiny" href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 20 20">
<path d="M4.942627,18.0508423l7.6660156-4.3273926l-1.6452026-1.8234253L4.942627,18.0508423z M2.1422119,2.1231079
2015-09-13 22:01:48 +02:00
C2.0543823,2.281311,2,2.4631958,2,2.664917v15.1259766c0,0.2799683,0.1046143,0.5202026,0.2631226,0.710144l7.6265259-7.7912598
L2.1422119,2.1231079z M17.4795532,9.4819336l-2.6724854-1.508606l-2.72229,2.7811279l1.9516602,2.1630249l3.4431152-1.9436035
C17.7927856,10.8155518,17.9656372,10.5287476,18,10.2279053C17.9656372,9.927063,17.7927856,9.6402588,17.4795532,9.4819336z
M13.3649292,7.1592407L4.1452026,1.954834l6.8656616,7.609314L13.3649292,7.1592407z"/>
</svg> <span class="badge__text">Get it on</span>
<span class="badge__storename">Google Play</span>
</a>
2015-09-13 20:23:26 +02:00
<a class="badge badge--tiny" href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 20 20">
<path d="M9.5,3.2410278V9.5H18V2L9.5,3.2410278z M2,9.5h6.5V3.3870239L2,4.3359985V9.5z M9.5,16.7589722L18,18v-7.5H9.5V16.7589722z
2015-09-13 22:01:48 +02:00
M2,15.6640015l6.5,0.9489746V10.5H2V15.6640015z"/>
</svg> <span class="badge__text">Download from</span>
<span class="badge__storename">Windows Store</span>
</a>
2015-09-13 20:23:26 +02:00
<a class="badge badge--tiny" href="#">
2015-09-13 22:01:48 +02:00
<svg class="badge__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="-410 288.3 20 20">
<path d="M-392.5,305.3c-0.1,0.1-0.2,0.1-0.4,0.2c-0.2,0-0.4-0.2-0.3-0.4c0.1-0.4,0.3-0.7,0.4-1.1c0.1-0.2,0.1-0.4,0.1-0.6
2015-09-13 20:23:26 +02:00
c0-0.1,0-0.2-0.2-0.2c-0.4,0-0.7,0-1.1,0c-0.2,0-0.5,0.1-0.7,0.1c-0.2,0-0.3,0-0.4-0.2c-0.1-0.2,0-0.3,0.1-0.4
c0.2-0.2,0.5-0.3,0.8-0.4c0.4-0.2,0.9-0.2,1.4-0.2c0.3,0,0.6,0.1,0.9,0.1c0.3,0.1,0.5,0.2,0.5,0.6
C-391.4,303.6-391.7,304.5-392.5,305.3z M-396.8,301.9c-0.2,0.2-0.5,0.2-0.7,0c-0.4-0.3-0.7-0.7-0.9-1.1c-0.1-0.1-0.1-0.2-0.2-0.3
c-0.2,0.2-0.4,0.3-0.5,0.5c-0.8,0.8-1.8,1.1-2.9,1.1c-0.5,0-1,0-1.5-0.2c-0.9-0.4-1.5-1-1.7-2c-0.2-0.8-0.2-1.7,0-2.5
c0.3-1,1-1.7,1.9-2.1c0.7-0.4,1.5-0.6,2.3-0.7c0.6-0.1,1.3-0.1,1.9-0.2c0.1,0,0.2,0,0.1-0.1c0-0.4,0-0.8-0.1-1.2
c-0.1-0.7-0.5-1.1-1.1-1.2c-0.7-0.1-1.3,0.1-1.8,0.6c-0.2,0.2-0.3,0.4-0.3,0.7c-0.1,0.4-0.2,0.5-0.6,0.4c-0.6-0.1-1.2-0.2-1.8-0.2
c-0.3,0-0.4-0.2-0.4-0.5c0.3-1.5,1.2-2.5,2.6-3c1.2-0.5,3.1-0.3,3.4-0.3c0.7,0.1,1.4,0.4,2,0.8c0.7,0.5,1.1,1.2,1.1,2.1
c0,0.5,0,1,0,1.5c0,1.2,0,2.4,0,3.6c0,0.8,0.2,1.4,0.7,2c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.2,0.1,0.4-0.1,0.5
C-395.7,301-396.3,301.5-396.8,301.9z M-399.3,296.1c-0.4,0-0.8,0-1.2,0.1c-1.4,0.2-2.1,1.2-1.9,2.6c0.1,0.9,0.9,1.4,1.8,1.1
c0.6-0.2,1-0.7,1.3-1.3c0.2-0.6,0.2-1.1,0.2-1.7c0-0.2,0-0.3,0-0.5C-399,296.2-399.1,296.1-399.3,296.1z M-399.4,305.1
c1.8-0.2,3.5-0.7,5.2-1.4c0.1,0,0.2-0.1,0.3-0.1c0.2,0,0.4,0.1,0.5,0.3c0.1,0.2,0,0.4-0.2,0.6c-0.4,0.3-0.8,0.6-1.2,0.8
c-1.4,0.8-2.8,1.3-4.4,1.5c-0.5,0.1-1,0.1-1.4,0.1c-1.8,0-3.4-0.6-4.9-1.5c-1.1-0.6-2-1.4-2.9-2.2c-0.2-0.2-0.2-0.4-0.1-0.6
c0.1-0.2,0.4-0.2,0.6-0.1c0.4,0.2,0.8,0.5,1.3,0.7c1.2,0.7,2.5,1.3,3.9,1.6C-401.7,305.1-400.5,305.2-399.4,305.1z"/>
2015-09-13 22:01:48 +02:00
</svg> <span class="badge__text">Available at</span>
<span class="badge__storename">Amazon</span>
</a> </p>
<p>
Just some tinkering by <a href="https://twitter.com/kremalicious">@kremalicious</a>
</p>
</div>
2015-09-13 22:01:48 +02:00
<div class="navbar">
<p><a href="https://kremalicious.com/css-app-store-badges/">&larr; Back to article</a></p>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-1441794-2', 'auto');
ga('send', 'pageview');
</script>
</body>
2015-09-12 23:11:22 +02:00
</html>