@extends('layouts.master')
@section('content')

<main>
   <section id="instructors_teachers" class="free_seminer_schedule">
<div class="container">
   <div class="row">
      <div class="col-12">
         <div class="facilities_heading ">
            <h1>Our Services</h1>
         </div>
      </div>
   </div>
</div>
</section>
<section class="facilities-placement">
<div class="container">
   <div class="row">
      <div class="col-md-12 job_placement" style="background-color: rgb(255, 247, 235);">
         <div class="row">
            <div class="col-md-6">
               <div class="job_placement_contant freelancing">
                  <ul>
                     <li>
                        <h3>Our Services</h3>
                     </li>
                     <li></li>
                  </ul>
                  <article>
                     <p>In our nation, there are already more than 6 lakh freelancers working in the international market, according to a survey conducted by Bangladesh ICT Division. It has emerged as a popular source of income, particularly for people seeking independence-based financial security. As a result, more than 1 billion people now provide their technological abilities as independent contractors. We have over 30 challenging courses that you can choose from to launch your freelance career.</p>
                  </article>
               </div>
               <div class="job_placement_contant_img"><img class="img-fluid w-100" src="{{asset('images/banner.png')}}" alt="Freelancing">
                  <a class="venobox" data-autoplay="true" data-vbtype="video" href="https://www.youtube.com/watch?v=V6D-Lh_t0dA">
                     <div class="overly_icon">
                        <button class="modalvidwrap">
                           <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="play" class="svg-inline--fa fa-play " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                              <path fill="currentColor" d="M361 215C375.3 223.8 384 239.3 384 256C384 272.7 375.3 288.2 361 296.1L73.03 472.1C58.21 482 39.66 482.4 24.52 473.9C9.377 465.4 0 449.4 0 432V80C0 62.64 9.377 46.63 24.52 38.13C39.66 29.64 58.21 29.99 73.03 39.04L361 215z">
                              </path>
                           </svg>
                        </button>
                     </div>
                  </a>
               </div>
            </div>
            <div class="col-md-6">
               <div class="jobplacement_partner  text-center">
                  <h3 class="pt-3">Available workplaces</h3>
                  <p>If you would like to have an independent career, freelancing can be a fantastic choice. The marketplaces provide a variety of occupations every day; all you need are the right abilities to take advantage of the chance.</p>
                  <ul>
                       <li><img class="img-fluid" src="{{asset('images/option/option1662966157.png')}}" alt="Marketplace"></li>
                       <li><img class="img-fluid" src="{{asset('images/option/option1662966205.png')}}" alt="Marketplace"></li>
                       <li><img class="img-fluid" src="{{asset('images/option/option1662966225.png')}}" alt="Marketplace"></li>
                       <li><img class="img-fluid" src="{{asset('images/option/option1662966252.png')}}" alt="Marketplace"></li>
                       <li><img class="img-fluid" src="{{asset('images/option/option1662966277.png')}}" alt="Marketplace"></li>
                       <li><img class="img-fluid" src="{{asset('images/option/option1662966303.png')}}" alt="Marketplace"></li>
                       <li><img class="img-fluid" src="{{asset('images/option/option1662966321.png')}}" alt="Marketplace"></li>
                       <li><img class="img-fluid" src="{{asset('images/option/option1662966366.png')}}" alt="Marketplace"></li>
                       <li><img class="img-fluid" src="{{asset('images/option/option1662966399.png')}}" alt="Marketplace"></li>
                   </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
</section>


<section id="couter_up">
   <div class="container">
      <div class="row">
                  <div class="col-lg-2 col-md-4 col-6">
            <div class="counter_up_item ">
               <h5><span class="counter" data-count="540"></span>+</h5>
               <p>Successful Students</p>
            </div>
         </div>
                  <div class="col-lg-2 col-md-4 col-6">
            <div class="counter_up_item ">
               <h5><span class="counter" data-count="280"></span>+</h5>
               <p>Expert Freelancers</p>
            </div>
         </div>
                  <div class="col-lg-2 col-md-4 col-6">
            <div class="counter_up_item ">
               <h5><span class="counter" data-count="180"></span>+</h5>
               <p>Skilled Job Holders</p>
            </div>
         </div>
                  <div class="col-lg-2 col-md-4 col-6">
            <div class="counter_up_item ">
               <h5><span class="counter" data-count="50"></span>+</h5>
               <p>Industry Expert &nbsp;&nbsp;&nbsp;&nbsp;</p>
            </div>
         </div>
                  <div class="col-lg-2 col-md-4 col-6">
            <div class="counter_up_item ">
               <h5><span class="counter" data-count="91"></span>%</h5>
               <p>Success Ratio &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
            </div>
         </div>
                  <div class="col-lg-2 col-md-4 col-6">
            <div class="counter_up_item ">
               <h5><span class="counter" data-count="700"></span>+</h5>
               <p>Companies &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
            </div>
         </div>
               </div>
   </div>
