Embed

<div class="t4t-prev-wrap">

 
 <div class="t4t-prev-page">
 <img
 src="https://cdn.durable.co/blocks/2szcjqvYDzkhlcUNIKzFu6Qa74oImNfNWSEnzsfoxjB7w94BI07m4Qemu5fOtfmK.jpg"
 alt="Previous years tattoo flash page 1"
 class="t4t-prev-img"
 >

 <a class="t4t-hotspot p1d1" data-design="1" href="#" aria-label="Book Beta">Beta</a>
 <a class="t4t-hotspot p1d2" data-design="2" href="#" aria-label="Book Bunny">Bunny</a>
 <a class="t4t-hotspot p1d3" data-design="3" href="#" aria-label="Book Puppy">Puppy</a>
 <a class="t4t-hotspot p1d4" data-design="4" href="#" aria-label="Book Birdie">Birdie</a>
 <a class="t4t-hotspot p1d5" data-design="5" href="#" aria-label="Book Frog">Frog</a>
 <a class="t4t-hotspot p1d6" data-design="6" href="#" aria-label="Book Snake">Snake</a>
 <a class="t4t-hotspot p1d7" data-design="7" href="#" aria-label="Book Kitty">Kitty</a>
 <a class="t4t-hotspot p1d8" data-design="8" href="#" aria-label="Book Axolotl">Axolotl</a>
 <a class="t4t-hotspot p1d9" data-design="9" href="#" aria-label="Book Hamster">Hamster</a>
 <a class="t4t-hotspot p1d10" data-design="10" href="#" aria-label="Book Hedgehog">Hedgehog</a>
 <a class="t4t-hotspot p1d11" data-design="11" href="#" aria-label="Book Guinea Pig">Guinea Pig</a>
 </div>

 
 <div class="t4t-prev-page">
 <img
 src="https://cdn.durable.co/blocks/19iQNyaykpYHbwdPAnFmXH8A8P9o4qMAsaQmvNNePpR8fPlahmD4fHSMkCq71Z7W.jpg"
 alt="Previous years tattoo flash page 2"
 class="t4t-prev-img"
 >

 <a class="t4t-hotspot p2d12" data-design="12" href="#" aria-label="Book Design 12">Design 12</a>
 <a class="t4t-hotspot p2d13" data-design="13" href="#" aria-label="Book Design 13">Design 13</a>
 <a class="t4t-hotspot p2d14" data-design="14" href="#" aria-label="Book Design 14">Design 14</a>
 <a class="t4t-hotspot p2d15" data-design="15" href="#" aria-label="Book Design 15">Design 15</a>
 <a class="t4t-hotspot p2d16" data-design="16" href="#" aria-label="Book Design 16">Design 16</a>
 <a class="t4t-hotspot p2d17" data-design="17" href="#" aria-label="Book Design 17">Design 17</a>
 <a class="t4t-hotspot p2d18" data-design="18" href="#" aria-label="Book Design 18">Design 18</a>
 <a class="t4t-hotspot p2d19" data-design="19" href="#" aria-label="Book Design 19">Design 19</a>
 <a class="t4t-hotspot p2d20" data-design="20" href="#" aria-label="Book Design 20">Design 20</a>
 <a class="t4t-hotspot p2d21" data-design="21" href="#" aria-label="Book Design 21">Design 21</a>
 </div>

 
 <div class="t4t-prev-page">
 <img
 src="https://cdn.durable.co/blocks/4vMnLOFBTmeO07Oa30VJuMA5Szc4T4sqdMeO7A3ErQLbtDSU3UQwcJ30RebsfNUO.jpg"
 alt="Previous years tattoo flash page 3"
 class="t4t-prev-img"
 >

 <a class="t4t-hotspot p3d22" data-design="22" href="#" aria-label="Book Design 22">Design 22</a>
 <a class="t4t-hotspot p3d23" data-design="23" href="#" aria-label="Book Design 23">Design 23</a>
 <a class="t4t-hotspot p3d24" data-design="24" href="#" aria-label="Book Design 24">Design 24</a>
 <a class="t4t-hotspot p3d25" data-design="25" href="#" aria-label="Book Design 25">Design 25</a>
 <a class="t4t-hotspot p3d26" data-design="26" href="#" aria-label="Book Design 26">Design 26</a>
 <a class="t4t-hotspot p3d27" data-design="27" href="#" aria-label="Book Design 27">Design 27</a>
 <a class="t4t-hotspot p3d28" data-design="28" href="#" aria-label="Book Design 28">Design 28</a>
 <a class="t4t-hotspot p3d29" data-design="29" href="#" aria-label="Book Design 29">Design 29</a>
 <a class="t4t-hotspot p3d30" data-design="30" href="#" aria-label="Book Design 30">Design 30</a>
 </div>

