Current File : /home/itiffy/public_html/resources/views/frontend/about_us.blade.php
@extends('frontend.layouts.master')
@section('content')
<!-- BREADCRUMB SECTION -->
<div class="breadcrumb-box">
  <ol class="breadcrumb container">
    <li class="breadcrumb-item"><a href="{{ route('home')}}"><i class="fa fa-home" aria-hidden="true"></i></a></li>
    <li class="breadcrumb-item active">About Us</li>
  </ol>
</div>
<!-- /BREADCRUMB SECTION --> 
<!-- CONTENT SECTION -->
<div class="content-section"> 
  <!-- Section01 -->
  <div class="new-about-section01">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-2 col-sm-4 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-01.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-11.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-03.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-04.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-05.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-06.jpg" alt=""></div>
        </div>
        <div class="row">
          <div class="col-md-2 col-sm-12 col-xs-12">
            <div class="col-md-12 col-sm-6 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-07.jpg" alt=""></div>
            <div class="col-md-12 col-sm-6 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-09.jpg" alt=""></div>
          </div>
          <div class="col-md-8 col-sm-12 col-xs-12">
            <div id="who-we-are" class="tab-content clearfix">
              <div class="white-box02">
                <div class="col-sm-4">
                  <h2>About ITIFFY</h2>
                </div>
                <div class="col-sm-4 text-right">
                  <p>When you need game changing ideas, out  of box thinking & creative output to build experiences that transport your Brand.</p>
                </div>
                <div class="col-sm-4">
                  <ul class="tablink">
                    <li><a href="#who-we-are" class="active">WHO WE ARE</a></li>
                    <li><a href="#what-we-do">WHAT WE DO</a></li>
                    <li><a href="#teammates">iTIFFY TEAMMATES</a></li>
                  </ul>
                </div>
              </div>
              <div class="blue-box02"><img src="{{ url('public/images') }}/about-img-16.jpg" alt=""></div>
              <div class="clearfix"></div>
              <div style="background-color:#00b5e0;" class="clearfix">
              <div class="white-box03"><img src="{{ url('public/images') }}/about-img-17.jpg" alt=""></div>
              <div class="blue-box03">
                <p>Driven by deep conviction in our ability and our thirst to strive for excellence, enables us to provide high quality and cost effective service solutions to clients all across the world. Itiffy leads the way toward a greater standard as we write, educate, and build.</p>
              </div>
              </div> 
            </div>
            <div id="what-we-do" class="tab-content clearfix" style="display:none;">
              <div class="white-box01">
                <div class="col-sm-4">
                  <h2>About ITIFFY</h2>
                </div> 
                <div class="col-sm-4 text-right">
                  <p>When you need game changing ideas, out  of box thinking & creative output to build experiences that transport your Brand.</p>
                </div>
                <div class="col-sm-4">
                  <ul class="tablink">
                    <li><a href="#who-we-are">WHO WE ARE</a></li>
                    <li><a href="#what-we-do" class="active">WHAT WE DO</a></li>
                    <li><a href="#teammates">iTIFFY TEAMMATES</a></li>
                  </ul>
                </div>
                <div class="col-sm-12">
                  <p>We have the right mixture of state of art development facilities and a team of experts who are creative, fast thinking and dynamic. Our team of builders answers the call for a better web design, new technologies and commanding online presence. We love to help our Clients reach the  customers they are looking for without breaking the bank.</p>
                  <p>When it comes to online presence, we believe the need to do it right the first time. There are too many ordinary companies out there already. So stand out or get lost in the crowd.</p>
                </div>
              </div>
              <div class="blue-box01">
                <figure><img src="{{ url('public/images') }}/icon-vision.png" alt=""></figure>
                <h2>Vision</h2>
                <p>Our vision is to help businesses all over the world to make a profitable income from the Internet. To reduce cost and increase profitability.</p>
              </div>
            </div>
            <div id="teammates" class="tab-content clearfix" style="display:none;">
              <div class="white-box02">
                <div class="col-sm-4">
                  <h2>About ITIFFY</h2>
                </div>
                <div class="col-sm-4 text-right">
                  <p>When you need game changing ideas, out  of box thinking & creative output to build experiences that transport your Brand.</p>
                </div>
                <div class="col-sm-4">
                  <ul class="tablink">
                    <li><a href="#who-we-are">WHO WE ARE</a></li>
                    <li><a href="#what-we-do">WHAT WE DO</a></li>
                    <li><a href="#teammates" class="active">iTIFFY TEAMMATES</a></li>
                  </ul>
                </div>
              </div>
              <div class="blue-box02"><img src="{{ url('public/images') }}/about-img-18.jpg" alt=""></div>
              <div class="clearfix"></div>
              <div style="background-color:#00b5e0;" class="clearfix">
              <div class="white-box03"><img src="{{ url('public/images') }}/about-img-18.jpg" alt=""></div>
              <div class="blue-box03">
                <p>We have a panel of experts specializing in Designing, Development, Advertising, Marketing, Digital & Mobile. We have an amazing pool of talent and offer creative solutions to all your business needs.</p>
              </div>
              </div>
            </div>
          </div>
          <div class="col-md-2 col-sm-12 col-xs-12">
            <div class="col-md-12 col-sm-6 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-08.jpg" alt=""></div>
            <div class="col-md-12 col-sm-6 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-10.jpg" alt=""></div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-02.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-12.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-13.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-14.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-15.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-16.jpg" alt=""></div>
        </div>
        <div class="row">
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-19.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-20.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-21.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-22.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-23.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-24.jpg" alt=""></div>
        </div>
        <div class="row">
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-25.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 our-team"><img src="{{ url('public/images') }}/about-img-26.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-27.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-28.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-31.jpg" alt=""></div>
          <div class="col-md-2 col-sm-4 col-xs-6 not-team"><img src="{{ url('public/images') }}/about-img-29.jpg" alt=""></div>
        </div>
      </div>
    </div>
  <!-- /Section01 --> 
  <!-- Section04 -->
  <div class="home-section04">
    <div class="container">
      <div class="row">
        <div class="col-sm-8">
          <h4>Your Business + Our Technology = Success</h4>
        </div>
        <div class="col-sm-4">
          <div class="btn-get"><a href="{{ route('request-a-quote') }}">Get a free consultation</a></div>
        </div>
      </div>
    </div>
  </div>
  <!-- /Section04 --> 
</div>
<!-- /CONTENT SECTION --> 
@endsection

@section('javascript')
<script type="text/javascript">
$(document).ready(function() {
    $(".tablink a").click(function(event) {
        event.preventDefault();
    $(".tablink li").removeClass("current");
    $(this).parents('li').addClass("current");
        var tab = $(this).attr("href");
        $(".tab-content").not(tab).css("display", "none");
        $(tab).fadeIn();
    if(tab == '#teammates'){
      $(".not-team img").fadeTo(1000, 0.02);
    } else {
      $(".not-team img").fadeTo(1000, 1);
    }
    
    });
});
</script>
@stop