<!-- START REVOLUTION SLIDER 5.0 -->
<div id="slider_container" class="rev_slider_wrapper">
    <div id="rev-slider" class="rev_slider"  data-version="5.0">
        <ul>
            <li data-transition="slideremovedown">
                <!-- MAIN IMAGE -->
                <img src="<?php echo $this->common->theme_link(); ?>img/slider/revolution/slider01.jpg"  alt=""  width="1920" height="600">
                <!-- LAYER NR. 1 -->
                <div class="tp-caption captionHeadline3 text-shadow"
                    id="slide-51-layer-1"
                    data-x="['left','left','left','left']" data-hoffset="['80','80','80','80']"
                    data-y="['top','top','top','top']" data-voffset="['180','180','180','180']"
                    data-width="504"
                    data-height="133"
                    data-whitespace="normal"
                    data-transform_idle="o:1;"
                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
                    data-transform_out="y:[100%];s:1000;s:1000;"
                    data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                    data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                    data-start="500"
                    data-splitin="none"
                    data-splitout="none"
                    data-responsive_offset="on"
                    style="z-index: 5; white-space: normal;">
                    Lulusan dijamin Kerja
                </div>
                <!-- LAYER NR. 2 -->

                <div class="tp-caption captionButtonlink"
                    id="slide-400-layer-3"
                    data-x="['left','left','left','left']" data-hoffset="['85','85','85','85']"
                    data-y="['top','top','top','top']" data-voffset="['355','355','355','355']"
                    data-width="['auto','auto','auto','auto']"
                    data-height="['auto','auto','auto','auto']"
                    data-transform_idle="o:1;"
                    data-transform_in="x:right;s:2000;e:Power4.easeInOut;"
                    data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                    data-start="700"
                    data-splitin="none"
                    data-splitout="none"
                    data-responsive_offset="on"
                    style="z-index: 6; white-space: nowrap;"><a href="#" class="btn btn-primary btn-icon">Learn more <i class="fa fa-link"></i></a>
                </div>
              <!--  <div class="tp-caption"
                    id="slide-400-layer-4"
                    data-x="['right','right','right','right']" data-hoffset="['200','200','150','200']"
                    data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']"
                    data-transform_idle="o:1;"
                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
                    data-transform_out="y:[100%];s:1000;s:1000;"
                    data-start="2500"
                    data-splitin="none"
                    data-splitout="none"
                    data-responsive_offset="on"
                    style="z-index: 6; white-space: nowrap;">
                    <img src="<?php echo $this->common->theme_link(); ?>img/slider/revolution/workerno1.png" class="img-Construction" width="400" alt="">
                </div> -->
            </li>
            <li data-transition="slideremovedown">
                <!-- MAIN IMAGE -->
                <img src="<?php echo $this->common->theme_link(); ?>img/slider/revolution/slider02.jpg"  alt=""  width="1920" height="600">
                <!-- LAYER NR. 1 -->
                <div class="tp-caption captionHeadline3 text-shadow"
                    id="slide-51-layer-1"
                    data-x="['left','left','left','left']" data-hoffset="['80','80','80','80']"
                    data-y="['top','top','top','top']" data-voffset="['180','180','180','180']"
                    data-width="700"
                    data-height="133"
                    data-whitespace="normal"
                    data-transform_idle="o:1;"
                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
                    data-transform_out="y:[100%];s:1000;s:1000;"
                    data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                    data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                    data-start="500"
                    data-splitin="none"
                    data-splitout="none"
                    data-responsive_offset="on"
                    style="z-index: 5; white-space: normal;">
                    Fasilitas belajar lengkap
                </div>
                <!-- LAYER NR. 2 -->
                <div class="tp-caption captionButtonlink"
                    id="slide-400-layer-3"
                    data-x="['left','left','left','left']" data-hoffset="['85','85','85','85']"
                    data-y="['top','top','top','top']" data-voffset="['355','355','355','355']"
                    data-width="['auto','auto','auto','auto']"
                    data-height="['auto','auto','auto','auto']"
                    data-transform_idle="o:1;"
                    data-transform_in="x:right;s:2000;e:Power4.easeInOut;"
                    data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                    data-start="700"
                    data-splitin="none"
                    data-splitout="none"
                    data-responsive_offset="on"
                    style="z-index: 6; white-space: nowrap;"><a href="#" class="btn btn-primary btn-icon">Learn more <i class="fa fa-link"></i></a>
                </div>
                <div class="tp-caption"
                    id="slide-400-layer-4"
                    data-x="['right','right','right','right']" data-hoffset="['200','200','150','200']"
                    data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']"
                    data-transform_idle="o:1;"
                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
                    data-transform_out="y:[100%];s:1000;s:1000;"
                    data-start="2500"
                    data-splitin="none"
                    data-splitout="none"
                    data-responsive_offset="on"
                    style="z-index: 6; white-space: nowrap;">
                    <img src="<?php echo $this->common->theme_link(); ?>img/slider/revolution/fitur01.png" class="img-Construction" width="400" alt="">
                </div>
            </li>
            <li data-transition="slideremovedown">
                <!-- MAIN IMAGE -->
                <img src="<?php echo $this->common->theme_link(); ?>img/slider/revolution/slider03.jpg"  alt=""  width="1920" height="600">
                <!-- LAYER NR. 1 -->
                <div class="tp-caption captionHeadline3 text-shadow"
                    id="slide-51-layer-1"
                    data-x="['left','left','left','left']" data-hoffset="['80','80','80','80']"
                    data-y="['top','top','top','top']" data-voffset="['180','180','180','180']"
                    data-width="700"
                    data-height="133"
                    data-whitespace="normal"
                    data-transform_idle="o:1;"
                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
                    data-transform_out="y:[100%];s:1000;s:1000;"
                    data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                    data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                    data-start="500"
                    data-splitin="none"
                    data-splitout="none"
                    data-responsive_offset="on"
                    style="z-index: 5; white-space: normal;">
                    Agen Langsung Cruiseline
                </div>
                <!-- LAYER NR. 2 -->
                <div class="tp-caption captionButtonlink"
                    id="slide-400-layer-3"
                    data-x="['left','left','left','left']" data-hoffset="['85','85','85','85']"
                    data-y="['top','top','top','top']" data-voffset="['355','355','355','355']"
                    data-width="['auto','auto','auto','auto']"
                    data-height="['auto','auto','auto','auto']"
                    data-transform_idle="o:1;"
                    data-transform_in="x:right;s:2000;e:Power4.easeInOut;"
                    data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                    data-start="700"
                    data-splitin="none"
                    data-splitout="none"
                    data-responsive_offset="on"
                    style="z-index: 6; white-space: nowrap;"><a href="#" class="btn btn-primary btn-icon">Learn more <i class="fa fa-link"></i></a>
                </div>
                <div class="tp-caption"
                    id="slide-400-layer-4"
                    data-x="['right','right','right','right']" data-hoffset="['200','200','150','200']"
                    data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']"
                    data-transform_idle="o:1;"
                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
                    data-transform_out="y:[100%];s:1000;s:1000;"
                    data-start="2500"
                    data-splitin="none"
                    data-splitout="none"
                    data-responsive_offset="on"
                    style="z-index: 6; white-space: nowrap;">
                    <img src="<?php echo $this->common->theme_link(); ?>img/slider/revolution/fitur02.png" class="img-Construction" width="400" alt="">
                </div>
            </li>

        </ul>
    </div><!-- END REVOLUTION SLIDER -->
