<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
Follow.bg - Социална мрежа за дигитални хора! </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="title" content="Follow.bg - Социална мрежа за дигитални хора!"/>
<meta name="description" content="Социална мрежа за дигитални хора!"/>
<meta name="keywords" content="социална мрежа"/>
<meta name="image" content="https://follow.bg/themes/default/statics/img/og-banner.jpg"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="https://follow.bg/themes/default/statics/css/libs/animate.min.css?v=05012024-1">
<link rel="stylesheet" href="https://follow.bg/themes/default/statics/css/css-libs.css">
<link rel="stylesheet" href="https://follow.bg/themes/default/statics/css/libs/jquery.toast.min.css">
<link rel="stylesheet" href="https://follow.bg/themes/default/statics/css/master.styles.css?v=05012024-1">
<link rel="stylesheet" href="https://follow.bg/themes/default/statics/css/libs/jquery.fancybox.css?v=05012024-1">
<link rel="stylesheet" href="https://follow.bg/themes/default/statics/js/libs/plyr/plyr-code/plyr.css?v=05012024-1">
<link rel="icon" href="https://follow.bg/themes/default/statics/img/ficon_1693562443.png" type="image/png">
<link rel="icon" href="https://follow.bg/themes/default/statics/img/ficon_1693562443.png" type="image/x-icon">
<link rel="manifest" href="/manifest.json">
<script src="https://follow.bg/themes/default/statics/js/libs/jquery-3.5.1.min.js?v=05012024-1"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/vuejs/vue-v2.6.11.min.js?v=05012024-1"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/vuejs/vue-plugins/validators.min.js?v=05012024-1"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/vuejs/vue-plugins/vuelidate.min.js?v=05012024-1"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/jquery-plugins/jquery.form-v4.2.2.min.js?v=05012024-1"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/popper.1.12.9.min.js?v=05012024-1"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/bootstrap.v4.0.0.min.js?v=05012024-1"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/sticky-sidebar/source/jquery.sticky-sidebar.js?v=05012024-1"></script>
<script src="https://follow.bg/themes/default/statics/js/master.script.js?v=05012024-1"></script>
<script src="https://follow.bg/themes/default/statics/js/custom.js?v=05012024-1"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/clipboard.min.js?v=05012024-1"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/jquery-plugins/jquery.fancybox.min.js?v=05012024-1"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/lozad.min.js"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/waitme/waitMe.min.js"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/txt.autoresize.min.js"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/audio-recorder.js"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/plyr/plyr-code/plyr.min.js"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/readmore.js"></script>
<script src="https://follow.bg/themes/default/statics/js/libs/jquery-plugins/jquery-toast.min.js"></script>
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.register('/themes/default/statics/js/service-worker.js').then(function(registration) {
console.log('Service Worker registered with scope:', registration.scope);
}).catch(function(error) {
console.log('Service Worker registration failed:', error);
});
});
}
</script>
<script>
<script src="https://analytics.ahrefs.com/analytics.js" data-key="9Wkpw3br5adYeAJ2sQjyrg" defer="true"></script> </script>
<style>
/*
Enter your custom CSS code here.
Please note that the code entered here will be added to the <head> tag.
*/ </style>
</head>
<body dir="ltr" class="cl-app-guest body-guest-mode" data-page-tab="none" data-skin="purple" data-bg="default">
<div class="main-preloader-holder" id="main-preloader-holder">
<div class="main-preloader">
<div class="loading">
<img src="https://follow.bg/themes/default/statics/img/logo_1693562440.png" alt="Logo">
</div>
</div>
</div>
<div data-el="main-content-holder">
<main class="main-content-container guest-mode">
<div class="welcome-page" data-app="guest">
<div class="welcome-page__slider" id="guest-slider">
<div v-for="(img, ind) in images" class="slide" v-bind:class="{'show': ind == curr_ind}" v-bind:style="{'background-image': 'url(' + img + ')'}"></div>
</div>
<div class="welcome-page__body">
<div class="row justify-content-center">
<div class="col-xxl-9 col-xl-10 col-12">
<div class="row">
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 ml-auto">
<div class="welcome-page__rp">
<div class="welcome-page__rp-inner">
<div class="welcome-page-form">
<div class="welcome-page-form__header">
<a href="https://follow.bg" class="logo">
<img src="https://follow.bg/themes/default/statics/img/logo_1693562440.png" alt="Logo">
</a>
<h1>
Добре дошли във Follow.bg </h1>
</div>
<div class="welcome-page-form__body">
<div class="auth-form">
<div class="auth-form-holder">
<form class="form" id="cl-login-vue-app" v-on:submit="submit_form($event)" autocomplete="off">
<div class="form-title">
<h2>
Влезте </h2>
</div>
<div class="form-group">
<label class="input-label">
Имейл адрес или потребител </label>
<input name="email" v-model.trim.lazy="$v.email.$model" type="text" class="form-control" placeholder="Имейл адрес или потребител">
<div class="invalid-main-feedback" v-if="is_valid_email">
{{invalid_feedback_email}}
</div>
</div>
<div class="form-group">
<label class="input-label">
Парола </label>
<div class="password-ctrl">
<input name="password" v-model.trim="$v.password.$model" v-bind:type="password_display" class="form-control" placeholder="Парола">
<button class="password-ctrl" type="button" v-on:click="password_display_toggle">
<span v-if="password_display == 'password'">
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.005a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 1.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5ZM12 5.5c4.613 0 8.596 3.15 9.701 7.564a.75.75 0 1 1-1.455.365 8.503 8.503 0 0 0-16.493.004.75.75 0 0 1-1.455-.363A10.003 10.003 0 0 1 12 5.5Z" fill="#212121"/></svg> </span>
<span v-else>
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2.22 2.22a.75.75 0 0 0-.073.976l.073.084 4.034 4.035a9.986 9.986 0 0 0-3.955 5.75.75.75 0 0 0 1.455.364 8.49 8.49 0 0 1 3.58-5.034l1.81 1.81A4 4 0 0 0 14.8 15.86l5.919 5.92a.75.75 0 0 0 1.133-.977l-.073-.084-6.113-6.114.001-.002-1.2-1.198-2.87-2.87h.002L8.719 7.658l.001-.002-1.133-1.13L3.28 2.22a.75.75 0 0 0-1.06 0Zm7.984 9.045 3.535 3.536a2.5 2.5 0 0 1-3.535-3.535ZM12 5.5c-1 0-1.97.148-2.889.425l1.237 1.236a8.503 8.503 0 0 1 9.899 6.272.75.75 0 0 0 1.455-.363A10.003 10.003 0 0 0 12 5.5Zm.195 3.51 3.801 3.8a4.003 4.003 0 0 0-3.801-3.8Z" fill="#212121"/></svg> </span>
</button>
</div>
<div class="invalid-main-feedback" v-if="is_valid_password">
{{invalid_feedback_pass}}
</div>
<div v-else-if="unsuccessful_attempt" class="form-group invalid-main-feedback mb-20">
Акаунт с такива данни не е намерен. Проверете дали сте въвели информацията коректно и опитайте отново. </div>
</div>
<div class="form-group">
<div class="form-cta-link">
<span>
Забравихте паролата си? </span>
<a href="https://follow.bg/guest?auth=forgot_pass">
Възстановете паролата си </a>
</div>
</div>
<div class="form-group">
<button v-if="submitting" disabled="true" type="button" class="btn btn-custom main-inline lg btn-block">
Моля, изчакайте </button>
<button v-else-if="done" disabled="true" type="button" class="btn btn-custom main-inline lg btn-block">
Готово! Моля, изчакайте... </button>
<button v-else v-bind:disabled="($v.$invalid == true)" class="btn btn-custom main-inline lg btn-block">
Вход </button>
</div>
<div class="form-group no-mb">
<div class="form-cta-link">
<span>
Нямате акаунт? </span>
<a href="https://follow.bg/guest?auth=signup">
Регистрирайте се </a>
</div>
</div>
<input type="hidden" class="d-none" value="1739176880:1552e66746eccb1b001fc2053a5587fc1080529c" name="hash">
</form> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="welcome-page__footer">
<div class="row justify-content-center">
<div class="col-xxl-9 col-xl-10 col-12">
<div class="welcome-page__bp-wrapper">
<div class="welcome-page__bp">
<div class="main-footer">
<ul class="footer-nav">
<li class="footer-nav-item">
<a href="https://follow.bg/terms_of_use" data-spa="true">
Условия за ползване </a>
</li>
<li class="footer-nav-item">
<a href="https://follow.bg/privacy_policy" data-spa="true">
Политика за поверителност </a>
</li>
<li class="footer-nav-item">
<a href="https://follow.bg/cookies_policy" data-spa="true">
Бисквитки </a>
</li>
<li class="footer-nav-item">
<a href="https://follow.bg/about_us" data-spa="true">
За нас </a>
</li>
<li class="footer-nav-item">
<a href="https://follow.bg/faqs" data-spa="true">
ЧЗВ </a>
</li>
<li class="footer-nav-item dropdown">
<a class="dropdown-toggle" data-toggle="dropdown">
Български </a>
<div class="dropdown-menu dropdown-icons">
<a class="dropdown-item " href="https://follow.bg/language/english">
Английски </a>
<a class="dropdown-item " href="https://follow.bg/language/french">
Френски </a>
<a class="dropdown-item " href="https://follow.bg/language/german">
Немски </a>
<a class="dropdown-item " href="https://follow.bg/language/italian">
Италиански </a>
<a class="dropdown-item " href="https://follow.bg/language/russian">
Руски </a>
<a class="dropdown-item " href="https://follow.bg/language/portuguese">
Португалски </a>
<a class="dropdown-item " href="https://follow.bg/language/spanish">
Испански </a>
<a class="dropdown-item " href="https://follow.bg/language/turkish">
Турски </a>
<a class="dropdown-item " href="https://follow.bg/language/dutch">
Холандски </a>
<a class="dropdown-item " href="https://follow.bg/language/ukraine">
Украйнски </a>
<a class="dropdown-item " href="https://follow.bg/language/arabic">
Арабски </a>
<a class="dropdown-item active" href="https://follow.bg/language/bulgarian">
Български </a>
<a class="dropdown-item " href="https://follow.bg/language/japanese">
Японски - 日本語 </a>
</div>
</li>
<li class="footer-nav-item">
<a href="https://follow.bg/about_us">© Follow.bg - 2025.</a>
</li>
</ul>
</div> </div>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
var _app = $("[data-app='guest']");
new Vue({
el: "#guest-slider",
data: {
curr_ind: 0,
images: ["https:\/\/follow.bg\/themes\/default\/statics\/img\/guest\/default\/img-1.jpg","https:\/\/follow.bg\/themes\/default\/statics\/img\/guest\/default\/img-2.jpg","https:\/\/follow.bg\/themes\/default\/statics\/img\/guest\/default\/img-3.jpg"] },
created: function() {
var _app_ = this;
if (_app_.images.length >= 2) {
setInterval(function() {
if (_app_.curr_ind >= _app_.images.length - 1) {
_app_.curr_ind = 0;
}
else{
_app_.curr_ind += 1;
}
}, 3000);
}
}
});
});
</script>
<script>
"use strict";
$(document).ready(function($) {
Vue.use(window.vuelidate.default);
if ($("form#cl-login-vue-app").length) {
new Vue({
"el": "#cl-login-vue-app",
data: {
email: "",
password: "",
submitting: false,
done: false,
unsuccessful_attempt: false,
invalid_feedback_email: "",
invalid_feedback_pass: "",
password_display: "password"
},
computed: {
is_valid_email: function() {
if (this.$v.email.required == true && this.$v.email.$error) {
this.invalid_feedback_email = "Потребителското име което сте въвели е невалидно";
return true;
}
else {
this.invalid_feedback_email = "";
return false;
}
},
is_valid_password: function() {
if(this.$v.password.required == true && this.$v.password.$error) {
this.invalid_feedback_pass = "Паролата която сте въвели е невалидна";
return true;
}
else {
this.invalid_feedback_pass = "";
return false;
}
}
},
validations: {
email: {
required: window.validators.required,
min_length: window.validators.minLength(3),
max_length: window.validators.maxLength(55)
},
password: {
required: window.validators.required,
min_length: window.validators.minLength(6),
max_length: window.validators.maxLength(20)
}
},
methods: {
submit_form: function(_self = false) {
_self.preventDefault();
var _app_ = this;
$(_self.target).ajaxSubmit({
url: "https://follow.bg/native_api/auth/login",
type: 'POST',
dataType: 'json',
beforeSend: function() {
_app_.submitting = true;
},
success: function(data) {
if (data.status == 200) {
_app_.done = true;
delay(function() {
cl_redirect("https://follow.bg/home");
}, 1000);
}
else {
_app_.unsuccessful_attempt = true;
delay(function() {
_app_.unsuccessful_attempt = false;
}, 3000);
}
},
complete: function() {
_app_.submitting = false;
}
});
},
password_display_toggle: function() {
var _app_ = this;
if (_app_.password_display == "text") {
_app_.password_display = "password";
}
else{
_app_.password_display = "text";
}
}
}
});
}
if ($("form#cl-signup-vue-app").length) {
new Vue({
"el": "#cl-signup-vue-app",
data: {
done: false,
email: "",
phone: "",
password: "",
uname: "",
fname: "",
lname: "",
submitting: false,
invalid_feedback_email: "",
invalid_feedback_phone: "",
invalid_feedback_pass: "",
invalid_feedback_uname: "",
tos_agree: false,
uname_taken: false,
email_taken: false,
phone_server_error: false,
phone_taken: false,
uname_denied: false,
email_denied: false,
process_failed: false,
grecaptcha_error: false,
password1_display: "password",
password2_display: "password",
invite_code: "",
grecaptcha: "off"
},
computed: {
is_valid_uname: function() {
if (this.$v.uname.required == true && this.$v.uname.$error) {
this.invalid_feedback_uname = "Въведеният потребител е в невалиден формат. Потребителят може да съдържа само букви (a-z), цифри и долни черти и да бъде по-кратък от 25 символа";
return true;
}
else if(this.uname_taken == true) {
this.invalid_feedback_uname = "Потребителят е вече регистриран. Моля, изберете друг";
return true;
}
else if(this.uname_denied == true) {
this.invalid_feedback_uname = "Този потребител е регистриран. Моля, изберете друг.";
return true;
}
else {
this.invalid_feedback_uname = "";
return false;
}
},
is_valid_email: function() {
if (this.$v.email.required == true && this.$v.email.$error) {
this.invalid_feedback_email = "Въведеният имейл адрес е невалиден.";
return true;
}
else if (this.email_taken == true) {
this.invalid_feedback_email = "Имейл адресът е вече регистриран. Моля, използвайте друг";
return true;
}
else if (this.email_denied == true) {
this.invalid_feedback_email = "Този имейл адрес е резервиран и не може да се използва.";
return true;
}
else {
this.invalid_feedback_email = "";
return false;
}
},
is_valid_password: function() {
if (this.$v.password.required == true && this.$v.password.$error) {
this.invalid_feedback_pass = "Паролата трябва да съдържа между 6 и 20 символа";
return true;
}
else {
this.invalid_feedback_pass = "";
return false;
}
},
is_valid_form: function() {
return (this.$v.$invalid == false && this.tos_agree == true);
}
},
validations: {
uname: {
required: window.validators.required,
min_length: window.validators.minLength(3),
max_length: window.validators.maxLength(25),
is_alpha_num: cl_uname_valid
},
email: {
required: window.validators.required,
email: window.validators.email,
min_length: window.validators.minLength(8),
max_length: window.validators.maxLength(55)
},
password: {
required: window.validators.required,
min_length: window.validators.minLength(6),
max_length: window.validators.maxLength(20)
}
},
methods: {
submit_form: function(_self = false) {
_self.preventDefault();
var _app_ = this;
if (_app_.grecaptcha == "on") {
var grecap_res = grecaptcha.getResponse();
if (grecap_res.length < 1) {
_app_.grecaptcha_error = true;
return false;
}
}
$(_self.target).ajaxSubmit({
url: "https://follow.bg/native_api/auth/signup",
type: 'POST',
dataType: 'json',
data: {
invite_code: _app_.invite_code
},
beforeSend: function() {
_app_.submitting = true;
_app_.uname_taken = false;
_app_.email_taken = false;
_app_.phone_taken = false;
_app_.uname_denied = false;
_app_.email_denied = false;
_app_.process_failed = false;
_app_.phone_server_error = false;
},
success: function(data) {
if (data.status == 200) {
_app_.done = true;
delay(function() {
cl_redirect("https://follow.bg/start_up");
}, 1500);
}
else if(data.status == 401) {
_app_.done = true;
delay(function() {
cl_redirect("https://follow.bg/confirm_registration");
}, 1500);
}
else if(data.status == 405) {
_app_.phone_server_error = true;
}
else {
if (data.err_code == "doubling_uname") {
_app_.uname_taken = true;
}
else if(data.err_code == "doubling_email") {
_app_.email_taken = true;
}
else if(data.err_code == "doubling_phone") {
_app_.phone_taken = true;
}
else if(data.err_code == "denied_email") {
_app_.email_denied = true;
}
else if(data.err_code == "denied_uname") {
_app_.uname_denied = true;
}
else {
_app_.process_failed = true;
}
}
},
complete: function() {
_app_.submitting = false;
}
});
},
password1_display_toggle: function() {
var _app_ = this;
if (_app_.password1_display == "text") {
_app_.password1_display = "password";
}
else{
_app_.password1_display = "text";
}
}
}
});
}
if ($("form#cl-resetpass-vue-app").length) {
new Vue({
"el": "#cl-resetpass-vue-app",
data: {
email: "",
submitting: false,
invalid_feedback_email: "",
process_failed: false,
process_succeeded: false,
unknown_email: false,
},
computed: {
is_valid_email: function() {
if (this.$v.email.required == true && this.$v.email.$error) {
this.invalid_feedback_email = "Въведеният имейл адрес е невалиден.";
return true;
}
else if(this.unknown_email == true) {
this.invalid_feedback_email = "Не може да намерим акаунт с този имейл адрес!";
return true;
}
else {
this.invalid_feedback_email = "";
return false;
}
},
is_valid_form: function() {
return (this.$v.$invalid == false);
}
},
validations: {
email: {
required: window.validators.required,
email: window.validators.email,
min_length: window.validators.minLength(8),
max_length: window.validators.maxLength(55)
}
},
methods: {
submit_form: function(_self = false) {
_self.preventDefault();
var _app_ = this;
$(_self.target).ajaxSubmit({
url: "https://follow.bg/native_api/auth/resetpass",
type: 'POST',
dataType: 'json',
beforeSend: function() {
_app_.submitting = true;
_app_.process_failed = false;
_app_.unknown_email = false;
},
success: function(data) {
if (data.status == 200) {
_app_.process_succeeded = true;
}
else {
if (data.err_code == "unknown_email") {
_app_.unknown_email = true;
}
else {
_app_.process_failed = true;
}
}
},
complete: function() {
_app_.submitting = false;
}
});
}
}
});
}
});
</script>
</main>
<input id="csrf-token" type="hidden" class="hidden d-none" value="1739176880:1552e66746eccb1b001fc2053a5587fc1080529c">
<div data-app="black-hole"></div>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NXK6R2PT5B"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-NXK6R2PT5B');
</script>
</div>
<div class="cookie-alert" tabindex="-1" role="dialog" data-app="cookie-alert-app">
<div class="cookie-alert__inner">
<div class="cookie-message">
<div class="lp">
<h4>
Този сайт използва бисквитки </h4>
<p>
Използваме бисквитки, за да подобрим изживяването Ви при сърфиране, да предоставяме персонализирани реклами и съдържание и да анализираме нашия трафик. <a href="https://follow.bg/cookies_policy" target="_blank">Прочетете още</a> </p>
</div>
<div class="rp">
<button class="btn btn-custom main-white lg" data-uiel="accept-cookies">
Приемам </button>
<button class="btn btn-custom main-white main-white-outline lg" data-href="https://follow.bg/cookies_policy">
Прочетете още </button>
</div>
</div>
</div>
<script>
$(document).ready(function($) {
$('[data-app="cookie-alert-app"]').find('[data-uiel="accept-cookies"]').on('click', function(e) {
$.ajax({
url: 'https://follow.bg/native_api/main/cua',
type: 'GET',
dataType: 'json'
}).done(function() {
$('[data-app="cookie-alert-app"]').fadeOut(300, function() {
$(this).remove();
});
});
});
});
</script>
</div>
<script>
/*
Enter your custom JS code here.
Please note that the code entered here will be added to the <footer> tag.
*/ </script>
</body>
</html>