<?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/css2?family=Lobster&display=swap" rel="stylesheet">


<div class="squirrly-strb-main-container" style="">

    <div class="squirrly-strb-background-img">
        <div class="squirrly-strb-pnl-color edit-clr" style="opacity:40%;z-index:10;background-image:linear-gradient(135deg,#FFBF00,#93C572); opacity:0.<?php $STB_user_theme->echoData("pnl_opacity")?>;"></div>
        <img class="squirrly-strb-background-image" style="clip-path:polygon(0 0, 100% 0%, 100% 85%, 0 70%); 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:100%;bottom:0;height:40%">
        
        <div class="squirrly-strb-pnl-color edit-clr" style="clip-path: polygon(0 24%, 100% 62%, 100% 100%, 0 100%); background-color:<?php $STB_user_theme->echoData("pnl_color")?>;opacity:0.7;"></div>

        <div class="squirrly-strb-data" style="z-index:20;margin-top:-20px;">
            
           
        <?php if($STB_user_data->getData("img")!=="empty"){
            echo '<img style="width:25%;border-radius:50%;" src="'.$STB_user_data->getData("img") .'" />
            ';} ?>
           
            <div class="squirrly-strb-headder">
                <div style="z-index:20;color:white;font-size:26px;font-weight:500;margin-left:5%;height:40px;width:100%;text-transform: capitalize;font-family: 'Lobster', cursive;"><?php $STB_user_data->echoData("user_name"); ?></div>
                <div style="font-size:24px;color:white;margin-left:5%;width:100%;">I am a <span style="font-weight:500;text-transform: capitalize;color:#f7aa2e;"><?php $STB_user_data->echoData("job"); ?></span></div>
            </div> 
        </div>    
        
       
        <div class="squirrly-strb-social-wrap" style="position:absolute;z-index:20;width:50%;right:5px;bottom:5px;">
        <div class="squirrly-strb-item-social item-two" style="background-color:#0096FF;">
            <a href="<?php $STB_user_data->echoData("link"); ?>" target=”_blank"><i style="color:black;" class="fa-brands fa-linkedin squirrly-strb-item"></i></a>
        </div>
        <div class="squirrly-strb-item-social item-two" style="background-color:#4267b2;">
            <a  href="<?php $STB_user_data->echoData("facebook"); ?>" target=”blank"><i style="color:black;"  class="fa-brands fa-facebook squirrly-strb-item"></i></a>
        </div>
        <div class="squirrly-strb-item-social item-two" style="background-color:#e1306c;">
            <a  href="<?php $STB_user_data->echoData("instagram"); ?>" target=”_blank"><i style="color:black;" class="fa-brands fa-instagram squirrly-strb-item"></i></a>
        </div>
        <div class="squirrly-strb-item-social item-two" style="background-color:#1da1f2;" >
            <a  href="<?php $STB_user_data->echoData("twitter"); ?>" target=”_blank"><i style="color:black;" class="fa-brands fa-twitter squirrly-strb-item"></i></a>
        </div>  
        <div class="squirrly-strb-item-social item-two" style="background-color:#088F8F;">
            <a  href="<?php $STB_user_data->echoData("tok"); ?>" target=”_blank"><i style="color:black;" class="fa-brands fa-tiktok squirrly-strb-item"></i></a>            
        </div>
        </div> 
        
       
    </div>          
</div>
        


