src/ApplicationBundle/Modules/HoneybeeWeb/Resources/views/pages/freelancer_profile.html.twig line 1

Open in your IDE?
  1. {% include '@Application/inc/central_header.html.twig' %}
  3. <!-- freelancer Section Start -->
  4. <div class="free-profile-page section">
  5.                     <div class="container">
  6.                 
  7.                         <div class="row">
  8.                             <div class="col-md-12 d-flex justify-content-center align-items-center">
  9.                                 <div class="free-profile-page-info">
  10.                                     <h1 class="section-title">Freelancer Profile </h1>
  11.                                 </div>
  12.                             </div>
  13.                         </div>
  16.                         <div class="row col-md-12 d-flex justify-content-center align-items-center">
  17.                             <div class="profile-header">
  18.                               <div class="profile-info">
  19.                                 <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">
  21.                                 <div class="badge">
  22.                                     <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/badge1.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="">
  23.                                     <span class="position">1st</span>
  24.                                 </div>
  26.                                 <div class="profile-details">
  27.                                   <h2>RoroNoa Zoro</h2>
  28.                                   <div class="rating">
  29.                                     <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>
  30.                                   </div>
  31.                                   <p><span>Profession:</span> HR</p>
  32.                                   <p><span>Experience:</span> <strong class="experience">5 Years</strong></p>
  33.                                   <p><span>Country:</span> Bangladesh</p>
  34.                                   <p><span>Languages:</span> Bengali, English, Hindi</p>
  35.                                 </div>
  36.                               </div>
  38.                               <hr class="separator">
  40.                               <div class="book-appointment">
  41.                                 <h4>Book an Appointment</h4>
  42.                                 <h3>$20/Hour</h3>
  43.                                 <button>Book Appointment</button>
  44.                                 <p>Typically replies within <strong class='dark-span-text'>1 hour</strong></p>
  45.                               </div>
  46.                             </div>
  47.                         </div>
  49.                         <div class="row col-md-12 d-flex justify-content-center align-items-center">
  50.                             <div class="profile-details-section">
  51.                                 <div class="expert-in">
  52.                                   <h3>Expert in</h3>
  53.                                   <p>HR Consulting, HR Management</p>
  54.                                 </div>
  56.                                 
  57.                                 <h2> Profile Details </h2> 
  58.                                 <div class="profile-details py-2">
  59.                                     <div class="container-xxl">
  60.                                         <div class="tab-wrapper">
  61.                                             <ul
  62.                                                 class="nav nav-tabs d-flex justify-content-start border-bottom"
  63.                                                 id="myTab"  role="tablist"
  64.                                             >
  65.                                                 <li class="nav-item" role="presentation">
  66.                                                 <button
  67.                                                     class="nav-link active"
  68.                                                     id="tab1-tab"
  69.                                                     data-bs-toggle="tab"
  70.                                                     data-bs-target="#tab1"
  71.                                                     type="button"
  72.                                                     role="tab"
  73.                                                 >
  74.                                                     Personal Info
  75.                                                 </button>
  76.                                                 </li>
  77.                                                 <li class="nav-item" role="presentation">
  78.                                                 <button
  79.                                                     class="nav-link"
  80.                                                     id="tab2-tab"
  81.                                                     data-bs-toggle="tab"
  82.                                                     data-bs-target="#tab2"
  83.                                                     type="button"
  84.                                                     role="tab"
  85.                                                 >
  86.                                                     Professional Info
  87.                                                 </button>
  88.                                                 </li>
  89.                                                 <li class="nav-item" role="presentation">
  90.                                                 <button
  91.                                                     class="nav-link"
  92.                                                     id="tab3-tab"
  93.                                                     data-bs-toggle="tab"
  94.                                                     data-bs-target="#tab3"
  95.                                                     type="button"
  96.                                                     role="tab"
  97.                                                 >
  98.                                                     Employee & Educational Info
  99.                                                 </button>
  100.                                                 </li>
  101.                                                 <li class="nav-item" role="presentation">
  102.                                                 <button
  103.                                                     class="nav-link"
  104.                                                     id="tab4-tab"
  105.                                                     data-bs-toggle="tab"
  106.                                                     data-bs-target="#tab4"
  107.                                                     type="button"
  108.                                                     role="tab"
  109.                                                 >
  110.                                                     Review
  111.                                                 </button>
  112.                                                 </li>
  114.                                             </ul>
  115.                                         </div>
  117.                                         <div class="tab-content py-4" id="myTabContent">
  118.                                             {# 1st div: personal info #}
  119.                                             <div class="tab-pane fade show active border-0" id="tab1" role="tabpanel">
  120.                                                 <div class="row px-3">
  121.                                                     {# first name #}
  122.                                                     <div class="col-lg-4 col-md-6 col-12 about-freelancer">
  123.                                                         <div>
  124.                                                             <h3>First Name:</h3>
  125.                                                             
  126.                                                         </div>
  127.                                                         <p> <span class="inplace" data-set-method="setFirstname">{{ details.firstname is null?'First name':details.firstname }}</span>  </p>
  128.                                                     </div>
  130.                                                     {# last name #}
  131.                                                     <div class="col-lg-4 col-md-6 col-12 about-freelancer">
  132.                                                         <div>
  133.                                                             <h3>Last Name:</h3>
  134.                                                             
  135.                                                         </div>
  136.                                                         <p>  <span class="inplace" data-set-method="setLastname">{{ details.lastname is null?'Edit':details.lastname }}</span>  </p>
  137.                                                     </div>
  138.                                                 </div>
  139.                                         
  140.                                                 {# about-freelancer #}
  141.                                                 <div class="about-freelancer">
  142.                                                     <div>
  143.                                                         <h3>About Me</h3>
  144.                                                         
  145.                                                     </div>
  146.                                                     <p> <span class="inplace" data-set-method="" > </span>  </p>
  147.                                                 </div>
  149.                                                 {# 2nd part: others information #}
  150.                                                 <div class="row px-3">
  152.                                                     {# Contact Information Section #}
  153.                                                     <div class="col-lg-4 col-md-6 col-12 about-freelancer">
  154.                                                         <div>
  155.                                                             <h3>Contact no:</h3>
  156.                                                             
  157.                                                         </div>
  158.                                                         <p><span class="inplace" data-set-method="" ></span></p>
  159.                                                     </div>
  161.                                                     {# Optional Contact #}
  162.                                                     <div class="col-lg-4 col-md-6 col-12 about-freelancer">
  163.                                                         <div>
  164.                                                             <h3>Optional Contact no:</h3>
  165.                                                             
  166.                                                         </div>
  167.                                                         <p><span class="inplace" data-set-method=""></span></p>
  168.                                                     </div>
  170.                                                     {# National ID #}
  171.                                                     {# <div class="col-lg-4 col-md-6 col-12 about-freelancer">
  172.                                                         <div>
  173.                                                             <h3>National ID no:</h3>
  174.                                                             
  175.                                                         </div>
  176.                                                         <p><span class="inplace" data-set-method="setNid" data-field='nid'>{{ details.nid is null?'Edit':details.tin }}</span></p>
  177.                                                     </div> #}
  179.                                                     {# Passport No #}
  180.                                                     {# <div class="col-lg-4 col-md-6 col-12 about-freelancer">
  181.                                                         <div>
  182.                                                             <h3>Passport no:</h3>
  183.                                                             
  184.                                                         </div>
  185.                                                         <p><span class="inplace" data-set-method="" >91596999999</span></p>
  186.                                                     </div> #}
  188.                                                     {# TIN No #}
  189.                                                     {# <div class="col-lg-4 col-md-6 col-12 about-freelancer">
  190.                                                         <div>
  191.                                                             <h3>TIN no:</h3>
  192.                                                             
  193.                                                         </div>
  194.                                                         <p><span class="inplace" data-field='tin' data-set-method="setTin">{{ details.tin is null?'Edit':details.tin }}</span></p>
  195.                                                     </div> #}
  197.                                                     {# Date of Birth #}
  198.                                                     <div class="col-lg-4 col-md-6 col-12 about-freelancer">
  199.                                                         <div>
  200.                                                             <h3>Date of Birth:</h3>
  201.                                                            
  202.                                                         </div>
  203.                                                         {# {{ details.dob is null?'Edit':details.dob }} #}
  204.                                                         <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>
  205.                                                     </div>
  207.                                                     {# Gender #}
  208.                                                     <div class="col-lg-4 col-md-6 col-12 about-freelancer">
  209.                                                         <div>
  210.                                                             <h3>Gender:</h3>
  211.                                                             
  212.                                                         </div>
  213.                                                         <p><span class="inplace" data-field='sex' data-set-method="setSex">{{ details.sex is null?'Edit':details.sex }}</span></p>
  214.                                                     </div>
  216.                                                     {# Religion #}
  217.                                                     <div class="col-lg-4 col-md-6 col-12 about-freelancer">
  218.                                                         <div>
  219.                                                             <h3>Religion:</h3>
  220.                                                             
  221.                                                         </div>
  222.                                                         <p><span class="inplace" data-set-method=""></span></p>
  223.                                                     </div>
  225.                                                     {# Blood Group #}
  226.                                                     <div class="col-lg-4 col-md-6 col-12 about-freelancer">
  227.                                                         <div>
  228.                                                             <h3>Blood Group:</h3>
  229.                                                             
  230.                                                         </div>
  231.                                                         <p><span class="inplace" data-set-method="setBlood">{{ details.blood is null?'Edit':details.blood }}</span></p>
  232.                                                     </div>
  234.                                                 </div>
  236.                                                 {# address part #}
  237.                                                 <div class="row">
  239.                                                     {# Current Address #}
  240.                                                     <div class="col-12 col-md-6 col-lg-6 about-freelancer px-3">
  241.                                                         <div>
  242.                                                             <h3>Current Address:</h3>
  243.                                                             
  244.                                                         </div>
  245.                                                         {# {{ details.curr_addr is null?'Edit':details.curr_addr }} #}
  246.                                                         <p><span class="inplace"  data-set-method="setCurrAddr" >  {{ details.currAddr is null?'Edit':details.currAddr }} </span></p>
  247.                                                     </div>
  249.                                                     {# Permanent Address #}
  250.                                                     <div class="col-12 col-md-6 col-lg-6 about-freelancer">
  251.                                                         <div>
  252.                                                             <h3>Permanent Address:</h3>
  253.                                                             
  254.                                                         </div>
  255.                                                         {# {{ details.perm_addr is null?'Edit':details.perm_addr }} #}
  256.                                                         <p><span class="inplace" data-set-method="setPurrAddr" >  </span></p>
  257.                                                     </div>
  259.                                                 </div>
  260.                                             </div>
  262.                                             {# 2nd div: professional info #}
  263.                                             <div class="tab-pane fade" id="tab2" role="tabpanel">
  264.                                                 <div class="row p-3">
  265.                                                     {# Department #}
  266.                                                     <div class="col-12 col-md-6 col-lg-4 about-freelancer">
  267.                                                         <div>
  268.                                                             <h3>Department:</h3>
  269.                                                             
  270.                                                         </div>
  271.                                                         <p><span class="inplace" data-set-method="" data-field-type="">Software</span></p>
  272.                                                     </div>
  274.                                                     {# Designation #}
  275.                                                     <div class="col-12 col-md-6 col-lg-4 about-freelancer">
  276.                                                         <div>
  277.                                                             <h3>Designation:</h3>
  278.                                                             
  279.                                                         </div>
  280.                                                         <p><span class="inplace" data-set-method="" data-field-type="">Web Application Developer</span></p>
  281.                                                     </div>
  283.                                                     {# Branch #}
  284.                                                     <div class="col-12 col-md-6 col-lg-4 about-freelancer">
  285.                                                         <div>
  286.                                                             <h3>Branch:</h3>
  287.                                                             
  288.                                                         </div>
  289.                                                         <p><span class="inplace" data-set-method="" data-field-type="">Uttara</span></p>
  290.                                                     </div>
  292.                                                     {# Location #}
  293.                                                     <div class="col-12 col-md-6 col-lg-4 about-freelancer">
  294.                                                         <div>
  295.                                                             <h3>Location:</h3>
  296.                                                             
  297.                                                         </div>
  298.                                                         <p><span class="inplace" data-set-method="" data-field-type="">Uttara</span></p>
  299.                                                     </div>
  301.                                                     {# Supervisor Name #}
  302.                                                     <div class="col-12 col-md-6 col-lg-4 about-freelancer">
  303.                                                         <div>
  304.                                                             <h3>Supervisor Name:</h3>
  305.                                                             
  306.                                                         </div>
  307.                                                         <p><span class="inplace" data-set-method="" data-field-type="">Mr. X</span></p>
  308.                                                     </div>
  310.                                                     {# Joining Date #}
  311.                                                     <div class="col-12 col-md-6 col-lg-4 about-freelancer">
  312.                                                         <div>
  313.                                                             <h3>Joining Date:</h3>
  314.                                                             
  315.                                                         </div>
  316.                                                         {# {{ details.joining_date is null?'Edit':details.joining_date }} #}
  317.                                                         <p><span class="inplace" data-set-method="" data-field-type="">showed error</span></p>
  318.                                                     </div>
  320.                                                     {# Probationary Period #}
  321.                                                     <div class="col-12 col-md-6 col-lg-4 about-freelancer">
  322.                                                         <div>
  323.                                                             <h3>Probationary Period:</h3>
  324.                                                             
  325.                                                         </div>
  326.                                                         <p><span class="inplace" data-set-method="" data-field-type="">3 months</span></p>
  327.                                                     </div>
  329.                                                     {# Employment Type #}
  330.                                                     <div class="col-12 col-md-6 col-lg-4 about-freelancer">
  331.                                                         <div>
  332.                                                             <h3>Employment Type:</h3>
  333.                                                             
  334.                                                         </div>
  335.                                                         <p><span class="inplace" data-set-method="" data-field-type="">Full time</span></p>
  336.                                                     </div>
  337.                                             
  338.                                                 </div>
  339.                                             </div>
  341.                                             {# 3rd div: epmloyee and educational info #}
  342.                                             <div class="tab-pane fade" id="tab3" role="tabpanel">
  343.                                                 {# skills #}
  344.                                                 <div >
  345.                                                     
  346.                                                     <div class='mb-4'>
  347.                                                         <h3>Skills on focus</h3>
  348.                                                        
  349.                                                         <p name="skill[]" id="skill" class="custom-width"
  350.                                                             data-set-method="setSkill"
  351.                                                             data-field-type="_JSON_"
  352.                                                             data-modify-trans-date="0" multiple>                      
  353.                                                         </p>
  355.                                                     </div>
  357.                                                     {# inplace used #}
  358.                                                     {# <span class="skill-tag ">Talent Acquisition & Recruitment</span>
  359.                                                     <span class="skill-tag">Recruitment</span>
  360.                                                     <span class="skill-tag">HR Management</span> #}
  361.                                                 </div>
  363.                                                 {# Employment history #}
  364.                                                 <h2 class="mt-2"> Employment history: </h2>
  365.                                                 <div id="employment-history" class="p-3">
  366.                                                     <div class="row employment-entry">
  367.                                                         {# Company name #}
  368.                                                         <div class="col-lg-4 col-md-6 col-12">
  369.                                                             <div class="about-freelancer ">
  370.                                                                 <div>
  371.                                                                     <h3> Company name</h3>
  372.                                                                     
  373.                                                                 </div>
  375.                                                                 <p> <span class="inplace " data-set-method=""  data-field-type=""> HoneyBee IOT Ltd. </span>  </p>
  376.                                                             </div>
  378.                                                         </div>
  379.                                                         
  380.                                                         
  381.                                                         {# Designation #}
  382.                                                         <div class="col-lg-4 col-md-6 col-12">
  383.                                                             <div class="about-freelancer">
  384.                                                                 <div>
  385.                                                                     <h3> Designation</h3>
  386.                                                                     
  387.                                                                 </div>
  389.                                                                 <p> <span class="inplace " data-set-method=""  data-field-type=""> Web </span>  </p>
  390.                                                             </div>
  391.                                                         </div>
  392.                                                         
  393.                                                         
  394.                                                         {# Work responsibility #}
  395.                                                         <div class="col-lg-4 col-md-6 col-12">
  396.                                                             <div class="about-freelancer">
  397.                                                                 <div>
  398.                                                                     <h3> Work responsibility </h3>
  399.                                                                     
  400.                                                                 </div>
  402.                                                                 <p> <span class="inplace " data-set-method=""  data-field-type=""> Frontend </span>  </p>
  403.                                                             </div>
  404.                                                         
  405.                                                         </div>
  406.                                                     
  407.                                                 
  408.                                                         {# year #}
  409.                                                         <div class="col-lg-4 col-md-6 col-12">
  410.                                                             <div class="about-freelancer">
  411.                                                                 <div>
  412.                                                                     <h3> year </h3>
  413.                                                                     
  414.                                                                 </div>
  415.                                                                 {# data-set-method="setworkExperienceYear" ekhane method er nam??? #}
  416.                                                                 <p> <span class="inplace " data-set-method="setworkExperienceYear"  data-field-type=""> {{ details.workExperienceYear is null?'Edit':details.workExperienceYear }} </span>  </p>
  417.                                                             </div>
  418.                                                         
  419.                                                         </div>
  420.                                                         
  422.                                                         {# duration #}
  423.                                                         <div class="col-lg-4 col-md-6 col-12">
  424.                                                             <div class="about-freelancer">
  425.                                                                 <div>
  426.                                                                     <h3> Duration </h3>
  427.                                                                     
  428.                                                                 </div>
  430.                                                                 <p> <span class="inplace " data-set-method=""  data-field-type=""> 1  </span>  </p>
  431.                                                             </div>
  432.                                                         </div>
  433.                                 
  434.                                                     </div>
  435.                                                 </div>
  436.                                                 
  438.                                                 <h2 class="mt-2"> Education history: </h2>
  439.                                                 {# Education history parts #}
  440.                                                 <div id="education-history" class="p-3" >
  441.                                                     <div class="row education-entry" >
  442.                                                         {# Institute name #}
  443.                                                         <div class="about-freelancer col-lg-3 col-md-6 col-12">
  444.                                                             <div>
  445.                                                                 <h3> Institute name </h3>
  446.                                                                
  447.                                                             </div>
  449.                                                             <p> <span class="inplace " data-set-method=""  data-field-type=""> UAP  </span>  </p>
  450.                                                         </div>
  452.                                                         {# Degree #}
  453.                                                         <div class="about-freelancer col-lg-3 col-md-6 col-12">
  454.                                                             <div>
  455.                                                                 <h3> Degree </h3>
  456.                                                                 
  457.                                                             </div>
  459.                                                             <p> <span class="inplace " data-set-method=""  data-field-type=""> Degree  </span>  </p>
  460.                                                         </div>
  462.                                                         {# Year #}
  463.                                                         <div class="about-freelancer col-lg-3 col-md-6 col-12">
  464.                                                             <div>
  465.                                                                 <h3> Year </h3>
  466.                                                                 
  467.                                                             </div>
  469.                                                             <p> <span class="inplace " data-set-method=""  data-field-type=""> 4  </span>  </p>
  470.                                                         </div>
  472.                                                         {# Duration #}
  473.                                                         <div class="about-freelancer col-lg-3 col-md-6 col-12">
  474.                                                             <div>
  475.                                                                 <h3> Duration </h3>
  476.                                                                
  477.                                                             </div>
  479.                                                             <p> <span class="inplace " data-set-method=""  data-field-type=""> 4  </span>  </p>
  480.                                                         </div>
  483.                                                     </div>
  484.                                                 </div>
  485.                                         
  486.                                                 
  487.                                             </div>
  489.                                             <div class="tab-pane fade" id="tab4" role="tabpanel">
  490.                                                 {# reviews #}
  491.                                                 <div class="row col-md-12 d-flex justify-content-center align-items-center">
  492.                                                     <div class="reviewer-info">
  493.                                                         <div class="reviewer-profile-content">
  495.                                                             <hr class="profile-separator1">
  496.                                                             
  497.                                                             <div class="profile">
  498.                                                                 <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="">
  499.                                                                 <div>
  500.                                                                     <h4 class="name">Minato Namikaze</h4>
  501.                                                                     <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/Japan.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="">
  502.                                                                     <span class="country-name">Japan</span>
  503.                                                                 </div>
  504.                                                             </div>
  505.                             
  506.                                                             <div class="review">
  507.                                                                 <div class="stars">
  508.                                                                     <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>
  509.                                                                     <hr class="review-separator">
  510.                                                                     <span>1 Month Ago</span>
  511.                                                                 </div>
  512.                             
  513.                                                                 <p>
  514.                                                                     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!
  515.                                                                 </p>
  516.                                                             </div>
  518.                                                             <hr class="profile-separator2">
  519.                                                         </div>
  521.                                                         <hr class="profile-separator3">
  523.                                                         <div class="side-order">
  524.                                                             <h5>Order</h5>
  525.                                                             <ul>
  526.                                                                 <li>Nunc ridiculus dolor lor culu volutpgula donec phareta gula donec pharetra dui pat dui conv...</li>
  527.                                                                 <li>Nunc ridiculus dolor lor culu volutpgula donec phareta gula donec pharetra dui pat dui conv...</li>
  528.                                                             </ul>
  529.                                                         </div>
  530.                                                     </div>
  532.                                                     <div class="reviewer-info">
  533.                                                         <div class="reviewer-profile-content">
  534.                         
  535.                                                             <div class="profile">
  536.                                                                 <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="">
  537.                                                                 <div>
  538.                                                                     <h4 class="name">Minato Namikaze</h4>
  539.                                                                     <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/Japan.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="">
  540.                                                                     <span class="country-name">Japan</span>
  541.                                                                 </div>
  542.                                                             </div>
  543.                             
  544.                                                             <div class="review">
  545.                                                                 <div class="stars">
  546.                                                                     <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>
  547.                                                                     <hr class="review-separator">
  548.                                                                     <span>1 Month Ago</span>
  549.                                                                 </div>
  550.                             
  551.                                                                 <p>
  552.                                                                     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!
  553.                                                                 </p>
  554.                                                             </div>
  556.                                                         </div>
  558.                                                         <hr class="profile-separator3">
  560.                                                         <div class="side-order">
  561.                                                             <h5>Order</h5>
  562.                                                             <ul>
  563.                                                                 <li>Nunc ridiculus dolor lor culu volutpgula donec phareta gula donec pharetra dui pat dui conv...</li>
  564.                                                                 <li>Nunc ridiculus dolor lor culu volutpgula donec phareta gula donec pharetra dui pat dui conv...</li>
  565.                                                             </ul>
  566.                                                         </div>
  567.                                                     </div>
  569.                                                     <div class="pagination-container d-flex justify-content-center align-items-center">
  570.                                                         <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>
  571.                                                         <div class="page-info mx-3"><span class="active">1</span> out of 6</div>
  572.                                                         <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>
  573.                                                     </div>
  575.                                                 </div>
  576.                                             </div>
  578.                                         </div>
  579.                                     </div>
  580.                                 </div>
  581.                                 
  582.                             </div>
  583.                         </div>
  585.                     </div>
  586. </div>                
  587. <!-- freelancer Section end -->
  589. {% include '@HoneybeeWeb/footer/central_footer.html.twig' %}