</div>

<style>
 .t4t-prev-wrap {
 width: 100%;
 max-width: 760px;
 margin: 0 auto;
 }

 .t4t-prev-page {
 position: relative;
 width: 100%;
 margin: 0 auto 34px;
 line-height: 0;
 }

 .t4t-prev-img {
 display: block;
 width: 100%;
 height: auto;
 }

 .t4t-hotspot {
 position: absolute;
 display: block;
 z-index: 5;
 cursor: pointer;
 text-decoration: none;
 background: transparent;
 outline: none;
 -webkit-tap-highlight-color: transparent;
 transition: background 0.15s ease, box-shadow 0.15s ease;
 }

 .t4t-hotspot:hover,
 .t4t-hotspot:focus-visible {
 background: rgba(143, 92, 255, 0.18);
 box-shadow: inset 0 0 0 2px rgba(190, 157, 255, 0.95);
 }

 .t4t-hotspot span {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 z-index: 10;
 background: rgba(17, 17, 17, 0.96);
 color: #ffffff;
 border: 1px solid #8f5cff;
 border-radius: 999px;
 padding: 8px 13px;
 font-family: Arial, sans-serif;
 font-size: 13px;
 font-weight: bold;
 white-space: nowrap;
 opacity: 0;
 pointer-events: none;
 transition: opacity 0.15s ease, transform 0.15s ease;
 line-height: 1;
 }

 .t4t-hotspot:hover span,
 .t4t-hotspot:focus-visible span {
 opacity: 1;
 transform: translate(-50%, -55%);
 }

 /* PAGE 1 */
 .p1d1 {
 left: 4.2%; top: 5.8%; width: 36.8%; height: 17.2%;
 clip-path: polygon(0% 31%,14% 14%,38% 18%,56% 29%,73% 28%,86% 38%,100% 49%,89% 59%,76% 64%,65% 78%,47% 74%,31% 89%,16% 83%,6% 67%);
 }

 .p1d2 {
 left: 31.7%; top: 10.3%; width: 29.3%; height: 23.5%;
 clip-path: polygon(33% 0%,50% 4%,66% 19%,82% 13%,96% 22%,89% 43%,82% 60%,72% 75%,57% 92%,39% 100%,20% 90%,4% 75%,0% 55%,9% 38%,18% 24%);
 }

 .p1d3 {
 left: 57.7%; top: 4.4%; width: 34.2%; height: 19.2%;
 clip-path: polygon(22% 7%,43% 0%,67% 4%,85% 17%,100% 35%,94% 58%,84% 81%,64% 96%,40% 100%,20% 85%,4% 63%,0% 39%,9% 20%);
 }

 .p1d4 {
 left: 2.2%; top: 25.2%; width: 31.8%; height: 22.4%;
 clip-path: polygon(13% 20%,29% 4%,48% 0%,66% 7%,82% 18%,96% 38%,91% 61%,100% 83%,82% 88%,63% 76%,48% 100%,29% 88%,10% 78%,0% 57%);
 }

 .p1d5 {
 left: 32.8%; top: 34.4%; width: 30.6%; height: 18.1%;
 clip-path: polygon(8% 32%,22% 13%,42% 5%,61% 10%,78% 25%,90% 42%,100% 60%,87% 72%,73% 78%,63% 100%,48% 87%,29% 82%,9% 67%,0% 50%);
 }

 .p1d6 {
 left: 61.1%; top: 27.1%; width: 32.8%; height: 22.8%;
 clip-path: polygon(5% 11%,22% 0%,44% 7%,62% 2%,80% 8%,96% 22%,100% 40%,88% 55%,75% 63%,67% 78%,69% 100%,55% 92%,48% 70%,30% 63%,13% 51%,0% 32%);
 }

 .p1d7 {
 left: 1.3%; top: 47.5%; width: 33.8%; height: 22.5%;
 clip-path: polygon(13% 17%,25% 0%,43% 18%,58% 16%,77% 0%,88% 22%,100% 43%,91% 61%,79% 79%,59% 91%,40% 100%,19% 89%,5% 71%,0% 48%);
 }

 .p1d8 {
 left: 29.7%; top: 52.7%; width: 34.4%; height: 20.8%;
 clip-path: polygon(0% 43%,11% 26%,22% 31%,27% 11%,39% 20%,50% 0%,61% 20%,73% 11%,78% 31%,90% 25%,100% 43%,91% 58%,77% 62%,67% 80%,50% 100%,32% 81%,23% 62%,9% 58%);
 }

 .p1d9 {
 left: 62.5%; top: 49.1%; width: 31.4%; height: 22.3%;
 clip-path: polygon(14% 17%,31% 0%,45% 17%,60% 14%,79% 0%,90% 21%,100% 44%,91% 68%,79% 88%,61% 100%,43% 94%,26% 100%,9% 84%,0% 61%,5% 37%);
 }

 .p1d10 {
 left: 7%; top: 68.1%; width: 30.1%; height: 24.2%;
 clip-path: polygon(22% 0%,43% 4%,63% 14%,81% 31%,94% 55%,100% 78%,88% 96%,67% 100%,43% 93%,22% 83%,7% 65%,0% 42%,8% 19%);
 }

 .p1d11 {
 left: 55.2%; top: 68.4%; width: 35.1%; height: 24.1%;
 clip-path: polygon(15% 13%,33% 0%,49% 12%,65% 3%,84% 14%,96% 34%,100% 59%,91% 79%,76% 94%,57% 100%,38% 93%,20% 100%,6% 81%,0% 57%,5% 34%);
 }

 /* PAGE 2 */
 .p2d12 {
 left: 6%; top: 4%; width: 23%; height: 23%;
 clip-path: polygon(19% 16%,30% 0%,49% 13%,66% 0%,82% 17%,100% 39%,93% 66%,77% 88%,56% 100%,33% 92%,14% 76%,0% 50%,7% 29%);
 }

 .p2d13 {
 left: 27%; top: 2%; width: 34%; height: 24%;
 clip-path: polygon(5% 23%,19% 5%,41% 0%,62% 11%,78% 26%,93% 43%,100% 66%,87% 86%,66% 100%,43% 92%,21% 82%,4% 63%,0% 40%);
 }

 .p2d14 {
 left: 57%; top: 3%; width: 36%; height: 28%;
 clip-path: polygon(14% 5%,33% 0%,51% 9%,67% 0%,80% 17%,95% 34%,100% 58%,89% 79%,72% 93%,51% 100%,30% 89%,13% 72%,0% 47%,6% 24%);
 }

 .p2d15 {
 left: 30%; top: 21%; width: 31%; height: 18%;
 clip-path: polygon(0% 49%,13% 32%,29% 28%,37% 11%,52% 0%,66% 13%,82% 16%,100% 37%,92% 60%,75% 72%,64% 100%,49% 84%,31% 79%,13% 68%);
 }

 .p2d16 {
 left: 3%; top: 29%; width: 38%; height: 26%;
 clip-path: polygon(8% 18%,17% 0%,33% 13%,46% 7%,58% 21%,72% 25%,87% 38%,100% 50%,88% 66%,80% 83%,60% 100%,39% 90%,23% 73%,7% 67%,0% 43%);
 }

 .p2d17 {
 left: 39%; top: 31%; width: 54%; height: 31%;
 clip-path: polygon(6% 19%,19% 7%,34% 0%,47% 13%,59% 28%,74% 13%,87% 20%,100% 41%,94% 61%,85% 78%,70% 93%,55% 100%,40% 88%,29% 74%,16% 81%,5% 66%,0% 45%);
 }

 .p2d18 {
 left: 7%; top: 56%; width: 38%; height: 25%;
 clip-path: polygon(11% 20%,28% 4%,46% 0%,63% 10%,76% 28%,89% 43%,100% 65%,89% 84%,70% 96%,50% 100%,32% 91%,14% 76%,0% 55%,4% 34%);
 }

 .p2d19 {
 left: 3%; top: 78%; width: 36%; height: 16%;
 clip-path: polygon(8% 28%,20% 7%,39% 0%,60% 8%,78% 22%,94% 43%,100% 66%,86% 85%,65% 100%,42% 93%,22% 81%,5% 63%,0% 45%);
 }

 .p2d20 {
 left: 38%; top: 80%; width: 25%; height: 15%;
 clip-path: polygon(8% 24%,24% 0%,43% 14%,57% 4%,74% 15%,94% 32%,100% 54%,91% 75%,74% 91%,53% 100%,31% 92%,13% 79%,0% 58%);
 }

 .p2d21 {
 left: 58%; top: 62%; width: 35%; height: 29%;
 clip-path: polygon(8% 19%,20% 5%,39% 0%,56% 12%,71% 23%,84% 17%,97% 33%,100% 56%,90% 77%,75% 94%,56% 100%,37% 91%,20% 79%,7% 63%,0% 42%);
 }

 /* PAGE 3 */
 .p3d22 {
 left: 8%; top: 14%; width: 28%; height: 22%;
 clip-path: polygon(12% 9%,31% 0%,52% 7%,68% 18%,80% 33%,95% 39%,100% 59%,89% 77%,70% 87%,52% 100%,31% 92%,14% 79%,0% 59%,4% 32%);
 }

 .p3d23 {
 left: 40%; top: 4%; width: 24%; height: 18%;
 clip-path: polygon(11% 17%,29% 0%,49% 7%,68% 1%,84% 15%,100% 37%,94% 59%,78% 78%,58% 94%,36% 100%,18% 86%,4% 66%,0% 41%);
 }

 .p3d24 {
 left: 67%; top: 8%; width: 23%; height: 19%;
 clip-path: polygon(19% 11%,37% 0%,52% 14%,69% 0%,84% 13%,100% 34%,95% 57%,82% 79%,62% 94%,40% 100%,20% 86%,5% 66%,0% 42%);
 }

 .p3d25 {
 left: 42%; top: 29%; width: 19%; height: 22%;
 clip-path: polygon(43% 0%,58% 10%,62% 32%,76% 45%,100% 53%,82% 68%,67% 82%,54% 100%,40% 81%,26% 68%,0% 54%,22% 42%,34% 28%);
 }

 .p3d26 {
 left: 20%; top: 42%; width: 25%; height: 22%;
 clip-path: polygon(14% 15%,33% 0%,53% 8%,70% 24%,86% 39%,100% 60%,88% 80%,68% 94%,46% 100%,26% 90%,9% 73%,0% 49%);
 }

 .p3d27 {
 left: 65%; top: 36%; width: 19%; height: 25%;
 clip-path: polygon(44% 0%,58% 16%,58% 32%,72% 39%,100% 50%,80% 63%,68% 78%,56% 100%,44% 78%,32% 63%,0% 51%,28% 39%,40% 28%);
 }

 .p3d28 {
 left: 41%; top: 57%; width: 23%; height: 24%;
 clip-path: polygon(22% 8%,40% 0%,57% 8%,68% 23%,77% 40%,92% 51%,100% 70%,84% 89%,62% 100%,39% 94%,18% 81%,4% 62%,0% 38%);
 }

 .p3d29 {
 left: 14%; top: 71%; width: 31%; height: 18%;
 clip-path: polygon(0% 46%,11% 27%,23% 35%,31% 13%,43% 29%,53% 0%,64% 26%,76% 12%,83% 33%,93% 25%,100% 46%,91% 65%,78% 70%,67% 86%,51% 100%,35% 87%,24% 69%,10% 65%);
 }

 .p3d30 {
 left: 67%; top: 72%; width: 24%; height: 20%;
 clip-path: polygon(45% 0%,56% 17%,58% 31%,72% 38%,100% 49%,81% 61%,68% 76%,58% 100%,45% 80%,31% 64%,0% 52%,27% 40%,39% 26%);
 }

 @media (max-width: 700px) {
 .t4t-hotspot span {
 font-size: 11px;
 padding: 6px 8px;
 }
 }
</style>

<script>
 (function() {
 const bookingFormUrl =
 'https://script.google.com/macros/s/AKfycbxsHbxcJ4fhIM-G0ETHCadZjwKHGgylOVy4xcES8izXKinnevEMHR5_OPYOzoUv-c22Qw/exec';

 const params = new URLSearchParams(window.location.search);
 const selectedText = params.get('selected') || '';

 const selectedDesigns = selectedText
 .split(',')
 .map(function(item) {
 return String(item || '').trim();
 })
 .filter(function(item) {
 return item;
 });

 document.querySelectorAll('.t4t-hotspot').forEach(function(link) {
 const design = String(
 link.getAttribute('data-design') || ''
 ).trim();

 const designs = selectedDesigns.slice();

 if (designs.indexOf(design) === -1) {
 designs.push(design);
 }

 link.href =
 bookingFormUrl +
 '?design=' +
 encodeURIComponent(designs.join(','));
 });
 })();
</script>

Blackened Tattoo Studio

Located at 5908 104 Street NW in Edmonton, Alberta, Blackened Tattoo Studio hosts a varied array of resident artists and rotating guest artists. Browse our artists and book online now.