| Current File : /home/itiffy/public_html/resources/views/frontend/index.blade.php |
@extends('frontend.layouts.master')
@section('content')
<!-- BANNER SECTION -->
<div class="banner-section">
<div class="content">
<ul class="bxslider-home">
<li class="slide-01">
<div class="container">
<div class="row">
<div class="col-sm-5">
<h1>Your Business <span>+ Our Concept</span> <strong>= Success</strong></h1>
</div>
<div class="col-sm-7">
<div class="blue-box">
<div class="white-box">
<div class="slidewrap" data-autorotate="5000">
<ul class="slidecontrols">
<li><a href="#sliderName" class="next"><i class="fa fa-angle-right" aria-hidden="true"></i></a></li>
<li><a href="#sliderName" class="prev"><i class="fa fa-angle-left" aria-hidden="true"></i></a></li>
</ul>
<ul class="slider" id="sliderName">
<li class="slide">
<h2 class="slidehed">Great job Team ITIFFY </h2>
<div class="col-sm-5 text-center"><img src="{{ url('public/images') }}/homeslider-logo-oventus.png" alt="Oventus"></div>
<div class="col-sm-7">
<p>"Using the services of ITIFFY is the best thing I have ever done for my Business. I was initialy skeptical to move away from Salesforce and build our own CRM with ITIFFY. However, the end result has been great and a very profitable outcome for our business.</p>
<p>Great job Ethan and team - Thanks for the hard work."</p>
<p>Neil Anderson, CEO, My Clearway</p>
</div>
<div class="view"><a href="http://myclearway.com.au/" target="_blank">View Live Site</a></div>
</li>
<li class="slide">
<h2 class="slidehed">Impressed with my new web site</h2>
<div class="col-sm-5 text-center"> <img src="{{ url('public/images') }}/homeslider-logo-rareearthtreefarm.png" alt="Rare Earth Tree Farm"></div>
<div class="col-sm-7">
<p>"Even though we are continents apart I found working with ITIFFY to be pleasurable and I am impressed with my new web site. ITIFFY worked with my limited knowledge on this project both with patience and genuine concern. Thanks"</p>
<p>Jim Forster, <br />
Rare Earth Tree Farm</p>
</div>
<div class="view"><a href="http://rareearthdevelopments.ca/" target="_blank">View Live Site</a></div>
</li>
<li class="slide">
<h2 class="slidehed">ITIFFY is efficient, friendly and well priced</h2>
<div class="col-sm-5 text-center"><img src="{{ url('public/images') }}/homeslider-logo-vaxsmart.png" alt="Vaxsmart"></div>
<div class="col-sm-7">
<p>"I would like to thank ITIFFY for their prompt and professional Service in preparing my website. I would recommend ITIFFY to anyone wanting a website. ITIFFY was efficient, friendly and well priced"</p>
<p>Thank You</p>
<p>Suzanne, Vaxsmart</p>
</div>
<div class="view"><a href="http://www.vaxsmart.com.au" target="_blank">View Live Site</a></div>
</li>
<li class="slide">
<h2 class="slidehed">ITIFFY has been great</h2>
<div class="col-sm-5 text-center"><img src="{{ url('public/images') }}/homeslider-logo-imodem.png" alt="Imodem"></div>
<div class="col-sm-7">
<p>"We were looking for a partner who would understand our complex needs for the technical part of our business well and help us innovate our brand with new technology etc. Working with ITIFFY has been great. Irshad, personally kept in touch to ensure that our requirements were met in a timely fashion."</p>
</div>
<div class="view"><a href="http://webbusinessawards.com/itiffy/portfolio/mobile/app" target="_blank">View Portfolio</a></div>
</li>
<li class="slide">
<h2 class="slidehed">Irshad and the team has been great</h2>
<div class="col-sm-5 text-center"><img src="{{ url('public/images') }}/homeslider-hamdigital.png" alt="Ham Digita" title="Ham Digita"></div>
<div class="col-sm-7">
<p>"Irshad and the team at ITIFFY have been a great help to our digital agency and assisted in any overflow work we have had for the past 2 years. They are very knowledgeable and reliable and always complete any tasks we request in a timely fashion."</p>
<p>Regards<br />
Brian Schultink<br />
Sales Director at HAM</p>
</div>
<div class="view"><a href="http://www.hamdigital.com.au/" target="_blank">View Live Site</a></div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="slide-02">
<div class="container">
<h2>Reduce Cost & Increase <span>Profitability</span></h2>
<div class="row">
<div class="col-sm-2"><img src="{{ url('public/images') }}/website-design-icon.png" alt="Website design">
<h4>Website design</h4>
</div>
<div class="col-sm-2"><img src="{{ url('public/images') }}/mobile-aap-Icon.png" alt="Apps Development">
<h4>Apps Development</h4>
</div>
<div class="col-sm-2"><img src="{{ url('public/images') }}/graphic-design-icon.png" alt="Graphic Designing">
<h4>Graphic Designing</h4>
</div>
<div class="col-sm-2"><img src="{{ url('public/images') }}/digital-marketing-icon.png" alt="Digital Marketing">
<h4>Digital Marketing</h4>
</div>
<div class="col-sm-2"><img src="{{ url('public/images') }}/web-security-icon.png" alt="Web Security">
<h4>Web Security</h4>
</div>
</div>
<p>We have the right mixture of state of art development facilities and a team of experts who are creative, fast thinking and dynamic.</p>
</div>
</li>
<li class="slide-03">
<div class="container">
<div class="row">
<div class="col-sm-4">
<h3><small>ITIFFY is focused on</small> <span class="txt01">Creative &</span> <span class="txt02">results-driven</span> <span class="txt03">solutions</span> <span class="txt04">for companies ranging from start-ups to Fortune 1,000.</span></h3>
</div>
<div class="col-sm-8 text-center"><img src="{{ url('public/images') }}/slide-03-img.png" alt="slide-03"></div>
</div>
</div>
</li>
<li class="slide-04">
<div class="container">
<h2>Dedicated Hire</h2>
<p>Your dream team doesn't have to be your in-house team. We work long hour so you don't have to.</p>
<p><img src="{{ url('public/images') }}/slide-04-img.png" alt="slide-04"></p>
</div>
</li>
</ul>
</div>
<div class="video">
<video poster="{{ url('public/video') }}/video.jpg" autoplay loop>
<source src="{{ url('public/video') }}/video.webm" type="video/webm">
<source src="{{ url('public/video') }}/video.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="responsive-banner-section">
<h1>Your Business + Our Technology = <strong>Success</strong></h1>
<div class="btn btn-default"><a href="{{ route('request-a-quote') }}">Get Started Now</a></div>
</div>
<!-- /BANNER SECTION -->
<!-- CONTENT SECTION -->
<div class="content-section">
<!-- Section01 -->
<div class="home-section01a">
<div class="container">
<h2>Driven by deep conviction in our ability and our thirst to strive for excellence</h2>
<p>At ITIFFY, we strive to provide exceptional experiences through digital medium. We work with inspired companies and global influencers, even start-ups and help them evolve their brand to the next level.</p>
<p>Our innovative team can create next-level designs and develop game changing ideas when our talents sync with your business insights and vision of your company. We are obsessed with providing out of box and near perfect solutions to everything web, online and digital.</p>
</div>
</div>
<!-- /Section01 -->
<!-- Section02 -->
<div class="home-section02">
<div class="container">
<h3>TECHNOLOGY-DRIVEN BUSINESS SOLUTIONS</h3>
<div class="row">
<div class="col-sm-3 col-md-3">
<figure><img src="{{ url('public/images') }}/icon-01.png" alt="icon-01"></figure>
<h4>Award Winning Design</h4>
<p>Our greatest Award is our customers love. We can design anything, and fast too. We boast of a team of some of the best designers.</p>
</div>
<div class="col-sm-3 col-md-3">
<figure><img src="{{ url('public/images') }}/icon-02.png" alt="icon-02"></figure>
<h4>Website Development</h4>
<p>Get a website build in some of the most popular frameworks available. We love working in Laravel, Magento 2.0, Prestashop, WordPress, Shopify, Drupal, Joomla, Big Commerce and Custom PHP, Asp.net, etc.</p>
</div>
<div class="col-sm-3 col-md-3">
<figure><img src="{{ url('public/images') }}/icon-03.png" alt="icon-03"></figure>
<h4>Mobile Apps Development</h4>
<p>Mobile app is the way to go. We are best at helping your business idea grow. Adding fresh perspective and a new approach.</p>
</div>
<div class="col-sm-3 col-md-3">
<figure><img src="{{ url('public/images') }}/icon-04.png" alt="icon-04"></figure>
<h4>SEO & Inbound Marketing</h4>
<p>IS YOUR MARKETING WORKING? Our success is measured by results. <a href="{{ route('seo') }}">See how..</a></p>
</div>
</div>
</div>
</div>
<!-- /Section02 -->
<!-- Section03 -->
<div class="home-section03">
<div class="container">
<h2>Enterprise Applications</h2>
<p>We are best at helping your business grow with Smarter Business Solutions.</p>
<div id="tabs-container">
<div class="row">
<div class="col-md-2 col-sm-3">
<ul class="tabs-menu">
<li class="current"><a href="#tab-1"><img src="{{ url('public/images') }}/tab-img-02.jpg" alt="tab-img-02"></a></li>
<li><a href="#tab-2"><img src="{{ url('public/images') }}/tab-img-01.png" alt="tab-img-01"></a></li>
</ul>
</div>
<div class="col-md-8 col-sm-6">
<div class="tab">
<div id="tab-1" class="tab-content">
<section class="home-new-section">
<div class="projects-portfolio">
<div class="pp-projects-list">
<div class="pp-pl-item">
<div class="pp-images-container">
<div class="pp-main-image-block">
<div class="pp-main-image-container">
<div class="pp-main-image-wrapper">
<div class="pp-image pp-image-main" style="background-image: url('{{ url('public/images') }}/bg-project-1.jpg');"></div>
</div>
</div>
</div>
<img class="pp-image-perspective" src="{{ url('public/images') }}/perspective-project-1.png" alt="perspective-project-1"> </div>
<div class="pp-item-container">
<div class="pp-description">
<div class="pp-top">
<div class="pp-logo"><img src="{{ url('public/images') }}/img-project-1.png" alt="img-project-1"></div>
</div>
</div>
</div>
<div class="link-text">
<p><a href="https://xciteathletics.com/" class="btn-site" target="_blank">View LIVE SITE</a> <a href="{{ route('portfolio-ecommerce') }}" class="btn-more">View more Works</a></p>
</div>
</div>
</div>
</div>
</section>
</div>
<div id="tab-2" class="tab-content">
<section class="home-new-section">
<div class="projects-portfolio">
<div class="pp-projects-list">
<div class="pp-pl-item">
<div class="pp-images-container">
<div class="pp-main-image-block">
<div class="pp-main-image-container">
<div class="pp-main-image-wrapper">
<div class="pp-image pp-image-main" style="background-image: url('{{ url('public/images') }}/bg-project-2.jpg');"></div>
</div>
</div>
</div>
<img class="pp-image-perspective" src="{{ url('public/images') }}/perspective-project-2.png" alt="perspective-project-2"> </div>
<div class="pp-item-container">
<div class="pp-description">
<div class="pp-top">
<div class="pp-logo"><img src="{{ url('public/images') }}/img-project-2.png" alt="img-project-2"></div>
</div>
</div>
</div>
<div class="link-text">
<p><a href="https://nationznetwork.com/" class="btn-site" target="_blank">View LIVE SITE</a> <a href="{{ route('portfolio-social-media') }}" class="btn-more">View more Works</a></p>
</div>
</div>
</div>
</div>
</section>
</div>
<div id="tab-3" class="tab-content">
<section class="home-new-section">
<div class="projects-portfolio">
<div class="pp-projects-list">
<div class="pp-pl-item">
<div class="pp-images-container">
<div class="pp-main-image-block">
<div class="pp-main-image-container">
<div class="pp-main-image-wrapper">
<div class="pp-image pp-image-main" style="background-image: url('{{ url('public/images') }}/bg-project-3.jpg');"></div>
</div>
</div>
</div>
<img class="pp-image-perspective" src="{{ url('public/images') }}/perspective-project-3.png" alt="perspective-project-3"> </div>
<div class="pp-item-container">
<div class="pp-description">
<div class="pp-top">
<div class="pp-logo"><img src="{{ url('public/images') }}/img-project-3.png" alt="img-project-3"></div>
</div>
</div>
</div>
<div class="link-text">
<p><a href="http://www.inkdad.com" class="btn-site" target="_blank">View LIVE SITE</a> <a href="{{ route('portfolio-ecommerce') }}" class="btn-more">View more Works</a></p>
</div>
</div>
</div>
</div>
</section>
</div>
<div id="tab-4" class="tab-content">
<section class="home-new-section">
<div class="projects-portfolio">
<div class="pp-projects-list">
<div class="pp-pl-item">
<div class="pp-images-container">
<div class="pp-main-image-block">
<div class="pp-main-image-container">
<div class="pp-main-image-wrapper">
<div class="pp-image pp-image-main" style="background-image: url('{{ url('public/images') }}/bg-project-4.jpg');"></div>
</div>
</div>
</div>
<img class="pp-image-perspective" src="{{ url('public/images') }}/perspective-project-4.png" alt="perspective-project-4"> </div>
<div class="pp-item-container">
<div class="pp-description">
<div class="pp-top">
<div class="pp-logo"><img src="{{ url('public/images') }}/img-project-4.png" alt="img-project-4"></div>
</div>
</div>
</div>
<div class="link-text">
<p><a href="http://www.jsenthunting.com.au" class="btn-site" target="_blank">View LIVE SITE</a> <a href="{{ route('portfolio-ecommerce') }}" class="btn-more">View more Works</a></p>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div class="col-md-2 col-sm-3">
<ul class="tabs-menu">
<li><a href="#tab-3"><img src="{{ url('public/images') }}/tab-img-03.jpg" alt="tab-img-03"></a></li>
<li><a href="#tab-4"><img src="{{ url('public/images') }}/tab-img-04.png" alt="tab-img-04"></a></li>
</ul>
</div>
</div>
</div>
<div id="res-tabs-container">
<div class="row">
<div class="col-xs-12"><img src="{{ url('public/images') }}/tab-img-01.png" alt="tab-img-01">
<p><a href="#" class="btn-site">View LIVE SITE</a></p>
</div>
<div class="col-xs-12"><img src="{{ url('public/images') }}/tab-img-02.png" alt="tab-img-02">
<p><a href="http://www.xciteathletics.ca" class="btn-site">View LIVE SITE</a></p>
</div>
<div class="col-xs-12"><img src="{{ url('public/images') }}/tab-img-03.png" alt="tab-img-03">
<p><a href="http://www.inkdad.com" class="btn-site">View LIVE SITE</a></p>
</div>
<div class="col-xs-12"><img src="{{ url('public/images') }}/tab-img-04.png" alt="tab-img-04">
<p><a href="http://www.jsenthunting.com.au" class="btn-site">View LIVE SITE</a></p>
</div>
</div>
<p><a href="{{ route('portfolio-ecommerce') }}" class="btn-more">View more Works</a></p>
</div>
</div>
</div>
<!-- /Section03 -->
<!-- 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 -->
<!-- Section05 -->
<div class="home-section05">
<div class="container">
<div class="jcarousel-wrapper">
<div class="jcarousel">
<ul>
{{--
<li class="clearfix">
<div class="col-sm-6"><img src="{{ url('public/images') }}/testimonial-img-01.png" alt=""></div>
<div class="col-sm-6">
<h4>WE LET OUR CLIENTS SPEAK FOR US</h4>
<p><strong>Martin Forrer</strong>(Managing Director)</p>
<p>
<iframe width="100%" height="315" src="https://www.youtube.com/embed/1rHuuzHUHSc" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</p>
</div>
</li>
<li class="clearfix">
<div class="col-sm-6"><img src="{{ url('public/images') }}/testimonial-img-02.png" alt=""></div>
<div class="col-sm-6">
<h4>WE LET OUR CLIENTS SPEAK FOR US</h4>
<p><strong>XCITE ATHLETICS</strong>Frankie Parris, Business Owner, Parris Investment Corp, Xcite Athletics Graphics</p>
<p><script src="https://fast.wistia.com/embed/medias/uv0j0u3jpl.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>
<div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;">
<div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;">
<div class="wistia_embed wistia_async_uv0j0u3jpl videoFoam=true" style="height:100%;width:100%"> </div>
</div>
</div>
</p>
</div>
</li>
--}}
<li class="clearfix">
<div class="col-sm-6"><img src="{{ url('public/images') }}/testimonial-img-elmass.png" alt=""></div>
<div class="col-sm-6">
<h4>WE LET OUR CLIENTS SPEAK FOR US</h4>
<p><strong>Martin</strong>(Managing Director)</p>
<p>
<iframe width="100%" height="315" src="https://www.youtube.com/embed/1rHuuzHUHSc" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</p>
</div>
</li>
</ul>
</div>
<p class="jcarousel-pagination"></p>
</div>
</div>
</div>
<!-- /Section05 -->
<!-- Section06 -->
<div class="home-section06">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="community-box" style="background: #FFFFFF url({{ $image_url }}) no-repeat top;" >
<h3>@if(isset($blog[0]->title->rendered)){{ $blog[0]->title->rendered }}@endif</h3>
{{--
<p>It's the time of year when brands pause to analyze the successes these twelve months have brought and begin looking to the future for new ways to hone their digital strategies. Planning effectively for the future means having clear insight into the technologies, behaviors, and consumer expectations that will define the coming year.</p>
--}}
<p>@if(isset($blog[0]->content->rendered)){{ str_limit(strip_tags($blog[0]->content->rendered),300) }}@endif</p>
<div class="link"><a href="@if(isset($blog[0]->link)){{ $blog[0]->link}}@endif">Read More</a></div>
</div>
</div>
<div class="col-md-8"> {{-- <a class="socials-page-fb">FB</a><a class="socials-page-twitter">Twitter</a> --}}
<div class="socials-box" id="social_box">
<a href="javascript:void(0)" class="facebook_part"> <img src="{{ url('public/images') }}/facebook.png" alt="" /> </a>
<a href="javascript:void(0)" class="twitter_part"> <img src="{{ url('public/images') }}/twitter.png" alt="" /> </a>
<a href="javascript:void(0)" class="instragum_part"> <img src="{{ url('public/images') }}/instragum.png" alt="" /> </a>
{{--
<div class="col-xs-4 col-sm-5 col-md-5"><img src="{{ url('public/images') }}/img04.png" alt="img04"></div>
<div class="col-xs-8 col-sm-7 col-md-7">
<figure><img src="{{ url('public/images') }}/img05.png" alt="img05"></figure>
<article>
<p><strong>ITIFFY</strong>@ITIFFY</p>
<p><span>7 hours ago</span></p>
</article>
<div class="clr"></div>
<p>What exactly do content strategists need to know about SEO and why? Download the Ultimate Guide for Content Marketers</p>
<p><a href="https://web.facebook.com/ITIFFY/" target="_blank" class="view">View on Facebook</a> | <a href="https://web.facebook.com/ITIFFY/" target="_blank" class="share">Share</a></p>
</div>
--}}
{{--
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FITIFFY%2F&tabs=timeline&width=500&height=250&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=false&appId=761330200680692" width="500" height="250" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
--}}
<span id="fb_page">
<iframe id="facebook_iframe" class="facebook_iframe"></iframe>
</span>
<span id="twitter_page" style="display:none;"></span>
<span id="instagram_page" style="display:none;"></span>
</div>
</div>
<div class="col-sm-12">
<div class="newsletter-box">
<div class="row">
<div class="col-sm-5 col-md-5 text-center">
<h4>Get our secret Newsletter</h4>
</div>
<div class="col-sm-7 col-md-7">
<form action="https://itiffy.us17.list-manage.com/subscribe/post?u=55bc0432d74d562e031c1fcd2&id=141ce747c0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="newsletter">
<div class="mc-field-group">
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Enter your email id here">
<input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe">
</div>
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
{{--
<input type="text" name="b_55bc0432d74d562e031c1fcd2_141ce747c0" tabindex="-1" value="">
--}}
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /Section06 -->
<!-- Section01 -->
<div class="home-section01">
<h2>Certified by</h2>
<ul class="clearfix">
<li><img src="{{ url('public/images') }}/oracle-certified-specialist.png" alt="oracle-certified-specialist" class="grayscale"></li>
<li><img src="{{ url('public/images') }}/google-adwords-certified.png" alt="google-adwords-certified" class="grayscale"></li>
<li><img src="{{ url('public/images') }}/iso-developer.png" alt="iso-developer" class="grayscale"></li>
<li><img src="{{ url('public/images') }}/android-developer.png" alt="android-developer" class="grayscale"></li>
<li><img src="{{ url('public/images') }}/bing-ads-accredited-professional.png" alt="bing-ads-accredited-professional" class="grayscale"></li>
</ul>
</div>
<!-- /Section01 -->
</div>
<!-- /CONTENT SECTION -->
@endsection
@section('javascript')
<script type="text/javascript">
$(document).ready(function() {
$(".dropdown img.flag").addClass("flagvisibility");
$(".dropdown dt a").click(function() {
$(".dropdown dd ul").toggle();
});
$(".dropdown dd ul li a").click(function() {
var text = $(this).html();
$(".dropdown dt a span").html(text);
$(".dropdown dd ul").hide();
$("#result").html("Selected value is: " + getSelectedValue("sample"));
});
function getSelectedValue(id) {
return $("#" + id).find("dt a span.value").html();
}
$(document).bind('click', function(e) {
var $clicked = $(e.target);
if (! $clicked.parents().hasClass("dropdown"))
$(".dropdown dd ul").hide();
});
$("#flagSwitcher").click(function() {
$(".dropdown img.flag").toggleClass("flagvisibility");
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#submit_paypal").click(function(){
$("#item_name").val("Please Enter The Amount In "+$("#currency_code").val());
})
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".tabs-menu a").click(function(event) {
event.preventDefault();
$(".tabs-menu li").removeClass("current");
$(this).parents('li').addClass("current");
var tab = $(this).attr("href");
$(".tab-content").not(tab).css("display", "none");
$(tab).fadeIn();
});
});
/*$('.bxslider-home').bxSlider({
auto: true,
tickerHover: true,
pause: 10000
});*/
</script>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>
(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);
</script>
{{-- for fb page plugin --}}
<script>
function setupFBframe(frame) {
//var container = frame.parentNode;
var container = document.querySelector('#social_box')
var containerWidth = container.offsetWidth;
var containerHeight = container.offsetHeight;
var src =
"https://www.facebook.com/plugins/page.php" +
"?href=https%3A%2F%2Fwww.facebook.com%2FITIFFY" +
"&tabs=timeline" +
"&width=" +
containerWidth +
"&height=" +
containerHeight +
"&small_header=true" +
"&adapt_container_width=false" +
"&hide_cover=true" +
"&hide_cta=true" +
"&show_facepile=false" +
"&appId";
frame.width = containerWidth;
frame.height = containerHeight;
frame.src = src;
}
function setupTwitterframe() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://platform.twitter.com/widgets.js";
document.getElementsByTagName("head")[0].appendChild(script);
var container = document.querySelector('#social_box')
var containerWidth = container.offsetWidth;
var containerHeight = container.offsetHeight;
//======twitter page====//
$("#twitter_page").html('<a data-chrome="nofooter noborders" data-width="'+containerWidth+'" data-height="'+containerHeight+'" class="twitter-timeline" href="https://twitter.com/TweetItiffy?ref_src=twsrc%5Etfw">Tweets by Itiffy</a>');
//=========End==========//
}
function setupInstagramframe() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "//www.stadget.com/cdn/widget-init.min.js";
document.getElementsByTagName("head")[0].appendChild(script);
var container = document.querySelector('#social_box')
var containerWidth = container.offsetWidth;
var containerHeight = container.offsetHeight;
<!-- Instagram Widget Embed End -->
//======twitter page====//
$("#instagram_page").html('<div class="instawidget" data-user-name="itiffyofficial" data-amount="12" data-grid="4"></div><div class="right" style="margin:10px;"><a href="https://www.instagram.com/itiffyofficial/" target="_blank" class="btn btn-primary">View more on Instagram</a></div>');
//=========End==========//
}
/* begin Document Ready
############################################ */
document.addEventListener('DOMContentLoaded', function() {
var facebookIframe = document.querySelector('#facebook_iframe');
setupFBframe(facebookIframe);
/* begin Window Resize
############################################ */
// Why resizeThrottler? See more : https://developer.mozilla.org/ru/docs/Web/Events/resize
(function() {
window.addEventListener("resize", resizeThrottler, false);
var resizeTimeout;
function resizeThrottler() {
if (!resizeTimeout) {
resizeTimeout = setTimeout(function() {
resizeTimeout = null;
actualResizeHandler();
}, 66);
}
}
function actualResizeHandler() {
document.querySelector('#facebook_iframe').removeAttribute('src');
setupFBframe(facebookIframe);
}
})();
/* end Window Resize
############################################ */
$(".twitter_part").click(function(){
$("#fb_page").fadeOut();
$("#instagram_page").fadeOut();
setupTwitterframe()
$("#twitter_page").fadeIn();
});
$(".facebook_part").click(function(){
$("#twitter_page").fadeOut();
$("#instagram_page").fadeOut();
$("#fb_page").fadeIn();
});
$(".instragum_part").click(function(){
$("#twitter_page").fadeOut();
$("#fb_page").fadeOut();
setupInstagramframe();
$("#instagram_page").fadeIn();
});
});
</script>
@stop