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

<div class="prev-modern" style="height:20vw;width:18vw;border-radius:1vw;position:relative;box-shadow: 0 4px 30px rgba(0,0,0,0.1);">
    <img  style="border-radius:1vw;object-fit:cover;width:100%;height:100%;"  src="https://starbox-pro.s3.eu-west-1.amazonaws.com/images/Backgrounds/Fashion/back9.png" />
    
    <div style="width:83%;background-color:rgba(0,0,0,0.4);border-radius:1vw;height:5vw;position:absolute;top:14vw;margin-left:1.6vw; backdrop-filter: blur( 13.5px );">
        <div class="qrcode-p4" style="overflow:hidden;width:3vw;height:3vw;position:absolute;margin-left:11vw;margin-top:0.4vw;"></div>
        <div style="color:white;font-size:1vw;margin-top:.4vw;margin-left:1vw;font-weight:500;">Cora Hartman</div>
        <div style="color:gray;font-size:0.7vw;margin-left:1vw;margin-top:-0.2vw;">I am a writer</div>
        <div style="font-size:0.9vw;padding-left:1vw;margin-top:0.3vw;color:gray;">
            <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-p4').qrcode({
            text : "https://starbox.squirrly.co/",
            width:50,
            height:50
        });	  
    }(jQuery));
</script>