<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="UTF-8">
    <title>StylePulse - Celebrity fashion, style, dresses, makeup, pictures and
            videos</title>
    <meta property="og:title" content="StylePulse - Celebrity fashion, style, dresses, makeup, pictures and
            videos"/>
    <meta name="twitter:title" content="StylePulse - Celebrity fashion, style, dresses, makeup, pictures and
            videos">
    <meta name="description" content="StylePulse - Celebrity Fashion Trends">
    <meta property="og:description" content="StylePulse - Celebrity Fashion Trends"/>
    <meta name="twitter:description" content="StylePulse - Celebrity Fashion Trends"/>
    <meta name="keywords" content="Fashion, Style, Designers, Wardrobe, Beauty, Bags, Shoes, Jewelry,
            Clothing, Vogue, Global Fashion, Celebrity Fashion, Fashion Designers">
    <meta property="og:type" content="article"/>
    <meta name="twitter:card" content="summary">
    <meta property="og:url" content=""/>
    <meta name="twitter:url" content="">
    <meta property="og:image" content=""/>
    <meta name="twitter:image" content=""/>
    <meta name="google-site-verification" content="GdiLLlJepx-Ddhs3GVwGOXM_I8RsoLD1AbEr0YkSpTs" />

    <link rel="shortcut icon" href="/app/views/templates/stylepulse/images/favicon.ico" type="image/x-icon" />
    <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="/app/views/templates/stylepulse/css/main.css" />
    <link rel="stylesheet" type="text/css" href="/app/views/templates/stylepulse/js/thirdparty/lightbox/css/lightbox.css" />
    <link rel="stylesheet" type="text/css" href="/app/views/templates/stylepulse/js/thirdparty/jquery.msgBox/css/msgBoxLight.css" />
    <script type="text/javascript" src="/app/views/templates/stylepulse/js/thirdparty/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="/app/views/templates/stylepulse/js/thirdparty/jquery.lazyload.min.js"></script>
    <script type="text/javascript" src="/app/views/templates/stylepulse/js/thirdparty/lightbox/js/lightbox-2.6.min.js" ></script>
    <script type="text/javascript" src="/app/views/templates/stylepulse/js/thirdparty/jquery.msgBox/jquery.msgBox.js"></script>
    <script type="text/javascript" src="/app/views/templates/stylepulse/js/main.js" ></script>
</head>
<body>

<!--Debug -->
<div class="debug-header">
    <div class="widget">
<style type="text/css">
    .no-script {
        background: #dfca60;
        width: 100%;
        padding: 5px;
        font-size: 18px;
        text-align: center;
        border-bottom: 1px #ffffff solid;
        z-index: 200;
        position: fixed;
    }

    .no-script a {
        text-decoration: underline;
    }
</style>

<noscript>
    <div class="no-script">
        For full functionality of Stylepulse.com it is necessary to enable JavaScript.
        Here are the <a href="http://www.enable-javascript.com/" target="_blank">
            instructions how to enable JavaScript in your web browser</a>.
    </div>
</noscript></div></div>
<!-- Debug End -->

<!--Header Start-->
<div id="header">
    <div class="wrapper clearfix">
        <a href="/" id="logo"></a>

        <div class="ad"><div class="widget">
<div class="ads">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- Stylepulse Leaderboard -->
    <ins class="adsbygoogle"
         style="display:inline-block;width:728px;height:90px"
         data-ad-client="ca-pub-4072436160666281"
         data-ad-slot="2162985464"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
</div></div></div>
    </div>
</div>
<!--Header End-->

<div id="nav-bar" class="wrapper clearfix">
    <div class="widget">
