<?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 href="https://fonts.googleapis.com/css?family=Gothic+A1" rel="stylesheet">
<link href="https://fonts.google.com/specimen/family=Source+Sans" rel="stylesheet">

<div class="frontend-wrapper">
<div class="scale-wrapper">
<div class="squirrly-strb-main-container">

    <div class="squirrly-strb-background-img">
        <img class="squirrly-strb-background-image" style="margin:auto;height:500px;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")?>)"  src="<?php echo $backgroundImg; ?>">
    </div>
        
        <div class="squirrly-strb-innerContainer" style="width:350px;left:30%;height:180px;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 edit-clr" style="border-radius:0px;box-shadow:0 0 10px <?php $STB_user_theme->echoData("brd_color") ?>; 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="width:340px;height:70px;">
          
        <?php if($STB_user_data->getData("img")!="empty"){
            echo ' 
            <div class="squirrly-strb-user-img" style="width:70px;height:70px;">
                  <img style="height:100%;width:100%;margin:auto;" src="'.$STB_user_data->getData("img") .'" />
            </div>';} ?>
      
            <div class="" style="width:262px;">
                <div class="strb-name" style="font-family:'Gothic A1';font-size:24px;font-weight:600;overflow:hidden;display: flex;align-items: center;"><?php echo get_user_meta($user_id,"first_name",true);?><span style="font-size:24px;margin-left:5px;text-transform:capitalize;"><?php echo get_user_meta($user_id,"last_name",true); ?></div>
                <div class="strb-job" style="font-size:19px;"><?php $STB_user_data->echoData("companyslug")?><span style="font-family:'Source Sans';font-weight:600;text-transform: capitalize;font-size:20px;"><?php $STB_user_data->echoData("job"); ?></span></div>
            </div> 
        </div>    

        <div class="" style="padding-bottom:5px;line-height:16px;font-size:12px;color:white;z-index:20;margin-right4px;width:330px;height:90px;overflow:hidden;margin-top:10px;">
            <?php echo get_user_meta($user_id,"description",true); ?> 
        </div>
    
    </div>          
</div>
</div>          
</div>

