--- <div class="sv-wardrobe"> <div class="sv-wardrobe-head"> <span class="sv-dot"></span> Art by TheArtyGoblin </div> <div class="sv-wardrobe-shell"> <div class="sv-wardrobe-strip scrollbar-orange"> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/Ellette-Art.png" alt="Ellette" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Ellette</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/Qwimby-Art.png" alt="Qwimby" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Qwimby</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/Steve-Art.png" alt="Steve" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Steve</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/Graxen-Art.png" alt="Graxen" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Graxen</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/Kyo-Art.png" alt="Kyo" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Kyo</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/Orlan-Art.png" alt="Orlan" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Orlan</figcaption> </figure> <figure style="margin:0; text-align:center; grid-column: span 2;"> <img src="Images/Commision/Abeholderinatrenchcoat/SordiaVignti-Team.png" alt="Sordia Vignti" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Sordia Vignti</figcaption> </figure> </div> </div> </div> <div class="sv-wardrobe"> <div class="sv-wardrobe-head"> <span class="sv-dot"></span> Art by TheArtyGoblin </div> <div class="sv-wardrobe-shell"> <div class="sv-wardrobe-strip scrollbar-orange"> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/Derek.png" alt="Derek" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Derek</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/Jess.png" alt="Jess" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Jess</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/Zolton.png" alt="Zoltan" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Zoltan</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/BigGuy.png" alt="BigGuy" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Big Guy</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/Nissa.png" alt="Nissa" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Nissa</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/Rasp.png" alt="Rasp" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Rasp</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Abeholderinatrenchcoat/Fizzle.png" alt="Fizzle" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Fizzle</figcaption> </figure> </div> </div> </div> <div class="artist-commission"> <div class="artist-commission-title"> Commission <span class="artist-name">TheArtyGoblin</span> </div> <div class="artist-commission-text"> Like their work? Commission TheArtyGoblin directly. </div> <div class="artist-commission-links"> <a href="https://www.etsy.com/shop/theartygoblin/?etsrc=sdt" target="_blank" rel="noopener"> Etsy Shop </a> <a href="https://www.tiktok.com/@the.arty.goblin" target="_blank" rel="noopener"> TikTok </a> </div> </div> <div class="sv-artist-links" data-artist="TheArtyGoblin"> <a href="https://www.etsy.com/shop/theartygoblin/?etsrc=sdt">Etsy</a> <a href="https://www.tiktok.com/@the.arty.goblin">TikTok</a> </div> <div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div> <div class="sv-wardrobe"> <div class="sv-wardrobe-head"> <span class="sv-dot"></span> Art by evammmart </div> <div class="sv-wardrobe-shell"> <div class="sv-wardrobe-strip scrollbar-orange"> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Emmmart/SordiaVingti_ElletteFinal.png" alt="Ellette" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Ellette</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Emmmart/SordiaVingti_QuimbyFinal.png" alt="Qwimby" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Qwimby</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Emmmart/SordiaVingti_SteveEmberfootFinal.png" alt="Steve" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Steve</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Emmmart/SordiaVingti_GraxenVarrowFinal.png" alt="Graxen" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Graxen</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Emmmart/SordiaVingti_KyoFinal.png" alt="Kyo" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Kyo</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Emmmart/SordiaVingti_OrlanFinal.png" alt="Orlan" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Orlan</figcaption> </figure> <figure style="margin:0; text-align:center; grid-column: span 2;"> <img src="Images/Commision/Emmmart/SordiaVingti_GroupFinal.png" alt="Sordia Vignti" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Sordia Vignti</figcaption> </figure> </div> </div> </div> <div class="artist-commission"> <div class="artist-commission-title"> Commission <span class="artist-name">Evammmart</span> </div> <div class="artist-commission-text"> Like their work? Commission Evammmart directly. </div> <div class="artist-commission-links"> <a href="https://www.instagram.com/evammmart" target="_blank" rel="noopener"> Instagram </a> </div> </div> <div class="sv-artist-links" data-artist="Evammmart"> <a href="https://www.instagram.com/evammmart">Instagram</a> </div> <div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div> <div class="sv-wardrobe"> <div class="sv-wardrobe-head"> <span class="sv-dot"></span> Art by Tea_N_Tarots </div> <div class="sv-wardrobe-shell"> <div class="sv-wardrobe-strip scrollbar-orange"> <figure class="sv-fit" style="height:auto !important;"> <img src="Images/Commision/Tea_n_Tarots/OriginalCharacter.png" alt="Astryx" style=" width:100% !important; height:auto !important; /* kills the forced 420px */ max-height:85vh !important; object-fit:contain !important; /* shows the whole image */ display:block !important; margin:0 !important; "> <figcaption>Astryx Nightbloom</figcaption> </figure> <figure class="sv-fit" style="height:auto !important;"> <img src="Images/Commision/Tea_n_Tarots/CedricTeaTarots.png" alt="Cedric" style=" width:100% !important; height:auto !important; /* kills the forced 420px */ max-height:85vh !important; object-fit:contain !important; /* shows the whole image */ display:block !important; margin:0 !important; "> <figcaption>Cedric Steelstring</figcaption> </figure> </div> </div> </div> <div class="artist-commission"> <div class="artist-commission-title"> Commission <span class="artist-name">Tea_N_Tarots</span> </div> <div class="artist-commission-text"> Like their work? Commission Tea_N_Tarots directly. </div> <div class="artist-commission-links"> <a href="https://www.instagram.com/tea_n_tarots/" target="_blank" rel="noopener"> Instagram </a> </div> </div> <div class="sv-artist-links" data-artist="tea_n_tarots"> <a href="https://www.instagram.com/tea_n_tarots/">Instagram</a> </div> <div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div> <div class="sv-wardrobe sv-wardrobe-showcase"> <div class="sv-wardrobe-head"> <span class="sv-dot"></span> Art by SwordsAndSpectacles </div> <div class="sv-wardrobe-shell"> <div class="sv-showcase-strip scrollbar-orange"> <figure class="sv-showcase-card"> <img src="Images/Commision/swordsandspectacles/ElletteSwordSpec.png" alt="Ellette"> <figcaption>Ellette, Bane of the Conclave</figcaption> </figure> <figure class="sv-showcase-card"> <img src="Images/Commision/swordsandspectacles/SteveSwordSpec.png" alt="Steve"> <figcaption>Steve (Diamond) Emberfoot</figcaption> </figure> </div> </div> </div> <div class="artist-commission"> <div class="artist-commission-title"> Commission <span class="artist-name">SwordsAndSpectacles</span> </div> <div class="artist-commission-text"> Like their work? Commission SwordsAndSpectacles directly. </div> <div class="artist-commission-links"> <a href="https://ko-fi.com/swordsandspectacles/commissions" target="_blank" rel="noopener"> ko-fi </a> </div> </div> <div class="sv-artist-links" data-artist="swordsandspectacles"> <a href="https://ko-fi.com/swordsandspectacles/commissions">Ko-Fi</a> </div> <div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div> <div class="sv-wardrobe"> <div class="sv-wardrobe-head"> <span class="sv-dot"></span> Art by art_Stuff4444 </div> <div class="sv-wardrobe-shell"> <div class="sv-wardrobe-strip scrollbar-orange"> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/art_Stuff4444/Ellette.gif" alt="Ellette" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Ellette</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/art_Stuff4444/Qwimby.gif" alt="Qwimby" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Qwimby</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/art_Stuff4444/Steve.gif" alt="Steve" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Steve</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/art_Stuff4444/Graxen.gif" alt="Graxen" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Graxen</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/art_Stuff4444/Kyo.gif" alt="Kyo" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Kyo</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/art_Stuff4444/Orlan.gif" alt="Orlan" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Orlan</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/art_Stuff4444/Astryx.gif" alt="Astryx" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Astryx</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/art_Stuff4444/Cedric.gif" alt="Astryx" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Cedric</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/art_Stuff4444/Beibhinn.gif" alt="Astryx" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Beibhinn</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/art_Stuff4444/Dallea.gif" alt="Astryx" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Dallea</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/art_Stuff4444/Lucan.gif" alt="Astryx" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Lucan</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/art_Stuff4444/Vaerilyn.gif" alt="Astryx" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Vaerilyn</figcaption> </figure> </div> </div> </div> <div class="artist-commission"> <div class="artist-commission-title"> Commission <span class="artist-name">Art_Stuff44</span> </div> <div class="artist-commission-text"> Like their work? Commission Art_Stuff44 directly. </div> <div class="artist-commission-links"> <a href="https://www.tiktok.com/@art_stuff44?" target="_blank" rel="noopener"> TikTok </a> </div> </div> <div class="sv-artist-links" data-artist="art_stuff44"> <a href="https://www.tiktok.com/@art_stuff44?">TikTok</a> </div> <div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div> <div class="sv-wardrobe"> <div class="sv-wardrobe-head"> <span class="sv-dot"></span> Art by artsheaven7 </div> <div class="sv-wardrobe-shell"> <div class="sv-wardrobe-strip scrollbar-orange"> <figure class="sv-fit" style="height:auto !important;"> <img src="Images/Commision/artsheaven7/Zarga-Vecna.png" alt="Vecna" style=" width:100% !important; height:auto !important; /* kills the forced 420px */ max-height:85vh !important; object-fit:contain !important; /* shows the whole image */ display:block !important; margin:0 !important; "> <figcaption>Zargathax/Vecna</figcaption> </figure> </div> </div> </div> <div class="artist-commission"> <div class="artist-commission-title"> Commission <span class="artist-name">ArtsHeaven7</span> </div> <div class="artist-commission-text"> Like their work? Commission ArtsHeaven7 directly. </div> <div class="artist-commission-links"> <a href="https://www.tiktok.com/@artsheaven7?lang=en-GB" target="_blank" rel="noopener"> TikTok </a> </div> </div> <div class="sv-artist-links" data-artist="artsheaven7"> <a href="https://www.tiktok.com/@artsheaven7?lang=en-GB">TikTok</a> </div> <div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div> <div class="sv-wardrobe"> <div class="sv-wardrobe-head"> <span class="sv-dot"></span> Art by ancuninmattata </div> <div class="sv-wardrobe-shell"> <div class="sv-wardrobe-strip scrollbar-orange"> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/ancuninmattata/ChibiEllette.png" alt="Ellette" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Ellette</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/ancuninmattata/ChibiSteve.png" alt="Steve" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Steve</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/ancuninmattata/ChibiGraxen.png" alt="Graxen" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Graxen</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/ancuninmattata/ChibiKyo.png" alt="Kyo" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Kyo</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/ancuninmattata/ChibiAstryx.png" alt="Astryx" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Astryx</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/ancuninmattata/ChibiCedric.png" alt="Astryx" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Cedric</figcaption> </figure> </div> </div> </div> <div class="sv-wardrobe"> <div class="sv-wardrobe-head"> <span class="sv-dot"></span> Art by ancuninmattata </div> <div class="sv-wardrobe-shell"> <div class="sv-wardrobe-strip scrollbar-orange"> <figure style="margin:0; text-align:center;"> <video src="Images/Commision/ancuninmattata/ElletteSpeedPaint.mp4" style="width:100%; height:300px; object-fit:cover; display:block;" autoplay muted loop playsinline> </video> <figcaption style="color:white;">Ellette SpeedPaint</figcaption> </figure> <figure style="margin:0; text-align:center;"> <video src="Images/Commision/ancuninmattata/AstryxSpeedPaint.mp4" style="width:100%; height:300px; object-fit:cover; display:block;" autoplay muted loop playsinline> </video> <figcaption style="color:white;">Astryx SpeedPaint</figcaption> </figure> <figure style="margin:0; text-align:center;"> <video src="Images/Commision/ancuninmattata/GraxenSpeedPaint.mp4" style="width:100%; height:300px; object-fit:cover; display:block;" autoplay muted loop playsinline> </video> <figcaption style="color:white;">Graxen SpeedPaint</figcaption> </figure> </div> </div> </div> <div class="artist-commission"> <div class="artist-commission-title"> Commission <span class="artist-name">AncuninMattataArt</span> </div> <div class="artist-commission-text"> Like their work? Commission AncuninMattataArt directly. </div> <div class="artist-commission-links"> <a href="https://www.tiktok.com/@ancuninmattata" target="_blank" rel="noopener"> TikTok </a> <a href="https://www.vgen.co/AncuninMattataArt" target="_blank" rel="noopener"> VGen </a> </div> </div> <div class="sv-artist-links" data-artist="AncuninMattataArt"> <a href="https://www.tiktok.com/@ancuninmattata">TikTok</a> <a href="https://www.vgen.co/AncuninMattataArt">VGen</a> </div> <div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div> <div class="sv-wardrobe"> <div class="sv-wardrobe-head"> <span class="sv-dot"></span> Art by Xenashores </div> <div class="sv-wardrobe-shell"> <div class="sv-wardrobe-strip scrollbar-orange"> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Xenashores/ElletteDesign.png" alt="Ellette" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Ellette</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Xenashores/SteveDesign.png" alt="Steve" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Steve</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Xenashores/GraxenDesign.png" alt="Graxen" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Graxen</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Xenashores/KyoDesign.png" alt="Kyo" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Kyo</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Xenashores/AstryxDesign.png" alt="Astryx" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Astryx</figcaption> </figure> <figure style="margin:0; text-align:center;"> <img src="Images/Commision/Xenashores/CedricDesign.png" alt="Astryx" style="width:100%; height:300px; object-fit:cover; display:block;"> <figcaption style="color:white;">Cedric</figcaption> </figure> </div> </div> </div> <div class="sv-wardrobe"> <div class="sv-wardrobe-head"> <span class="sv-dot"></span> Art by Xenashores </div> <div class="sv-wardrobe-shell"> <div class="sv-wardrobe-strip scrollbar-orange"> <figure style="margin:0; text-align:center;"> <video src="Images/Commision/Xenashores/XenoSpeedEllette.mp4" style="width:100%; height:300px; object-fit:cover; display:block;" autoplay muted loop playsinline> </video> <figcaption style="color:white;">Ellette SpeedPaint</figcaption> </figure> <figure style="margin:0; text-align:center;"> <video src="Images/Commision/Xenashores/XenoSpeedAstryx.mp4" style="width:100%; height:300px; object-fit:cover; display:block;" autoplay muted loop playsinline> </video> <figcaption style="color:white;">Astryx SpeedPaint</figcaption> </figure> <figure style="margin:0; text-align:center;"> <video src="Images/Commision/Xenashores/XenoSpeedGraxen.mp4" style="width:100%; height:300px; object-fit:cover; display:block;" autoplay muted loop playsinline> </video> <figcaption style="color:white;">Graxen SpeedPaint</figcaption> </figure> <figure style="margin:0; text-align:center;"> <video src="Images/Commision/Xenashores/XenoSpeedCedric.mp4" style="width:100%; height:300px; object-fit:cover; display:block;" autoplay muted loop playsinline> </video> <figcaption style="color:white;">Cedric SpeedPaint</figcaption> </figure> <figure style="margin:0; text-align:center;"> <video src="Images/Commision/Xenashores/XenoSpeedKyo.mp4" style="width:100%; height:300px; object-fit:cover; display:block;" autoplay muted loop playsinline> </video> <figcaption style="color:white;">Kyo SpeedPaint</figcaption> </figure> <figure style="margin:0; text-align:center;"> <video src="Images/Commision/Xenashores/XenoSpeedSteve.mp4" style="width:100%; height:300px; object-fit:cover; display:block;" autoplay muted loop playsinline> </video> <figcaption style="color:white;">Steve SpeedPaint</figcaption> </figure> </div> </div> </div> <div class="artist-commission"> <div class="artist-commission-title"> Commission <span class="artist-name">Xena.Shores</span> </div> <div class="artist-commission-text"> Like their work? Commission Xena.Shores directly. </div> <div class="artist-commission-links"> <a href="https://www.tiktok.com/@xena.shores?_r=1&_t=ZT-98xRYLXP4Hu" target="_blank" rel="noopener"> TikTok </a> <a href="https://www.instagram.com/xenashores/?hl=en" target="_blank" rel="noopener"> Instagram </a> <a href="https://discord.gg/ZfKY9Qrs" target="_blank" rel="noopener"> Discord </a> </div> </div> <div class="sv-artist-links" data-artist="xena.shores"> <a href="https://www.tiktok.com/@xena.shores?_r=1&_t=ZT-98xRYLXP4Hu">TikTok</a> <a href="https://www.instagram.com/xenashores/?hl=en">Instagram</a> <a href="https://discord.gg/ZfKY9Qrs">Discord</a> </div> <div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div> --- <!-- ========================================== ARTIST CREDIT — SMALL BANNER ========================================== --> <div class="sv-artist-credit-grid"> <div class="sv-artist-credit-card"> <div class="sv-artist-credit-art"> <img class="is-active" src="Images/Commision/ARTIST1/ARTWORK1.png" alt="Artwork by Artist One"> <img src="Images/Commision/ARTIST1/ARTWORK2.png" alt="Artwork by Artist One"> <img src="Images/Commision/ARTIST1/ARTWORK3.png" alt="Artwork by Artist One"> </div> <div class="sv-artist-credit-info"> <div class="sv-artist-credit-name">Artist One</div> <div class="sv-artist-credit-links"> <a href="#" target="_blank" rel="noopener">Portfolio</a> <a href="#" target="_blank" rel="noopener">Social</a> </div> </div> </div> <div class="sv-artist-credit-card"> <div class="sv-artist-credit-art"> <img class="is-active" src="Images/Commision/ARTIST2/ARTWORK1.png" alt="Artwork by Artist Two"> <img src="Images/Commision/ARTIST2/ARTWORK2.png" alt="Artwork by Artist Two"> </div> <div class="sv-artist-credit-info"> <div class="sv-artist-credit-name">Artist Two</div> <div class="sv-artist-credit-links"> <a href="#" target="_blank" rel="noopener">Portfolio</a> <a href="#" target="_blank" rel="noopener">Store</a> </div> </div> </div> <div class="sv-artist-credit-card"> <div class="sv-artist-credit-art"> <img class="is-active" src="Images/Commision/ARTIST3/ARTWORK1.png" alt="Artwork by Artist Three"> <img src="Images/Commision/ARTIST3/ARTWORK2.png" alt="Artwork by Artist Three"> </div> <div class="sv-artist-credit-info"> <div class="sv-artist-credit-name">Artist Three</div> <div class="sv-artist-credit-links"> <a href="#" target="_blank" rel="noopener">Portfolio</a> <a href="#" target="_blank" rel="noopener">Social</a> </div> </div> </div> </div> <!-- ========================================== ARTWORK SHOWCASE — MEDIUM BANNER ========================================== --> <div class="sv-medium-grid"> <div class="sv-medium-card"> <div class="sv-medium-left"> <div class="sv-medium-profile"> <img src="Images/Commision/ARTIST/Profile.png" alt="Artist Name"> </div> <div class="sv-medium-content"> <div class="sv-medium-name">Artist Name</div> <div class="sv-medium-intro">Short introduction to the artist, their style and their work.</div> </div> </div> <div class="sv-medium-right"> <div class="sv-medium-art"> <img class="is-active" src="Images/Commision/ARTIST/Artwork1.png" alt="Artwork by Artist Name"> <img src="Images/Commision/ARTIST/Artwork2.png" alt="Artwork by Artist Name"> <img src="Images/Commision/ARTIST/Artwork3.png" alt="Artwork by Artist Name"> </div> <div class="sv-medium-links"> <a href="#" target="_blank" rel="noopener">Portfolio</a> <a href="#" target="_blank" rel="noopener">Commissions</a> <a href="#" target="_blank" rel="noopener">Store / Social</a> </div> </div> </div> </div> <!-- ========================================== FEATURED ARTIST — LARGE BANNER ========================================== --> <div class="sv-large-grid"> <div class="sv-large-card"> <div class="sv-large-profile"> <div class="sv-large-profile-image"> <img src="Images/Commision/ARTIST/Profile.png" alt="Artist Name"> </div> <div class="sv-large-info"> <div class="sv-large-name">Artist Name</div> <div class="sv-large-intro">Short introduction to the artist, their style and their work.</div> <div class="sv-large-links"> <a href="#" target="_blank" rel="noopener">Portfolio</a> <a href="#" target="_blank" rel="noopener">Commissions</a> <a href="#" target="_blank" rel="noopener">Store / Social</a> </div> </div> </div> <div class="sv-large-gallery"> <div class="sv-large-art"> <img src="Images/Commision/ARTIST/Artwork1.png" alt="Artwork by Artist Name"> </div> <div class="sv-large-art"> <img src="Images/Commision/ARTIST/Artwork2.png" alt="Artwork by Artist Name"> </div> <div class="sv-large-art"> <img src="Images/Commision/ARTIST/Artwork3.png" alt="Artwork by Artist Name"> </div> <div class="sv-large-art"> <img src="Images/Commision/ARTIST/Artwork4.png" alt="Artwork by Artist Name"> </div> </div> </div> </div>