</div>
<!-- END OF SLIDER WRAPPER -->

<!-- Start contain wrapp -->
<div class="contain-wrapp gray-container padding-clear margin-mintop85 feature-Construction">
    <div class="container">
        <div class="icon-wrapp">
            <div class="icon-boxline">
                <i class="fa fa-home fa-3x fa-primary"></i>
                <h5>Lulusan Dijamin Siap Kerja</h5>
                <p>
                    Dengan dididik dan dilatih oleh instruktur berpengalaman luas di dalam dan luar negeri serta didukung oleh sarana yang lengkap serya kurikulum yang up to date dalam menjamin lulusan bosssignalfx siap kerja.
                </p>
            </div>

            <div class="icon-boxline">
                <i class="fa fa-wrench fa-3x fa-primary"></i>
                <h5>Recruitmen Supporting Cruiseline</h5>
                <p>
                Poltenkas Denpasar adalah salah satu kampus yang ditunjuk sebagai Rekruitmen Supporting Partner untuk Royal Carribean Cruiseline, Carnival Cruiseline, dan MSC Cruiseline.
                </p>
            </div>

            <div class="icon-boxline">
                <i class="fa fa-group fa-3x fa-primary"></i>
                <h5>Pendidikan Berkualitas dengan Harga Terjangkau</h5>
                <p>
                Dengan biaya kuliah yang terjangkau dan transparan. bosssignalfx mampu memberikan pendidikan bermutu tinggi dan tambahan keahlian seperti Fruit Carving, Bar Flair, Barista, Winecology, Banquet Service, Pastry Bakery, Event Organizer, E-Commerce.
                </p>
            </div>
        </div>
    </div>
