<!DOCTYPE html>
<html  lang="hr">
    <head>
        <title>LADY POPULAR: Najbolja online modna & igra za oblačenje.</title>
        <meta charset="utf-8"/>
                                <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Lady Popular je kul besplatna modna igra koja će ti pokazati život supermodela! Pridruži se sada i upoznaj prijatelje &amp; postani najpopularnija cura na webu!">
        <meta name="theme-color" content="#BE75D6"/>
        <meta property="og:type" content="website"/>
        <meta property="og:title" content="Lady Popular besplatna online igra!"/>
        <meta property="og:description" content="Igraj sa svojim prijateljima besplatno u svijetu Lady Populara! Stvori svoj izgled, izaberi dečka, i započni svoju modnu karijeru!"/>
        <meta property="og:url" content="https://ladypopular.igrice.hr"/>
        <meta property="og:image" content="https://ladypopular.igrice.hr/img/ladypopular3/pink/lady-popular-thumbnail.jpg"/>
        <meta property="fb:admins" content="100000379826827"/>
        <meta name="twitter:card" content="summary">
        <meta name="twitter:url" content="https://ladypopular.igrice.hr">
        <meta name="twitter:title" content="Igraj Lady Popular besplatno!">
        <meta name="twitter:description" content="Igraj sa svojim prijateljima besplatno u svijetu Lady Populara! Stvori svoj izgled, izaberi dečka, i započni svoju modnu karijeru!">
        <meta name="twitter:image" content="https://ladypopular.igrice.hr/img/ladypopular3/pink/twitter/LP_Twitter_160x160__.jpg"/>
        <meta property="fb:app_id" content="118583028170267" />
        		<link rel="shortcut icon" href="https://static.ladypopular.com/ladypopular/gate/img/lp-favicon.ico" />
                                                    <link rel="preload" as="font" href="https://static.ladypopular.com/ladypopular/gate/fonts/open-sans-latin-300.woff2" crossorigin="anonymous"/>
                            <link rel="preload" as="font" href="https://static.ladypopular.com/ladypopular/gate/fonts/open-sans-latin-400.woff2" crossorigin="anonymous"/>
                            <link rel="preload" as="font" href="https://static.ladypopular.com/ladypopular/gate/fonts/open-sans-latin-ext-300.woff2" crossorigin="anonymous"/>
                            <link rel="preload" as="font" href="https://static.ladypopular.com/ladypopular/gate/fonts/open-sans-latin-ext-400.woff2" crossorigin="anonymous"/>
                    <link href="https://static.ladypopular.com/ladypopular/gate/css/ladypopular3/pink/style.css?v=1.7" rel="stylesheet" type="text/css">
                    		                            <link rel="stylesheet" href="https://static.ladypopular.com/ladypopular/gate/css/ladypopular3/light-bottom-cc-theme.css" type="text/css"/>
        		<script type="text/javascript">
			var project = 'ladypopular3';
			var action = '';
			var textDirection = "";
			var LANG = {
				'blank_username': 'Username can\'t be blank',
				'invalid_username': 'Korisničko ime se mora sastojati samo od slova, brojeva  i \".\", \"-\", \"_\".',
				'short_username': 'Vaše korisničko ime mora sadržavati najmanje 4 simbola.',
				'blank_password': 'Password can\'t be blank',
				'short_password': 'Lozinka mora imati između 5 i 40 znakova.',
				'blank_email': 'Email can\'t be blank',
				'short_email': 'E-mail adresa je prekratka (minimalno 7 simbola)',
				'invalid_email': 'Uvedi valjanu e-mail adresu.',
				'tos': 'Morate se suglasiti s našim uvjetima i odredbama',
                'pp': 'Molimo, složi se sa policom privatnosti.',
                'mc': 'Molimo, odaberi opciju.'
			};

            window.dataLayer = window.dataLayer || [];
            function gtag() {
                dataLayer.push(arguments);
            }

            function emitGaEvents(gaArray) {
                gaArray.forEach((array, key) => {
                    if (array[0] === '_trackPageview') {
                        gtag('event', 'pageview', {
                            'pagePath': array[1]
                        });
                    } else if (array[0] === '_trackEvent') {
                        gtag('event', 'event', {
                            'category': array[1],
                            'action': array[2],
                            'label': array[3],
                            'value': array[4]
                        });
                    }
                });
            }
        </script>

                <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-YWNYS0J2PX"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'G-YWNYS0J2PX');
        </script>
  
		
		
                    <script>
                !function(f,b,e,v,n,t,s)
                {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
                    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
                    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
                    n.queue=[];t=b.createElement(e);t.async=!0;
                    t.src=v;s=b.getElementsByTagName(e)[0];
                    s.parentNode.insertBefore(t,s)}(window, document,'script',
                    'https://connect.facebook.net/en_US/fbevents.js');
                fbq('init', '553363956902077');
                fbq('track', 'PageView');
            </script>
            <noscript>
                <img height="1" width="1" style="display:none"
                     src="https://www.facebook.com/tr?id=553363956902077&ev=PageView&noscript=1"/>
            </noscript>
                            <meta name="facebook-domain-verification" content="qamkbjj31foj7tzu9bspp90ceelgf0" />
            </head>
    <body class="single hr ">
    <div id="cookieconsent" class="cc-banner-wrapper"></div>
        				<div id="fb-root" style="display: none;"></div>
        <div class="overflow-hidden">
		
            <!-- Header -->
         <div class="overflow-hidden">
            <header itemscope itemtype="http://schema.org/WebApplication">
                <meta itemprop="applicationCategory" content="Game" />
                <meta itemprop="operatingSystem" content="Any" />
                <meta itemprop="name" content="LADY POPULAR: Najbolja online modna & igra za oblačenje." />
                <meta itemprop="description" content="Lady Popular je kul besplatna modna igra koja će ti pokazati život supermodela! Pridruži se sada i upoznaj prijatelje &amp; postani najpopularnija cura na webu!" />
                <div id="languages">
                                            <span class="current-language"  rel="hr"><img border="0" title="" alt="" src="https://static.ladypopular.com/ladypopular/gate/img/flags/hr.gif"></span>
                        <ul class="languagesList">
                                                        <li><span class="language-option" rel="en" onclick="changeLanguage('en'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/en.gif" class="flag"><span>English</span></span></li>
                                                        <li><span class="language-option" rel="bg" onclick="changeLanguage('bg'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/bg.gif" class="flag"><span>Български</span></span></li>
                                                        <li><span class="language-option" rel="cz" onclick="changeLanguage('cz'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/cz.gif" class="flag"><span>České</span></span></li>
                                                        <li><span class="language-option" rel="de" onclick="changeLanguage('de'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/de.gif" class="flag"><span>Deutsch</span></span></li>
                                                        <li><span class="language-option" rel="es" onclick="changeLanguage('es'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/es.gif" class="flag"><span>Español</span></span></li>
                                                        <li><span class="language-option" rel="fr" onclick="changeLanguage('fr'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/fr.gif" class="flag"><span>Français</span></span></li>
                                                        <li><span class="language-option" rel="gr" onclick="changeLanguage('gr'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/gr.gif" class="flag"><span>Ελληνικά</span></span></li>
                                                        <li><span class="language-option" rel="hr" onclick="changeLanguage('hr'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/hr.gif" class="flag"><span>Hrvatska</span></span></li>
                                                        <li><span class="language-option" rel="hu" onclick="changeLanguage('hu'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/hu.gif" class="flag"><span>Magyar</span></span></li>
                                                        <li><span class="language-option" rel="it" onclick="changeLanguage('it'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/it.gif" class="flag"><span>Italiano</span></span></li>
                                                        <li><span class="language-option" rel="lt" onclick="changeLanguage('lt'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/lt.gif" class="flag"><span>Lietuvos</span></span></li>
                                                        <li><span class="language-option" rel="pl" onclick="changeLanguage('pl'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/pl.gif" class="flag"><span>Polski</span></span></li>
                                                        <li><span class="language-option" rel="br" onclick="changeLanguage('br'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/br.gif" class="flag"><span>Português</span></span></li>
                                                        <li><span class="language-option" rel="ro" onclick="changeLanguage('ro'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/ro.gif" class="flag"><span>Română</span></span></li>
                                                        <li><span class="language-option" rel="sk" onclick="changeLanguage('sk'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/sk.gif" class="flag"><span>Slovenčina</span></span></li>
                                                        <li><span class="language-option" rel="tr" onclick="changeLanguage('tr'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/tr.gif" class="flag"><span>Türkçe</span></span></li>
                                                        <li><span class="language-option" rel="ru" onclick="changeLanguage('ru'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/ru.gif" class="flag"><span>Русский</span></span></li>
                                                        <li><span class="language-option" rel="il" onclick="changeLanguage('il'); return false;"><img border="0" title="" alt="" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/flags/il.gif" class="flag"><span>עברית</span></span></li>
                                                    </ul>
                                    </div>
                <div class="wrapper-wide header-wraper">
                    <div class="header-left">
                        <div class="logo-wraper">
                            <div class="logo logo-decoration">
                                <link itemprop="additionalType" href="http://schema.org/Brand"/>
                                                                <meta itemprop="logo" content="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady-popular-google-search-thumb.jpg" />
                                                            </div>
                                                        <div class="login">
                                <div>
                                    <span>Već imaš račun?</span>
                                    <div id="login-btn" class="login-btn" data-popup="login">Prijavi se</div>
                                </div>
                            </div>
                        </div>
                    <!-- App store links -->
                        <div class="stores-links-wraper">
                            <a href="https://play.google.com/store/apps/details?id=bg.xssoftware.ladypopular.fashionarena" aria-label="Google Play" rel="noopener" target="_blank" alt="Get it on Google Play" class="app-store-link google"></a>

                            <a href="https://itunes.apple.com/bg/app/lady-popular-fashion-arena/id975504897" aria-label="Apple Store" rel="noopener" target="_blank" alt="Download on the App Store" class="app-store-link apple"></a>
                            
                            <a href="https://appgallery.huawei.com/#/app/C103165231" aria-label="Huawei Store" rel="noopener" target="_blank" alt="Explore it on App Gallery" class="app-store-link huawei"></a>
                        </div>
                    </div>
                    <!-- Social links -->
                    <div class="header-right">
                        <div class="social-links">
                                                        <meta itemprop="url" content="https://ladypopular.com.hr/" />
                                                        <a itemprop="sameAs" aria-label="Facebook" rel="noopener" class="fcebook" target="_blank" onclick="emitGaEvents(['_trackEvent', 'clicked_button', 'facebook_social_button'])" href="https://www.facebook.com/ladypopular/"></a>
                            <a itemprop="sameAs" aria-label="Instagram" rel="noopener" class="instagram" target="_blank" onclick="emitGaEvents(['_trackEvent', 'clicked_button', 'instagram_social_button'])" href="https://instagram.com/ladypopulargame/"></a>
                            <a itemprop="sameAs" aria-label="Youtube" rel="noopener" class="youtube" target="_blank" onclick="emitGaEvents(['_trackEvent', 'clicked_button', 'youtube_social_button'])" href="https://www.youtube.com/c/LadyPopularFashionArena"></a>
                            <a itemprop="sameAs" aria-label="Pinterest" rel="noopener" class="pinterest" target="_blank" onclick="emitGaEvents(['_trackEvent', 'clicked_button', 'pintrest_social_button'])" href="https://www.pinterest.com/LadyPopularGame/"></a>
                            <a itemprop="sameAs" aria-label="Twitter" rel="noopener" class="twitter" target="_blank" onclick="emitGaEvents(['_trackEvent', 'clicked_button', 'twitter_social_button'])" href="https://twitter.com/Lady_Popular"></a>
                            <a itemprop="sameAs" aria-label="Lady Popular Blog" rel="noopener" href="https://ladypopularstyle.com/" target="_blank" class="blog"></a>
                        </div>
                    </div>
                </div>
            </header>
            <!-- Slider -->
			<div class="slider">
				<div class="slider-bg">
                    <div class="slider-bg-gradient">

                        <!-- SV Slide
                        <img alt="Happy Valentine's Day" id="s1" class="active" src="img/ladypopular3/pink/sv-decor/sv-slider.jpg">-->

                        <!-- Slide fot Oktober - breast cancer awareness
                        <img alt="breast cancer awareness" id="s1" class="active" src="/img/ladypopular3/pink/slider/bc-17.jpg">
                        -->

                        <!-- Slide fot 4th of July
                        <img alt="breast cancer awareness" id="s1" class="active" src="/img/ladypopular3/pink/slider/4july.jpg">
                         -->

                        <!-- Slide for 14th of July - National day of France
                        <img alt="bastille day - national day of France" id="s1" class="active" src="/img/ladypopular3/pink/slider/vive-la-france.jpg">
                         -->
                         <!-- Slide for 5th of August - Victory and Homeland Thanksgiving Day - Croatia
                            <img alt="Victory and Homeland Thanksgiving Day - national day of Croatia" id="s1" class="active" src="/img/ladypopular3/pink/slider/croatia-flag.jpg">
                         -->
                        <!-- Slide for 20th of August - State Foundation Day of Hungary
                            <img alt="State Foundation Day of Hungary" id="s1" class="active" src="/img/ladypopular3/pink/slider/hungary-flag.jpg">
                        -->
                        <!-- <img alt="Happy easter 2022" id="s<?/*= $sliderCnt */?>" class="active" loading="lazy" src="<?/*= $this->config['static_server'] */?>img/ladypopular3/pink/easter-decor/easter-2022.jpg"> -->
                                                
                        <img alt="Fashion game play free" id="s1" class="active" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/slider/wedding2.jpg">
                                                <img alt="Apartment" loading="lazy" id="s2" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/slider/apartment.jpg">
                                                <picture>
                            <source srcset="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/slider/pool.webp" type="image/webp">
                            <source srcset="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/slider/pool.jpg" type="image/jpeg">
                            <img alt="Pool party" width="1800" height="513" loading="lazy" id="s3" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/slider/pool.webp">
                                                    </picture>
                        <picture>
                            <source srcset="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/slider/beach.webp" type="image/webp">
                            <source srcset="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/slider/beach.jpg" type="image/jpeg">
                            <img alt="Beach party" width="1800" height="513" loading="lazy" id="s4" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/slider/beach.webp">
                                                    </picture>
                    </div>
                    <div class="inner-shadow"></div>
				</div>
                <div>
                    <div id="text1" class="slider-text active">
                        <h2>
                            <span>MODNA IGRA</span>
                        </h2>
                        <p>
                            <span>Igraj besplatno</span>
                            <br>
                            <span>Priključi se milionima igrača</span>
                            <br>
                            <span>Stvori damu poput tebe!</span>
                        </p>
                    </div>
                    <div id="text2" class="slider-text">
                        <h2>
                            <span>PRILAGOĐAVANJE</span>
                        </h2>
                        <p>
                            <span>Pronađi najbolju šminku i frizuru</span>
                            <br>
                            <span>Istraži bezbroj odijela i dodataka</span>
                            <br>
                            <span>Promjeni svoj izgled u svakom trenutku!</span>
                        </p>
                    </div>
                    <div id="text3" class="slider-text">
                        <h2>
                            <span>MODNI ŽIVOT</span>
                        </h2>
                        <p>
                            <span>Prilagodi svoj dom</span>
                            <br>
                            <span>Uzmi ljubimca i uredi ga</span>
                            <br>
                            <span>Stvori modnu karijeru!</span>
                        </p>
                    </div>
                    <div id="text4" class="slider-text">
                        <h2>
                            <span>DEČKO</span>
                        </h2>
                        <p>
                            <span>Pronađi savršenog dečka</span>
                            <br>
                            <span>Prilagodi njegovu garderobu</span>
                            <br>
                            <span>Pozovi prijatelje na zaručnićku zabavu</span>
                        </p>
                    </div>
                </div>
                <div class="play-wrap login-register-btn">
                    <div class="login">
                        <div>
                            <span>Već imaš račun?</span>
                            <a href="javascript:void(0)" class='login-btn' data-popup="login">Prijavi se                        </a>
                        </div>
                    </div>
                    <div class="social-login">
											<div class="play-btn" tabindex="0">
                            <i class="facebook-icon"></i>
                            Facebook login                            <span class="btn-blick"></span>
                            <span class="btn-shadow"></span>
                            <span class="btn-back"></span>
                        <div id="fb-btn-2"></div>
						</div>
					                        </div>
                    <span class="divider-circle">ili</span>
                    <a href="javascript:void(0);"
						class="register-btn play-btn" tabindex="0"
						 data-popup="register">
						Stvori račun                        <span class="btn-blick"></span>
                        <span class="btn-shadow"></span>
                        <span class="btn-back"></span>
					</a>
                <!-- App store links -->
                    <div class="stores-links-wraper">
                        <a href="https://play.google.com/store/apps/details?id=bg.xssoftware.ladypopular.fashionarena" aria-label="Google Play" rel="noopener" target="_blank" alt="Get it on Google Play" class="app-store-link google"></a>

                        <a href="https://itunes.apple.com/bg/app/lady-popular-fashion-arena/id975504897" aria-label="Apple Store" rel="noopener" target="_blank" alt="Download on the App Store" class="app-store-link apple"></a>

                        <a href="https://appgallery.huawei.com/#/app/C103165231" aria-label="Huawei Store" rel="noopener" target="_blank" alt="Explore it on App Gallery" class="app-store-link huawei"></a>
                    </div>
                </div>

				<div class="slider-img">
                    <div class="slider-img-wrap">
                        <div class="l1">
                            <img alt="" id="ladyImage1" class="active" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l1/l1.png?ver=2">
                            <img alt="" class="right attire1" data-delay="0" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l1/l1-1.png?ver=2">
                            <img alt="" class="left attire2" data-delay="200" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l1/l1-2.png?ver=2">
                            <img alt="" class="right attire3" data-delay="400" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l1/l1-3.png?ver=2">
                        </div>
                        <div class="l2">
                            <img alt="" id="ladyImage2" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l2/l2.png?ver=2">
                            <img alt="" class="right attire1" loading="lazy" data-delay="0" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l2/l2-1.png?ver=2">
                            <img alt="" class="left attire2" loading="lazy" data-delay="200" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l2/l2-2.png?ver=2">
                            <img alt="" class="right attire3" loading="lazy" data-delay="400" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l2/l2-3.png?ver=2">
                        </div>
                        <div class="l3">
                            <img alt="" id="ladyImage3" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l3/l3.png?ver=2">
                            <img alt="" class="right attire1" data-delay="0" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l3/l3-1.png?ver=2">
                            <img alt="" class="left attire2" data-delay="200" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l3/l3-2.png?ver=2">
                            <img alt="" class="right attire3" data-delay="400" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l3/l3-3.png?ver=2">
							<img alt="" class="left attire4"  data-delay="600" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l3/l3-4.png?ver=2">
                        </div>
                        <div class="l4">
                            <img alt="" id="ladyImage4" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l4/l4.png?ver=2">
                            <img alt="" class="right attire1" data-delay="0" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l4/l4-1.png?ver=2">
                            <img alt="" class="left attire2" data-delay="200" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l4/l4-2.png?ver=2">
							<img alt="" class="right attire3" data-delay="600" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/lady/l4/l4-3.png?ver=2">
                        </div>
                    </div>
				</div>
			</div>

            <!-- Content -->

            <div class="content">
                <div class="decor">

                     <!-- Standart decoration - diamonds-->
                    <div class="parallax-decor d1" data-stellar-ratio="0.8"></div>
                    <div class="parallax-decor d2" data-stellar-ratio="0.5"></div>
                    <div class="parallax-decor d3" data-stellar-ratio="0.5"></div>
                    <div class="parallax-decor d4" data-stellar-ratio="0.35"></div>
                    <div class="parallax-decor d5" data-stellar-ratio="0.25"></div>
                    <div class="parallax-decor d6" data-stellar-ratio="0.15"></div>
                    <div class="parallax-decor d7" data-stellar-ratio="0.7"></div>

                    <div class="wrapper-wide">
                        <div class="banner">
                            <div>
                                <h1 class="banner-title">Priključi se omiljenoj igri Hrvatske!</h1>
                                <br>
                                <p class="banner-text">Pretvori svoju damu u pravog super modela i postani najpoznatija dama u glamuroznom svijetu visoke mode! Potpuno besplatna i jednostavna, Lady Popular je igra gdje ćeš pronaći puno zabave, prijatelja i izazova!</p>
                            </div>
                        </div>
                    </div>
                    <div class="wrapper">
                        <section class="row row-top">
                                                            <div class="video col">
                                    <img loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/boy-n-dog.png" alt="">
                                </div>
								                        </section>
                        <section class="row">
                            <div class="col col-text">
                                <p class="paragraph-h3">Prilagodi svoj izgled</p>
                                <p class="section-info">Ovo je više od igra oblačenja - Lady Popular dozvoljava ti da ostvariš svoje najluđe snove! Uredi svaki aspekt tvoje dame, jer u Lady Popular igre granice ne postoje!</p>
                            </div>
                            <img loading="lazy" width="490" height="280" alt="customize your look" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/descript/customize-your-look.jpg" class="customize-image col right-img">
                            <span class="decor-right dc1">
                            </span>
                        </section>
                        <section class="row">
                            <div class="col col-right col-text">
                                <p class="paragraph-h3">Dizajniraj svaki aspekt svog života</p>
                                <p class="section-info"> Lady Popular igra daje ti mogućnost da zaživiš gdje god poželiš, bilo da se radi o vili na plažu ili luksuznom stanu u New York-u! Uredi svoj stan iz snova i pozovi sve svoje prijatelje da ga vide!</p>
                            </div>
                            <img loading="lazy" width="490" height="280" alt="design fashion lifestyle" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/descript/design-fashion-lifestyle.jpg" class="col left-img">
                            <span class="decor-left dc2">
                            </span>
                        </section>
                        <section class="row">
                            <div class="col col-text">
                                <p class="paragraph-h3">Pronađi savršenog dečka</p>
                                <p class="section-info"> U Lady Popular igri tvoja je dama savršena djevojka! Zabavi se modeliranjem svog dečka i tko zna, možda se zaljubite i zaručite!</p>
                            </div>
                            <img loading="lazy" width="490" height="280" alt="find boyfriend party" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/descript/find-boyfriend-party.jpg" class="col right-img">
                            <span class="decor-right dc3">
                            </span>
                        </section>
                        <section class="row">
                            <div class="col col-right col-text">
                                <p class="paragraph-h3">Uredi izgled tvojih ljubimaca</p>
                                <p class="section-info">U Lady Popular igri možeš se igrati i sa svojim ljubimcima! Uzmi najslađe ljubimce i obuci ih tako da se slažu s tvojim stilom. Požuri, ljubimci te očekuju!</p>
                            </div>
                            <img loading="lazy" width="490" height="280" alt="personalize pets" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/descript/personalize-pets.jpg" class="col left-img">
                            <span class="decor-left dc4">
                            </span>
                        </section>
                        <section class="row row-bottom">
                            <div class="col-center col col-text">
                                <p class="paragraph-h3">Istraži glamurozni svijet Lady Popular igre</p>
                                <p class="section-info">Od ispunjavanje vrhunskih izazova na modnim pistama do kupovine dizajnerskih komada odlijeće u trgovačkom centru, Lady Popular nudi nevjerojatne mogućnosti, koje će te ostaviti bez daha! Dođi, upoznaj svoje nove prijatelje i ostvari sve svoje snove!</p>
                            </div>
                        </section>
                        <div class="play-wrap login-register-btn">
                            <div class="social-login">
                            								<div class="play-btn" tabindex="0">
                                <i class="facebook-icon"></i>
								Facebook login                                    <span class="btn-blick"></span>
                                    <span class="btn-shadow"></span>
                                    <span class="btn-back"></span>
								<div id="fb-btn-3"></div>
								</div>
							                            </div>
							<span class="divider-circle">ili</span>
							<a href="javascript:void(0);"
								class="register-btn play-btn" tabindex="0"
								 data-popup="register">
								Stvori račun                                <span class="btn-blick"></span>
                                <span class="btn-shadow"></span>
                                <span class="btn-back"></span>
							</a>
                        </div>
                        <div class="tour">
                        </div>
                        <ul class="bottom-nav">
                            <li>
                                <a href="https://www.xs-software.com/" rel="noopener" target="_blank">O XS Software-u</a>
                                                                                            </li>
                            <li>
                                <a href="https://www.xs-software.com/terms/?l=hr" rel="noopener" target="_blank">Uvjeti i odredbe</a>
																	<a href="https://www.xs-software.com/privacy/?l=hr_HR" rel="noopener" target="_blank">Polica privatnosti</a>
								                                <a href="https://www.xs-software.com/impressum.html" rel="noopener" class="impressum" target="_blank">Impressum</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!--  Foooter  -->
            <footer>
                <a href="https://xs-software.com/" aria-label="XS-Software" rel="noopener" target="_blank">
                    <img class="footer-logo" alt="xs-logo" loading="lazy" src="https://static.ladypopular.com/ladypopular/gate/img/ladypopular3/pink/xs-logo.svg" width="145" height="34"/>
                </a>
                <!--<a href="https://madmoo.com/" target="_blank"></a>-->
                <p>&copy; 2025 XS Software Sva prava pridržana.</p>
            </footer>
         </div>
        </div>
        <!--  Register popup  -->
        <div class="popup register" id="register">
            <div class="overlay"></div>
			<div class="popup-content">
				<a class="close" href="javascript:void(0)"></a>
				<h2>Novi igrač</h2>
                <form method="post" class="social-login">
                    <div class="socialRegister">
                        <div id="fb-btn-5" class="play-btn" tabindex="0">
                            <i class="facebook-icon"></i>
                            Facebook Prijava                            <span class="btn-blick"></span>
                            <span class="btn-shadow"></span>
                            <span class="btn-back"></span>
                        </div>
                    </div>
                    <input type="hidden" name="version" value="3" />
                </form>
                <div class="option-divider">
                    <span class="divider-line"></span>
                    <span>ili</span>
                    <span class="divider-line"></span>
                </div>
				<p>Odaberi korisničko ime i lozinku. Uvedi valjanu e-mail adresu, kako bi osigurala svoj račun.</p>
				<form onsubmit="return false" name="registrationForm" id="reg_form" class="loginForm half-width">
                    <div class="personal-data">
					<input type="hidden" value="1" name="reg_world" />
					<input type="hidden" name="type" value="register" />
                    <label>
                        <p class="wrong-name wrong-msg">
                            <span class="wrong-info-name" style="display:none;" id="register_username"></span>
                        </p>
					<input type="text" placeholder="Korisničko ime" onblur="checkUsername = true;
								validateRegistration();" name="reg_user" id="regUsername" size="30" value="">
                    </label>
                    <label>
                        <p class="wrong-password wrong-msg">
                            <span class="wrong-info-password" style="display:none;" id="register_password"></span>
                        </p>
					<input type="password" placeholder="Lozinka" onblur="checkPassword = true;
								validateRegistration();" name="reg_pass" id="regPassword" size="30" value="">
                    </label>
                    <label>
                        <p class="wrong-email wrong-msg">
                            <span class="wrong-info-email" style="display:none;" id="register_email"></span>
                        </p>
					<input type="email" placeholder="E-mail" onblur="checkEmail = true;
								validateRegistration();" name="reg_email" id="reg_email" size="30" value="">
					<input type="text" style="display:none;" placeholder="Promo kod" name="reg_promo" size="30" value="" id="promoCode">
                    </label>
                    <label>
                        <p class="error-reg wrong-msg">
                            <span class="wrong-info-reg" style="display:none;" id="register_error"></span>
                        </p>
                    </label>
                    </div>
                    <!-- <div class="gdpr-switch">
                        <p>
                            Prijavi se kako bi dobivala novosti o novim igricama, značajkama i ponudama!                        </p>
                        <div>
                            <fieldset>
                                <label for="consent-choice-yes">
                                    <input type="radio" id="consent-choice-yes" name="marketing-consent-choice" value="1" onclick="checkConsentMarketing = true; validateRegistration();">
                                    <span></span>
                                    <i>Ja sam za!</i>
                                </label>
                            </fieldset>
                            <fieldset>
                                <label class="disabled" for="consent-choice-neutral">
                                    <input type="radio" id="consent-choice-neutral" name="marketing-consent-choice" value="none" disabled checked="checked">
                                    <span></span>
                                </label>
                            </fieldset>
                            <fieldset>
                                <label for="consent-choice-no">
                                    <input type="radio" id="consent-choice-no" name="marketing-consent-choice" value="0" onclick="checkConsentMarketing = true; validateRegistration();">
                                    <span></span>
                                    <i>
                                    Ne, hvala.</i>
                                </label>
                            </fieldset>
                        </div>
                        <p id="marketingEmailsStatus" style="display:none"></p>
                    </div> -->
                    <div>
                        <label for="terms">
                            <p class="wrong-msg">
                                <span id="termsStatus" style="display:none;"></span>
                            </p>
                            <p class="flex-inputs checkbox-input">
                                <input type="checkbox" onclick="validateRegistration(); checkConsentTC = true;" value="1" name="reg_terms" id="terms">
                                <span></span>
                                Slažem se s <a href="https://www.xs-software.com/terms/?l=hr" target="_blank" rel="noopener">Uvjetima i odredbama</a> i s <a href="https://help.ladypopular.com/index.php?cat_id=1&lang=hr" target="_blank" rel="noopener">pravilima igre</a>.                            </p>
                        </label>
                        
                        <label for="privacy-policy">
                            <p class="wrong-msg">
                                <span id="privacyPolicyStatus" style="display:none;"></span>
                            </p>
                            <p class="flex-inputs checkbox-input">
                                <input type="checkbox" onclick="validateRegistration(); checkConsentPP = true;" value="1" name="reg_privacy" id="privacy-policy">
                                <span></span>
                                Slažem se sa <a href="https://www.xs-software.com/privacy/?l=hr_HR" target="_blank" rel="noopener">Policom privatnosti</a>.                            </p>
                        </label>
                                                    <!-- <p>
                                Prijavi se kako bi dobivala novosti o novim igricama, značajkama i ponudama!                            </p> -->
                        <label for="consent-choice-yes">
                            <p class="flex-inputs checkbox-input">
                                <input type="checkbox" id="consent-choice-yes" name="marketing-consent-choice" value="1">
                                <span></span>
                                Prijavi se kako bi dobivala novosti o novim igricama, značajkama i ponudama!                                <!-- <i>Ja sam za!</i> -->
                            </p>
                        </label>
                        </div>
                        <button type="submit" onclick="onRegister(true);" value="Priključi nam se sada!" class="dialogButton register-btn play-btn" id="registrationSubmit" tabindex="0">Priključi nam se sada!                            <span class="btn-blick"></span>
                            <span class="btn-shadow"></span>
                            <span class="btn-back"></span>
                        </button>
                        <span></span>
				</form>
                <div class="link-account">
                    <p>Već imaš račun?                        <a id="login-btn" class="sign-in-link" href="javascript:void(0);"
                             data-popup="login"                        >Prijavi se</a>
                    </p>
                </div>
			</div>
		</div>
        <!--  Login popup  -->
		<div class="login-popup popup" id="login">
            <div class="overlay"></div>
			<div class="popup-content">
				<a class="close" href="javascript:void(0)"></a>
				<h2>Prijavi se</h2>
                <form method="post" class="social-login">
                    <div class="socialLogin">
                        <div>
                                                            <a id="fb-btn-4" class="play-btn" tabindex="0">
                                    <i class="facebook-icon"></i>
                                    Facebook Prijava                                    <span class="btn-blick"></span>
                                    <span class="btn-shadow"></span>
                                    <span class="btn-back"></span>
                                </a>
                                                    </div>
                    </div>
                    <input type="hidden" name="version" value="3" />
                </form>
                
                <div class="option-divider">
                    <span class="divider-line"></span>
                    <span>ili</span>
                    <span class="divider-line"></span>
                </div>
                <form method="post" name="loginForm" class="loginForm" id="loginForm3">
                    <div class="personal-data half-width">
                                            <label>
                            <p class="wrong-msg">
                                <span id="wrongInfoLogin" class="wrong-info-name" style="display: none;"></span>
                            </p>
                            <input id="login-username-field" type="text" autocomplete="off" name="login_user" placeholder="Korisničko ime" size="30" value="">
                        </label>
                        <label>
                            <input type="password" autocomplete="off" name="login_pass" placeholder="Lozinka" size="30" value="">
                        </label>

                        <div class="bottom">
                            <label class="flex-inputs checkbox-input">
                                <input type="checkbox" name="login_remember_me" id="remember_me" value="1">
                                Zapamti me                                <span></span>
                            </label>
                            <a class="forgot" href="javascript:void(0);" onclick="showPartBox('sendPass');">Zaboravljena lozinka?</a>
                        </div>
                                        <input type="hidden" name="login_world" id="login_world" value="1" />
                    <input type="hidden" name="type" value="login" />
                    </div>
                </form>
                <!-- Forgot password Popup -->
                <div id="sendPass" class="forgot-pass third-width" style="display: none;">
                    <a href="javascript:void(0)" class="close1" onclick="hidePartBox('sendPass')"></a>
                        <!-- <h2>Zaboravljena lozinka</h2>
                        <p>Upišite vašu e-mail adresu</p>-->
                        <form onsubmit="ForgottenPass(); return false;" id="forgottenpass_form">
                            <div class="forgottenpass_form_wrapper">
                                <p class="wrong-msg">
                                    <span id="forgottenPassResp" class="wrong-info-email" style="display:none;"></span>
                                </p>
                                <div class="flex-inputs">
                                    <input type="email" value="" size="30" id="email" name="email_forgot" placeholder="E-pošta" />
                                    <input type="hidden" name="type" value="forgottenPass" />
                                    <input type="hidden" value="1" name="world_forgot" />
                                    <button type="submit" tabindex="0" value="Pošalji novu šifru">Pošalji novu šifru</button>
                                </div>
							</div>
                        </form>
                </div>
                <div>
                    <div class="wrong-msg">
                        <p id="forgottenPassRespMsg" class="reset-email-sent" style="display:none;"></p>
                    </div>
                    <button type="submit" onclick="Login(false, '#loginForm3'); return false;" value="Prijavi se" class="register-btn play-btn dialogButton" tabindex="0" id="loginSubmit">Prijava                        <span class="btn-blick"></span>
                        <span class="btn-shadow"></span>
                        <span class="btn-back"></span>
                    </button>
                    <!-- <input type="submit" onclick="Login(false, '#loginForm3'); return false;" value="Prijavi se" class="dialogButton" id="loginSubmit"> -->
                </div>
                <div class="link-account">
                    <p>Nemaš račun?                        <a id="login-btn" class="sign-in-link" href="javascript:void(0);"
                             data-popup="register"                        >Priključi nam se sada!</a>
                    </p>
                </div>

            </div>
        </div>

		<!-- facebook sync -->
		<div id="MissingFbSync" class="popup login-popup" style="display: none;">
			<div class="overlay"></div>
            <div class="popup-content">
                <a href="javascript:void(0)" class="close" onclick="hideBox('MissingFbSync');" style="top: 0px; right: 0px;"></a>
                <div class="wrong-msg">
                    <p id="wrongInfoLogin" class="wrong-info-name">Dogodila se greška u sistemu, molimo Vas pokušajte kasnije</p>
                </div>
			</div>
        </div>

		
                    <script type="text/javascript" src="https://static.ladypopular.com/ladypopular/gate/js/cookieconsent2.min.js"></script>
            <script type="text/javascript">
                window.addEventListener('load', function() {
                    window.cookieconsent.initialise({
                        container: document.getElementById("cookieconsent"),
                        content: {
                            message: "Koristimo kolačiće kako bi personalizirali sadržaj i reklame, kako bi osigurali dostupnost socijalnih mreža i kako bi mogli analizirati naš promet. Također dijelimo informaciju o vašem korištenju naših web stranica sa socijalnom medijom, naših partnera i oglašivača.",
                            dismiss: "OK",
                            link: "Provjeri detalje.",
                            href: "https://www.xs-software.com/terms/?l=hr",
                            target: "_blank",
                        },
                        compliance: {
                            'info': `<a aria-label="dismiss cookie message" role="button" tabindex="0" class="cc-btn cc-dismiss cc_btn_accept_all cc_btn">ОК</a>`,
                        },
                        theme: " cc_banner cc_container"
                    });
                })
            </script>
                <script src="https://static.ladypopular.com/ladypopular/gate/js/ladypopular3/pink/buildv3.js?v=1.7"></script>

        <script type="text/javascript">
			var project = 'ladypopular3';
			var action = '';
			var youtubeVideoSrc = '';
            var textDirection = "";
			var LANG = {
				'blank_username': 'Username can\'t be blank',
				'invalid_username': 'Korisničko ime se mora sastojati samo od slova, brojeva  i \".\", \"-\", \"_\".',
				'short_username': 'Vaše korisničko ime mora sadržavati najmanje 4 simbola.',
				'blank_password': 'Password can\'t be blank',
				'short_password': 'Lozinka mora imati između 5 i 40 znakova.',
				'blank_email': 'Email can\'t be blank',
				'short_email': 'E-mail adresa je prekratka (minimalno 7 simbola)',
				'invalid_email': 'Uvedi valjanu e-mail adresu.',
				'tos': 'Morate se suglasiti s našim uvjetima i odredbama',
                'pp': 'Molimo, složi se sa policom privatnosti.',
                'mc': 'Molimo, odaberi opciju.'
			};

			            let decorImages = document.querySelectorAll('.decor-holder, .banner');
			let decorObserver = new IntersectionObserver(decorController);

            decorImages.forEach(image => {
               decorObserver.observe(image)
            });
            function decorController(entries) {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        let currentImage = $(entry.target).find('img');
                        $(currentImage).css('display', 'block').removeAttr('loading');
                        $(entry.target).removeClass('not-loaded');
                        decorObserver.unobserve(entry.target);
                    }
                });
            }

            function upperFirstLetter(string) {
                if (string.length) {
                    return string.charAt(0).toUpperCase() + string.slice(1)
                }

                return '';
            }

            function buttonsHideOnResize() {
                if(window.innerWidth <= 500) {
                    var deviceOs = getMobileOperatingSystem();
                    var googleStore = $('.app-store-link.google');
                    var appleStore = $('.app-store-link.apple');
                    var huaweiStore = $('.app-store-link.huawei');

                    if(deviceOs == 'Android') {
                        appleStore.hide();
                        huaweiStore.hide();
                    }

                    if(deviceOs == 'iOS') {
                        googleStore.hide();
                        huaweiStore.hide();
                    }

                    if(deviceOs == 'Huawei') {
                        googleStore.hide();
                        appleStore.hide();
                    }
                }
            }

            var facebookAPI = new easyXDMAPI();
			$(document).ready(function() {
                let buttons =  document.getElementsByClassName('play-btn');
                for (let i = 0; i < buttons.length; i++) {
                    if (buttons[i]) {
                        buttons[i].addEventListener('mouseenter', function(e) {
                            if (buttons[i].getAttribute('data-loaded')) {
                                return;
                            }
                            for(let j = 0;j < buttons.length; j++) {
                                buttons[j].setAttribute('data-loaded', true);
                                let facebookButton = document.getElementById('fb-btn-' + j);
                                if (!facebookButton) {
                                    continue;
                                }
                                facebookAPI.embedUrl(
                                    'fb-btn-' + j,
                                                                        'https://ladypopular.com/facebookAction.php?word=RmFjZWJvb2sgbG9naW4%3D&version=2.0&fbapp=ladypopular',
                                                                        {scrolling: "no", frameborder: "0", allowtransparency: "true", title: "Facebook Iframe"},
                                    facebookLogin
                                );
                            }
                        });
                    }
                }

                
                                                
                buttonsHideOnResize();

                //popup show
                $("a[data-popup], .login-btn").click(function () {
                    $(".popup").hide();
                    var popup = $('#' + $(this).data('popup'));
                    showPopup(popup);
                });
                //popup reset  on resize
                $(window).resize(function() {
                    var openPopup = $(".popup:visible");
                    if (openPopup.length) {
                        positionPopup(openPopup);
                    }

                    buttonsHideOnResize();
                });

                //popup close
                $(".popup .close, .popup .overlay").click(function () {
                    $(".popup").hide();
                    $(document).unbind('keypress');
                });

                function showPopup(popup) {
                    if (popup.attr('id') == 'login') {
                        const usernameField = document.getElementById('login-username-field');
                        if (usernameField) {
                            setTimeout(function(){
                                usernameField.focus();
                            }, 100);
                        }

                        $(document).bind('keypress', function(e) {
                            if(e.keyCode == 13) {
                                Login(false, '#loginForm3');
                            }
                        });
                    }

                    if (popup.attr('id') == 'register') {
                        setTimeout(function(){
                            document.getElementById('regUsername').focus();
                        }, 100);
                    }

                    $(popup).show();
                    positionPopup($(popup));
                }

                function positionPopup(popup) {
                    if ($(window).height() > ($(popup).children('.popup-content').height() + 100)) {
                        $(popup).css('position','fixed');
                        $(popup).css('top', 0);
                    } else {
                        $(popup).css('position','absolute');
                        $(popup).css('top', $(window).scrollTop());
                    }
                }

                //overwrite to use showPopup
                function showBox(selector) {
                    var popup = $('#'+selector);
                    showPopup(popup);
                }

                //stellar parallax effect
                window.addEventListener('load', function() {
                    $.stellar({
                        verticalScrolling: true,
                        horizontalOffset: 0
                    });
                });
                $('#disable-rember-me').click(function(){
                    $.post('ajax/user.php', {type:'disableRememberMe'}, function(response) {
                        if(!response.error){
                            window.location.href = '?popup=login';
                        }
                    }, 'json');
                });
                if($.urlParam('popup')) {
                    $('#login-btn').trigger('click');
                }
            });

			function showPartBox (type) {
				hideBox();
                $('#forgottenPassRespMsg').hide();
				$('#' + type).show();
				$('.popup-overlay').show();
			}

			function hidePartBox (type) {
				$('#' + type).hide();
				$('.popup-overlay').hide();
			}

			$.urlParam = function(name){
				var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
				if (results==null) {
					return null;
				}
				else {
					return results[1] || 0;
				}
			}


		</script>

		
		<script type="text/javascript" src="https://static.ladypopular.com/ladypopular/gate/js/tracker-min.js?v=1.0"></script>
		<script type="text/javascript">
			var xsTracker = Xs_namespace._getTracker('267a2624e1f9c8f9cdc56908187d811f');
			xsTracker.track();
		</script>

        <script type="text/javascript">
            $(document).ready(function(){
                            });
        </script>

		    </body>
</html>