<ul id="nav">
    <li>
        <a href="/news">News</a>
    </li>
    <li>
        <a href="/discover">Discover</a>
        <ul>
            <li>
                <a href="/discover/accessories">
                    <i class="icon accessories"></i>
                    <span>Accessories</span>
                </a>
            </li>
            <li>
                <a href="/discover/bags">
                    <i class="icon bags"></i>
                    <span>Bags</span>
                </a>
            </li>
            <li>
                <a href="/discover/bikini">
                    <i class="icon bikini"></i>
                    <span>Bikini</span>
                </a>
            </li>
            <li>
                <a href="/discover/brands">
                    <i class="icon brands"></i>
                    <span>Brands</span>
                </a>
            </li>
            <li>
                <a href="/discover/apparel">
                    <i class="icon apparel"></i>
                    <span>Apparel</span>
                </a>
            </li>
            <li>
                <a href="/discover/boyfriend">
                    <i class="icon boyfriend"></i>
                    <span>Boyfriend</span>
                </a>
            </li>
            <li>
                <a href="/discover/girlfriend">
                    <i class="icon girlfriend"></i>
                    <span>Girlfriend</span>
                </a>
            </li>
            <li>
                <a href="/discover/wife">
                    <i class="icon wife"></i>
                    <span>Wife</span>
                </a>
            </li>
            <li>
                <a href="/discover/husband">
                    <i class="icon husband"></i>
                    <span>Husband</span>
                </a>
            </li>
            <li>
                <a href="/discover/tattoos">
                    <i class="icon tattoos"></i>
                    <span>Tattoos</span>
                </a>
            </li>
            <li>
                <a href="/discover/hair">
                    <i class="icon hair"></i>
                    <span>Hair</span>
                </a>
            </li>
            <li>
                <a href="/discover/kids">
                    <i class="icon kids"></i>
                    <span>Kids</span>
                </a>
            </li>
            <li>
                <a href="/discover/makeup">
                    <i class="icon makeup"></i>
                    <span>Makeup</span>
                </a>
            </li>
            <li>
                <a href="/discover/movies">
                    <i class="icon movies"></i>
                    <span>Movies</span>
                </a>
            </li>
            <li>
                <a href="/discover/photoshoot">
                    <i class="icon photoshoot"></i>
                    <span>Photoshoot</span>
                </a>
            </li>
            <li>
                <a href="/discover/pictures">
                    <i class="icon pictures"></i>
                    <span>Pictures</span>
                </a>
            </li>
            <li>
                <a href="/discover/plastic-surgery">
                    <i class="icon plastic"></i>
                    <span>Plastic Surgery</span>
                </a>
            </li>
            <li>
                <a href="/discover/shoes">
                    <i class="icon shoes"></i>
                    <span>Shoes</span>
                </a>
            </li>
            <li>
                <a href="/discover/videos">
                    <i class="icon videos"></i>
                    <span>Videos</span>
                </a>
            </li>
            <li>
                <a href="/discover/wardrobe-malfunction" class="long">
                    <i class="icon wardrobe"></i>
                    <span>Wadrobe Malfunction </span>
                </a>
            </li>
        </ul>
    </li>
    <li>
        <a href="/style">Style Icons</a>
    </li>
    <li>
        <a href="/hotlists">Hotlists</a>
    </li>
</ul>

<div id="social-nav">
    <a href="https://www.facebook.com/stylegurucom" class="facebook" target="_blank"></a>
    <a href="https://twitter.com/theStylePulse" class="twitter" target="_blank"></a>
    <a href="https://plus.google.com/+Stylepulseofficial" class="google" target="_blank"></a>
    <a href="/rss" class="rss"></a>
    <a href="#" class="search"></a>
</div>

<script type="text/javascript">
    var tokz = location.pathname.split('/');
    $(document).ready(function(){
        var bcTop = $('#breadcrumb a')[1];
        //method 1
       $('#nav > li > a').each(function(e, i){
           var pathname = this.href.replace(location.protocol + '//' + location.host, ''),
               linkTokz = pathname.split('/'),
               bcItem   = (bcTop) ? bcTop.innerHTML.split(' ')[0].toLowerCase() : '';

            if( (location.pathname == '/' || tokz[1] == 'news') && linkTokz[1] == '') {
                $(this.parentNode).addClass('active');
            } else if(tokz[1] === linkTokz[1] || linkTokz[1] === bcItem) {
                $(this.parentNode).addClass('active');
            }
       });
    });
</script></div></div>
<!--Content End-->

<!--Content-->
<div id="content" class="wrapper clearfix">
    
    <div class="left-content">
                <!--Main info -->

<!--Categories-->

<div id="news-category">
    <div class="category-toggle collapse">All News topics</div>
    <ul class="list">
        <li class="active"><a href="/news/all">All</a></li>
            </ul>
</div>

<!--Categories End-->

<div class="discover clearfix">
    </div>