</div>
<!-- End contain wrapp -->

<div class="clearfix"></div>

<!-- Start contain wrapp -->
<div class="contain-wrapp gray-container padding-bot40">
<div class="container">
  <div class="row">
    <div class="col-md-8 col-md-offset-2">
      <div class="section-heading">
        <h3>Build Your Future with Us!</h3>
        <p>Doctus salutatus est ea, postea doming veritus in nec, sanctus fierent antiopam no pro</p>
        <i class="fa fa-rocket"></i>
      </div>
    </div>
  </div>
  <div class="row marginbot30">
    <div class="col-md-8 col-md-offset-2 text-center">
      <p>
      Quod assum persecuti ne eum. Et eam paulo menandri dissentiet. Mei eu altera offendit accusamus. Mel te sint verear deseruisse, cu graece disputando quo. Zril putent mel et, eam quot accusam ea. Quo voluptatibus signiferumque te, in partem argumentum honestatis duo.
      </p>
      <p><a href="#" class="btn btn-default">View our profile</a> <a href="#" class="btn btn-primary">View our services</a></p>
    </div>
  </div>
  <div class="row">
    <div class="col-md-10 col-md-offset-1 text-center">
      <img src="<?php echo $this->common->theme_link(); ?>img/group.png" class="img-responsive" alt="" />
      <div class="divider margintop-clear"></div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-3 col-sm-6">
      <div class="col-icon centered">
        <i class="fa fa-tablet fa-2x icon-circle icon-bordered"></i>
        <h5>Responsive</h5>
        <p>
        Cu nec salutandi voluptat teros definitionem ad ius, ut eam unumiunanios.
        </p>
      </div>
    </div>
    <div class="col-md-3 col-sm-6">
      <div class="col-icon centered">
        <i class="fa fa-magic fa-2x icon-circle icon-bordered"></i>
        <h5>Clean</h5>
        <p>
        Cu nec salutandi voluptat teros definitionem ad ius, ut eam unumiunanios.
        </p>
      </div>
    </div>
    <div class="col-md-3 col-sm-6">
      <div class="col-icon centered">
        <i class="fa fa-flask fa-2x icon-circle icon-bordered"></i>
        <h5>Bootstrap3</h5>
        <p>
        Cu nec salutandi voluptat teros definitionem ad ius, ut eam unumiunanios.
        </p>
      </div>
    </div>
    <div class="col-md-3 col-sm-6">
      <div class="col-icon centered">
        <i class="fa fa-code fa-2x icon-circle icon-bordered"></i>
        <h5>Valid code</h5>
        <p>
        Cu nec salutandi voluptat teros definitionem ad ius, ut eam unumiunanios.
        </p>
      </div>
    </div>
  </div>
