<?php defined('ABSPATH') || die('Cheatin\' uh?'); ?>
<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="position:relative;margin-top:0.6vw;margin-left:0.4vw;">
    <img class="prev-img" style="width:11vw;height:13vw;border-radius:0.6vw;" src="https://starbox-pro.s3.eu-west-1.amazonaws.com/images/Backgrounds/Interior+Design/back6.png"  alt=""/> 
    <div style="position:absolute;display:flex;top:0px;color:#ADD5F8;height:3vw;background-color:rgba(0,0,0,1); backdrop-filter: blur( 13.5px );-webkit-backdrop-filter: blur( 18px );padding:0.5vw;border-radius:0.6vw;width:100%;font-size:0.7vw;font-weight:700;">
        <div style="width:8vw;">
            <div style="font-size:0.7vw;">Cora Hartman</div>
            <div style="color:white;font-size:0.4vw;">Go from invisible to iconic.</div>
        </div>
        <div class="qrcode-p2" style="overflow:hidden;width:2vw;height:2vw;"></div>
    </div>

    <div style="height:5vw;width:2.6vw;color:black;background-color:#95a2a1;font-size:1vw;position:absolute;bottom:1vw;right:-0.3vw;border-top-left-radius:0.5vw;display:flex;flex-direction:column;gap:0.4vw;padding:0.5vw;padding-left:0.6vw;">
        <i class="fa-brands fa-pinterest"></i>
        <i class="fa-brands fa-instagram"></i>
        <i class="fa-brands fa-linkedin"></i>
    </div>

    <div style="position:absolute;height:1vw;width:1vw;box-shadow:0.3vw 0.3vw 0vw #95a2a1;bottom:1.4vw;left:7.7vw;border-radius:50%;"></div>
    <div style="position:absolute;height:1vw;width:1vw;box-shadow:0.3vw 0.3vw 0vw #95a2a1;top:7.4vw;right:0vw;border-radius:50%;"></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 ($){

        // $('.u_id').each((i)=>{
        //     console.log( $(i).val());
        // })
            
        $('.qrcode-p2').qrcode({
            text : "https://starbox.squirrly.co/",
            width:40,
            height:40
        });	  
    }(jQuery));
</script>