<div id="loaderBar">
    <div id="page-loading"></div> <br>
    <div id="page-load-btn" class="more"> Load older posts</div>
</div>

<script type="text/javascript">
    //init lazy load images
    $(function() {
        $("img.main-img").show().lazyload({
            effect : "fadeIn"
        });
    });

    //control category toggle
    $(".category-toggle").click(function(){
       if($(".category-toggle").hasClass('collapse')) {
           $(".category-toggle").removeClass('collapse');
           $(".category-toggle").addClass('expand');
           $("#news-category .list li").slideUp('fast', function(){
               $("#news-category .list").css('padding-top', '10px');
           });

       } else {
           $(".category-toggle").removeClass('expand');
           $(".category-toggle").addClass('collapse');
           $("#news-category .list li").slideDown('fast');
           $("#news-category .list").css('padding-top', '50px');
       }
    });

    //collapse category by default
    $(document).ready(function(){
        $(".category-toggle").click();
    })

    //set active category
    $("#news-category .list li").each(function(e, i){
        var a = $(this).find('a');
        if(a[0].href === location.href) {
            $("#news-category .list li").removeClass('active');
            $(this).addClass('active');
        }
    });

    //timeline object
    (function () {
        var loadingGifDivId = '#page-loading', manLoaderDivId = '#page-load-btn', autoLoaderMaxPage = 3,
            isBusy = false, timlineDivId = '.discover', currentPage = parseInt('0', 10),
            display = parseInt('5', 10), totalPages = parseInt('0', 10),
            currentCat = '', lastClass = '', isFirst = true,
            currentDay = 0, currentMonth = 0, currentYear = 0,
            loaderMode = 'auto',errorCount = 0,

            loadNextPage = function() {
                //set object to busy
                isBusy = true;

                //show loading gif
                showLoding();

                $.ajax({
                    url : '/ajax/news',
                    data : {'currentCat' : currentCat, 'lastClass' : lastClass, 'display' : display,
                            'currentPage' : (currentPage + 1), 'isFirst' : JSON.stringify(isFirst),
                            'currentDay' : currentDay, 'currentMonth' : currentMonth, 'currentYear' : currentYear
                    },
                    success: function( data, textStatus, jqXHR) {

                        //update object
                        currentDay   = data.currentDay;
                        currentMonth = data.currentMonth;
                        currentYear  = data.currentYear;
                        currentPage  = parseInt(data.currentPage, 10);
                        totalPages   = parseInt(data.totalPages, 10);
                        display      = parseInt(data.display, 10);
                        isBusy       = false;

                        //append content to page
                        $(timlineDivId).append(data.content);

                        //hide loading gif
                        hideLoading();

                        //lazy load images
                        $("img.main-img").show().lazyload({
                            effect : "fadeIn"
                        });

                        //modify manual loader button message and check if we should disable it
                        $(manLoaderDivId).html('Load posts older than ' + currentMonth + '/' + currentDay + '/' + currentYear);
                        if(loaderMode === 'manual' && (currentPage + 1) > totalPages) {
                            $(manLoaderDivId).css('display', 'none');
                        }
                    },
                    error : function(jqXHR, textStatus, errorThrown) {
                        isBusy = false;

                        //increment error count
                        errorCount++;

                        //show error only once every 100 errors
                        if(errorCount == 1) {
                            $msgBOX.error('Oops!',
                                'Error while communicating with the server.<br>' +
                                    'Could not load posts, Please refresh the page and try again'
                            );
                        }

                        //reset error count
                        if(errorCount >= 100) {
                            errorCount = 0;
                        }

                        hideLoading();
                    }
                });
            },

            init = function() {
                var trigger =  10, //percent to the bottom of the page
                    autoLoadEvtHandler  = function(){
                        var winHeight = $(document).height(),
                            winRatio  = winHeight - $(window).scrollTop(),
                            winRatioP = Math.round( (winRatio / winHeight) * 100 );

                        //check auto load trigger
                        if(winRatioP <= (100 - trigger) && !isBusy) {

                            /**
                             * check if we reach auto load limit
                             * and remove event if we are
                             * also switch to manual loader
                             **/
                            if(currentPage <= autoLoaderMaxPage && (currentPage + 1) <= totalPages ) {
                                loadNextPage();
                            } else {
                                //disable auto loader event
                                $(document).unbind('scroll', autoLoadEvtHandler);

                                //switch to manual loader
                                if(loaderMode === 'auto' && (currentPage + 1) <= totalPages) {
                                    loaderMode = 'manual';
                                    $(manLoaderDivId).css('display', 'inline-block');
                                    $(manLoaderDivId).click(function(){
                                       if((currentPage + 1) <= totalPages && !isBusy) {
                                           loadNextPage();
                                       } else {
                                           $(manLoaderDivId).css('display', 'none');
                                       }
                                    });
                                }
                            }
                        }
                    };

                /**
                 * set auto scroll event
                 */
                if(currentPage <= autoLoaderMaxPage && totalPages > 1) {
                    $(document).scroll(autoLoadEvtHandler);
                }
            },

            showLoding = function() {
                $(loadingGifDivId).css('display', 'inline-block');
            },

            hideLoading = function() {
                $(loadingGifDivId).css('display', 'none');
            };

        //initialize object
        init();
    })();
