<!DOCTYPE html>
<html lang="hr" class="bg wr-home">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="format-detection" content="telephone=yes">
<meta name="description" content="Tražiš aferu? Ovdje ćeš pronaći žene i muškarce koji se nalaze u tvojoj blizini. Pridruži se sada!">
<title>Pronađi avanturu u svojoj okolici - flirthrvatska.com</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<link href="https://media.flirthrvatska.com/media/project/2270/favicon.ico?config=22560_" rel="shortcut icon" type="image/vnd.microsoft.icon">
<link href="/assets/landingpage/heyout.dd85922d43f25022f19b.min.css" media="screen" rel="stylesheet" type="text/css"><script src="/assets/runtime.d8fcd1a5435997aeef6a.min.js"></script>
<script src="/assets/692.1585f455250f2c6299f7.min.js"></script>
<script src="/assets/125.76ef4622a8abd1097153.min.js"></script>
<script src="/assets/536.ebfd24f09dcde509888c.min.js"></script>
<script src="/assets/948.af647325feadf4de0701.min.js"></script>
<script src="/assets/246.72f4b17821efec89d4b9.min.js"></script>
<script src="/assets/959.e11d82b150032bd2b365.min.js"></script>
<script src="/assets/162.1195da1623966a7053f1.min.js"></script>
<script src="/assets/461.bbdb0ef830412dd9ed33.min.js"></script>
<script src="/assets/landingpage/heyout.ab1d6e21914b2dd9ca77.min.js"></script>
<style>
:root{--img-landingpage-icons: url("https://media.flirthrvatska.com/media/images/project/layout/responsive/icons.png?version=22560");--img-landingpages: url("https://media.flirthrvatska.com/media/images/project/landingpages.png?version=22560");--img-loading-bright-small: url("https://media.flirthrvatska.com/media/images/project/loading_bright_small.gif?version=22560");--img-loading-bright-small1: url("https://media.flirthrvatska.com/media/images/project/loading_bright_small.gif?version=22560");--img-loading-bright-small2: url("https://media.flirthrvatska.com/media/images/project/loading_bright_small.gif?version=22560");--img-loading-bright-small3: url("https://media.flirthrvatska.com/media/images/project/loading_bright_small.gif?version=22560");--img-loading-bright-small-1: url("https://media.flirthrvatska.com/media/images/project/loading_bright_small.gif?version=22560");--img-loading-bright-small-2: url("https://media.flirthrvatska.com/media/images/project/loading_bright_small.gif?version=22560");--img-loading-bright-small-3: url("https://media.flirthrvatska.com/media/images/project/loading_bright_small.gif?version=22560");--img-icons-bright: url("https://media.flirthrvatska.com/media/images/project/icons_bright.png?version=22560");--img-error: url("https://media.flirthrvatska.com/media/images/project/form/error.png?version=22560");--img-success: url("https://media.flirthrvatska.com/media/images/project/form/success.png?version=22560")}.bg-color-main{background-color:#be2727 !important}.border-color-main{border-color:#be2727 !important}.project-color-main,.headline,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus,.cookie-consent .text a,.slogan span.city,.dtyrd-slogan .dtyrd-slogan-row2{color:#be2727}a:hover,a:focus{color:#F6D5D5}.head-dark{background-color:#be2727}.login a{color:white}.form-type-6 form[name="bootstrap_register"] .btn-primary{border-color:#be2727;background-color:#be2727}.form-type-6 form[name="bootstrap_register"] .btn-primary:hover{border-color:#F6D5D5;background-color:#F6D5D5}.location-index .toggle-off.btn{color:black !important}.location-index .btn-primary{border-color:#941e1e}.location-index .btn-primary:hover{border-color:#3f0d0d}.location-index .toggle-on{border-color:#941e1e !important;background-color:#be2727 !important}.location-index .toggle-on:hover{background-color:#be2727 !important}.location-index .toggle-on:active{border-color:#941e1e !important;background-color:#941e1e !important}.location-register .btn-default.btn-custom-project{width:100%;border-color:#be2727 !important;background-color:#be2727 !important;color:white;font-size:15px}.brand-bar-project-color{border-bottom:2px solid #691616 !important;background-color:#be2727 !important}.brand-bar-project-color .brand-bar-login{color:darkgrey}.bg-color-main-darken-5{background-color:#a92323 !important}.bg-color-main-darken-10{background-color:#941e1e !important}#showcase-carousel .carousel-indicators .active{background-color:#be2727 !important}.trust .symbol,.dtyrd-trust-symbol{background-image:url("https://media.flirthrvatska.com/media/images/project/landingpages.png?version=22560") !important}.location-register .male.gender.active,.form-type-6 .male.gender.active{background:url("https://media.flirthrvatska.com/media/images/common/gender_male_active.png?version=22560") no-repeat !important}.location-register .male2.gender.active,.form-type-6 .male2.gender.active{background:url("https://media.flirthrvatska.com/media/images/common/male2.png?version=22560") no-repeat !important}.location-register .female.gender.active,.form-type-6 .female.gender.active{background:url("https://media.flirthrvatska.com/media/images/common/gender_female_active.png?version=22560") no-repeat !important}.location-register .female2.gender.active,.form-type-6 .female2.gender.active{background:url("https://media.flirthrvatska.com/media/images/common/female2.png?version=22560") no-repeat !important}.location-register .transwoman.gender.active,.form-type-6 .transwoman.gender.active{background:url("https://media.flirthrvatska.com/media/images/common/gender_female_active.png?version=22560") no-repeat !important}.location-register .male.gender.inactive,.form-type-6 .male.gender.inactive{background:url("https://media.flirthrvatska.com/media/images/common/gender_male_inactive.png?version=22560") no-repeat !important}.location-register .female.gender.inactive,.form-type-6 .female.gender.inactive{background:url("https://media.flirthrvatska.com/media/images/common/gender_female_inactive.png?version=22560") no-repeat !important}.location-register .transwoman.gender.inactive,.form-type-6 .transwoman.gender.inactive{background:url("https://media.flirthrvatska.com/media/images/common/gender_female_inactive.png?version=22560") no-repeat !important}body{background-color:#fffff5;min-width:365px}.cookie-consent{position:relative;z-index:2}.wrapper{margin-bottom:10px;margin-top:10px}.dtyrd-lp-highlight-visible{margin-top:20px;max-width:411px;min-width:320px}.main{background:#fffff5 url("https://media.flirthrvatska.com/media/project/2270/background-image.png?version=71");background-repeat:no-repeat;background-size:auto 100%;background-position:56% center}.main .container{padding-bottom:200px}.login{float:right;top:50px;right:-11px;position:relative}@media screen and (max-width:553px){.login{position:relative;top:50px}}@media screen and (min-width:553px){.login{float:right;top:50px;right:-11px;position:relative}}.main .panel-heading{background:#E32400;color:white}.main .panel-heading .slogan .row1{display:inline !important}.main .panel-heading .slogan .row2{display:inline !important;color:white}.main .slogan .row1 span{font-weight:bold}.main{padding-top:32px;margin-top:-112px}.main .panel-body{background-color:white}.media{margin-top:0}.media:first-child{margin-top:0}.responsive-header{z-index:1;position:relative;padding:5px 0 20px 0;background:linear-gradient(#fefefe, #ebecec);margin-bottom:110px;border-top:3px solid #f2f2f2;box-shadow:0px 11px 10px -17px}.brand .img-responsive{padding-top:15px}.responsive-header a{color:#000000}.responsive-trust{color:white}.responsive-trust .row .dtyrd-trust:nth-child(4){max-width:133px;margin-left:10px}.users{background:rgba(249, 249, 249, 0.1);padding:20px;margin-top:-190px}.users-box .img-responsive{border-radius:4px;border:2px solid #676767}.responsive-footer{padding:25px 0 10px 0;background:#060606}.responsive-footer a{font-size:11px;color:white}@media screen and (max-width:767px){body{background:url("https://media.flirthrvatska.commotiv_mobile.png")}}@media (max-width:1024px) and (min-width:768px){.main{background-position:40% center}}@media screen and (max-width:767px){.slogan{font-size:1.9em}}@media screen and (min-width:768px){.slogan{font-size:2.4em}}@media screen and (min-width:992px){.slogan{font-size:2.5em}}@media screen and (max-width:992px){.users-box .col-sm-3{width:33.33%;padding:0px;text-align:centar}.content{width:auto}.users-box img{margin:0 auto}}@media screen and (max-width:768px){.responsive-footer .dtyrd-footer .dtyrd-powered-by{float:left}}.dtyrd-trust-type-4{color:black}</style>
<script data-src="https://www.googletagmanager.com/gtag/js?id=G-LXS2XB1RCH" id="gtag_manager"></script>
</head>
<body class="location-index niche-casual zone-casual frontpage layout-dark project-main-color-bright">
<div class="modal fade" id="modal-consent-remarketing" data-backdrop="false" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="modal-consent-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Tvoja suglasnost</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p class="text-center">
Klikom na Da pristajem da me se kontaktira putem e-maila za nove prilike vezane uz upoznavanje od strane <a href="/remarketing" style="color:inherit;" target="_blank">ovih tvrtki</a> </p>
</div>
<div class="modal-footer">
<button type="button" onclick="consent('remarketing', true);" class="dtyrd-button dtyrd-button-color-green dtyrd-button-fullsize btn-circle" data-dismiss="modal">
Da </button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-consent-dataprotection" data-backdrop="false" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="modal-consent-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Tvoja suglasnost</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p class="text-center">
layer_dataprotection_body </p>
</div>
<div class="modal-footer">
<button type="button" onclick="consent('dataprotection', true);" class="dtyrd-button dtyrd-button-color-green dtyrd-button-fullsize btn-circle" data-dismiss="modal">
Da </button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-consent-dataprotection-remarketing" data-backdrop="false" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="modal-consent-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Tvoja suglasnost</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p class="text-center">
Klikom na Da pristajem da me se kontaktira putem e-maila za nove prilike vezane uz upoznavanje od strane <a href="/remarketing" style="color:inherit;" target="_blank">ovih tvrtki</a><br/>
<br/>
layer_dataprotection_body </p>
</div>
<div class="modal-footer">
<button type="button" onclick="consent('remarketing', false);consent('dataprotection', true);" class="dtyrd-button dtyrd-button-color-green dtyrd-button-fullsize btn-circle" data-dismiss="modal">
Da </button>
</div>
</div>
</div>
</div>
<style type="text/css">
.modal {
background-color: rgba(0,0,0,.6);
}
</style>
<script>
function consent(label, send)
{
$('input[name=consent_'+label+']').prop('checked', true);
if (send) {
$('#submitbutton').click();
}
}
</script><nav class="responsive-header">
<div class="container">
<div class="row">
<div class="brand">
<div class="col-xs-7 col-sm-7">
<a href="/">
<img class="img-responsive" src="https://media.flirthrvatska.com/media/project/2270/logo_bright.png?config=22560_">
</a>
</div>
</div>
<div class="relative pull-right">
<div class="new-login">
<a href="/login" target="_blank" id="navigator" style="margin-right: 10px;" class="white pull-left">Login</a>
</div>
</div>
<div class="clearfix"></div>
<script>
function setLanguage(id_language) {
$('#id_language').val(id_language);
$('#id_language').trigger('change');
}
$('#id_language').on('change', function(){
$('#language-picker-form').submit();
});
</script>
<style>
.location-index .header .wrapper {
position: static;
min-height: 0 !important;
}
.location-index .header .wrapper {
min-height: 50px;
}
.header {
min-height: 50px;
}
.header .wrapper {
position: static;
min-height: 0 !important;
}
.new-login {
position: absolute !important;
right: 10px;
top: 20px;
width: 60px;
}
.new-login i {
top: 1px;
}
</style>
</div>
</div>
</nav>
<div class="main">
<div class="container">
<div class="dtyrd-lp-highlight-visible-box">
<div class="dtyrd-lp-highlight-visible">
<div class="panel panel-default">
<div class="panel-heading">
<div class="slogan text-center">
<div class="row1">Pronađi <span>avanturu</span> u</div>
<div class="row2">svojoj okolici</div>
</div>
</div>
<div class="panel-body">
<script defer src='https://www.google.com/recaptcha/api.js?render=6LdjzKcUAAAAANpcKS3R-534WGP3-zECpt5742QX'></script>
<div class="form-type-6 dtyrd-form-bootstrap dtyrd-lp-highlight-switch container-fluid">
<form method="post" name="bootstrap_register" class="bootstrap_register" action="/" id="bootstrap_register" role="form"><input type="hidden" name="csrf" value="68038515378782.49009684">
<div class="form-group" id="step-1">
<div class="row" style="padding-bottom:10px;">
<div class="col-md-12" style="text-align: center;">
<label>Tvoj spol</label>
</div>
</div>
<div class="row" style="margin:0; min-height:100px;">
<div class="gender1 gender-male col-sm-6 col-xs-6 col-md-6" style="padding-left:0;">
<div rel="1" class="male gender active" id="male">
<div class="highlight">
Muškarac </div>
</div>
</div>
<div class="gender2 gender-female col-xs-5 col-sm-5 col-md-6" style="padding-right:0;">
<div rel="2" class="female gender inactive" id="female">
<div class="highlight">
Ženski </div>
</div>
</div>
<input type="hidden" name="gender" class="form-control" value="1"> </div>
</div>
<div class="form-group" id="step-2">
<div class="row" style="margin:0;">
<div class="col-sm-12 col-xs-12 col-md-12 col-lg-12" style="text-align: center;">
<label>Tvoj datum rođenja</label>
</div>
</div>
<div class="row" style="margin:0;">
<div class="col-lg-4 col-sm-4 col-xs-4 col-md-4" id="col-dob-day">
<select name="dob_day" class="form-control"><option value="">Dan</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option></select> </div>
<div class="col-lg-4 col-sm-4 col-xs-4 col-md-4" id="col-dob-month">
<select name="dob_month" class="form-control"><option value="">Mjesec</option>
<option value="1">siječanj</option>
<option value="2">veljača</option>
<option value="3">ožujak</option>
<option value="4">travanj</option>
<option value="5">svibanj</option>
<option value="6">lipanj</option>
<option value="7">srpanj</option>
<option value="8">kolovoz</option>
<option value="9">rujan</option>
<option value="10">listopad</option>
<option value="11">studeni</option>
<option value="12">prosinac</option></select> </div>
<div class="col-lg-4 col-sm-4 col-xs-4 col-md-4" id="col-dob-year">
<select name="dob_year" class="form-control"><option value="">Godina</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
<option value="1949">1949</option>
<option value="1948">1948</option>
<option value="1947">1947</option>
<option value="1946">1946</option>
<option value="1945">1945</option>
<option value="1944">1944</option>
<option value="1943">1943</option>
<option value="1942">1942</option>
<option value="1941">1941</option>
<option value="1940">1940</option>
<option value="1939">1939</option>
<option value="1938">1938</option>
<option value="1937">1937</option>
<option value="1936">1936</option>
<option value="1935">1935</option>
<option value="1934">1934</option>
<option value="1933">1933</option>
<option value="1932">1932</option>
<option value="1931">1931</option>
<option value="1930">1930</option>
<option value="1929">1929</option>
<option value="1928">1928</option>
<option value="1927">1927</option>
<option value="1926">1926</option>
<option value="1925">1925</option></select> </div>
</div>
</div>
<div class="form-group" id="step-3">
<div class="row" style="margin:0;">
<div class="col-sm-12 col-xs-12 col-md-12 col-lg-12" style="text-align: center;">
<label>Tvoja e-mail adresa</label>
</div>
</div>
<div class="row" style="margin:0;">
<div class="col-xs-12">
<input type="text" name="email" class="form-control" value=""> </div>
</div>
<div class="hidden" id="box_consent_remarketing">
<div class=" form-consent" >
<div class="col-xs-12" >
<label class="consent_consent_remarketing" for="consent_remarketing" style="font-size:inherit;font-weight:normal;height: auto;width: 100%;text-align: left;line-height: 1.2em;">
<input type="hidden" name="consent_remarketing" value="0"><input type="checkbox" name="consent_remarketing" id="consent_remarketing" value="1">
Prihvaćam primanje informacija i promocija putem e-maila od operatora ove web stranice. U bilo kojem trenutku mogu povući svoj pristanak. </label>
</div>
</div>
<style>
.toggle.android {
border-radius: 20px;
}
.toggle.android .toggle-handle {
border-radius: 20px;
}
</style>
<script type="text/javascript">
var i = consents.length;
consents[i] = [];
consents[i]['trigger'] = '';
consents[i]['action'] = 'none';
consents[i]['label'] = 'consent_remarketing';
consents[i]['checked'] = false;
consents[i]['show_counter_todo'] = 99999;
consents[i]['show_counter_done'] = 0;
$('input:checkbox[name=consent_remarketing]').change({counter : i}, function(event) {
event.preventDefault();
consents[event.data.counter]['checked'] = $('input:checkbox[name=consent_remarketing]').is(':checked');
});
</script>
</div>
<div class="hidden" id="box_consent_crossregistration">
<div class=" form-consent" >
<div class="col-xs-12" >
<label class="consent_consent_crossregistration" for="consent_crossregistration" style="font-size:inherit;font-weight:normal;height: auto;width: 100%;text-align: left;line-height: 1.2em;">
<input type="hidden" name="consent_crossregistration" value="0"><input type="checkbox" name="consent_crossregistration" id="consent_crossregistration" value="1">
Da, želim povećati svoje šanse za pronalazak osobe za spoj i pristajem na dodatnu besplatnu registraciju na nicefreedating.com i realdatesnow.com </label>
</div>
</div>
<style>
.toggle.android {
border-radius: 20px;
}
.toggle.android .toggle-handle {
border-radius: 20px;
}
</style>
<script type="text/javascript">
var i = consents.length;
consents[i] = [];
consents[i]['trigger'] = '';
consents[i]['action'] = 'layer';
consents[i]['label'] = 'consent_crossregistration';
consents[i]['checked'] = false;
consents[i]['show_counter_todo'] = 1;
consents[i]['show_counter_done'] = 0;
$('input:checkbox[name=consent_crossregistration]').change({counter : i}, function(event) {
event.preventDefault();
consents[event.data.counter]['checked'] = $('input:checkbox[name=consent_crossregistration]').is(':checked');
});
</script>
<div class="modal fade" id="modal-consent_crossregistration" data-backdrop="false" data-keyboard="false"
tabindex="-1" role="dialog" aria-labelledby="modal-consent-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header ">
<h4 class="modal-title "
style="display:inline;">Suglasnost</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body ">
<p class="text-center">
Da, želim povećati svoje šanse za pronalazak osobe za spoj i pristajem na dodatnu besplatnu registraciju na realdatesnow.com </p>
</div>
<div class="modal-footer ">
<button type="button" onclick="consent_consent_crossregistration('consent_crossregistration', true);"
class="dtyrd-button dtyrd-button-color-green btn-circle"
data-dismiss="modal" style="width:100%;float:left;">
Da </button>
</div>
</div>
</div>
</div>
<style type="text/css">
.modal {
background-color: rgba(0, 0, 0, .6);
}
</style>
<script type="text/javascript">
function consent_consent_crossregistration(label, send) {
$('label[for=' + label + ']').click();
if (send) {
$('#submitbutton').click();
}
}
</script>
</div>
<script type="text/javascript">
$('#box_consent_remarketing').removeClass('hidden');
</script>
</div>
<div class="btn-field form-navigation col-md-12">
<div class="row">
<div id='next-button' class="col-xs-12 col-sm-12 col-md-12">
<button type="button" class="next dtyrd-button dtyrd-button-fullsize btn-circle" id="next">Dalje</button>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<input type="submit" name="execute" class="dtyrd-button dtyrd-button-color-green dtyrd-button-fullsize btn-circle" id="submitbutton" value="Pridruži se besplatno"><input type="hidden" name="csrf" value="68038515378782.49009684"><input type="hidden" name="captcha" value=""> </div>
</div>
</div>
<div class='col-xs-offset-2 col-md-10 col-xs-10' style='padding-left:0; padding-right: 0;'>
<div class='stepwizard' style='margin-top: 15px; margin-bottom:15px;'>
<div class='stepwizard-row row'>
<div class='col-sm-4.5 col-lg-4.5 col-md-4.5 col-xs-4.5 stepwizard-step'>
<button type='button' rel='1' class='navigator btn btn-custom-project btn-default btn-circle'>
1 </button>
</div>
<div class='col-sm-4.5 col-lg-4.5 col-md-4.5 col-xs-4.5 stepwizard-step'>
<button type='button' rel='2' class='navigator btn btn-custom-project btn-default btn-circle'>
2 </button>
</div>
</div>
</div>
</div>
<div class="col-md-12 with-padding-top-10">
<p class="form_register_text terms" style="display:none;">Registracijom pristajem na <a class="legal terms dtyrd-text-underline text-underline" href="/terms">Uvjete korištenja</a>, <a class="legal policyofuse dtyrd-text-underline text-underline" href="/policyofuse">postavitelj sadržaja & politika korištenja</a> i <a class="legal privacy dtyrd-text-underline text-underline" href="/privacy">Pravila o privatnosti</a>.</p>
</div>
</form></div>
<script type="text/javascript">
var steps = 3;
function curIndex() {
$sections = $('.form-group');
// Return the current index by looking at which section has the class 'current'
return $sections.index($sections.filter('.current'));
}
$('#next').on('click', function(){
var button = this;
unprotectButton(button);
});
$(function () {
var $sections = $('.form-group');
var $indicators = $('.stepwizard-step');
function navigateTo(index) {
// Mark the current section with the class 'current'
// Set all others to the state invisible
$sections
.removeClass('current')
.addClass('invisible')
.eq(index)
.removeClass('invisible')
.addClass('current');
$indicators
.children('button')
.removeClass('btn-primary')
.addClass('btn-default')
.eq(index)
.removeClass('btn-default')
.addClass('btn-primary');
// Show only the navigation buttons and associated indicators that make sense for the current section:
var atTheEnd = index >= $sections.length - 1;
$('.form-navigation .next').toggle(!atTheEnd);
$('.form-navigation [type=submit]').toggle(atTheEnd);
if (index+1 == steps) {
$('.form_register_text').css('display','block');
} else {
$('.form_register_text').css('display','none');
}
}
function curIndex() {
// Return the current index by looking at which section has the class 'current'
return $sections.index($sections.filter('.current'));
}
// Previous button is easy, just go back and validate data
$('.navigator').click(function() {
var self = $(this).attr('rel');
var self = parseInt(self);
var click = setInterval(function()
{
if($.active == 0)
{
$('form#bootstrap_register').validate();
var valid = $('form#bootstrap_register').valid();
if(valid)
{
var current = curIndex()+1;
if(current == 1 && self == 3)
{
clearInterval(click);
unprotectButton(this);
}
else
{
var r = navigateTo(self -1);
$indicators.eq(curIndex()).children('button').addClass('btn-primary').removeClass('btn-success');
$indicators.eq(curIndex() +1).children('button').addClass('btn-default');
$indicators.eq(curIndex()).children('button').removeClass('btn-default');
$indicators.eq(self -2).children('button').addClass('btn-success').removeClass('btn-default');
if(self -2 == -1)
{
$indicators.eq(-1).children('button').removeClass('btn-success').addClass('btn-default');
}
clearInterval(click);
if(r === false)
{
unprotectButton(this);
}
return r;
}
}
else
{
clearInterval(click);
unprotectButton(this);
}
}
}, 100);
unprotectButton(this);
});
// Next button goes forward iff current block validates
$('.form-navigation .next').click(function() {
grecaptcha.execute('6LdjzKcUAAAAANpcKS3R-534WGP3-zECpt5742QX', {action: 'frontpage'})
.then(function (token) {
$('input[name=captcha]').val(token);
$('input[name=captcha]').valid();
});
var click = setInterval(function()
{
if($.active == 0)
{
$('form#bootstrap_register').validate();
var valid = $('form#bootstrap_register').valid();
if(valid)
{
var r = navigateTo(curIndex() +1);
$indicators.eq(curIndex() -1).children('button').removeClass('btn-primary').removeClass('btn-default');
$indicators.eq(curIndex() -1).children('button').addClass('btn-success');
$indicators.eq(curIndex() +1).children('button').addClass('btn-default');
clearInterval(click);
if(r === false)
{
unprotectButton(this);
}
return r;
}
else
{
clearInterval(click);
unprotectButton(this);
}
}
}, 100);
unprotectButton(this);
});
// Form Submits on Valid Request
$("#submitbutton").click(function(e){
e.preventDefault();
var click = setInterval(function(){
if($.active == false)
{
$('form#bootstrap_register').validate();
var valid = $('form#bootstrap_register').valid();
if(valid) {
if(consentAction()) {
clearInterval(click);
unprotectButton($('#submitbutton'));
} else {
clearInterval(click);
$('form#bootstrap_register').submit();
}
}
else
{
clearInterval(click);
unprotectButton($("#submitbutton"));
}
}
}, 100);
});
// Prepare sections by setting the `data-parsley-group` attribute to 'block-0', 'block-1', etc.
$sections.each(function(index, section) {
$(section).find(':input').attr('data-parsley-group', 'block-' + index);
});
navigateTo(0); // Start at the beginning
});
$('.gender').on('click', function () {
var id_gender = $(this).attr('rel');
$('input[name=gender]').val(id_gender);
$('form#bootstrap_register').valid();
saveGender(id_gender);
});
$(document).ready(function () {
let id_gender = $('#' + 'male').attr('rel');
saveGender(id_gender);
});
function saveGender(gender) {
let url = '/lpajax/saveGenderInSession';
let data = { gender: gender};
$.ajax({
type: 'POST',
url: url,
data: data
});
}
(function () {
$('.gender-male').on('click', function () {
$('#male').addClass('active').removeClass('inactive');
$('#female').addClass('inactive').removeClass('active');
$('#box_consent_remarketing').addClass('hidden');
$('#box_consent_remarketing').removeClass('hidden');
$('#box_consent_crossregistration').addClass('hidden');
});
$('.gender-female').on('click', function () {
$('#female').addClass('active').removeClass('inactive');
$('#male').addClass('inactive').removeClass('active');
$('#box_consent_remarketing').addClass('hidden');
$('#box_consent_crossregistration').addClass('hidden');
});
}(jQuery));
$(document).ready(function () {
blink();
blink('#next');
});
(function ($) {
$.each($.validator.methods, function (key, value) {
$.validator.methods[key] = function () {
if (arguments.length > 0) {
arguments[0] = $.trim(arguments[0]);
}
return value.apply(this, arguments);
};
});
}(jQuery));
</script>
<div class="responsive-trust">
<div class="row" id="trust-container">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<table class="table" style="margin-bottom:0;">
<tr>
<td class="no-border">
<div class="trust dtyrd-trust dtyrd-trust-type media trust dtyrd-trust dtyrd-trust-type-4 dtyrd-trust-colortype-grey">
<div class="media-object dtyrd-trust-symbol symbol symbol-proofed-users "></div>
</div>
</td>
<td class="no-border">
<div class="trust dtyrd-trust dtyrd-trust-type-4 dtyrd-trust-colortype-grey">
<div class="media-object dtyrd-trust-symbol symbol dtyrd-trust-symbol-usercount "></div>
</div>
</td>
<td class="no-border">
<div class="trust dtyrd-trust dtyrd-trust-type-4 dtyrd-trust-colortype-grey">
<div class="media-object dtyrd-trust-symbol symbol dtyrd-trust-symbol-security "></div>
</div>
</td>
<td class="no-border" style="vertical-align: middle;" id="trust-text-1">
<div class="trust dtyrd-trust dtyrd-trust-type-4 dtyrd-trust-colortype-grey">
<div class="media-object dtyrd-trust-text">Ručno pregledani članovi za stvarne kontakte</div>
</div>
</td>
</tr>
<tr class="hidden" id="mobile-trust-text">
<td class="no-border" id="trust-text-2" style="vertical-align: middle;">
<div class="trust dtyrd-trust dtyrd-trust-type-4 dtyrd-trust-colortype-grey">
<div class="media-object dtyrd-trust-text">Ručno pregledani članovi za stvarne kontakte</div>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="users">
<div class="content">
<div class="users-box dtyrd-lp-highlight-switch">
<div class="row" style="margin-left: 0; margin-right: 0;">
<div class="col-md-12 col-sm-12 col-lg-12 col-xs-12">
</div>
</div>
<div class="row" style="margin-left: 0; margin-right: 0;">
<div class="wrapper col-xs-3 col-sm-3 col-md-2 col-lg-2">
<img class="img-responsive" src="https://media.flirthrvatska.com/media/frontpage/170x170/b96015cd20f6b03c95ffda2926575f54.jpg">
</div>
<div class="wrapper col-xs-3 col-sm-3 col-md-2 col-lg-2">
<img class="img-responsive" src="https://media.flirthrvatska.com/media/frontpage/170x170/de589155d2e92de4745ed623862721f2.jpg">
</div>
<div class="wrapper col-xs-3 col-sm-3 col-md-2 col-lg-2">
<img class="img-responsive" src="https://media.flirthrvatska.com/media/frontpage/170x170/874f803da36d88c39e99a5f10bb45dd7.jpg">
</div>
<div class="wrapper col-xs-3 col-sm-3 col-md-2 col-lg-2">
<img class="img-responsive" src="https://media.flirthrvatska.com/media/frontpage/170x170/7da6ae47aeb099caf5a699ac4b7cf9ad.jpg">
</div>
<div class="wrapper col-xs-3 col-sm-3 col-md-2 col-lg-2">
<img class="img-responsive" src="https://media.flirthrvatska.com/media/frontpage/170x170/af475693b8ede6a492a75a18cf74fb35.jpg">
</div>
<div class="wrapper col-xs-3 col-sm-3 col-md-2 col-lg-2">
<img class="img-responsive" src="https://media.flirthrvatska.com/media/frontpage/170x170/52ef3d6cbc0e2d2ee5bfb2ebcfc00ffd.jpg">
</div>
</div>
</div>
</div>
</div>
<footer class="footer responsive-footer">
<div class="container">
<div class="dtyrd-footer dtyrd-footer-black no-padding-right">
<div class="row text-center">
<div class="col-xs-2 col-sm-2" style="padding-right: 0;">
<a href="/support" target="_blank">Podrška</a>
</div>
<div class="col-xs-4 col-sm-2" style="padding-right: 0;">
<a href="/terms" target="_blank">Uvjeti korištenja</a>
</div>
<div class="col-xs-3 col-sm-2" style="padding-right: 0;">
<a href="/privacy" target="_blank">Pravila o privatnosti</a>
</div>
<div class="col-xs-2 col-sm-2" style="padding-right: 0;">
<a href="/imprint" target="_blank">Impressum</a>
</div>
<div class="col-xs-2 col-sm-2" style="padding-right: 0;">
<a href="https://www.revhunters.com" target="_blank">
Partneri </a>
</div>
</div>
</div>
<script type="text/javascript">
let analytic = Boolean(parseInt(getCookie('cookies_analytic')));
let marketing = Boolean(parseInt(getCookie('cookies_marketing')));
if (analytic === true) {
$("#gtag_manager").attr("src", $("#gtag_manager").attr("data-src"));
window.dataLayer = window.dataLayer || [];
function gtag(){
dataLayer.push(arguments);
}
let analytic_consent = 'granted';
let marketing_consent = 'denied';
if (marketing === true) {
marketing_consent = 'granted';
}
gtag('js', new Date());
gtag('config', 'G-LXS2XB1RCH');
gtag('consent', 'default', {
'ad_storage': marketing_consent,
'ad_user_data': marketing_consent,
'ad_personalization': marketing_consent,
'analytics_storage': analytic_consent,
});
}
</script>
</div>
</footer>
<script>
$(document).ready(function () {
$('.scrollup').click(function () {
$("html, body").animate({
scrollTop: 0
}, 600);
return false;
});
});
</script>
<script >
//<!--
$(document).ready(function(){$('form[name="bootstrap_register"]').each(function() { $(this).validate({"onsubmit": true,"onkeyup": false,"rules":{"csrf":{"remote":{"url":"\/form\/validate-ajax\/Landingpage%5CForm%5CRegisterForm","type":"POST"},"required":true},"email":{"required":true,"email":true,"remote":{"url":"\/form\/validate-ajax\/Landingpage%5CForm%5CRegisterForm","type":"POST"}},"gender":{"required":true},"dob_day":{"in_array":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31],"required":true},"dob_month":{"in_array":[1,2,3,4,5,6,7,8,9,10,11,12],"required":true},"dob_year":{"in_array":[2007,2006,2005,2004,2003,2002,2001,2000,1999,1998,1997,1996,1995,1994,1993,1992,1991,1990,1989,1988,1987,1986,1985,1984,1983,1982,1981,1980,1979,1978,1977,1976,1975,1974,1973,1972,1971,1970,1969,1968,1967,1966,1965,1964,1963,1962,1961,1960,1959,1958,1957,1956,1955,1954,1953,1952,1951,1950,1949,1948,1947,1946,1945,1944,1943,1942,1941,1940,1939,1938,1937,1936,1935,1934,1933,1932,1931,1930,1929,1928,1927,1926,1925],"required":true},"consent_remarketing":{"in_array":["1","0"]},"consent_dataprotection":{"in_array":["1","0"]},"consent_crossregistration":{"in_array":["1","0"]},"captcha":{"remote":{"url":"\/form\/validate-ajax\/Landingpage%5CForm%5CRegisterForm","type":"POST"}}},"messages":{"csrf":{"required":"Podaci su prazni"},"email":{"required":"E-mail adresa je obavezna","email":"E-mail adresa je neispravna"},"gender":{"required":"gender is required"},"dob_day":{"in_array":"Neva\u017ee\u0107i podaci","required":"Nedostaje dan ro\u0111enja"},"dob_month":{"in_array":"Neva\u017ee\u0107i podaci","required":"Nedostaje mjesec ro\u0111enja"},"dob_year":{"in_array":"Neva\u017ee\u0107i podaci","required":"Nedostaje godina ro\u0111enja"},"consent_remarketing":{"in_array":"Neva\u017ee\u0107i podaci"},"consent_dataprotection":{"in_array":"Neva\u017ee\u0107i podaci"},"consent_crossregistration":{"in_array":"Neva\u017ee\u0107i podaci"},"captcha":[]}}); });});
//-->
</script><div id="dtyrd-lp-highlight-background"></div>
<script type="text/javascript">
$('.dtyrd-lp-highlight-switch').on('click', function() {
$('#dtyrd-lp-highlight-background').css('display','block');
});
</script>
<script type="text/javascript">
var internalLink = false;
</script> <script type="text/javascript">
$(document).ready(function() {
strLeaveArea = '';
strLeaveArea = strLeaveArea + '<div class="leave" id="leave-top"></div>';
strLeaveArea = strLeaveArea + '<div class="pre-leave" id="pre-leave-top"></div>';
$('body').prepend(strLeaveArea);
var intScreenWidth = window.outerWidth;
var intScreenHeight = window.outerHeight;
var alreadyDisplayed = false;
var showLayer = false;
// Fix the css style for the transparent background layer
$("#dontLeaveTeaserOuter").css("width", intScreenWidth);
$("#dontLeaveTeaserOuter").css("height", intScreenHeight);
function backwithLayer(id) {
$('#layer-exit'+id).modal('show');
}
// --- interactions / click functions ----
$("div.pre-leave").on("mouseover", function() {
showLayer = true;
});
$("div.leave").on("mouseover", function() {
if(showLayer === true && alreadyDisplayed === false)
{
backwithLayer(1);
showLayer = false;
alreadyDisplayed = true;
var url = '/lpajax/exitlayer';
$.getJSON(url, '', function(data) {
});
}
});
});
</script>
<div class="modal fade" id="layer-exit1" tabindex="-1" role="dialog" aria-labelledby="exit-modal-label">
<div class="modal-dialog" role="dialog">
<div class="modal-content">
<div class="modal-header" style="border-bottom:none; padding-bottom: 0;">
<h3 class="text-center project-color-main">Nemoj propustiti ovu priliku!</h3>
</div>
<div class="modal-body">
<div class="card">
<div class="card-header text-center" style="border-top-left-radius: 14px !important; border-top-right-radius: 14px !important;">
Na flirthrvatska.com možeš upoznati <span class="project-color-main">prave žene</span> koje traže <span class="project-color-main">ljubavne avanture bez obaveza</span>. Dogovori spoj već <span class="project-color-main">danas</span>. Uz to možeš uživati brojne prednosti kao što su: </div>
<div class="card-block">
<div class="row" style="margin-top: 10px;">
<div class="col-xs-12 col-sm-6">
<div class="col-xs-2">
<i class="fas fa-check-circle" style="position:relative; top: -4px; font-size: 30px; color:darkgreen;"></i>
</div>
<div class="col-xs-10">
<span class="project-color-main">Jednostavna i brza</span> registracija </div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="col-xs-2">
<i class="fas fa-check-circle" style="position:relative; top: -4px; font-size: 30px; color:darkgreen;"></i>
</div>
<div class="col-xs-10">
Čitanje i pisanje <span class="project-color-main">poruka</span> </div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="col-xs-2">
<i class="fas fa-check-circle" style="position:relative; top: -4px; font-size: 30px; color:darkgreen;"></i>
</div>
<div class="col-xs-10">
<span class="project-color-main">Pretraživanje</span> u tvojoj blizini </div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="col-xs-2">
<i class="fas fa-check-circle" style="position:relative; top: -4px; font-size: 30px; color:darkgreen;"></i>
</div>
<div class="col-xs-10">
Potpuna <span class="project-color-main">anonimnost</span> </div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="col-xs-2">
<i class="fas fa-check-circle" style="position:relative; top: -4px; font-size: 30px; color:darkgreen;"></i>
</div>
<div class="col-xs-10">
<span class="project-color-main">Prave žene</span> i muškarci </div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="col-xs-2">
<i class="fas fa-check-circle" style="position:relative; top: -4px; font-size: 30px; color:darkgreen;"></i>
</div>
<div class="col-xs-10">
<span class="project-color-main">Garancija za afere</span> </div>
</div>
</div>
</div>
</div>
<input type="submit" class="premium-next-step dtyrd-button dtyrd-button-fullsize btn-circle" data-dismiss="modal" value="Pronađite ljubavnu vezu sada!" /><br/><br/>
</div>
</div>
</div>
</div>
<div class="wrapper-modal-cookie-consent modal fade " id="cookie-consent" role="dialog" tabindex="-1" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog flex-center-dialog" role="document">
<div class="modal-content" >
<div class="modal-body" >
<div class="col-sm-12 text-justified">
<h3 class="text-center" style="margin-top: 0px; margin-bottom: 15px;">Cijenimo vašu privatnost</h3>
<p style="margin-bottom: 15px;">Koristimo kolačiće kako bismo poboljšali vaše iskustvo na našoj web stranici i prikazali vam personalizirani sadržaj. Kliknite PRIHVATAM ako se slažete ili upravljajte svojim <a href="#" id="openCookieModal" class="bold project-color-main underline">cookie settings</a>.</p>
</div>
<div class="col-sm-12 text-center">
<span id="close" class="dtyrd-button-color-green dtyrd-button dtyrd-button-large dtyrd-button-fixed-size btn-rounded">Prihvatiti</span>
</div>
<div class="col-sm-12 text-center legal-terms-wrapper" style="margin-top: 15px;">
<a href="/privacy" target="_blank" class="bold project-color-main underline">
Pravila o privatnosti </a>
<span class="seperater">|</span>
<a href="/cookies" target="_blank" class="bold project-color-main underline">
Politika kolačića </a>
<span class="seperater">|</span>
<a href="/imprint" target="_blank" class="bold project-color-main underline">
Impressum </a>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#cookie-consent').modal('show');
$('#close').on('click', function(e) {
e.preventDefault();
$('#cookie-consent').modal('hide');
return false;
});
$('#openCookieModal').on('click', function(e){
e.preventDefault();
$('#cookie-consent').modal('hide');
$('#cookie-modal').modal('show');
return false;
});
});
</script>
<div class="modal fade" id="cookie-modal" role="dialog" tabindex="-1" aria-labelledby="cookie-modal-label" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" role="document">
<div class="modal-content border-color-main" style="border-width: 2px;">
<div class="modal-header white-text bg-color-main">
<h3 style="margin-top: 5px; margin-bottom: 5px;">Postavljanje kolačića</h3>
</div>
<div class="modal-body" style="background-color: #e9e9f3; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;">
<div class="row">
<div style="padding-left: 15px; padding-right: 15px; text-align: justify;">
<p>
Poštujemo vaše pravo na privatnost i podržavamo vas u upravljanju kolačićima i postavkama praćenja. Za više informacija pogledajte naša <a href="/cookies" target="_blank" class="bold project-color-main underline">Pravila o kolačićima</a> i naša<a href="/privacy" target="_blank" class="bold project-color-main underline"> Pravila o privatnosti. </a> Blokiranje nekih izbora može rezultirati smanjenom ponudom svih funkcionalnosti naše ponude ili može utjecati na opću funkcionalnost naše web stranice. </p>
</div>
<hr/ style="border-top: 1px solid #c4c5cc;">
<div class="col-xs-12" style="margin-top: 5px; margin-bottom: 5px;">
<label class="checkbox-inline usesSlider" style="color:black !important;">
<input id="cookie-needed" type="checkbox" disabled checked data-style="ios" data-on="Da" data-off="Ne" data-toggle="toggle">Apsolutno potrebni kolačići </label>
</div>
<div class="col-xs-12" style="margin-top: 5px; margin-bottom: 5px;">
<label class="checkbox-inline usesSlider" style="color:black !important;">
<input id="cookie-marketing" type="checkbox" data-style="ios" data-on="Da" data-off="Ne" data-toggle="toggle">Marketinški kolačići </label>
</div>
<div class="col-xs-12" style="margin-top: 5px; margin-bottom: 5px;">
<label class="checkbox-inline usesSlider" style="color:black !important;">
<input id="cookie-analytic" type="checkbox" data-style="ios" data-on="Da" data-off="Ne" data-toggle="toggle">Analitički kolačići </label>
</div>
</div>
<hr/ style="border-top: 1px solid #c4c5cc;">
<div class="" style="overflow-y:scroll; max-height: 180px; margin-bottom: 10px;">
<h4 class="project-color-main">Apsolutno potrebni kolačići</h4>
<p style="margin-bottom: 30px; text-align: justify;">"Možeš postaviti svoj preglednik tako da su ovi kolačići blokirani ili da budeš obaviješten<br />
o tim kolačićima. Međutim, naša se usluga ne može koristiti bez upotrebe prijeko potrebnih<br />
kolačića, jer funkcije poput spremanja tvojih postavki zaštite podataka ili prijave u naše<br />
područje za članove nisu moguće bez odgovarajuće pohrane podataka.<br />
<a href="/cookies#needed" target="_blank" class="bold project-color-main underline"> Pravila o kolačićima</a>"</p>
<h4 class="project-color-main">Marketinški kolačići</h4>
<p style="margin-bottom: 30px; text-align: justify;">"Ovi se kolačići koriste za prilagođavanje reklamnih poruka tvojih osobnim interesima i kako bi ih učinili relevantnijima za tebe. Za korisnike koji su došli na našu stranicu preko partnera za<br />
oglašavanje, pseudonimizirane informacije također se mogu proslijediti<br />
ovom partneru za oglašavanje kako bi se optimizirali izvori prometa i<br />
tokovi posjetitelja. Oglasi koje vidiš na internetu mogu se prema tome prilagoditi tvojim potrebama, tako da vidiš oglase koji se temelje na tvojim interesima, ali istovremeno sprječavaju da ti se isti oglasi prikazuju iznova. Omogućuje i nama i našim reklamnim partnerima<br />
da optimiziramo izvedbu reklama, npr. Shvatiti koliko je ljudi kliknulo određeni oglas. Kolačiće mogu koristiti partneri za kombiniranje tvojih podataka s informacijama<br />
iz drugih izvora i za stvaranje profila tvojih interesa - na ovaj način mogu ti se prikazivati i<br />
relevantniji oglasi na drugim web stranicama. Ako ne dopustiš ovaj kolačić, prikazani oglasi mogu biti manje relevantni za tvoje interese.<br />
<a href="/cookies#marketing" target="_blank" class="bold project-color-main underline"> Pravila o kolačićima</a>"</p>
<h4 class="project-color-main">Analitički kolačići</h4>
<p style="margin-bottom: 30px; text-align: justify;">Uz pomoć ovih kolačića možemo brojati posjetitelje i analizirati upotrebu naše ponude. To koristimo za kontinuirano poboljšanje kvalitete naših stranica i na taj način pružanje boljeg korisničkog iskustva. Oni nam pomažu da kontinuirano analiziramo upotrebu naše ponude i da bolje razumijemo upotrebu pojedinih funkcija i sadržaja. To nam omogućuje da bolje i brže prepoznamo popularni sadržaj i značajke te da ih na preferirani način optimiziramo za svoje korisnike. To nam također pomaže da optimiziramo sadržaj koji najbolje odgovara njihovim interesima. <a href="/cookies#analytic" target="_blank" class="bold project-color-main underline"> Pravila o kolačićima</a></p>
</div>
<div class="buttons" style="text-align:center;">
<button type="button" id="accept-all" class="dtyrd-button-color-green dtyrd-button dtyrd-button-fixed-size btn-rounded">
Sve prihvatiti </button>
<a href="#" id="accept" style="display:block; color:#606060; margin-top: 10px;">
Odabir prihvatiti </a>
</div>
<div class="col-sm-12 text-center legal-terms-wrapper" style="margin-top: 15px;">
<a href="/privacy" target="_blank" class="bold project-color-main underline" style="color: #5e5e5e; font-size: 12px;">
Pravila o privatnosti </a>
<span class="seperater">|</span>
<a href="/cookies" target="_blank" class="bold project-color-main underline" style="color: #5e5e5e; font-size: 12px;">
Politika kolačića </a>
<span class="seperater">|</span>
<a href="/imprint" target="_blank" class="bold project-color-main underline" style="color: #5e5e5e; font-size: 12px;">
Impressum </a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<style>
.toggle.ios {
border-radius: 20px;
}
.toggle.ios .toogle-handle {
border-radius: 20px;
}
</style>
<script>
$(document).ready(function(){
$("#gtag_manager").attr("src", $("#gtag_manager").attr("data-src"));
window.dataLayer = window.dataLayer || [];
function gtag(){
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-LXS2XB1RCH');
$('#accept-all').on('click', function(){
unprotectButton(this);
$('#cookie-modal').modal('hide');
setCookie('cookies_accept', 1, 9999);
setCookie('cookies_marketing', 1, 9999);
setCookie('cookies_analytic', 1, 9999);
gtag('consent', 'default', {
'ad_storage': 'granted',
'ad_user_data': 'granted',
'ad_personalization': 'granted',
'analytics_storage': 'granted'
});
});
$('#accept').on('click', function(e){
e.preventDefault();
$('#cookie-modal').modal('hide');
let marketing = 'denied';
let analytic = 'denied';
const check_0 = $('#cookie-needed').prop('checked');
if(check_0 == true){
setCookie('cookies_accept', 1, 9999);
if('cookies_accept' == 'cookies_marketing') {
marketing = 'granted';
}
if('cookies_accept' == 'cookies_analytic') {
analytic = 'granted';
}
} else {
setCookie('cookies_accept', 0, 9999);
if('cookies_accept' == 'cookies_marketing') {
marketing = 'denied';
}
if('cookies_accept' == 'cookies_analytic') {
analytic = 'denied';
}
}
const check_1 = $('#cookie-marketing').prop('checked');
if(check_1 == true){
setCookie('cookies_marketing', 1, 9999);
if('cookies_marketing' == 'cookies_marketing') {
marketing = 'granted';
}
if('cookies_marketing' == 'cookies_analytic') {
analytic = 'granted';
}
} else {
setCookie('cookies_marketing', 0, 9999);
if('cookies_marketing' == 'cookies_marketing') {
marketing = 'denied';
}
if('cookies_marketing' == 'cookies_analytic') {
analytic = 'denied';
}
}
const check_2 = $('#cookie-analytic').prop('checked');
if(check_2 == true){
setCookie('cookies_analytic', 1, 9999);
if('cookies_analytic' == 'cookies_marketing') {
marketing = 'granted';
}
if('cookies_analytic' == 'cookies_analytic') {
analytic = 'granted';
}
} else {
setCookie('cookies_analytic', 0, 9999);
if('cookies_analytic' == 'cookies_marketing') {
marketing = 'denied';
}
if('cookies_analytic' == 'cookies_analytic') {
analytic = 'denied';
}
}
gtag('consent', 'default', {
'ad_storage': marketing,
'ad_user_data': marketing,
'ad_personalization': marketing,
'analytics_storage': analytic
});
});
$('#close').on('click', function(){
setCookie('cookies_accept', 1, 9999);
setCookie('cookies_marketing', 1, 9999);
setCookie('cookies_analytic', 1, 9999);
gtag('consent', 'default', {
'ad_storage': 'granted',
'ad_user_data': 'granted',
'ad_personalization': 'granted',
'analytics_storage': 'granted'
});
});
$('#cookie-needed').on('change', function(){
if($(this).prop('checked') == true){
setCookie('cookies_accept', 1, 9999);
}else{
setCookie('cookies_accept', 0, 9999);
}
});
$('#cookie-marketing').on('change', function(){
if($(this).prop('checked') == true){
setCookie('cookies_marketing', 1, 9999);
}else{
setCookie('cookies_marketing', 0, 9999);
}
});
$('#cookie-analytic').on('change', function(){
if($(this).prop('checked') == true){
setCookie('cookies_analytic', 1, 9999);
}else{
setCookie('cookies_analytic', 0, 9999);
}
});
});
</script>
<script type="text/javascript">
$('a').on('click',function() {
internalLink = true;
});
$('form[name=bootstrap_register]').on('submit', function() {
internalLink = true;
});
$('form[name=application_register]').on('submit', function() {
internalLink = true;
});
function areYouSure(event) {
if (!internalLink) {
return '';
}
}
window.onbeforeunload = areYouSure;
</script>
</body>
</html>