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

<main>
   <section id="about_top" data-sal="slide-left" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease" class="sal-animate">
<div class="container">
   <div class="navbar_btn text-center d-md-none">
      <a href="https://www.creativeitinstitute.com/our-courses">
         <img src="data:images/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADqSURBVHgB7VTRDYIwFHw1DtAN7AaygYzgCIzgBo6iG6gTwAbiBNQJ7Ab1PbnqI6HEH38MlxxQer0eJD1DQIzR8q0AV0wZ35ktszHGBKUrlS4kHWsa0obMPfMRp3EAp9DByxq+nNh/i31kxxvTYyzpNkiokXQtNA66AvMXSVxjt4oy4DmnUtkJXQVNvVDvfW4B/zuvngPl8dYt6EeYjWfjfzBe6gEfxdRuDq/klA1aS7WgUzrpDJ8zrikDNtOLOuqLZwxhzDhNnKnvV6JPuxVKY5GwVbo1Db/0lWaHhispn1ja7fiFTtrtKp5PbZHO874Eaa8AAAAASUVORK5CYII=" alt="icon">
          Browse Course
          <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" class="svg-inline--fa fa-angle-down ps-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
            <path fill="currentColor" d="M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z">
            </path>
         </svg>
      </a>
   </div>
   <div class="row">
      <div class="col-lg-8">
         <div class="facilities_heading">
            <h1>About Us</h1>
            <div class="dtails">
               <p>At MJ Poseidon, our goal is to provide the local community with education that is of the highest caliber. We strive for the ongoing development of our leaders because they are the ones who will build a brighter future. As long as it is in the best interests of society, we shall keep imparting our expertise in order to help people succeed and benefit society.</p>
            </div>
         </div>
      </div>
   </div>
</div>
</section>


<section id="info" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease" class="sal-animate">
<div class="container">
   <div class="section_heading3">
      <h2>Our Milestone</h2>
      <p>The port for thousands of prosperous freelancers in Bangladesh is the MJ Poseidon Institute. More than 600 independent contractors have been developed by us through training. By imparting knowledge and assisting students in locating desirable employment, we foster the development of the next generation of talent. </p>
   </div>
   <div class="row">
      <div class="col-12 milestone_slider_bg">
         <div class="milestone_slider">
           <div class="cit_milestone card">
               <div class="row g-0 align-items-center">
                  <div class="col-md-5">
                   <img class="card-img-top img-fluid" src="{{asset('images/mjp_milestone/mjp_milestone1662974647.jpg')}}" alt="The Ten Outstanding Young Persons of Bangladesh [TOYP] 2021"></div>
                  <div class="col-md-7">
                     <div class="card-body">
                        <div class="card-title h5">The Ten Outstanding Young Persons of Bangladesh [TOYP] 2021</div>
                        <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque repellat officiis quam aperiam laboriosam cumque corrupti exercitationem voluptas ex, porro est perferendis optio earum quas blanditiis,</p>
                     </div>
                  </div>
               </div>
            </div>
                           <div class="cit_milestone card">
               <div class="row g-0 align-items-center">
                  <div class="col-md-5"><img class="card-img-top img-fluid" src="{{asset('images/mjp_milestone/mjp_milestone1662974717.jpg')}}" alt="Mohammad Yousuf Chowdhury Award 2020"></div>
                  <div class="col-md-7">
                     <div class="card-body">
                        <div class="card-title h5">Lorem ipsum dolor sit amet.</div>
                        <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem minima eos nemo eius at ut non blanditiis dignissimos culpa architecto. Dolores dolorum repellat distinctio necessitatibus.</p>
                     </div>
                  </div>
               </div>
            </div>
            <div class="cit_milestone card">
               <div class="row g-0 align-items-center">
                  <div class="col-md-5"><img class="card-img-top img-fluid" src="{{asset('images/mjp_milestone/mjp_milestone1662974796.jpg')}}" alt="Basis Outsourcing Award For Best Outsourcing Company"></div>
                  <div class="col-md-7">
                     <div class="card-body">
                        <div class="card-title h5">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
                        <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni, doloremque temporibus! Veniam sed reprehenderit sequi rem est corporis, magni, maiores error, at quibusdam earum temporibus?</p>
                     </div>
                  </div>
               </div>
            </div>
            <div class="cit_milestone card">
               <div class="row g-0 align-items-center">
                  <div class="col-md-5"><img class="card-img-top img-fluid" src="{{asset('images/mjp_milestone/mjp_milestone1662974717.jpg')}}" alt="IDLC, Prothom Alo SME Entrepreneur Award"></div>
                  <div class="col-md-7">
                     <div class="card-body">
                        <div class="card-title h5">Lorem ipsum dolor sit amet.</div>
                        <p class="card-text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempore eius, asperiores accusantium ullam nulla dicta, adipisci autem minima reiciendis dolore nisi porro! Aliquid, cum. Consectetur.</p>
                     </div>
                  </div>
               </div>
            </div>
           </div>
      </div>
   </div>
