<?php defined('ABSPATH') || die('Cheatin\' uh?'); ?>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<div style="height:24vw;width:15vw;background-color:#e7d1b9;padding:0.5vw;">
    <div style="border:1px solid #063b4b;height:100%;">
        <img  style="width:100%;height:12vw;"  src="https://starbox-pro.s3.eu-west-1.amazonaws.com/images/Backgrounds/Interior+Design/back1.png" />
        <div style="font-size:1.2vw;color:#362e2b;font-weight:500;padding:0.5vw;text-align:center;display:flex;flex-direction:column;align-items:center;">
            <div>Cora Hartman</div>
            <div style="font-size:0.8vw;font-weight:700;">I am an artist</div>
            <div class="qrcode-ps-2" style="overflow:hidden;width:6vw;height:6vw;margin-top:1vw;"></div>  
        </div>
    </div>
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js" integrity="sha512-NFUcDlm4V+a2sjPX7gREIXgCSFja9cHtKPOL1zj6QhnE0vcY695MODehqkaGYTLyL2wxe/wtr4Z49SvqXq12UQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    (function ($){
        $('.qrcode-ps-2').qrcode({
            text : "https://starbox.squirrly.co/",
            width:90,
            height:90
        });	  
    }(jQuery));
</script>