{% include '@Application/inc/central_header.html.twig' %}<!-- freelancer Section Start --><div class="free-profile-page section"> <div class="container"> <div class="row"> <div class="col-md-12 d-flex justify-content-center align-items-center"> <div class="free-profile-page-info"> <h1 class="section-title">Freelancer Profile </h1> </div> </div> </div> <div class="row col-md-12 d-flex justify-content-center align-items-center"> <div class="profile-header"> <div class="profile-info"> <img class="porfile-img" src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/Ellipse.png?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="Profile Picture"> <div class="badge"> <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/badge1.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""> <span class="position">1st</span> </div> <div class="profile-details"> <h2>RoroNoa Zoro</h2> <div class="rating"> <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/star.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""><span>4.5</span> </div> <p><span>Profession:</span> HR</p> <p><span>Experience:</span> <strong class="experience">5 Years</strong></p> <p><span>Country:</span> Bangladesh</p> <p><span>Languages:</span> Bengali, English, Hindi</p> </div> </div> <hr class="separator"> <div class="book-appointment"> <h4>Book an Appointment</h4> <h3>$20/Hour</h3> <button>Book Appointment</button> <p>Typically replies within <strong class='dark-span-text'>1 hour</strong></p> </div> </div> </div> <div class="row col-md-12 d-flex justify-content-center align-items-center"> <div class="profile-details-section"> <div class="expert-in"> <h3>Expert in</h3> <p>HR Consulting, HR Management</p> </div> <h2> Profile Details </h2> <div class="profile-details py-2"> <div class="container-xxl"> <div class="tab-wrapper"> <ul class="nav nav-tabs d-flex justify-content-start border-bottom" id="myTab" role="tablist" > <li class="nav-item" role="presentation"> <button class="nav-link active" id="tab1-tab" data-bs-toggle="tab" data-bs-target="#tab1" type="button" role="tab" > Personal Info </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="tab2-tab" data-bs-toggle="tab" data-bs-target="#tab2" type="button" role="tab" > Professional Info </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="tab3-tab" data-bs-toggle="tab" data-bs-target="#tab3" type="button" role="tab" > Employee & Educational Info </button> </li> </ul> </div> <div class="tab-content py-4" id="myTabContent"> {# 1st div: personal info #} <div class="tab-pane fade show active border-0" id="tab1" role="tabpanel"> <div class="row px-3"> {# first name #} <div class="col-lg-4 col-md-6 col-12 about-freelancer"> <div> <h3>First Name:</h3> </div> <p> <span class="inplace" data-set-method="setFirstname">{{ details.firstname is null?'First name':details.firstname }}</span> </p> </div> {# last name #} <div class="col-lg-4 col-md-6 col-12 about-freelancer"> <div> <h3>Last Name:</h3> </div> <p> <span class="inplace" data-set-method="setLastname">{{ details.lastname is null?'Edit':details.lastname }}</span> </p> </div> </div> {# about-freelancer #} <div class="about-freelancer"> <div> <h3>About Me</h3> </div> <p> <span class="inplace" data-set-method="" > </span> </p> </div> {# 2nd part: others information #} <div class="row px-3"> {# Contact Information Section #} <div class="col-lg-4 col-md-6 col-12 about-freelancer"> <div> <h3>Contact no:</h3> </div> <p><span class="inplace" data-set-method="" ></span></p> </div> {# Optional Contact #} <div class="col-lg-4 col-md-6 col-12 about-freelancer"> <div> <h3>Optional Contact no:</h3> </div> <p><span class="inplace" data-set-method=""></span></p> </div> {# National ID #} <div class="col-lg-4 col-md-6 col-12 about-freelancer"> <div> <h3>National ID no:</h3> </div> <p><span class="inplace" data-set-method="setNid" data-field='nid'>{{ details.nid is null?'Edit':details.tin }}</span></p> </div> {# Passport No #} <div class="col-lg-4 col-md-6 col-12 about-freelancer"> <div> <h3>Passport no:</h3> </div> <p><span class="inplace" data-set-method="" >91596999999</span></p> </div> {# TIN No #} <div class="col-lg-4 col-md-6 col-12 about-freelancer"> <div> <h3>TIN no:</h3> </div> <p><span class="inplace" data-field='tin' data-set-method="setTin">{{ details.tin is null?'Edit':details.tin }}</span></p> </div> {# Date of Birth #} <div class="col-lg-4 col-md-6 col-12 about-freelancer"> <div> <h3>Date of Birth:</h3> </div> {# {{ details.dob is null?'Edit':details.dob }} #} <p><span class="inplace" data-field='dob' data-set-method="setDob" data-field-type="_DATE_">{{ details.dob is null?'Edit':details.dob|date('Y-m-d') }}</span></p> </div> {# Gender #} <div class="col-lg-4 col-md-6 col-12 about-freelancer"> <div> <h3>Gender:</h3> </div> <p><span class="inplace" data-field='sex' data-set-method="setSex">{{ details.sex is null?'Edit':details.sex }}</span></p> </div> {# Religion #} <div class="col-lg-4 col-md-6 col-12 about-freelancer"> <div> <h3>Religion:</h3> </div> <p><span class="inplace" data-set-method=""></span></p> </div> {# Blood Group #} <div class="col-lg-4 col-md-6 col-12 about-freelancer"> <div> <h3>Blood Group:</h3> </div> <p><span class="inplace" data-set-method="setBlood">{{ details.blood is null?'Edit':details.blood }}</span></p> </div> </div> {# address part #} <div class="row"> {# Current Address #} <div class="col-12 col-md-6 col-lg-6 about-freelancer px-3"> <div> <h3>Current Address:</h3> </div> {# {{ details.curr_addr is null?'Edit':details.curr_addr }} #} <p><span class="inplace" data-set-method="setCurrAddr" > {{ details.currAddr is null?'Edit':details.currAddr }} </span></p> </div> {# Permanent Address #} <div class="col-12 col-md-6 col-lg-6 about-freelancer"> <div> <h3>Permanent Address:</h3> </div> {# {{ details.perm_addr is null?'Edit':details.perm_addr }} #} <p><span class="inplace" data-set-method="setPurrAddr" > </span></p> </div> </div> </div> {# 2nd div: professional info #} <div class="tab-pane fade" id="tab2" role="tabpanel"> <div class="row p-3"> {# Department #} <div class="col-12 col-md-6 col-lg-4 about-freelancer"> <div> <h3>Department:</h3> </div> <p><span class="inplace" data-set-method="" data-field-type="">Software</span></p> </div> {# Designation #} <div class="col-12 col-md-6 col-lg-4 about-freelancer"> <div> <h3>Designation:</h3> </div> <p><span class="inplace" data-set-method="" data-field-type="">Web Application Developer</span></p> </div> {# Branch #} <div class="col-12 col-md-6 col-lg-4 about-freelancer"> <div> <h3>Branch:</h3> </div> <p><span class="inplace" data-set-method="" data-field-type="">Uttara</span></p> </div> {# Location #} <div class="col-12 col-md-6 col-lg-4 about-freelancer"> <div> <h3>Location:</h3> </div> <p><span class="inplace" data-set-method="" data-field-type="">Uttara</span></p> </div> {# Supervisor Name #} <div class="col-12 col-md-6 col-lg-4 about-freelancer"> <div> <h3>Supervisor Name:</h3> </div> <p><span class="inplace" data-set-method="" data-field-type="">Mr. X</span></p> </div> {# Joining Date #} <div class="col-12 col-md-6 col-lg-4 about-freelancer"> <div> <h3>Joining Date:</h3> </div> {# {{ details.joining_date is null?'Edit':details.joining_date }} #} <p><span class="inplace" data-set-method="" data-field-type="">showed error</span></p> </div> {# Probationary Period #} <div class="col-12 col-md-6 col-lg-4 about-freelancer"> <div> <h3>Probationary Period:</h3> </div> <p><span class="inplace" data-set-method="" data-field-type="">3 months</span></p> </div> {# Employment Type #} <div class="col-12 col-md-6 col-lg-4 about-freelancer"> <div> <h3>Employment Type:</h3> </div> <p><span class="inplace" data-set-method="" data-field-type="">Full time</span></p> </div> </div> </div> {# 3rd div: epmloyee and educational info #} <div class="tab-pane fade" id="tab3" role="tabpanel"> {# skills #} <div > <div class='mb-4'> <h3>Skills on focus</h3> <p name="skill[]" id="skill" class="custom-width" data-set-method="setSkill" data-field-type="_JSON_" data-modify-trans-date="0" multiple> </p> </div> {# inplace used #} {# <span class="skill-tag ">Talent Acquisition & Recruitment</span> <span class="skill-tag">Recruitment</span> <span class="skill-tag">HR Management</span> #} </div> {# Employment history #} <h2 class="mt-2"> Employment history: </h2> <div id="employment-history" class="p-3"> <div class="row employment-entry"> {# Company name #} <div class="col-lg-4 col-md-6 col-12"> <div class="about-freelancer "> <div> <h3> Company name</h3> </div> <p> <span class="inplace " data-set-method="" data-field-type=""> HoneyBee IOT Ltd. </span> </p> </div> </div> {# Designation #} <div class="col-lg-4 col-md-6 col-12"> <div class="about-freelancer"> <div> <h3> Designation</h3> </div> <p> <span class="inplace " data-set-method="" data-field-type=""> Web </span> </p> </div> </div> {# Work responsibility #} <div class="col-lg-4 col-md-6 col-12"> <div class="about-freelancer"> <div> <h3> Work responsibility </h3> </div> <p> <span class="inplace " data-set-method="" data-field-type=""> Frontend </span> </p> </div> </div> {# year #} <div class="col-lg-4 col-md-6 col-12"> <div class="about-freelancer"> <div> <h3> year </h3> </div> {# data-set-method="setworkExperienceYear" ekhane method er nam??? #} <p> <span class="inplace " data-set-method="setworkExperienceYear" data-field-type=""> {{ details.workExperienceYear is null?'Edit':details.workExperienceYear }} </span> </p> </div> </div> {# duration #} <div class="col-lg-4 col-md-6 col-12"> <div class="about-freelancer"> <div> <h3> Duration </h3> </div> <p> <span class="inplace " data-set-method="" data-field-type=""> 1 </span> </p> </div> </div> </div> </div> <h2 class="mt-2"> Education history: </h2> {# Education history parts #} <div id="education-history" class="p-3" > <div class="row education-entry" > {# Institute name #} <div class="about-freelancer col-lg-3 col-md-6 col-12"> <div> <h3> Institute name </h3> </div> <p> <span class="inplace " data-set-method="" data-field-type=""> UAP </span> </p> </div> {# Degree #} <div class="about-freelancer col-lg-3 col-md-6 col-12"> <div> <h3> Degree </h3> </div> <p> <span class="inplace " data-set-method="" data-field-type=""> Degree </span> </p> </div> {# Year #} <div class="about-freelancer col-lg-3 col-md-6 col-12"> <div> <h3> Year </h3> </div> <p> <span class="inplace " data-set-method="" data-field-type=""> 4 </span> </p> </div> {# Duration #} <div class="about-freelancer col-lg-3 col-md-6 col-12"> <div> <h3> Duration </h3> </div> <p> <span class="inplace " data-set-method="" data-field-type=""> 4 </span> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> {# reviews #} <div class="row col-md-12 d-flex justify-content-center align-items-center"> <div class="reviewer-info"> <div class="reviewer-profile-content"> <hr class="profile-separator1"> <div class="profile"> <img class="profile-img" src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/Ellipse.png?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""> <div> <h4 class="name">Minato Namikaze</h4> <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/Japan.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""> <span class="country-name">Japan</span> </div> </div> <div class="review"> <div class="stars"> <div><img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/star.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""><span class="star">5</span></div> <hr class="review-separator"> <span>1 Month Ago</span> </div> <p> Exceptional HR expertise! [Freelancer's Name] helped streamline our hiring process and implement effective HR policies. Their professionalism and attention to detail made a significant impact on our team. Highly recommended! </p> </div> <hr class="profile-separator2"> </div> <hr class="profile-separator3"> <div class="side-order"> <h5>Order</h5> <ul> <li>Nunc ridiculus dolor lor culu volutpgula donec phareta gula donec pharetra dui pat dui conv...</li> <li>Nunc ridiculus dolor lor culu volutpgula donec phareta gula donec pharetra dui pat dui conv...</li> </ul> </div> </div> <div class="reviewer-info"> <div class="reviewer-profile-content"> <div class="profile"> <img class="profile-img" src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/Ellipse.png?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""> <div> <h4 class="name">Minato Namikaze</h4> <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/Japan.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""> <span class="country-name">Japan</span> </div> </div> <div class="review"> <div class="stars"> <div><img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/star.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""><span class="star">5</span></div> <hr class="review-separator"> <span>1 Month Ago</span> </div> <p> A true HR specialist! From talent acquisition to employee engagement strategies, [Freelancer's Name] exceeded our expectations. Their insights and proactive approach improved our workplace culture. Will definitely work with them again! </p> </div> </div> <hr class="profile-separator3"> <div class="side-order"> <h5>Order</h5> <ul> <li>Nunc ridiculus dolor lor culu volutpgula donec phareta gula donec pharetra dui pat dui conv...</li> <li>Nunc ridiculus dolor lor culu volutpgula donec phareta gula donec pharetra dui pat dui conv...</li> </ul> </div> </div> <div class="pagination-container d-flex justify-content-center align-items-center"> <button id="blogPrevPageBtn" ><img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/icons/arrow-left.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""> Previous</button> <div class="page-info mx-3"><span class="active">1</span> out of 6</div> <button id="blogNextPageBtn" >Next <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/icons/arrow-right.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""></button> </div> </div> </div></div> <!-- freelancer Section end -->{% include '@HoneybeeWeb/footer/central_footer.html.twig' %}