</div>
</section>


<section id="glory">
   <div class="container">
<div class="row">
   <div class="col-lg-6">
      <div class="glory_text sal-animate" data-sal="slide-left" data-sal-delay="500" data-sal-duration="800" data-sal-easing="ease">
         <!-- <h5>Successfully 14 Year&#039;s</h5> -->
         <h2>Organization-Building IT Expert from Around the Globe</h2>
         <div>
            <p>For the past, MJ Poseidon has been working with the goal of producing IT specialists. You must learn IT skills to secure a better future in a fast-paced world where technology is used in every industry. With the utmost effort, we have created more than 500 IT specialists who are now employed in various industries.</p>
         </div>
         <div class="glory_btn sal-animate" data-sal="flip-right" data-sal-delay="500" data-sal-duration="800" data-sal-easing="ease"><a href="">Browse Course</a><a href="">Learn More</a></div>
      </div>
   </div>
   <div class="col-lg-6">
      <div class="glory_img sal-animate" data-sal="slide-right" data-sal-delay="600" data-sal-duration="1000" data-sal-easing="ease"><img class="img-fluid cit_radius" src="{{asset('images/featured/02_default.jpg')}}" alt="Computer Lab"></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="iso">
<div class="container">
   <div class="row align-items-center">
      <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease">
         <div class="iso_image"><img class="img-fluid w-100" src="{{asset('images/certificate/iso-certification.png')}}" alt="One of the ISO Certified IT Institutes in Bangladesh"></div>
      </div>
      <div class="col-lg-7 offset-lg-1 col-md-6 sal-animate" data-sal="slide-down" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease">
         <div class="iso_text">
            <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repudiandae voluptas, delectus quibusdam consequuntur molestias velit tempora dolores doloribus molestiae odio recusandae eaque! At, incidunt saepe?</p>
         </div>
      </div>
   </div>
</div>
</section>