</div>
</div>
<!-- End contain wrapp -->

<div class="clearfix"></div>

<!-- Start contain wrapp -->
<div id="portfolio" class="contain-wrapp paddingbot-clear">
<div class="container">
  <div class="row">
    <div class="col-md-8 col-md-offset-2">
      <div class="section-heading">
        <h3>Galeri Kami</h3>
        <p>Adhuc doming placerat sea ut, graeci perfecto scriptorem nam</p>
        <i class="fa fa-image"></i>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <!-- Start gallery filter  -->
      <ul class="filter-items">
        <li><a href="#" data-filter="" class="active">All</a></li>
        <li><a href="#" data-filter="web">Kampus Activity</a></li>
        <li><a href="#" data-filter="graphic">Fasilitas</a></li>
        <li><a href="#" data-filter="logo">Belajar Mengajar</a></li>
      </ul>
      <!-- End gallery filter -->
    </div>
  </div>
</div>
<!-- Start Images Gallery -->
<div class="fullwidth">
  <div id="gallery" class="masonry gallery">
    <div class="grid-sizer col-md-3 col-sm-6 col-xs-6"></div>
    <!-- Start Gallery 01 -->
    <div data-filter="web" class="grid-item col-md-3 col-sm-6 col-xs-6">
      <div class="img-wrapper">
        <div class="img-caption capZoomIn">
          <a href="img/gallery/zoom980x980.jpg" data-pretty="prettyPhoto" class="zoomer"><i class="fa fa-search"></i></a>
          <h5><a href="portfolio-detail.html">Vituperatoribus</a></h5>
          <a href="#" class="img-categorie">Web design</a>
        </div>
        <img src="<?php echo $this->common->theme_link(); ?>img/gallery/380x380/img13.jpg" class="img-fullwidth" alt="" />
      </div>
    </div>
    <!-- End Gallery 01 -->

    <!-- Star Gallery 02 -->
    <div data-filter="graphic" class="grid-item col-md-3 col-sm-6 col-xs-6">
      <div class="img-wrapper">
        <div class="img-caption capZoomIn">
          <a href="img/gallery/zoom980x980.jpg" data-pretty="prettyPhoto" class="zoomer"><i class="fa fa-search"></i></a>
          <h5><a href="portfolio-detail.html">Vituperatoribus</a></h5>
          <a href="#" class="img-categorie">Web design</a>
        </div>
        <img src="<?php echo $this->common->theme_link(); ?>img/gallery/380x380/img14.jpg" class="img-fullwidth" alt="" />
      </div>
    </div>
    <!-- End Gallery 02 -->

    <!-- Start Gallery 03 -->
    <div data-filter="app" class="grid-item col-md-3 col-sm-6 col-xs-6">
      <div class="img-wrapper">
        <div class="img-caption capZoomIn">
          <a href="img/gallery/zoom980x980.jpg" data-pretty="prettyPhoto" class="zoomer"><i class="fa fa-search"></i></a>
          <h5><a href="portfolio-detail.html">Persequeris</a></h5>
          <a href="#" class="img-categorie">App design</a>
        </div>
        <img src="<?php echo $this->common->theme_link(); ?>img/gallery/380x380/img15.jpg" class="img-fullwidth" alt="" />
      </div>
    </div>
    <!-- End Gallery 03 -->

    <!-- Start Gallery 04 -->
    <div data-filter="logo" class="grid-item col-md-3 col-sm-6 col-xs-6">
      <div class="img-wrapper">
        <div class="img-caption capZoomIn">
          <a href="img/gallery/zoom980x980.jpg" data-pretty="prettyPhoto" class="zoomer"><i class="fa fa-search"></i></a>
          <h5><a href="portfolio-detail.html">An ancillae</a></h5>
          <a href="#" class="img-categorie">logo design</a>
        </div>
        <img src="<?php echo $this->common->theme_link(); ?>img/gallery/380x380/img16.jpg" class="img-fullwidth" alt="" />
      </div>
    </div>
    <!-- End Gallery 04 -->

    <!-- Start Gallery 05 -->
    <div data-filter="logo" class="grid-item col-md-3 col-sm-6 col-xs-6">
      <div class="img-wrapper">
        <div class="img-caption capZoomIn">
          <a href="img/gallery/zoom980x980.jpg" data-pretty="prettyPhoto" class="zoomer"><i class="fa fa-search"></i></a>
          <h5><a href="portfolio-detail.html">Viris copiosae</a></h5>
          <a href="#" class="img-categorie">logo design</a>
        </div>
        <img src="<?php echo $this->common->theme_link(); ?>img/gallery/380x380/img17.jpg" class="img-fullwidth" alt="" />
      </div>
    </div>
    <!-- End Gallery 05 -->

    <!-- Start Gallery 06 -->
    <div data-filter="web" class="grid-item col-md-3 col-sm-6 col-xs-6">
      <div class="img-wrapper">
        <div class="img-caption capZoomIn">
          <a href="img/gallery/zoom980x980.jpg" data-pretty="prettyPhoto" class="zoomer"><i class="fa fa-search"></i></a>
          <h5><a href="portfolio-detail.html">Reprimique</a></h5>
          <a href="#" class="img-categorie">Web design</a>
        </div>
        <img src="<?php echo $this->common->theme_link(); ?>img/gallery/380x380/img18.jpg" class="img-fullwidth" alt="" />
      </div>
    </div>
    <!-- End Gallery 06 -->

    <!-- Start Gallery 07 -->
    <div data-filter="graphic" class="grid-item col-md-3 col-sm-6 col-xs-6">
      <div class="img-wrapper">
        <div class="img-caption capZoomIn">
          <a href="img/gallery/zoom980x980.jpg" data-pretty="prettyPhoto" class="zoomer"><i class="fa fa-search"></i></a>
          <h5><a href="portfolio-detail.html">Simul labitur</a></h5>
          <a href="#" class="img-categorie">Graphic design</a>
        </div>
        <img src="<?php echo $this->common->theme_link(); ?>img/gallery/380x380/img19.jpg" class="img-fullwidth" alt="" />
      </div>
    </div>
    <!-- End Gallery 07 -->

    <!-- Start Gallery 08 -->
    <div data-filter="app" class="grid-item col-md-3 col-sm-6 col-xs-6">
      <div class="img-wrapper">
        <div class="img-caption capZoomIn">
          <a href="img/gallery/zoom980x980.jpg" data-pretty="prettyPhoto" class="zoomer"><i class="fa fa-search"></i></a>
          <h5><a href="portfolio-detail.html">Consetetur</a></h5>
          <a href="#" class="img-categorie">App design</a>
        </div>
        <img src="<?php echo $this->common->theme_link(); ?>img/gallery/380x380/img20.jpg" class="img-fullwidth" alt="" />
      </div>
    </div>
    <!-- End Gallery 08 -->
  </div>
  <div class="row">
    <div class="col-md-12">
      <a href="portfolio-alt1.html" class="btn btn-primary btn-lg btn-block">View more Gallery</a>
    </div>
  </div>
