<?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=Yeseva+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Baskervville" rel="stylesheet">

<div class="frontend-wrapper">
<div class="scale-wrapper">
<div class="squirrly-strb-main-container" style="justify-content:center;">

    <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")?>)"  src="<?php echo $backgroundImg; ?>">
    </div>
    
    <div class="squirrly-strb-innerContainer" style="padding-bottom:10px;height:200px;left:-1px;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="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")?>;  border-radius:0px;"></div>
 
        <div class="squirrly-strb-headder" style="z-index:20;width:98%;margin-top:-50px;margin-left:20px;">
            <div class="strb-name" style="font-family:'Yeseva One';font-size:28px;margin-left:-1px;font-weight:400;"><?php echo get_user_meta($user_id,"first_name",true);?><span style="font-size:28px;margin-left:5px;text-transform:capitalize;"><?php echo get_user_meta($user_id,"last_name",true); ?></div>
            <div class="strb-job" style="color:white;margin-top:-3px;margin-right:150px;font-size:20px;width:250px;text-align:left;margin-left:105px;"><?php $STB_user_data->echoData("companyslug")?><span style="font-size:20px;font-family: 'Baskervville';font-weight:700;text-transform: capitalize;"><?php $STB_user_data->echoData("job"); ?></span></div>
        </div> 
            
        <div style="width:80%;height:1px;background-color:aqua;z-index:10;margin-top:-60px;margin-right:38px;"></div>

        <div class="" style="text-align:left;line-height:15px;font-size:12px;color:white;z-index:20;max-height:60px;overflow:hidden;margin-top:10px;margin-right:-2px;width:280px;">
                <?php echo get_user_meta($user_id,"description",true);?> 
        </div>
        
    
    <div class="squirrly-strb-social-wrap-dinamic" style="height:30px;left:-10px;width:260px;top:-1px;">

<?php if($STB_user_data->getData("facebook")!=null){
          echo'<div class="squirrly-strb-item-social item-two" style="background-color:#4267b2;">
                <a  href="'. $STB_user_data->getData("facebook").'" rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'" target=”blank"><i style="color:black;"  class="fa-brands fa-facebook squirrly-strb-item"></i></a>
               </div>';
}?>
<?php if($STB_user_data->getData("linked")!=null){
                  echo'<div class="squirrly-strb-item-social item-two" style="background-color:#0077B5">
                        <a rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'"  href="'. $STB_user_data->getData("linked").'" target=”_blank"><i class="fa-brands fa-linkedin"></i></a>
                       </div>';
            }?>
<?php if($STB_user_data->getData("insta")!=null){
          echo'<div class="squirrly-strb-item-social item-two" style="background-color:#e1306c;">
                <a  href="'.$STB_user_data->getData("insta").'" rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'" target=”_blank"><i style="color:black;" class="fa-brands fa-instagram squirrly-strb-item"></i></a>
               </div>';
}?>
<?php if($STB_user_data->getData("twitter")!=null){
          echo'<div class="squirrly-strb-item-social item-two" style="background-color:#1da1f2;" >
                <a  href="'.$STB_user_data->getData("twitter").'" rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'" target=”_blank"><i style="color:black;" class="fa-brands fa-twitter squirrly-strb-item"></i></a>
               </div> ';
}?>
<?php if($STB_user_data->getData("tok")!=null){
          echo'<div class="squirrly-strb-item-social item-two" style="background-color:#088F8F;">
                <a  href="'. $STB_user_data->getData("tok").'" rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'" target=”_blank"><i style="color:black;" class="fa-brands fa-tiktok squirrly-strb-item"></i></a>            
               </div>';
}?>
<?php if($STB_user_data->getData("youtube")!=null){
          echo' <div class="squirrly-strb-item-social item-two" style="background-color:red;">
                <a  href="'.$STB_user_data->getData("youtube").'" rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'" target=”_blank"><i style="color:black;" class="fa-brands fa-youtube"></i></a>
                </div>';
}?>
 <?php if($STB_user_data->getData("pin")!=null){
          echo' <div class="squirrly-strb-item-social item-two" style="background-color:red;">
                <a  href="'.$STB_user_data->getData("pin").'" rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'" target=”_blank"><i style="color:black;" class="fa-brands fa-pinterest"></i></a>
                </div>';
}?>
 <?php if($STB_user_data->getData("email")!=null){
          echo' <div class="squirrly-strb-item-social item-two" style="background-color:#1da1f2;">
                <a  href="'.$STB_user_data->getData("email").'" rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'" target=”_blank"><i style="color:black;" class="fa-brands fa-google"></i></a>
                </div>';
}?>
<?php if($STB_user_data->getData("git")!=null){
          echo' <div class="squirrly-strb-item-social item-two" style="background-color:black;">
                <a  href="'.$STB_user_data->getData("git").'" rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'" target=”_blank"><i class="fa-brands fa-github"></i></a>
                </div>';
}?>
    
</div> 
    </div>          
</div>
</div>          
</div>     