<section id="mission">
<div class="container">
   <div class="row align-items-center">
      <div class="col-lg-3 col-md-12">
         <div class="mission_menu">
            <ul class="nav nav-tabs " id="myTab" role="tablist">
               <li class="nav-item" role="presentation">
                  <button class="nav-link active" id="tab-1" data-bs-toggle="tab" data-bs-target="#menu-1" type="button" role="tab" aria-controls="menu-1" aria-selected="true">
                     <img src="{{asset('images/mjp_statement/mjp_statement_icon1684059696.png')}}" alt="Our Goal"> Our Goal</button>
               </li>

               <li class="nav-item" role="presentation">
                  <button class="nav-link " id="tab-2" data-bs-toggle="tab" data-bs-target="#menu-2" type="button" role="tab" aria-controls="menu-2" aria-selected="false">
                     <img src="{{asset('images/mjp_statement/mjp_statement_icon1684059663.png')}}" alt="Our Vision"> Our Vision</button>
               </li>

               <li class="nav-item" role="presentation">
                  <button class="nav-link " id="tab-3" data-bs-toggle="tab" data-bs-target="#menu-3" type="button" role="tab" aria-controls="menu-3" aria-selected="false">
                     <img src="{{asset('images/mjp_statement/mjp_statement_icon1684059708.png')}}" alt="History"> History</button>
               </li>
               <li class="nav-item" role="presentation">
                  <button class="nav-link " id="tab-4" data-bs-toggle="tab" data-bs-target="#menu-4" type="button" role="tab" aria-controls="menu-4" aria-selected="false">
                     <img src="{{asset('images/mjp_statement/mjp_statement_icon1684059726.png')}}" alt="Culture"> Culture</button>
               </li>
               <li class="nav-item" role="presentation">
                  <button class="nav-link " id="tab-5" data-bs-toggle="tab" data-bs-target="#menu-5" type="button" role="tab" aria-controls="menu-5" aria-selected="false">
                     <img src="{{asset('images/mjp_statement/mjp_statement_icon1684059737.png')}}" alt="Our Values"> Our Values</button>
               </li>
           </ul>
         </div>
      </div>
      <div class="col-lg-9 col-sm-12">
         <div class="mission_body">
            <div class="tab-content" id="myTabContent">
               <div class="tab-pane fade show active" id="menu-1" role="tabpanel" aria-labelledby="tab-1">
                  <div class="row">
                     <div class="col-lg-8 col-sm-12">
                        <h3>Our Goal</h3>
                        <p>Our goal is to be one of the best IT training institutes in the world by providing quality training to learners.
                        </p>
                     </div>
                     <div class="col-lg-4 col-sm-12 align-self-center">
                        <div class="mission_img">
                           <img class="img-fluid" src="{{asset('images/mjp_statement/mjp_statement_banner1663040124.jpg')}}" alt="Our Goal">
                        </div>
                     </div>
                  </div>
               </div>
               <div class="tab-pane fade " id="menu-2" role="tabpanel" aria-labelledby="tab-2">
                  <div class="row">
                     <div class="col-lg-8 col-sm-12">
                        <h3>Our Vision</h3>
                        <p>We aspire to empower the young generation providing quality training on trendy topics.
                        </p>
                     </div>
                     <div class="col-lg-4 col-sm-12 align-self-center">
                        <div class="mission_img">
                           <img class="img-fluid" src="{{asset('images/mjp_statement/mjp_statement_banner1663040686.jpg')}}" alt="Our Vision">
                        </div>
                     </div>
                  </div>
               </div>
               <div class="tab-pane fade " id="menu-3" role="tabpanel" aria-labelledby="tab-3">
                  <div class="row">
                     <div class="col-lg-8 col-sm-12">
                        <h3>History</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi quos alias asperiores repudiandae rerum eius, inventore maiores deserunt minima eligendi optio temporibus laudantium, facilis reprehenderit ab ducimus adipisci, atque incidunt? Eos debitis blanditiis repudiandae quisquam excepturi consectetur quidem, aut deserunt, repellat animi perspiciatis aliquid magni iste possimus quibusdam sit fuga.
                        </p>
                     </div>
                     <div class="col-lg-4 col-sm-12 align-self-center">
                        <div class="mission_img">
                           <img class="img-fluid" src="{{asset('images/mjp_statement/mjp_statement_banner1663040729.jpg')}}" alt="History">
                        </div>
                     </div>
                  </div>
               </div>
               <div class="tab-pane fade " id="menu-4" role="tabpanel" aria-labelledby="tab-4">
                  <div class="row">
                     <div class="col-lg-8 col-sm-12">
                        <h3>Culture</h3>
                        <p>Many people from different backgrounds work in our organization. MJ Poseidon has a diverse culture that appreciates the labor and talent of all the members. Anyone irrespective of their gender, class, and education would find a great work environment where everyone works in harmony with love and respect.
                        </p>
                     </div>
                     <div class="col-lg-4 col-sm-12 align-self-center">
                        <div class="mission_img">
                           <img class="img-fluid" src="{{asset('images/mjp_statement/mjp_statement_banner1663040776.jpg')}}" alt="Culture">
                        </div>
                     </div>
                  </div>
               </div>
               <div class="tab-pane fade " id="menu-5" role="tabpanel" aria-labelledby="tab-5">
                  <div class="row">
                     <div class="col-lg-8 col-sm-12">
                        <h3>Our Values</h3>
                        <p><ul>
                               <li>Regular practice: We encourage students to practice the lessons regularly. At any time, for any need, you will be able to reach us.</li>
                               <li>Developing Future Leadership: Everyone has different roles and responsibilities to develop leadership skills.</li>
                               <li>
                               Help generate creativity: The responsibility of work should be given to the person who is skilled. In this way, everyone can give their best at work.
                               </li>
                               <li>
                               Encouraging Teamwork: Teamwork is always encouraged at our institution. We thrive as a team from a place of friendship and respect for each other. 
                               </li>
                           </ul>
                        </p>
                     </div>
                     <div class="col-lg-4 col-sm-12 align-self-center">
                        <div class="mission_img">
                           <img class="img-fluid" src="{{asset('images/mjp_statement/mjp_statement_banner1663054747.jpg')}}" alt="Our Values">
                        </div>
                     </div>
                  </div>
               </div>
           </div>
         </div>
      </div>
   </div>