</div>
<!-- End Images Gallery -->

<!-- End contain wrapp -->

<div class="clearfix"></div>

<!-- Start parallax -->
<div class="parallax parallax-two bg3">
<div class="parallax-container padding-bot30">
  <div class="container">
    <div class="row">
      <div class="col-md-8 col-md-offset-2 owl-column-wrapp">
        <div id="testimoni" class="owl-carousel">
          <div class="item">
            <div class="testimoni-single">
              <blockquote class="centered">
              Kemampuan Alumni bosssignalfx Dalam Bekerja Tidak Perlu Diragukan Lagi Karena Selain Cekatan Juga Fast Learner, Saya Mencari Staf Yang Seperti Itu Dan Itulah Yang Dibutuhkan Industri Saat Ini.
            </blockquote>
              <span class="block"><a href="#">Tusan Aryasa</a> - Housekeeper Estate Como Shambhala Executive </span>
              <img src="<?php echo $this->common->theme_link(); ?>img/testimoni/tusan.jpg" class="img-circle testimoni-avatar" alt="" />
            </div>
          </div>
          <div class="item">
            <div class="testimoni-single">
              <blockquote class="centered">
                Saya Merekomendasi bosssignalfx Sebagai Tempat Anda Kuliah Perhotelan Karena Terbukti Dari Mahasiswa Yang On The Job Training Di Tempat Kami Menunjukkan Sikap Yang Loyal & Hardworker.
              </blockquote>
              <span class="block"><a href="#">Sukarmajaya</a> - Executive Chef The Villas, Seminyak </span>
              <img src="<?php echo $this->common->theme_link(); ?>img/testimoni/sukarmajaya.jpg" class="img-circle testimoni-avatar" alt="" />
            </div>
          </div>
          <div class="item">
            <div class="testimoni-single">
              <blockquote class="centered">
                Dari Berbagai Kampus Yang Mahasiswanya On The Job Trainng Di Tempat Kami bosssignalfx Selalu Memberikan Mahasiswa Yang Terbaik Dalam Hal Disiplin & Teamwork. Thank’s bosssignalfx.

              </blockquote>
              <span class="block"><a href="#">Ni Made Restiti</a> - Personnel Manager UN'S Hotel & Restaurant,  Legian - Kuta</span>
              <img src="<?php echo $this->common->theme_link(); ?>img/testimoni/restiti.jpg" class="img-circle testimoni-avatar" alt="" />
            </div>
          </div>
          <div class="item">
            <div class="testimoni-single">
              <blockquote class="centered">
              Saya Ucapkan Terima Kasih Yang Banyak Kepada bosssignalfx Yang Telah  Memberikan Tenaga Training  Handal Dan Cepat Beradaptasi Dengan Pola Kerja High Speed Di Beach Club Kami.  </blockquote>
              <span class="block"><a href="#"> I Made Dwi Artha Pradnya</a> - Asst. Restaurant Manager Potato Head Beach Club Seminyak- Kuta</span>
              <img src="<?php echo $this->common->theme_link(); ?>img/testimoni/dwi.jpg" class="img-circle testimoni-avatar" alt="" />
            </div>
          </div>
          <div class="item">
            <div class="testimoni-single">
              <blockquote class="centered">
              bosssignalfx Selalu Mensupport Untuk Tenaga Training Di Hotel Kami, Kami Pilih bosssignalfx Karena Tenaganya Siap Pakai, Disiplin & Memiliki Positive Attitude.  </blockquote>
              <span class="block"><a href="#">I Made Wirta</a> - Executive  Housekeeper Amarterra Villas Bali  By Accor, Nusa Dua</span>
              <img src="<?php echo $this->common->theme_link(); ?>img/testimoni/wirta.jpg" class="img-circle testimoni-avatar" alt="" />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>
<!-- End parallax -->

<div class="clearfix"></div>
<!-- Start cta primary -->
<div class="cta-wrapper cta-primary">
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <h4>Ayo Daftar Sekarang</h4>
      <p>Mari bergabung dengan ratusan alumni lain.</p>
      <a class="btn" href="#">Daftar Sekarang!</a>
    </div>
  </div>
</div>
</div>
<!-- End cta primary -->

<div class="clearfix"></div>
