<?php defined('ABSPATH') || die('Cheatin\' uh?'); ?>

<div class="prev-modern" style="height:20vw;width:18vw;border-radius:1vw;background-color:#a3c2b4;position:relative;box-shadow: 0 4px 30px rgba(0,0,0,0.1);">
    <img  style="border-radius:1vw;object-fit:cover;width:100%;height:88%;"  src="https://starbox-pro.s3.eu-west-1.amazonaws.com/images/Backgrounds/Tech/back3.png" />
    
    <div style="width:83%;background-color:rgba(0,0,0,0.5);border-radius:1vw;height:7vw;position:absolute;top:12vw;margin-left:1.6vw; backdrop-filter: blur( 13.5px );">
        <img style="height:4vw;width:4vw;border-radius:50%;position:relative;top:-1.5vw;left:1vw;" src="https://starbox-pro.s3.eu-west-1.amazonaws.com/images/Backgrounds/Fashion/back6.png" />
        
        <div class="qrcode-p1" style="overflow:hidden;width:3vw;height:3vw;position:absolute;margin-left:11vw;margin-top:-3vw;"></div>
        
        <div style="color:white;font-size:1vw;margin-top:-1.4vw;margin-left:1vw;font-weight:500;">Cora Hartman</div>
        <div style="color:white;opacity:0.8;font-size:0.7vw;margin-left:1vw;margin-top:-0.2vw;">I am an artist</div>
        <div style="font-size:0.9vw;margin-top:0.3vw;padding-left:0.8vw;color:black;opacity:0.8;">
            <i class="fa-brands fa-facebook"></i>
            <i class="fa-brands fa-pinterest"></i>
            <i class="fa-brands fa-instagram"></i>
            <i class="fa-brands fa-linkedin"></i>
            <i class="fa-brands fa-github"></i>
        </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-p1').qrcode({
            text : "https://starbox.squirrly.co/",
            width:50,
            height:50
        });	  
    }(jQuery));
</script>