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

echo '<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" />';?>
<link rel="stylesheet" href="<?php echo _STRB_THEME_URL_ . 'photoBlogger/style.css'?>" >
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css?family=Oleo+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">

<div class="frontend-wrapper">
<div class="scale-wrapper">
<div class="squirrly-strb-main-container" style="">
    <div class="squirrly-strb-background-img">
        <img class="squirrly-strb-background-image" style="margin:auto;filter:opacity(<?php $STB_user_theme->echoData("opacity")?>%) grayscale(<?php $STB_user_theme->echoData("grayscale")?>%) brightness(<?php $STB_user_theme->echoData("brightness")?>%) saturate(<?php $STB_user_theme->echoData("saturation")?>)" style="filter:grayscale('.get_user_meta($id,'strb_grayscale',true).'%) brightness('.get_user_meta($id,'strb_brightness',true).'%) opacity('.get_user_meta($id,'strb_opacity',true).'%) saturate('.get_user_meta($id,'strb_saturation',true).')" src="<?php echo $backgroundImg; ?>">
    </div>
    
    <div class="squirrly-strb-innerContainer"  style="top:65%;height:170px;width:100%;margin-top:<?php $STB_user_theme->echoData("pnl_up")?>px;margin-left:<?php $STB_user_theme->echoData("pnl_left")?>px;">
    
        <div class="squirrly-strb-pnl-color squirrly-strb-pnl-color-transparent edit-clr" style="background:transparent; background-color:<?php $STB_user_theme->echoData("pnl_color") ?>;opacity:0.<?php $STB_user_theme->echoData("pnl_opacity")?>;"></div>
        
        <div class="squirrly-strb-data" style="margin-bottom:60px;height:50%;display: flex;justify-content: center; align-items: center;margin-left:20px;">
            <?php if($STB_user_data->getData("img")!="empty"){
            echo ' 
            <div class="squirrly-strb-user-img" style="width:70px;height:70px;margin-left:380px;">
                <img class="hello" style="margin:auto;width:100%;height:100%;" src="'.$STB_user_data->getData("img") .'" />
            </div>';} ?>
            
        </div>
        
        <div style="margin-left:18%;margin-top:-5px;height:70px;width:70%;text-align: right;">
            <div class="strb-name" style="letter-spacing:2px;font-weight:500;font-size:34px;font-family: 'Oleo Script';margin-top:-55px;color:white;">
                <?php echo get_user_meta($user_id,"first_name",true);?><span style="margin-left:5px;text-transform:capitalize;font-size:34px;"><?php echo get_user_meta($user_id,"last_name",true); ?></span>
            </div>
            <div class="" style="margin-top:1px;z-index:20;font-size:20px;color:white;position:relative;left:15px;font-weight:500;"><?php $STB_user_data->echoData("companyslug")?><span style="font-size:20px;;margin-left:5px;font-weight:600;text-transform: capitalize;"><?php $STB_user_data->echoData("job"); ?></span></div>
        </div>
        
         
    </div>
</div>
</div>
</div>