</section>



<section id="pg_course_overviwe pb-0">
<div class="container">
   <div class="row">
      <div class="pgc_for_whom">
         <h3>Who Can Do Freelancing?</h3>
         <div class="row">
            <div class="col-6 col-lg-4">
               <div class="pgcf_whom_item">
                  <div class="pgcf_whom_item_icon"><img class="img-fluid" src="{{asset('images/option/option1662371472.png')}}" alt="Homemakers"></div>
                  <div class="pgcf_whom_item_text">
                     <p>Homemakers</p>
                  </div>
               </div>
            </div>
            <div class="col-6 col-lg-4">
               <div class="pgcf_whom_item">
                  <div class="pgcf_whom_item_icon"><img class="img-fluid" src="{{asset('images/option/option1662371439.png')}}" alt="Job seekers"></div>
                  <div class="pgcf_whom_item_text">
                     <p>Job seekers</p>
                  </div>
               </div>
            </div>
            <div class="col-6 col-lg-4">
               <div class="pgcf_whom_item">
                  <div class="pgcf_whom_item_icon"><img class="img-fluid" src="{{asset('images/option/option1662967888.png')}}" alt="Entrepreneurs"></div>
                  <div class="pgcf_whom_item_text">
                     <p>Entrepreneurs</p>
                  </div>
               </div>
            </div>
            <div class="col-6 col-lg-4">
               <div class="pgcf_whom_item">
                  <div class="pgcf_whom_item_icon"><img class="img-fluid" src="{{asset('images/option/option1662371456.png')}}" alt="Students"></div>
                  <div class="pgcf_whom_item_text">
                     <p>Students</p>
                  </div>
               </div>
            </div>
            <div class="col-6 col-lg-4">
               <div class="pgcf_whom_item">
                  <div class="pgcf_whom_item_icon"><img class="img-fluid" src="{{asset('images/option/option1662371522.png')}}" alt="Immigrants"></div>
                  <div class="pgcf_whom_item_text">
                     <p>Immigrants</p>
                  </div>
               </div>
            </div>
            <div class="col-6 col-lg-4">
               <div class="pgcf_whom_item">
                  <div class="pgcf_whom_item_icon"><img class="img-fluid" src="{{asset('images/option/option1662371418.png')}}" alt="Anyone interested to learn freelancing"></div>
                  <div class="pgcf_whom_item_text">
                     <p>Anyone interested to learn freelancing</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
</section>


