<?php 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_ . 'Standard/style.css'?>" >
<link href="https://fonts.google.com/specimen/Righteous?query=righ" rel="stylesheet">
<link href="https://fonts.google.com/specimen/Lato?query=lato" rel="stylesheet">
<link href="https://fonts.google.com/specimen/Roboto?query=roboto" rel="stylesheet">

<div class="frontend-wrapper">
  <div class="scale-wrapper">
    <div class="business-blue business-edit-clr edit-clr" style="min-width:500px;background-color:rgb(93, 97, 213);box-shadow:0 0 10px <?php $STB_user_theme->echoData("brd_color") ?>; background-color:<?php $STB_user_theme->echoData("pnl_color")?>;">
      <div class="pnl-color"></div>
        <div style="display:flex;">
            <div  style="margin-top:20px;margin-left:20px;width:150px;height:150px;">
            <?php if($STB_user_data->getData("img")!=="empty"){
                    echo '<img style="width:150px;height:150px;border-radius:50%;border:2px solid white;"  src="'.$STB_user_data->getData("img") .'" />
                    ';} ?>
            </div>
            
            <div style="margin-left:20px;display: flex;flex-direction: column;justify-content: center;width:70%;">
              <div class="name-options"  style="letter-spacing:2px;color:white;text-align:left;font-size:23px;text-transform:capitalize;font-weight:500;overflow:hidden;color:<?php $STB_user_theme->echoData("name-color")?>;font-size:<?php $STB_user_theme->echoData("name-size")?>px;">
                  <?php echo get_user_meta($user_id,"first_name",true);?>
                  <?php echo get_user_meta($user_id,"last_name",true); ?>
              </div>
              <div style="background:#37CAEC;width:100%;height:2px;"></div>

              <div class="bio-options" style="margin-top:10px;line-height:17px;text-align:left;font-size:13px;font-weight:500;color:white;color:<?php $STB_user_theme->echoData("bio-color")?>;">
                  <?php echo get_user_meta($user_id,"description",true);?> 
              </div>

              <div class="" style="margin-top:12px;display:flex;gap:10px;min=width:200px;">       
                  <?php if($STB_user_data->getData("facebook")!=null){
                    echo'<div>
                          <a href="'.$STB_user_data->getData("facebook").'" target=”_blank" ><i style="color:white;" class="fa-brands fa-facebook squirrly-strb-item social-item-black"></i></a>
                        </div>';
                  }?>
                  <?php if($STB_user_data->getData("linked")!=null){
                    echo'<div>
                          <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 style="font-size:20px;" class="fa-brands fa-linkedin squirrly-strb-item social-item"></i></a>
                        </div>';
                  }?>     
                  <?php if($STB_user_data->getData("insta")!=null){
                    echo'<div>
                          <a href="'.$STB_user_data->getData("insta").'" target=”_blank" ><i style="color:white;" class="fa-brands fa-instagram squirrly-strb-item social-item-black"></i></a>
                        </div>';
                  }?>     
                  <?php if($STB_user_data->getData("twitter")!=null){
                    echo'<div>
                          <a href="'.$STB_user_data->getData("twitter").'" target=”_blank" ><i style="color:white;" class="fa-brands fa-twitter squirrly-strb-item social-item-black"></i></a>
                        </div>';
                  }?>  
                  <?php if($STB_user_data->getData("tok")!=null){
                    echo'<div>
                          <a href="'.$STB_user_data->getData("tok").'" target=”_blank" ><i style="color:white;" class="fa-brands fa-tiktok squirrly-strb-item social-item-black"></i></a>
                        </div>';
                  }?>  
                  <?php if($STB_user_data->getData("youtube")!=null){
                    echo'<div>
                          <a href="'.$STB_user_data->getData("youtube").'" target=”_blank" ><i style="color:white;" class="fa-brands fa-youtube squirrly-strb-item social-item-black"></i></a>
                        </div>';
                  }?>     
                  <?php if($STB_user_data->getData("pin")!=null){
                    echo'<div>
                          <a href="'.$STB_user_data->getData("pin").'" target=”_blank" ><i style="color:white;" class="fa-brands fa-pinterest squirrly-strb-item social-item-black"></i></a>
                        </div>';
                  }?>     
                  <?php if($STB_user_data->getData("git")!=null){
                    echo'<div>
                          <a href="'.$STB_user_data->getData("git").'" target=”_blank" ><i style="color:white;" class="fa-brands fa-github squirrly-strb-item social-item-black"></i></a>
                        </div>';
                  }?>     
              </div>
            </div>
          </div>
        </div>
    </div>
</div>

<style>
  .business-blue{

    padding:10px;
  }
</style>