</div>
</section>


<section id="counter_up" class="about_counter_up">
<div class="container">
   <h2>Prominent Initiatives</h2>
   <div class="row">
       <div class="col-lg-3 col-md-4 col-sm-6 col-6">
         <div class="counter_up_item">
            <h5><span class="counter">600000</span>+</h5>
            <p>Students received career counseling</p>
         </div>
      </div>
      <div class="col-lg-3 col-md-4 col-sm-6 col-6">
         <div class="counter_up_item">
            <h5><span class="counter">3000</span>+</h5>
            <p>Women got IT training on full free scholarship</p>
         </div>
      </div>
      <div class="col-lg-3 col-md-4 col-sm-6 col-6">
         <div class="counter_up_item">
            <h5><span class="counter">3000</span>+</h5>
            <p>Students get online internship facility</p>
         </div>
      </div>
      <div class="col-lg-3 col-md-4 col-sm-6 col-6">
         <div class="counter_up_item">
            <h5><span class="counter">200</span>+</h5>
            <p>Physically challenged people received IT training</p>
         </div>
      </div>
      <div class="col-lg-3 col-md-4 col-sm-6 col-6">
         <div class="counter_up_item">
            <h5><span class="counter">8000</span>+</h5>
            <p>Financially deprived got IT scholarship</p>
         </div>
      </div>
      <div class="col-lg-3 col-md-4 col-sm-6 col-6">
         <div class="counter_up_item">
            <h5><span class="counter">500</span>+</h5>
            <p>Polytechnics are attached for training</p>
         </div>
      </div>
      <div class="col-lg-3 col-md-4 col-sm-6 col-6">
         <div class="counter_up_item">
            <h5><span class="counter">100</span>+</h5>
            <p>Senior citizens got scholarships in IT</p>
         </div>
      </div>
      <div class="col-lg-3 col-md-4 col-sm-6 col-6">
         <div class="counter_up_item">
            <h5><span class="counter">300</span>+</h5>
            <p>Trendy courses for professional training</p>
         </div>
      </div>
   </div>
</div>
</section>



<section id="office_and_traning">
<div class="container">
   <h2>Our Infrastructure</h2>
   <div class="row office_and_traning_slider_for">
       <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/1_cit_photo_wall_1663054468.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/2_cit_photo_wall_1663054468.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/3_cit_photo_wall_1663054468.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/4_cit_photo_wall_1663054468.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/5_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/6_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/7_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/8_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/9_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/10_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/11_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/12_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/13_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/14_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/15_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/16_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/17_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/18_cit_photo_wall_1663054470.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
               <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/19_cit_photo_wall_1663054470.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>


      <div class="col">
         <div class="office_slide_item">
            <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/20_cit_photo_wall_1663054470.jpg')}}" alt="Our Infrastructure">
         </div>
      </div>
      
   </div>
   <div class="row office_and_traning_slider">
       <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/1_cit_photo_wall_1663054468.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/2_cit_photo_wall_1663054468.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/3_cit_photo_wall_1663054468.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/4_cit_photo_wall_1663054468.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/5_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/6_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/7_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/8_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/9_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/10_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/11_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/12_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/13_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/14_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/15_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/16_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/17_cit_photo_wall_1663054469.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/18_cit_photo_wall_1663054470.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/19_cit_photo_wall_1663054470.jpg')}}" alt="Our Infrastructure">
      </div>
      <div class="traning_slider_item">
         <img class="img-fluid w-100" src="{{asset('images/cit_photo_wall/20_cit_photo_wall_1663054470.jpg')}}" alt="Our Infrastructure">
      </div>
   </div>
</div>
</section>

<section id="branch">
<div class="container">
   <h2 data-sal="slide-left" data-sal-delay="300" data-sal-duration="800" data-sal-easing="ease" class="sal-animate">
      Our Branches
   </h2>
   <div class="row">
       <div class="col-md-12 col-lg-12 branch sal-animate" data-sal="flip-right" data-sal-delay="0" data-sal-duration="800" data-sal-easing="ease">
         <div class="branch_item" style="background-color: 'rgb(247, 252, 231)';">
            <h4>Head Office</h4>
            <p class="dtails">address: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto explicabo non ipsa voluptas voluptatem, repellendus iste ipsum nobis dicta repellat saepe reiciendis nihil dignissimos blanditiis.</p>
         </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>



</main>

@endsection