<section id="training_department">
   <div class="container">
      <div class="training_department_main">
                  <a data-sal="slide-left" data-sal-delay="0" data-sal-duration="900" data-sal-easing="ease" href="{{route('graphic')}}" class="sal-animate" style="border: 0px;">
            <div class="training_department_item" style="box-shadow: rgba(0, 0, 0, 0.06) 5px 5px 60px; border-radius: 20px;">
               <div class="couse_icon"><img src="{{asset('images/department/gd.png')}}" alt="Graphic &amp; Multimedia"></div>
               <div class="couse_text">
                  <h3>Graphic &amp; Multimedia</h3>
               </div>
            </div>
         </a>
         <a data-sal="slide-left" data-sal-delay="0" data-sal-duration="900" data-sal-easing="ease" href="{{route('web_and_software')}}" class="sal-animate" style="border: 0px;">
            <div class="training_department_item" style="box-shadow: rgba(0, 0, 0, 0.06) 5px 5px 60px; border-radius: 20px;">
               <div class="couse_icon"><img src="{{asset('images/department/wd.png')}}" alt="Web &amp; Software"></div>
               <div class="couse_text">
                  <h3>Web &amp; Software</h3>
               </div>
            </div>
         </a>
                  <a data-sal="slide-left" data-sal-delay="0" data-sal-duration="900" data-sal-easing="ease" href="{{route('digital_marketing')}}" class="sal-animate" style="border: 0px;">
            <div class="training_department_item" style="box-shadow: rgba(0, 0, 0, 0.06) 5px 5px 60px; border-radius: 20px;">
               <div class="couse_icon"><img src="{{asset('images/department/dm.png')}}" alt="Digital Marketing"></div>
               <div class="couse_text">
                  <h3>Digital Marketing</h3>
               </div>
            </div>
         </a>
                  <a data-sal="slide-left" data-sal-delay="0" data-sal-duration="900" data-sal-easing="ease" href="{{route('3D_animation_and_visualization')}}" class="sal-animate" style="border: 0px;">
            <div class="training_department_item" style="box-shadow: rgba(0, 0, 0, 0.06) 5px 5px 60px; border-radius: 20px;">
               <div class="couse_icon"><img src="{{asset('images/department/3d.png')}}" alt="3D Animation &amp; Visualization"></div>
               <div class="couse_text">
                  <h3>3D Animation &amp; Visualization</h3>
               </div>
            </div>
         </a>
                  <a data-sal="slide-left" data-sal-delay="0" data-sal-duration="900" data-sal-easing="ease" href="{{route('cyber_security')}}" class="sal-animate" style="border: 0px;">
            <div class="training_department_item" style="box-shadow: rgba(0, 0, 0, 0.06) 5px 5px 60px; border-radius: 20px;">
               <div class="couse_icon"><img src="{{asset('images/department/cy.png')}}" alt="Cyber Security"></div>
               <div class="couse_text">
                  <h3>Cyber Security</h3>
               </div>
            </div>
         </a>
                  <a data-sal="slide-left" data-sal-delay="0" data-sal-duration="900" data-sal-easing="ease" href="{{route('networking_technology')}}" class="sal-animate" style="border: 0px;">
            <div class="training_department_item" style="box-shadow: rgba(0, 0, 0, 0.06) 5px 5px 60px; border-radius: 20px;">
               <div class="couse_icon"><img src="{{asset('images/department/net.png')}}" alt="Networking Technology"></div>
               <div class="couse_text">
                  <h3>Networking Technology</h3>
               </div>
            </div>
         </a>
                  <a data-sal="slide-left" data-sal-delay="0" data-sal-duration="900" data-sal-easing="ease" href="{{route('film_and_media')}}" class="sal-animate" style="border: 0px;">
            <div class="training_department_item" style="box-shadow: rgba(0, 0, 0, 0.06) 5px 5px 60px; border-radius: 20px;">
               <div class="couse_icon"><img src="{{asset('images/department/ve.png')}}" alt="Film &amp; Media"></div>
               <div class="couse_text">
                  <h3>Film &amp; Media</h3>
               </div>
            </div>
         </a>
                  <a data-sal="slide-left" data-sal-delay="0" data-sal-duration="900" data-sal-easing="ease" href="{{route('english_language')}}" class="sal-animate" style="border: 0px;">
            <div class="training_department_item" style="box-shadow: rgba(0, 0, 0, 0.06) 5px 5px 60px; border-radius: 20px;">
               <div class="couse_icon"><img src="{{asset('images/department/lg.png')}}" alt="English Language"></div>
               <div class="couse_text">
                  <h3>English Language</h3>
               </div>
            </div>
         </a>
                  <a data-sal="slide-left" data-sal-delay="0" data-sal-duration="900" data-sal-easing="ease" href="{{route('robotics_and_automation')}}" class="sal-animate" style="border: 0px;">
            <div class="training_department_item" style="box-shadow: rgba(0, 0, 0, 0.06) 5px 5px 60px; border-radius: 20px;">
               <div class="couse_icon"><img src="{{asset('images/department/robot.png')}}" alt="Robotics &amp; Automation"></div>
               <div class="couse_text">
                  <h3>Robotics &amp; Automation</h3>
               </div>
            </div>
         </a>
                  <a data-sal="slide-left" data-sal-delay="0" data-sal-duration="900" data-sal-easing="ease" href="{{route('cloud_computing')}}" class="sal-animate" style="border: 0px;">
            <div class="training_department_item" style="box-shadow: rgba(0, 0, 0, 0.06) 5px 5px 60px; border-radius: 20px;">
               <div class="couse_icon"><img src="{{asset('images/department/aws.png')}}" alt="Cloud Computing"></div>
               <div class="couse_text">
                  <h3>Cloud Computing</h3>
               </div>
            </div>
         </a>
      </div>
   </div>
</section>


<section id="pg_course_overviwe pb-0">
<div class="container">
   <div class="pg_marketplace2 section_heading2">
      <h2>Available Workplaces</h2>
      <p>Freelancing can be a great option if you prefer an independent career. Everyday the marketplaces offer a number of jobs, you only need the skills to avail the opportunity.</p>
      <div class="row">
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966399.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966366.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966321.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966303.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966277.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966225.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966252.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966205.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966157.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966829.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966442.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966621.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966666.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966468.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966499.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966563.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662966596.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                     <div class="col-sm-4 col-md-3 col-lg-2">
            <div class="marketplace_item">
               <div class="icon"><img src="{{asset('images/option/option1662967811.png')}}" alt="Marketplace"></div>
            </div>
         </div>
                  </div>
   </div>
</div>
</section>

</main>

@endsection