</script>
    </div>
    <!--Main info End -->

    <!--Right Sidebar -->
    <div class="right-sidebar">
        <div class="widget">
    
    
<script type="text/javascript">
    //init lazy load images
    $(function() {
        $("img.f-lazy").show().lazyload({
            effect : "fadeIn"
        });
    });
</script>

</div><div class="widget">
<div class="ads">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- StylePulse Medium_Rectangle Right_Column -->
    <ins class="adsbygoogle"
         style="display:inline-block;width:300px;height:250px"
         data-ad-client="ca-pub-4072436160666281"
         data-ad-slot="8209519063"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
</div></div><div class="widget">
<div class="section">
    <h3 class="section-title">
        <i class="icon facebook"></i>
        <strong><span>F</span>ACEBOOK</strong> <strong><span>F</span>ANS</strong>
    </h3>

    <iframe src="http://www.facebook.com/plugins/fan.php?id=officialstylepulse&amp;width=300&amp;height=250&amp;connections=10&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:300px; height:250px;margin:10px 0 0 0"></iframe>
</div></div><div class="widget">
<div class="section">
    <h3 class="section-title">
        <i class="icon twitter"></i>
        <strong><span>TWITTER</span> FEED</strong>
    </h3>
    <a class="twitter-timeline"
       href="https://twitter.com/theStylePulse"
       data-widget-id="455344274976944128">Tweets by @theStylePulse</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div></div>    </div>
    <!--Right Sidebar End-->
</div>
<!--Content End-->

<!--Footer-->
<div id="footer" class="wrapper clearfix">
    <div class="widget">
<div class="connect">
    <h4>CONNECT  WITH</h4>
    <div class="section-content">
        <div class="social-links">
            <a href="https://www.facebook.com/stylegurucom" class="facebook" target="_blank">Facebook</a>
            <a href="https://twitter.com/theStylePulse" class="twitter" target="_blank">Twitter</a>
            <a href="https://plus.google.com/+Stylepulseofficial" class="google" target="_blank">Google +</a>
        </div>

        <span class="copy">© 2012 - 2016  StylePulse. Some rights reserved.</span>
        <a href="/sitemap" class="sitemap">Sitemap</a>
    </div>
</div>

<div class="info">
    <h4>INFO</h4>
    <div class="section-content">
        <ul>
            <li><a href="/about">About</a></li>
            <li><a href="/contact">Contact</a></li>
            <li><a href="/privacy">Privacy Policy</a></li>
            <li><a href="/terms">Terms of Use</a></li>
        </ul>
    </div>
</div>

<div class="cat">
    <h4>CATERORIES</h4>
    <div class="section-content">
        <ul>
            <li><a href="/news/accessories">Accessories</a></li>
            <li><a href="/news/clothing">Clothing</a></li>
            <li><a href="/news/style-tips">Style Tips</a></li>
            <li><a href="/news/fashion-tips">Fashion Tips</a></li>
            <li><a href="/news/celeb-watch">Celeb Watch</a></li>
        </ul>
    </div>
</div></div></div>
<!--Footer End-->

<!--Debug -->
<div class="debug-footer">
    <div class="widget">
<script type="text/javascript">
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-34251817-28', 'stylepulse.com');
    ga('send', 'pageview');

</script></div></div>
<!-- Debug End -->

</body>
</html>
