It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.looveli.com

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  <meta charset="utf-8">
  6.  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.  <!-- CSRF Token -->
  8.  <meta name="csrf-token" content="VYrIinqkJJVt63RQsci0v36zxjEy7D1I7qX6YBlO">
  9.  <meta name="description" content="Earn profits with your content. Looveli is designed to help content creators on the web, create a free account and start making money now.">
  10.  <meta name="keywords" content="looveli, sell content, earn money, money with content, hot girls, photos, images, videos, earn money today, buy now, buy images, buy videos, pixsant, onlyfans, fansly, justfans, donations, support, creators, sponzy, subscription, content, content creator platform" />
  11.  <meta name="theme-color" content="#6e11d6">
  12.  <title> Looveli | Support Creators Content - </title>
  13.  <!-- Favicon -->
  14.  <link href="https://www.looveli.com/public/img/favicon-1631658233.png" rel="icon">
  15.  
  16.  
  17.  <link href="https://www.looveli.com/public/css/core.min.css?v=5.2" rel="stylesheet">
  18. <link href="https://www.looveli.com/public/css/feather.css" rel="stylesheet">
  19. <link href="https://www.looveli.com/public/css/bootstrap-icons.css?v=5.2" rel="stylesheet">
  20. <link href="https://www.looveli.com/public/css/icomoon.css" rel="stylesheet">
  21.  
  22. <link href="https://www.looveli.com/public/css/bootstrap.min.css" rel="stylesheet">
  23.  
  24. <link href="https://www.looveli.com/public/css/styles.css?v=5.2" rel="stylesheet">
  25. <link href="https://www.looveli.com/public/js/plyr/plyr.css?v=5.2" rel="stylesheet" type="text/css" />
  26.  
  27.  
  28. <script type="text/javascript">
  29. // Global variables
  30.  var URL_BASE = "https://www.looveli.com";
  31.  var lang = 'en';
  32.  var _title = ' Looveli | Support Creators Content - ';
  33.  var session_status = "off";
  34.  var ReadMore = "View all";
  35.  var copiedSuccess = "Link successfully copied.";
  36.  var copied = "Copied!";
  37.  var copy_link = "Copy link";
  38.  var loading = "Loading...";
  39.  var please_wait = "Please wait...";
  40.  var error_occurred = "Error occurred";
  41.  var error_oops = "Oops...";
  42.  var error_reload_page = "Oops...Error occurred, please reload the page";
  43.  var ok = "Ok";
  44.  var user_count_carousel =  6;
  45.  var no_results_found = "No results have been found";
  46.  var no_results = "No results";
  47.  var no_one_seen_story_yet =  "No one has seen your story yet";
  48.  var is_profile = false;
  49.  var error_scrollelement = false;
  50.  var captcha = true;
  51.  var alert_adult = false;
  52.  var error_internet_disconnected = "The connection has been lost";
  53.  var announcement_cookie = "";
  54.  var resend_code = "Resend code";
  55.  var resending_code = "Resending code...";
  56.  var query = "";
  57.  var sortBy = "";
  58.  var login_continue = "Login to continue";
  59.  var register = "Sign up";
  60.  var login_with = "Login with";
  61.  var sign_up_with = "Sign up with";
  62.  var currentPage = "https://www.looveli.com";
  63.  var requestGender = false;
  64. </script>
  65.  
  66. <style type="text/css">
  67.  
  68.  .dropdown-item:hover {
  69.    background-color: #6e11d6!important;
  70. }
  71.  
  72.  
  73. .bg-gradient {
  74.  background: url('https://www.looveli.com/public/img/bg-gradient.jpg');
  75.  background-size: cover;
  76. }
  77.  
  78. a.social-share i {color: #797979; font-size: 32px;}
  79. a:hover.social-share { text-decoration: none; }
  80. .btn-whatsapp {color: #50b154 !important;}
  81. .close-inherit {color: inherit !important;}
  82. .btn-twitter { background-color: #000;  color:#fff !important;}
  83.  
  84. @media (max-width: 991px) {
  85.  .navbar-user-mobile {
  86.    font-size: 20px;
  87.  }
  88. }
  89. .or {
  90. display:flex;
  91. justify-content:center;
  92. align-items: center;
  93. color:grey;
  94. }
  95.  
  96. .or:after,
  97. .or:before {
  98.  content: "";
  99.  display: block;
  100.  background: #adb5bd;
  101.  width: 50%;
  102.  height:1px;
  103.  margin: 0 10px;
  104. }
  105.  
  106. .icon-navbar { font-size: 22px; vertical-align: bottom;  }
  107.  
  108. .btn, .sa-button-container button {border-radius: 50rem!important;}
  109.  
  110. .navbar_background_color { background-color: #ffffff !important; }
  111. .link-scroll a.nav-link:not(.btn), .navbar-toggler:not(.text-white) { color: #3a3a3a !important; }
  112.  
  113. @media (max-width: 991px) {
  114.  .navbar .navbar-collapse, .dd-menu-user, .dropdown-item.balance:hover
  115.  { background-color: #ffffff !important; color: #3a3a3a !important; }
  116.  .navbar-collapse .navbar-toggler span { background-color: #3a3a3a !important; }
  117.  .dropdown-divider { border-top-color: #ffffff !important;}
  118.  }
  119.  
  120. .footer_background_color { background-color: #ffffff !important; }
  121. .footer_text_color, .link-footer:not(.footer-tiny) { color: #5f5f5f; }
  122.  
  123.  
  124. :root {
  125.  --plyr-color-main: #6e11d6;
  126. }
  127. :root {
  128.  --swiper-theme-color: #6e11d6;
  129. }
  130. :root {
  131.  --color-media-wrapper:  #454545 ;
  132.  --color-pulse-media-wrapper:  #373737 ;
  133. }
  134.  
  135. .plyr--video.plyr--stopped .plyr__controls {display: none;}
  136.  
  137. @media (min-width: 767px) {
  138.  .login-btn { padding-top: 12px !important;}
  139. }
  140.  
  141. ::selection{ background-color: #6e11d6; color: white; }
  142. ::moz-selection{ background-color: #6e11d6; color: white; }
  143. ::webkit-selection{ background-color: #6e11d6; color: white; }
  144.  
  145. body a,
  146. a:hover,
  147. a:focus,
  148. a.page-link,
  149. .btn-outline-primary,
  150. .btn-link {
  151.    color: #6e11d6;
  152. }
  153. .text-primary {
  154.    color: #6e11d6!important;
  155. }
  156.  
  157. a.text-primary.btnBookmark:hover, a.text-primary.btnBookmark:focus {
  158.  color: #6e11d6!important;
  159. }
  160. .dropdown-menu {
  161.  font-size: 16px !important;
  162.  line-height: normal !important;
  163.  padding: .5rem !important;
  164. }
  165. .dropdown-item {
  166.  border-radius: 5px;
  167. }
  168. .btn-primary:not(:disabled):not(.disabled).active,
  169. .btn-primary:not(:disabled):not(.disabled):active,
  170. .show>.btn-primary.dropdown-toggle,
  171. .btn-primary:hover,
  172. .btn-primary:focus,
  173. .btn-primary:active,
  174. .btn-primary,
  175. .btn-primary.disabled,
  176. .btn-primary:disabled,
  177. .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
  178. .page-item.active .page-link,
  179. .page-link:hover,
  180. .owl-theme .owl-dots .owl-dot span,
  181. .owl-theme .owl-dots .owl-dot.active span,
  182. .owl-theme .owl-dots .owl-dot:hover span
  183. {
  184.    background-color: #6e11d6;
  185.    border-color: #6e11d6;
  186. }
  187. .bg-primary,
  188. .dropdown-item:focus,
  189. .dropdown-item:hover,
  190. .dropdown-item.active,
  191. .dropdown-item:active,
  192. .tooltip-inner,
  193. .custom-range::-webkit-slider-thumb,
  194. .custom-range::-webkit-slider-thumb:active {
  195.    background-color: #6e11d6!important;
  196. }
  197.  
  198. .custom-range::-moz-range-thumb:active,
  199. .custom-range::-ms-thumb:active {
  200.  background-color: #6e11d6!important;
  201. }
  202.  
  203. .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
  204. .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
  205. .btn-outline-primary {
  206.  border-color: #6e11d6;
  207. }
  208. .custom-control-input:not(:disabled):active~.custom-control-label::before,
  209. .custom-control-input:checked~.custom-control-label::before,
  210. .btn-outline-primary:hover,
  211. .btn-outline-primary:focus,
  212. .btn-outline-primary:not(:disabled):not(.disabled):active,
  213. .list-group-item.active,
  214. .btn-outline-primary:not(:disabled):not(.disabled).active,
  215. .badge-primary {
  216.    color: #fff;
  217.    background-color: #6e11d6;
  218.    border-color: #6e11d6;
  219. }
  220. .popover .arrow::before { border-top-color: rgba(0,0,0,.35) !important; }
  221. .bs-tooltip-bottom .arrow::before {
  222.  border-bottom-color: #6e11d6!important;
  223. }
  224. .arrow::before {
  225.  border-top-color: #6e11d6!important;
  226. }
  227. .nav-profile li.active {
  228.  border-bottom: 3px solid #6e11d6 !important;
  229. }
  230. .button-avatar-upload {left: 0;}
  231. input[type='file'] {overflow: hidden;}
  232. .badge-free { top: 10px; right: 10px; background: rgb(0 0 0 / 65%); color: #fff; font-size: 12px;}
  233.  
  234. .btn-facebook, .btn-twitter, .btn-google {position: relative;}
  235. .btn-facebook i  {
  236.  position: absolute;
  237.    left: 10px;
  238.    bottom: 14px;
  239.    width: 36px;
  240. }
  241.  
  242. .btn-twitter i {
  243.    position: absolute;
  244.    left: 10px;
  245.    bottom: 9px !important;
  246.    bottom: 13px;
  247.    width: 36px;
  248. }
  249.  
  250. .btn-google img  {
  251.  position: absolute;
  252.    left: 18px;
  253.    bottom: 12px;
  254.    width: 18px;
  255. }
  256.  
  257. .button-search {top: 0;}
  258.  
  259. @media (min-width: 768px) {
  260.  .pace {display:none !important;}
  261. }
  262.  
  263. @media (min-width: 992px) {
  264.  .menuMobile {display:none !important;}
  265. }
  266.  
  267. .pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
  268. .pace-inactive{display:none}
  269. .pace .pace-progress{background:#6e11d6;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:3px}
  270.  
  271. .menuMobile {
  272.  position: fixed;
  273.  bottom: 0;
  274.  left: 0;
  275.  z-index: 1040;
  276.  
  277. }
  278. .btn-mobile {border-radius: 25px;
  279.  }
  280. .btn-mobile:hover {
  281.    background-color: rgb(243 243 243 / 26%);
  282.    text-decoration: none !important;
  283.    -webkit-transition: all 200ms linear;
  284.    -moz-transition: all 200ms linear;
  285.    -o-transition: all 200ms linear;
  286.    -ms-transition: all 200ms linear;
  287.    transition: all 200ms linear;
  288. }
  289.  
  290. @media (max-width: 991px) {
  291.  .navbar .navbar-collapse {
  292.    width: 300px !important;
  293.    box-shadow: 5px 0px 8px #000;
  294.  }
  295.  
  296.  .card-profile {width: 100% !important; text-align: center;}
  297.  .section-msg {padding: 0 !important;}
  298.  .text-center-sm { text-align: center !important;}
  299.  
  300.  #navbarUserHome { position: initial !important;}
  301.  
  302.  .notify {
  303.    top: 5px !important;
  304.    right: 5px !important;
  305.  }
  306.  
  307.  }
  308. .sidebar-overlay #mobileMenuOverlay {
  309.    position: fixed;
  310.    width: 100%;
  311.    height: 100%;
  312.    background: rgba(0, 0, 0, 0.8);
  313.    z-index: 101;
  314.    -webkit-transition: all .9s;
  315.    -moz-transition: all .8s;
  316.    -ms-transition: all .8s;
  317.    -o-transition: all .8s;
  318.    transition: all .8s;
  319.    transition-delay: .35s;
  320.    left: 0;
  321. }
  322. .noti_notifications, .noti_msg {display: none;}
  323.  
  324. .link-menu-mobile {border-radius: 6px;}
  325. .link-menu-mobile:hover:not(.balance) {
  326.  background: rgb(242 242 242 / 40%);
  327. }
  328. a.link-border {text-decoration: none;}
  329. @media (max-width: 479px) {
  330.  .card-border-0 {
  331.    border-right: 0 !important;
  332.    border-left: 0 !important;
  333.    border-radius: 0 !important;
  334.  }
  335.  .card.rounded-large {
  336.    border-radius: 0 !important;
  337.  }
  338.  .wrap-post {padding: 0 !important;}
  339. }
  340.  
  341. @media (min-width: 576px) {
  342.  .modal-login {
  343.      max-width: 415px;
  344.  }
  345. }
  346. .toggleComments { cursor: pointer;}
  347. .blocked {left: 0; top: 0;}
  348. .card-settings > .list-group-flush>.list-group-item {border-width: 0 0 0px !important;}
  349. .btn-active-hover {background-color: #f3f3f3;}
  350.  
  351. /* Chrome, Safari, Edge, Opera */
  352. input::-webkit-outer-spin-button,
  353. input::-webkit-inner-spin-button {
  354.  -webkit-appearance: none;
  355.  margin: 0;
  356. }
  357.  
  358. /* Firefox */
  359. input[type=number] {
  360.  -moz-appearance: textfield;
  361. }
  362. .container-msg {position: relative; overflow: auto; overflow-x: hidden; flex: 2; -webkit-box-flex: 2;}
  363. .section-msg {
  364.    display: -webkit-box;
  365.    display: -ms-flexbox;
  366.    display: flex;
  367.    -webkit-box-flex: 1;
  368.    -ms-flex-positive: 1;
  369.    flex-grow: 1;
  370.    -webkit-box-orient: vertical;
  371.    -webkit-box-direction: normal;
  372.    -ms-flex-flow: column;
  373.    flex-flow: column;
  374.    min-width: 0;
  375.    width: 100%;
  376. }
  377. .container-media-msg {max-width: 100%;max-height: 100%;}
  378. .container-media-img {max-width: 100%;}
  379. .rounded-top-right-0 {border-top-right-radius: 0 !important;}
  380. .rounded-top-left-0{border-top-left-radius: 0 !important;}
  381. .custom-rounded {border-radius: 10px;}
  382. .card-profile {width: 75%;}
  383. .fancybox-button {background: none !important;}
  384. .modal-open .modal,
  385. .sweet-overlay {
  386.  backdrop-filter: blur(10px);
  387.  -webkit-backdrop-filter: blur(10px);
  388. }
  389. .pulse-btn:active > i,
  390. .pulse-btn:active > svg {
  391.  animation-duration: 600ms;
  392.  animation-name: pulse-animation;
  393.  animation-timing-function: ease-in;
  394.  -webkit-transition: all .1s;
  395.    transition: all .1s;
  396. }
  397. @keyframes pulse-animation{
  398.  0% { transform:scale(1.2); }
  399.  100% { transform:scale(0); }
  400. }
  401. .post-image {
  402.  max-height: 600px;
  403.  object-fit: cover;
  404.  object-position: 100% center;
  405. }
  406. @media (max-width: 600px) {
  407.  .post-image {
  408.      max-height: 90vw;
  409.  }
  410. }
  411. .swiper-container {
  412.  width: 100%;
  413. }
  414. .font-14 {
  415.  font-size: 14px;
  416. }
  417. .card-user-profile {
  418.  border-radius: .50rem!important;
  419. }
  420. .card-user-profile > .card-cover {
  421.  border-top-left-radius: .50rem!important;
  422.  border-top-right-radius: .50rem!important;
  423. }
  424. .btn-arrow-expand[aria-expanded='true'] > i.fa-chevron-down:before {
  425.    transform: rotate(180deg);
  426.    content: "\f077";
  427. }
  428.  
  429. .btn-menu-expand[aria-expanded='true'] > i.fa-bars:before {
  430.    content: "\f00d";
  431. }
  432. .wrapper-msg-right {
  433.  float: initial;
  434.  margin-right: auto;
  435.  max-width: 500px;
  436. }
  437. .wrapper-msg-left {
  438.  float: initial;
  439.  margin-left: auto;
  440.  max-width: 500px;
  441. }
  442. .post-img-grid {
  443.  position: absolute;
  444.  display: block;
  445.  left: 0;
  446.  right: 0;
  447.  top: 0;
  448.  bottom: 0;
  449.  width: 100%;
  450.  height: 100%;
  451.  opacity: 0;
  452. }
  453. @keyframes placeHolderShimmer {
  454.  0% {
  455.    background-position: -150px 0;
  456.  }
  457.  100% {
  458.    background-position: 150px 0;
  459.  }
  460. }
  461. .media-wrapper {
  462.  background-color: var(--color-media-wrapper);
  463.  animation-name: pulse;
  464.  animation-duration: 2s;
  465.  animation-iteration-count: infinite;
  466.  position: relative;
  467. }
  468.  
  469. @keyframes pulse {
  470.  0% {
  471.    background-color: var(--color-media-wrapper);
  472.  }
  473.  50% {
  474.    background-color: var(--color-pulse-media-wrapper);
  475.  }
  476.  100 {
  477.    background-color: var(--color-media-wrapper);
  478.  }
  479. }
  480. /* ----- MEDIA GRID 1 ------- */
  481. .media-grid-1 .media-wrapper {
  482.  position: relative;
  483.  padding-top: 60%;
  484.  width: 100%;
  485.  overflow: hidden;
  486.  background-size: cover;
  487.  background-position: center;
  488.  cursor: pointer;
  489.  border-radius: 6px;
  490.  -webkit-border-radius: 6px;
  491.  -o-border-radius: 6px;
  492.  -ms-border-radius: 6px;
  493.  display: block;
  494. }
  495.  
  496. /* ----- MEDIA GRID 2 ------- */
  497. .media-grid-2 {
  498.  position: relative;
  499.  width: 100%;
  500.  display: flex;
  501.  display: -webkit-flex;
  502. }
  503.  
  504. .media-grid-2 .media-wrapper {
  505.  position: relative;
  506.  padding-top: 45%;
  507.  width: 50%;
  508.  overflow: hidden;
  509.  background-size: cover;
  510.  background-position: center;
  511.  cursor: pointer;
  512. }
  513. .media-grid-2 .media-wrapper:nth-child(1),
  514. .media-grid-3 .media-wrapper:nth-child(1) {
  515.  border-bottom-left-radius: 6px;
  516.  -webkit-border-bottom-left-radius: 6px;
  517.  -o-border-bottom-left-radius: 6px;
  518.  -ms-border-bottom-left-radius: 6px;
  519.  border-top-left-radius: 6px;
  520.  -webkit-border-top-left-radius: 6px;
  521.  -o-border-top-left-radius: 6px;
  522.  -ms-border-top-left-radius: 6px;
  523. }
  524.  
  525. .media-grid-2 .media-wrapper:nth-child(2) {
  526.  border-bottom-right-radius: 6px;
  527.  -webkit-border-bottom-right-radius: 6px;
  528.  -o-border-bottom-right-radius: 6px;
  529.  -ms-border-bottom-right-radius: 6px;
  530.  border-top-right-radius: 6px;
  531.  -webkit-border-top-right-radius: 6px;
  532.  -o-border-top-right-radius: 6px;
  533.  -ms-border-top-right-radius: 6px;
  534. }
  535.  
  536. .media-grid-2 .media-wrapper:nth-child(2) {
  537.  margin-left: 3px;
  538. }
  539. .media-grid-1,
  540. .media-grid-3,
  541. .media-grid-4,
  542. .media-grid-5 {
  543.  position: relative;
  544.  width: 100%;
  545.  display: table;
  546.  overflow: hidden;
  547. }
  548. /* ----- MEDIA GRID 3 ------- */
  549. .media-grid-3 .media-wrapper:nth-child(1) {
  550.  position: relative;
  551.  padding-top: 70.6%;
  552.  width: calc(50% / 1 - 0px);
  553.  overflow: hidden;
  554.  background-size: cover;
  555.  background-position: center;
  556.  cursor: pointer;
  557.  float: left;
  558. }
  559. .media-grid-3 .media-wrapper:nth-child(2) {
  560.  position: relative;
  561.  padding-top: 35%;
  562.  width: calc(100% / 2 - 3px);
  563.  overflow: hidden;
  564.  background-size: cover;
  565.  background-position: center;
  566.  cursor: pointer;
  567.  float: left;
  568.  margin-left: 3px;
  569.  margin-bottom: 3px;
  570.  border-top-right-radius: 6px;
  571.  -webkit-border-top-right-radius: 6px;
  572.  -o-border-top-right-radius: 6px;
  573.  -ms-border-top-right-radius: 6px;
  574. }
  575. .media-grid-3 .media-wrapper:nth-child(3) {
  576.  position: relative;
  577.  padding-top: 35%;
  578.  width: calc(100% / 2 - 3px);
  579.  overflow: hidden;
  580.  background-size: cover;
  581.  background-position: center;
  582.  cursor: pointer;
  583.  float: left;
  584.  margin-left: 3px;
  585.  border-bottom-right-radius: 6px;
  586.  -webkit-border-bottom-right-radius: 6px;
  587.  -o-border-bottom-right-radius: 6px;
  588.  -ms-border-bottom-right-radius: 6px;
  589. }
  590.  
  591. /* ----- MEDIA GRID 4/5 OR MORE ------- */
  592. .media-grid-4 .media-wrapper:nth-child(1) {
  593.  position: relative;
  594.  padding-top: 50%;
  595.  width: calc(100% / 1 - 0px);
  596.  overflow: hidden;
  597.  background-size: cover;
  598.  background-position: center;
  599.  cursor: pointer;
  600.  float: left;
  601.  margin-bottom: 3px;
  602.  border-top-right-radius: 6px;
  603.  -webkit-border-top-right-radius: 6px;
  604.  -o-border-top-right-radius: 6px;
  605.  -ms-border-top-right-radius: 6px;
  606.  border-top-left-radius: 6px;
  607.  -webkit-border-top-left-radius: 6px;
  608.  -o-border-top-left-radius: 6px;
  609.  -ms-border-top-left-radius: 6px;
  610. }
  611. .media-grid-5 .media-wrapper:nth-child(1) {
  612.  position: relative;
  613.  padding-top: 45%;
  614.  width: calc(100% / 2 - 3px);
  615.  float: left;
  616.  overflow: hidden;
  617.  background-size: cover;
  618.  background-position: center;
  619.  cursor: pointer;
  620.  margin-bottom: 3px;
  621.  margin-right: 3px;
  622. }
  623. .media-grid-5 .media-wrapper:nth-child(2) {
  624.  position: relative;
  625.  padding-top: 45%;
  626.  width: calc(100% / 2 - 0px);
  627.  float: left;
  628.  overflow: hidden;
  629.  background-size: cover;
  630.  background-position: center;
  631.  cursor: pointer;
  632.  margin-bottom: 3px;
  633.  
  634. }
  635. .media-grid-4 .media-wrapper:nth-child(2),
  636. .media-grid-5 .media-wrapper:nth-child(3) {
  637.  position: relative;
  638.  padding-top: 30.3%;
  639.  width: calc(100% / 3 - 0px);
  640.  overflow: hidden;
  641.  background-size: cover;
  642.  background-position: center;
  643.  cursor: pointer;
  644.  float: left;
  645.  border-bottom-left-radius: 6px;
  646.  -webkit-border-bottom-left-radius: 6px;
  647.  -o-border-bottom-left-radius: 6px;
  648.  -ms-border-bottom-left-radius: 6px;
  649. }
  650. .media-grid-4 .media-wrapper:nth-child(3),
  651. .media-grid-5 .media-wrapper:nth-child(4) {
  652.  position: relative;
  653.  padding-top: 30.3%;
  654.  width: calc(100% / 3 - 3px);
  655.  overflow: hidden;
  656.  background-size: cover;
  657.  background-position: center;
  658.  cursor: pointer;
  659.  float: left;
  660.  margin-left: 3px;
  661. }
  662. .media-grid-4 .media-wrapper:nth-child(4),
  663. .media-grid-5 .media-wrapper:nth-child(5) {
  664.  position: relative;
  665.  padding-top: 30.3%;
  666.  width: calc(100% / 3 - 3px);
  667.  overflow: hidden;
  668.  background-size: cover;
  669.  background-position: center;
  670.  cursor: pointer;
  671.  float: left;
  672.  margin-left: 3px;
  673.  border-bottom-right-radius: 6px;
  674.  -webkit-border-bottom-right-radius: 6px;
  675.  -o-border-bottom-right-radius: 6px;
  676.  -ms-border-bottom-right-radius: 6px;
  677. }
  678. .media-grid-4 .media-wrapper:nth-child(1),
  679. .media-grid-4 .media-wrapper:nth-child(2),
  680. .media-grid-4 .media-wrapper:nth-child(3),
  681. .media-grid-4 .media-wrapper:nth-child(4) > img,
  682. .media-grid-4 .media-wrapper:nth-child(5) > img {
  683.  z-index: 2;
  684. }
  685. .wrapper-media-music {
  686.    width: 100%;
  687.    max-width: 500px;
  688.    height: auto;
  689.    border: 1px solid #DDD;
  690.    border-radius: 6px;
  691. }
  692. .progress-upload-cover {
  693.  background-color: #6e11d6 !important;
  694. }
  695. .more-media {
  696.  display: block;
  697.  background: rgba(0,0,0,.3);
  698.  position: absolute;
  699.  top: 0;
  700.  left: 0;
  701.  width: 100%;
  702.  height: 100%;
  703.  z-index: 9;
  704. }
  705. .more-media h2 {
  706.  line-height: 1.8;
  707.  text-align: center;
  708.  position: absolute;
  709.  left: 0;
  710.  width: 100%;
  711.  top: 50%;
  712.  margin-top: -30px;
  713.  color: #fff;
  714.  z-index: 5;
  715. }
  716. .container-post-media {
  717.  position: relative;
  718.  width: 100%;
  719.  display: flex;
  720.  display: -webkit-flex;
  721.  overflow: hidden;
  722. }
  723. .button-play {
  724.  cursor: pointer;
  725.  margin: auto auto;
  726.  width: 48px;
  727.  height: 48px;
  728.  position: absolute;
  729.  top: 0;
  730.  bottom: 0;
  731.  left: 0;
  732.  right: 0;
  733.  z-index: 3;
  734.  font-size: 28px;
  735.  line-height: 48px;
  736.  background-color: #6e11d6!important;
  737.  border-radius: 100%;
  738.  text-align: center;
  739.  opacity: 0.9;
  740. }
  741. .wrapper-msg-inbox {
  742.  overflow: auto;
  743.  overflow-x: hidden;
  744. }
  745. @media (max-width: 991px) {
  746.  .wrapper-msg-inbox {
  747.    padding-top: 78px !important;
  748.    padding-bottom: 60px !important;
  749.  }
  750. }
  751. .wrapper-msg-inbox::-webkit-scrollbar {
  752.    width: 5px;
  753.    height: 8px;
  754.    -webkit-transition: all 0.2s ease;
  755.          transition: all 0.2s ease;
  756. }
  757. .wrapper-msg-inbox::-webkit-scrollbar-track {
  758.    background-color:  #ebebeb ;
  759.    border-radius: 6px;
  760. }
  761. .wrapper-msg-inbox::-webkit-scrollbar-thumb {
  762.    background-color: #ccc;
  763.    border-radius: 6px;
  764. }
  765. .wrapper-msg-inbox {
  766.  scrollbar-color: #ccc  #ebebeb ;
  767.  scrollbar-width: 5px;
  768. }
  769. .msg-inbox {
  770.  border: 0;
  771. }
  772. @media (min-width: 1280px) {
  773.  .container-lg-3 {
  774.    max-width: 1300px;
  775.  }
  776. }
  777. .menu-left-home li > a {
  778.  padding: 5px 12px;
  779.  display: block;
  780.  font-size: 19px;
  781.  text-decoration: none;
  782.  margin-bottom: 8px;
  783.  border-radius: 20px;
  784.  color: #8a96a3;
  785.  -webkit-transition: all 200ms linear;
  786.  -moz-transition: all 200ms linear;
  787.  -o-transition: all 200ms linear;
  788.  -ms-transition: all 200ms linear;
  789.  transition: all 200ms linear;
  790. }
  791. .menu-left-home li > a:hover,
  792. .menu-left-home li > a.active {
  793.  background-color: #6e11d6;
  794.  color: white;
  795. }
  796. .sticky-top {
  797.    top: 90px;
  798. }
  799. .btn-category {
  800.  width: 100%;
  801.  text-align: left;
  802. }
  803. .category-filter {
  804.  padding: 10px 15px;
  805.  display: block;
  806.  font-weight: bold;
  807. }
  808. .text-red {
  809.  color: #F00;
  810. }
  811. .text-orange {
  812.  color: #ff3507;
  813. }
  814. .img-vertical-lg {
  815.  padding-top: 80% !important;
  816.  max-width: 300px;
  817. }
  818. .wrapper-msg-left .img-vertical-lg {
  819.  float:right;
  820. }
  821. .wrapper-msg-right .img-vertical-lg {
  822.  float:left;
  823. }
  824. .button-white-sm {
  825.  padding: 4px 15px;
  826.  border: 1px solid #ccc;
  827.  border-radius: 20px;
  828.  text-align: center;
  829.  font-size: 14px;
  830.  color:  #333 ;
  831.  display: inline-block;
  832.  vertical-align: middle;
  833. }
  834. a:hover.button-white-sm {
  835.  text-decoration: none;
  836.  border-color: #6e11d6;
  837.  background-color: #6e11d6;
  838.  color: white;
  839.  -webkit-transition: all 200ms linear;
  840.  -moz-transition: all 200ms linear;
  841.  -o-transition: all 200ms linear;
  842.  -ms-transition: all 200ms linear;
  843.  transition: all 200ms linear;
  844. }
  845. .msg-inbox .active .verified {
  846.  color: #FFF !important;
  847. }
  848. select[multiple] {
  849.  visibility: hidden;
  850. }
  851. .select2-container
  852. .select2-selection--multiple {
  853.  min-height: 47px !important;
  854. }
  855.  
  856. .select2-container--default
  857. .select2-selection--multiple {
  858.  border-left-width: 0 !important;
  859.  border-bottom-left-radius: 0 !important;
  860.  border-top-left-radius: 0 !important;
  861.  
  862.  background-color:  #fff !important ;
  863.  border-color:  #cad1d7 !important ;
  864. }
  865.  
  866. .select2-hidden-accessible {
  867.  position: absolute !important;
  868. }
  869. .select2-container--default
  870. .select2-selection--multiple
  871. .select2-selection__choice {
  872.  background-color: var(--plyr-color-main) !important;
  873.  border: 1px solid var(--plyr-color-main) !important;
  874.  color: #fff !important;
  875.  padding: 4px 10px !important;
  876. }
  877. .select2-results__option {
  878.  color: #333;
  879. }
  880. .select2-container
  881. .select2-search--inline
  882. .select2-search__field {
  883.  margin-top: 10px !important;
  884. }
  885. .announcements a {
  886.  text-decoration: none;
  887.  border-bottom: 1px solid;
  888.  color: #fff;
  889. }
  890. .unread-chat {
  891.  background-color: #f8f9fa;
  892. }
  893. .glightbox-open {
  894. height: auto !important;
  895. }
  896. .txt-black {color: #241e12;}
  897. .p-bottom-8 {padding-bottom: 8px;}
  898. .pinned-post {border-color:#6e11d6 !important;}
  899. .post-pending {
  900.  border-color:#ff9800 !important;
  901. }
  902. .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.03);}
  903.  
  904.  
  905. @media (max-width: 991px) {
  906.  .w-100-mobile {
  907.    width: 100% !important;
  908.  }
  909. }
  910. .button-like-live {
  911.  font-size: 25px;
  912. }
  913. @media (max-width: 767px) {
  914.  
  915.  .wrapper-live-chat  {
  916.    background-color: transparent !important;
  917.    position: absolute !important;
  918.    padding: 0 !important;
  919.    z-index: 200 !important;
  920.    max-height: 250px !important;
  921.    bottom: 0;
  922.    left: 0;
  923.    -webkit-mask-image: linear-gradient(transparent 0%, rgba(50, 50, 50, 1.0) 20%);
  924.  }
  925.  .wrapper-live-chat > .card,
  926.  #commentLive {
  927.    background-color: transparent !important;
  928.    color: #FFF;
  929.  }
  930.  .titleChat {
  931.    display: none !important;
  932.  }
  933.  #allComments {
  934.    padding-top: 20px !important;
  935.  }
  936.  .live-blocked {
  937.    background-color: rgba(255, 255, 255, 0.1) !important;
  938.  }
  939.  li.chatlist {
  940.    color: #FFF !important;
  941.    font-size: 14px;
  942.    text-shadow: 0 1px 2px #000;
  943.  }
  944.  .wrapper-live-chat .content {
  945.    padding-bottom: 0 !important;
  946.    padding-top: 0 !important;
  947.  }
  948.  .wrapper-live-chat .card-footer {
  949.    border: 0 !important;
  950.  }
  951.  .buttons-live {
  952.    color: #FFF !important;
  953.  }
  954.  .buttons-live:hover {
  955.    background-color: transparent !important;
  956.  }
  957.  #commentLive::placeholder {
  958.    color: #FFF !important;
  959.    opacity: 1;
  960.  }
  961.  #commentLive::-moz-placeholder {
  962.    color: #FFF !important;
  963.    opacity: 1;
  964.  }
  965.  #commentLive::-ms-input-placeholder {
  966.    color: #FFF !important;
  967.    opacity: 1;
  968.  }
  969.  #commentLive:-ms-input-placeholder {
  970.    color: #FFF !important;
  971.    opacity: 1;
  972.  }
  973.  #commentLive::-webkit-input-placeholder {
  974.    color: #FFF !important;
  975.    opacity: 1;
  976.  }
  977.  input#commentLive {
  978.    border: 1px solid #FFF !important;
  979.    border-radius: 60px;
  980.  }
  981.  .offline-live { display: none;}
  982. }/* End max-width 767 */
  983.  
  984. .tipped-live {
  985.  font-size: 14px;
  986.  text-shadow: 0 1px 4px #4b4b4b;
  987. }
  988. .live_offline::before {
  989.  top: 0;
  990.  left: 0;
  991.  right: 0;
  992.  bottom: 0;
  993.  backdrop-filter: blur(15px);
  994.  -webkit-backdrop-filter: blur(15px);
  995.  content: "";
  996.  z-index: 1;
  997.  position: absolute;
  998. }
  999. .live_offline::after {
  1000.  top: 0;
  1001.  left: 0;
  1002.  right: 0;
  1003.  bottom: 0;
  1004.  content: "";
  1005.  z-index: 1;
  1006.  position: absolute;
  1007.  background-color: rgba(50, 50, 50, 0.8);
  1008. }
  1009. .text-content-live {
  1010.  position: relative;
  1011.  color: #FFF;
  1012.  z-index: 2 !important;
  1013. }
  1014. #full-screen-video {
  1015.  position: relative;
  1016.  width: 100%;
  1017.  height: 100%;
  1018. }
  1019. .liveContainer {
  1020.  background-color: #000;
  1021. }
  1022. .live-top-menu {
  1023.  width: 100%;
  1024.  padding: 1rem!important;
  1025.  position: absolute;
  1026.  top: 0;
  1027.  right: 0;
  1028.  z-index: 200;
  1029. }
  1030. @keyframes pulse-live {
  1031.  0% {
  1032.    background-color: #ff0000;
  1033.  }
  1034.  50% {
  1035.    background-color: #ff0000b0;
  1036.  }
  1037.  100 {
  1038.    background-color: #ff0000;
  1039.  }
  1040. }
  1041. .live {
  1042.  color: #fff;
  1043.  border-color: #ff0000;
  1044.  background-color: #ff0000;
  1045.  padding: 5px 15px;
  1046.  border-radius: 4px;
  1047.  display: inline-block;
  1048.  vertical-align: text-top;
  1049.  font-weight: bold;
  1050.  animation-name: pulse-live;
  1051.  animation-duration: 2s;
  1052.  animation-iteration-count: infinite;
  1053. }
  1054. .live-views {
  1055.  color: #fff;
  1056.  border-color: #000000;
  1057.  background-color: #0000007a;
  1058.  padding: 5px 15px;
  1059.  border-radius: 4px;
  1060.  display: inline-block;
  1061.  vertical-align: text-top;
  1062.  font-weight: bold;
  1063. }
  1064. .close-live,
  1065. .exit-live,
  1066. .live-options {
  1067.  color: #FFF;
  1068.  font-size: 22px;
  1069.  vertical-align: bottom;
  1070.  cursor: pointer;
  1071. }
  1072. .text-shadow-sm {
  1073.  text-shadow: 0 1px 0px #000;
  1074. }
  1075. .div-flex {
  1076.  flex: 1 1 auto;
  1077.  position: relative;
  1078.  min-height: 12px;
  1079. }
  1080. .chat-msg {
  1081.  flex: 1 1 auto;
  1082.  display: flex;
  1083.  flex-direction: column;
  1084. }
  1085. .menu-options-live a {
  1086.  cursor: pointer;
  1087. }
  1088. .avatar-wrap-live {
  1089.  width: 150px;
  1090.  height: 150px;
  1091.  border-radius: 50%;
  1092.  margin: 0 auto;
  1093.  background-color: #FFF;
  1094.  margin-bottom: 15px;
  1095. }
  1096. .video-poster-html {
  1097.  position:absolute;
  1098.  right: 0;
  1099.  top: 0;
  1100.  min-width: 100%;
  1101.  max-width: 100%;
  1102.  height: 100%;
  1103.  width: auto;
  1104.  z-index: 2;
  1105.  margin: 0 auto;
  1106.  object-fit: cover;
  1107. }
  1108. .wrapper-live {
  1109.  position: relative;
  1110.  max-width: 100px;
  1111.  margin: auto;
  1112. }
  1113. @keyframes pulseLive {
  1114.  0% {
  1115.    opacity: 0.1;
  1116.    transform: scale(1.05);
  1117.  }
  1118.  50% {
  1119.    opacity: 1;
  1120.    transform: scale(1.15);
  1121.  }
  1122.  100% {
  1123.    opacity: 0.1;
  1124.    transform: scale(1.3);
  1125.  }
  1126. }
  1127. .live-pulse {
  1128.  top: 0;
  1129.  left: 0;
  1130.  right: 0;
  1131.  bottom: 0;
  1132.  position: absolute;
  1133.  border: 3px solid #ff0000;
  1134.  z-index: 1;
  1135.  border-radius: 50%;
  1136. }
  1137. .live-pulse::after,
  1138. .live-pulse::before {
  1139.  width: 100%;
  1140.  border: 2px solid #ff0000 !important;
  1141.  height: 100%;
  1142.  content: "";
  1143.  display: block;
  1144.  z-index: 2;
  1145.  position: absolute;
  1146.  border-radius: 50%;
  1147.  animation-name: pulseLive;
  1148.  animation-duration: 1.6s;
  1149.  animation-iteration-count: infinite;
  1150.  animation-timing-function: ease-in-out;
  1151. }
  1152. .live-pulse::after {
  1153.  animation-delay: .5s;
  1154. }
  1155. .live-span {
  1156.  width: 39px;
  1157.  left: 0;
  1158.  right: 0;
  1159.  bottom: -10px;
  1160.  height: 17px;
  1161.  border-radius: 3px;
  1162.  text-transform: uppercase;
  1163.  justify-content: center;
  1164.  background-color: #ff0000;
  1165.  margin: auto;
  1166.  display: flex;
  1167.  z-index: 2;
  1168.  position: absolute;
  1169.  font-size: 8px;
  1170.  text-align: center;
  1171.  align-items: center;
  1172.  font-weight: 900;
  1173.  color: #FFF;
  1174. }
  1175. .button-like-live .bi-heart-fill {
  1176.  color: #F00 !important;
  1177. }
  1178. .avatar-live {
  1179.  border: 2px solid #f00;
  1180. }
  1181. .liveLink {cursor: pointer;}
  1182. .icon-wrap {
  1183.  position: absolute;
  1184.  top: -30px;
  1185.  right: 10px;
  1186.  z-index: 0;
  1187.  font-size: 115px;
  1188.  color: rgba(0,0,0,0.10);
  1189.  transform: rotate(20deg);
  1190. }
  1191. .inner-wrap {
  1192.  position: relative;
  1193.  z-index: 1;
  1194. }
  1195. .fee-wrap {
  1196.  padding: 5px 10px;
  1197.  border: 1px dashed #ccc;
  1198.  border-radius: 6px;
  1199. }
  1200. .btn-arrow-expand-bi[aria-expanded='true'] .bi-chevron-down::before {
  1201.  transform: rotate(180deg);
  1202. }
  1203. .transition-icon::before {
  1204.  -moz-transition: all 0.3s ease;
  1205.  -webkit-transition: all 0.3s ease;
  1206.  transition: all 0.3s ease;
  1207. }
  1208. .limitLiveStreaming {
  1209.  position: absolute;
  1210.  top: 45px;
  1211.  left: 65px;
  1212. }
  1213. .subscriptionDiscount {
  1214.  font-size: 14px;
  1215.  padding: 2px 20px;
  1216.  border: 1px dashed;
  1217.  border-radius: 50px;
  1218.  margin-top: 5px;
  1219.  margin-bottom: 5px;
  1220.  display: inline-block;
  1221. }
  1222. .border-dashed-radius {
  1223.  border: 1px dashed #a7a7a7;
  1224.  border-radius: 10px;
  1225. }
  1226. .list-taxes:last-child {
  1227.  border-bottom: 0 !important;
  1228.  border-radius: inherit;
  1229. }
  1230. .search-bar {
  1231.  border-radius: 60px;
  1232.  padding: 12px 20px !important;
  1233.  height: 40px !important;
  1234.  background-color: #f6f6f6;
  1235.  border: 1px solid transparent !important;
  1236. }
  1237. .search-bar:focus {
  1238.  border: 1px solid #ced4da !important;
  1239.  -moz-transition: all 0.3s ease;
  1240.  -webkit-transition: all 0.3s ease;
  1241.  transition: all 0.3s ease;
  1242. }
  1243.  
  1244. .count-previews {
  1245.  position: absolute;
  1246.  right: 10px;
  1247.  top: 10px;
  1248.  padding: 8px 6px;
  1249.  background: #0000009e;
  1250.  border-radius: 6px;
  1251.  color: #fff;
  1252.  font-size: 12px;
  1253. }
  1254. a.link-shop,
  1255. a.choose-type-sale {
  1256.  color: inherit;
  1257.  text-decoration: none;
  1258. }
  1259. a:hover.choose-type-sale {
  1260.  border-color: #6e11d6;
  1261. }
  1262. .text-truncate-2 {
  1263.  word-wrap: break-word;
  1264.  -webkit-line-clamp: 2;
  1265.  -webkit-box-orient: vertical;
  1266.  white-space: pre-wrap;
  1267.  white-space: -moz-pre-wrap;
  1268.  white-space: -pre-wrap;
  1269.  white-space: -o-pre-wrap;
  1270.  word-break: break-word;
  1271.  text-align: left;
  1272.  display: -webkit-box;
  1273.  line-height: normal;
  1274.  height: auto;
  1275.  overflow: hidden;
  1276.  text-overflow: ellipsis;
  1277. }
  1278. .price-shop {
  1279.  position: absolute;
  1280.  right: 10px;
  1281.  bottom: 10px;
  1282.  padding: 8px 6px;
  1283.  background: #6e11d6;
  1284.  border-radius: 6px;
  1285.  color: #fff;
  1286.  font-size: 18px;
  1287.  font-weight: bold;
  1288. }
  1289. .rounded-large {
  1290.  border-radius: 15px!important;
  1291. }
  1292. .shadow-large {
  1293.    box-shadow: 0 8px 30px rgba(0,0,0,.05)!important;
  1294. }
  1295. .buttons-mobile-nav {
  1296.  position: absolute;
  1297.  right: 10px;
  1298.  top: 10px;
  1299. }
  1300. .btn-mobile-nav {
  1301.  }
  1302. .btn-mobile-nav:hover {
  1303.  text-decoration: none !important;
  1304. }
  1305.  
  1306. .modal-content,
  1307. .modal-content > .modal-body > .card {
  1308.  border-radius: 0.8rem;
  1309. }
  1310.  
  1311. .btn-arrow::after {
  1312.    font-family: "bootstrap-icons";
  1313.    display: inline-block;
  1314.    padding-left: 5px;
  1315.    content: "\f138";
  1316.    transition: transform 0.3s ease-out;
  1317.    vertical-align: middle;
  1318.  
  1319. }
  1320. .btn-arrow-sm::after {
  1321.  font-size: 13px;
  1322. }
  1323. .btn-arrow:hover::after {
  1324.    transform: translateX(4px);
  1325. }
  1326. .btn-search {
  1327.    color: #c3c3c3;
  1328.    background: none;
  1329.    position: absolute;
  1330.    left: 0;
  1331.    outline: none;
  1332.    border: none;
  1333.    width: 50px;
  1334.    text-align: center;
  1335.    bottom: 20%;
  1336. }
  1337. .custom-select {
  1338.    white-space: nowrap;
  1339.    text-overflow: ellipsis;
  1340.    overflow: hidden;
  1341. }
  1342. .ui-widget-content {
  1343.  padding: 10px;
  1344.  border: 0 !important;
  1345.  border-bottom-left-radius: 6px;
  1346.  border-bottom-right-radius: 6px;
  1347.  box-shadow: rgb(101 119 134 / 20%) 0px 0px 15px, rgb(101 119 134 / 15%) 0px 0px 3px 1px;
  1348. }
  1349. .ui-state-active,
  1350. .ui-widget-content
  1351. .ui-state-active {
  1352.    width: 100%;
  1353.    display: block;
  1354.    border: 0 !important;
  1355.    background: #efefef;
  1356.    color: #333;
  1357.    text-decoration: none;
  1358.    margin: 0;
  1359.    border-radius: 6px;
  1360.  }
  1361. .ui-menu .ui-menu-item-wrapper {
  1362.  width: 100%;
  1363.  display: block;
  1364. }
  1365. .ui-menu.ui-menu-item:not(:last-child) {
  1366.  margin-bottom: 10px;
  1367. }
  1368. .ui-widget {
  1369.  font-size: 15px;
  1370. }
  1371. .btn-sm-custom {
  1372.  font-size: .875rem;
  1373.  line-height: 1.5;
  1374.  padding: 0.25rem 0.5rem;
  1375. }
  1376. .dropdown-item {
  1377.  padding: 0.3rem 1.5rem;
  1378. }
  1379. .triggerEmoji {
  1380.  font-size: 20px;
  1381.  position: absolute;
  1382.  right: 0;
  1383.  top: 40%;
  1384.  cursor: pointer;
  1385. }
  1386. .triggerEmojiPost {
  1387.  font-size: 20px;
  1388.  position: absolute;
  1389.  right: 0;
  1390.  top: 0px;
  1391.  cursor: pointer;
  1392. }
  1393. .emoji {
  1394.  font-size: 26px;
  1395.  line-height: 32px;
  1396.  padding: 5px 8px;
  1397.  display: block;
  1398.  cursor: pointer;
  1399.  margin-bottom: 2px;
  1400. }
  1401. .dropdown-emoji {
  1402.  width: 350px;
  1403.  max-width: 350px;
  1404.  max-height: 300px;
  1405.  overflow: auto scroll;
  1406. }
  1407. .type-item {
  1408.  position: absolute;
  1409.  top: 10px;
  1410.  left: 10px;
  1411.  z-index: 2;
  1412.  background-color: #0000008c;
  1413.  font-size: 13px;
  1414.  color: #fff;
  1415. }
  1416. .font-13 {
  1417.  font-size: 13px;
  1418. }
  1419.  
  1420. .custom-scrollbar::-webkit-scrollbar {
  1421.    width: 5px;
  1422.    height: 8px;
  1423.    -webkit-transition: all 0.2s ease;
  1424.          transition: all 0.2s ease;
  1425. }
  1426. .custom-scrollbar::-webkit-scrollbar-track {
  1427.    background-color:  #ebebeb ;
  1428.    border-radius: 6px;
  1429. }
  1430. .custom-scrollbar::-webkit-scrollbar-thumb {
  1431.    background-color: #ccc;
  1432.    border-radius: 6px;
  1433. }
  1434. .custom-scrollbar {
  1435.  scrollbar-color: #ccc  #ebebeb ;
  1436.  scrollbar-width: 5px;
  1437. }
  1438. .icon--dashboard {
  1439.    color: rgb(0 0 0 / 2%) !important;
  1440.    transform: none !important;
  1441. }
  1442. .text-revenue {
  1443.  position: relative;
  1444.  z-index: 10;
  1445. }
  1446. .quality-video {
  1447.  padding: 2px 4px;
  1448.  background-color: #fff;
  1449.  color: #000;
  1450.  border-radius: 3px;
  1451.  margin: 0 5px;
  1452.  font-weight: bold;
  1453. }
  1454. .line-replies {
  1455.  align-items: stretch;
  1456.  border: 0;
  1457.  border-bottom: 1px solid #6e11d6;
  1458.  box-sizing: border-box;
  1459.  display: inline-block;
  1460.  flex-direction: column;
  1461.  flex-shrink: 0;
  1462.  font: inherit;
  1463.  font-size: 100%;
  1464.  height: 0;
  1465.  margin: 0;
  1466.  margin-right: 16px;
  1467.  padding: 0;
  1468.  position: relative;
  1469.  vertical-align: middle;
  1470.  width: 24px;
  1471. }
  1472. .mr-14px {
  1473.    margin-right: 14px;
  1474. }
  1475. .dot-item:not(:last-child):after {
  1476.   font-family: "bootstrap-icons";
  1477.    content: "\F309";
  1478.    margin-left: 6px;
  1479.    color: inherit;
  1480.    vertical-align: middle;
  1481. }
  1482. .add-story {
  1483.  max-height: 160px;
  1484.  max-width: 110px;
  1485.  width: 25vw;
  1486.  border-radius: 5px;
  1487.  display: inline-block;
  1488.  margin: 0 6px;
  1489.  vertical-align: top;
  1490. }
  1491. .item-add-story {
  1492.  text-decoration: none;
  1493.  text-align: left;
  1494.  color: #fff;
  1495.  position: relative;
  1496.  max-height: 160px;
  1497.  display: block;
  1498. }
  1499. .add-story-preview {
  1500.  display: block;
  1501.  box-sizing: border-box;
  1502.  font-size: 0;
  1503.  max-height: 160px;
  1504.  height: 48vw;
  1505.  overflow: hidden;
  1506.  transition: transform .2s;
  1507. }
  1508. .add-story-preview img {
  1509.  display: block;
  1510.  box-sizing: border-box;
  1511.  height: 100%;
  1512.  width: 100%;
  1513.  background-size: cover;
  1514.  background-position: 50%;
  1515.  object-fit: cover;
  1516.  border-radius: 5px;
  1517.  position: absolute;
  1518. }
  1519. .item-add-story > .info {
  1520.  top: auto;
  1521.  height: auto;
  1522.  box-sizing: border-box;
  1523.  position: absolute;
  1524.  left: 0;
  1525.  right: 0;
  1526.  bottom: 0;
  1527.  padding: 6px;
  1528.  font-weight: 700;
  1529.  font-size: 12px;
  1530.  text-shadow: 1px 1px 1px rgb(0 0 0 / 35%), 1px 0 1px rgb(0 0 0 / 35%);
  1531.  display: inline-block;
  1532.  margin-top: 0.5em;
  1533.  line-height: 1.2em;
  1534.  width: 100%;
  1535.  overflow: hidden;
  1536.  text-overflow: ellipsis;
  1537.  border-bottom-left-radius: 5px;
  1538.  border-bottom-right-radius: 5px;
  1539.  z-index: 10;
  1540. }
  1541. .item-add-story > .info > .name {
  1542.  font-weight: 500;
  1543. }
  1544. .delete-history {
  1545.  position: absolute;
  1546.  top: 5px;
  1547.  right: 5px;
  1548.  padding: 2px 6px;
  1549.  background-color: #00000096!important;
  1550.  color: #fff;
  1551.  z-index: 2;
  1552.  border-radius: 6px;
  1553.  z-index: 10;
  1554. }
  1555. .bg-dark-transparent {
  1556.  background-color: #00000096!important;
  1557. }
  1558. .storyBackgrounds, .fontColor {
  1559.  width: 30px;
  1560.  height: 30px;
  1561.  object-fit: cover;
  1562.  border-radius: 50px;
  1563.  cursor: pointer;
  1564.  display: inline-block;
  1565. }
  1566. .storyBackgrounds.active,
  1567. .storyBg:first-child,
  1568. .fontColor.active {
  1569.  border: 1px solid #fff;
  1570.  box-shadow: 0 0 0 3px #6e11d6;
  1571. }
  1572. .fontColor-white {background-color: #fff;}
  1573. .fontColor-black {background-color: #000;}
  1574. .bg-current {
  1575.  border-radius: 10px;
  1576.  height: 700px;
  1577. }
  1578. .bg-inside {
  1579.  position: relative;
  1580.  overflow: auto;
  1581.  overflow-x: hidden;
  1582.  flex: 2;
  1583.  -webkit-box-flex: 2;
  1584.  border-radius: 10px;
  1585.  max-width: 400px;
  1586.  height: 650px;
  1587. }
  1588. .text-story {
  1589.  font-size: 24px;
  1590.  font-family: Arial;
  1591.  word-break: break-word;
  1592.  font-weight: bold;
  1593.  color: #fff;
  1594. }
  1595. .modalStoryViews {
  1596.  max-height: 400px;
  1597. }
  1598. .modal-text-story {
  1599.  color: #fff;
  1600.  position: absolute;
  1601.  top: 50%;
  1602.  left: 50%;
  1603.  z-index: 100;
  1604.  transform: translate(-50%, -50%);
  1605.  font-size: 24px;
  1606.  font-family: Arial;
  1607.  word-break: break-word;
  1608.  white-space: break-spaces;
  1609.  font-weight: bold;
  1610.  width: 45vh;
  1611.  text-align: center;
  1612. }
  1613. .text-story-preview {
  1614.    color: #fff;
  1615.    position: absolute;
  1616.    top: 50%;
  1617.    left: 50%;
  1618.    z-index: 100;
  1619.    transform: translate(-50%, -50%);
  1620.    font-size: 5px;
  1621.    font-family: Arial;
  1622.    word-break: break-word;
  1623.    white-space: break-spaces;
  1624.    font-weight: bold;
  1625.    width: 10vh;
  1626.    text-align: center;
  1627. }
  1628. .profilePhoto, .info>.name {cursor: pointer;}
  1629. .profilePhoto {border-radius: 50%;}
  1630. .bg-black {background-color: #18191a!important;}
  1631. .border-2 {border: 2px solid #fff!important;}
  1632. .verified-story:after {
  1633.  font-family: "bootstrap-icons";
  1634.  display: inline-block;
  1635.  padding-left: 5px;
  1636.  content: "\F4B6";
  1637.  vertical-align: middle;
  1638. }
  1639. .grecaptcha-badge {
  1640.  visibility: hidden;
  1641. }
  1642. .btn-post {
  1643.  width: 48px;
  1644.  height: 48px;
  1645.  padding: 0;
  1646. -webkit-transition: all 200ms linear;
  1647.  -moz-transition: all 200ms linear;
  1648.  -o-transition: all 200ms linear;
  1649.  -ms-transition: all 200ms linear;
  1650.  transition: all 200ms linear;
  1651. }
  1652. .btn-post:hover {
  1653.  background-color: #f3f3f3;
  1654. }
  1655. @media (max-width: 991px) {
  1656.  .btn-post {
  1657.    width: 40px;
  1658.    height: 40px;
  1659.  }
  1660. }
  1661. .icons-live {
  1662.  padding: 10px 12px;
  1663. -webkit-transition: all 200ms linear;
  1664.  -moz-transition: all 200ms linear;
  1665.  -o-transition: all 200ms linear;
  1666.  -ms-transition: all 200ms linear;
  1667.  transition: all 200ms linear;
  1668. }
  1669. .icons-live:hover {
  1670.  background-color: #f3f3f3;
  1671. }
  1672. .thumbnails-shop {
  1673. display: flex;
  1674. margin: 1rem auto 0;
  1675. padding: 0;
  1676. justify-content: center;
  1677. }
  1678.  
  1679.  
  1680. .thumbnail-shop {
  1681. width: 70px;
  1682. height: 70px;
  1683. overflow: hidden;
  1684. list-style: none;
  1685. margin: 0 0.2rem;
  1686. cursor: pointer;
  1687. opacity: 0.3;
  1688. }
  1689.  
  1690. .thumbnail-shop.is-active {
  1691.  opacity: 1;
  1692. }
  1693.  
  1694. .thumbnail-shop img {
  1695. width: 100%;
  1696. height: auto;
  1697. }
  1698. .buttonDisabled {
  1699.  opacity: .3;
  1700.  cursor: default;
  1701. }
  1702. .buttonDisabled:active > i {
  1703.  animation: none !important;
  1704. }
  1705. .container-full-w {
  1706.  max-width: 100% !important;
  1707. }
  1708. .font-12 {
  1709.  font-size: 12px;
  1710. }
  1711. .b-radio-custom {
  1712.  border-radius: 0.8rem !important;
  1713. }
  1714. </style>
  1715.  
  1716.      <!-- Web Application Manifest -->
  1717. <link rel="manifest" href="https://www.looveli.com/manifest.json">
  1718. <!-- Add to homescreen for Chrome on Android -->
  1719. <meta name="mobile-web-app-capable" content="yes">
  1720. <meta name="application-name" content="Looveli">
  1721.  
  1722. <!-- Add to homescreen for Safari on iOS -->
  1723. <meta name="apple-mobile-web-app-capable" content="yes">
  1724. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  1725. <meta name="apple-mobile-web-app-title" content="Looveli">
  1726. <link rel="apple-touch-icon" href="public/images/icons/icon-512x512.png">
  1727.  
  1728.  
  1729. <link href="public/images/icons/splash-640x1136.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  1730. <link href="public/images/icons/splash-750x1334.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  1731. <link href="public/images/icons/splash-828x1792.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  1732. <link href="public/images/icons/splash-1242x2208.png" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
  1733. <link href="public/images/icons/splash-1242x2688.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  1734. <link href="public/images/icons/splash-1125x2436.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
  1735. <link href="public/images/icons/splash-1536x2048.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  1736. <link href="public/images/icons/splash-1668x2224.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  1737. <link href="public/images/icons/splash-2048x2732.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  1738.  
  1739. <!-- Tile for Win8 -->
  1740. <meta name="msapplication-TileColor" content="#ffffff">
  1741. <meta name="msapplication-TileImage" content="public/images/icons/icon-512x512.png">
  1742.  
  1743. <script type="text/javascript">
  1744.    // Initialize the service worker
  1745.    if ('serviceWorker' in navigator) {
  1746.        navigator.serviceWorker.register('https://www.looveli.com/serviceworker.js?v=5.2', {
  1747.            scope: '.'
  1748.        }).then(function (registration) {
  1749.            // Registration was successful
  1750.            console.log('Laravel PWA: ServiceWorker registration successful with scope: ', registration.scope);
  1751.        }, function (err) {
  1752.            // registration failed :(
  1753.            console.log('Laravel PWA: ServiceWorker registration failed: ', err);
  1754.        });
  1755.    }
  1756. </script>
  1757.  
  1758.  
  1759.   <!-- Global site tag (gtag.js) - Google Analytics -->
  1760. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-207647282-1"></script>
  1761. <script>
  1762.  window.dataLayer = window.dataLayer || [];
  1763.  function gtag(){dataLayer.push(arguments);}
  1764.  gtag('js', new Date());
  1765.  
  1766.  gtag('config', 'UA-207647282-1');
  1767. </script>
  1768.  </head>
  1769.  
  1770. <body>
  1771.  <!-- preloader -->
  1772. <div class="loader-bg">
  1773.   <div class="loader-p">
  1774.  
  1775.   </div>
  1776. </div>
  1777. <!-- preloader end -->
  1778.  
  1779.  
  1780.  <div id="mobileMenuOverlay" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"></div>
  1781.  
  1782.  
  1783.  
  1784.  
  1785.  <div class="popout popout-error font-default"></div>
  1786.  
  1787.  <header>
  1788. <nav class="navbar navbar-expand-lg navbar-inverse fixed-top p-nav  scroll ">
  1789. <div class="container-fluid d-flex position-relative">
  1790.  
  1792. <a class="navbar-brand" href="https://www.looveli.com">
  1793. <img src="https://www.looveli.com/public/img/logo-1631647135.png" data-logo="logo-1631647135.png" data-logo-2="logo_2-1631647135.png" alt="Looveli | Support Creators Content" class="logo align-bottom max-w-100" />
  1794. </a>
  1795.  
  1796. <button class="navbar-toggler  text-white " type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  1797. <i class="fa fa-bars"></i>
  1798. </button>
  1800. <div class="collapse navbar-collapse navbar-mobile" id="navbarCollapse">
  1801.  
  1802. <div class="d-lg-none text-right pr-2 mb-2">
  1803. <button type="button" class="navbar-toggler close-menu-mobile" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false">
  1804. <i class="bi bi-x-lg"></i>
  1805. </button>
  1806. </div>
  1807.  
  1808. <ul class="navbar-nav mr-auto">
  1809.  
  1810. <form class="form-inline my-lg-0 position-relative" method="get" action="https://www.looveli.com/creators">
  1811. <input id="searchCreatorNavbar"
  1812. class="form-control search-bar  border-0 " type="text"
  1813. required name="q" autocomplete="off" minlength="3" placeholder="Find a creator"
  1814. aria-label="Search">
  1815. <button class="btn btn-outline-success my-sm-0 button-search e-none" type="submit"><i
  1816. class="bi bi-search"></i></button>
  1817.  
  1818. <div class="dropdown-menu dd-menu-user position-absolute" style="width: 95%; top: 48px;" id="dropdownCreators">
  1819.  
  1820. <button type="button" class="d-none" id="triggerBtn" data-toggle="dropdown" aria-haspopup="true"
  1821. aria-expanded="false"></button>
  1822.  
  1823. <div class="w-100 text-center display-none py-2" id="spinnerSearch">
  1824. <span class="spinner-border spinner-border-sm align-middle text-primary"></span>
  1825. </div>
  1826.  
  1827. <div id="containerCreators"></div>
  1828.  
  1829. <div id="viewAll" class="display-none mt-2">
  1830. <a class="dropdown-item border-top py-2 text-center" href="#">View all</a>
  1831. </div>
  1832. </div><!-- dropdown-menu -->
  1833. </form>
  1835. <li class="nav-item">
  1836. <a class="nav-link" href="https://www.looveli.com/creators">Explore</a>
  1837. </li>
  1838.  
  1840. </ul>
  1842. <ul class="navbar-nav ml-auto">
  1843. <li class="nav-item mr-1">
  1844. <a  data-toggle="modal" data-target="#loginFormModal"  class="nav-link login-btn " href="https://www.looveli.com/login">
  1845. Login
  1846. </a>
  1847. </li>
  1848.  
  1849. <li class="nav-item">
  1850. <a  data-toggle="modal" data-target="#loginFormModal"  class="toggleRegister nav-link btn btn-main  btn-light  btn-register-menu pr-3 pl-3 btn-arrow btn-arrow-sm" href="https://www.looveli.com/signup">
  1851. Getting started
  1852. </a>
  1853. </li>
  1856. </ul>
  1857. </div>
  1858. </div>
  1859. </nav>
  1860. </header>
  1861.  
  1862.  <main  role="main">
  1863.      <!-- jumbotron -->
  1864.  <div class="jumbotron homepage m-0 bg-gradient">
  1865.    <div class="container">
  1866.      <div class="row">
  1867.        <div class="col-lg-4 second">
  1868.          <h1 class="display-4 pt-5 mb-3 text-white text-center-sm">Earn profits with your content</h1>
  1869.          <p class="text-white text-center-sm">Looveli is designed to help content creators on the web, create a free account and start making money now.</p>
  1870.          <p>
  1871.            <a href="https://www.looveli.com/creators" class="btn btn-lg btn-main btn-outline-light btn-w-mb px-4 mr-2" role="button">Explore</a>
  1872.  
  1873.            <a class="btn btn-lg btn-main btn-light btn-w px-4 toggleRegister btn-arrow" href="https://www.looveli.com/signup">
  1874.              Getting started</a>
  1875.          </p>
  1876.        </div>
  1877.        <div class="col-lg-8 first">
  1878.          <img src="https://www.looveli.com/public/img/home_index-1632944524.gif" class="img-center img-fluid">
  1879.        </div>
  1880.      </div>
  1881.    </div>
  1882.  </div>
  1883.  <!-- ./ jumbotron -->
  1884.  
  1885.  <div class="section py-5 py-large">
  1886.    <div class="container">
  1887.        <div class="btn-block text-center mb-5">
  1888.          <h1 class="txt-black">Start earning money now!</h1>
  1889.          <p>
  1890.            Sell exclusive content to fans or, if you are a member, simply subscribe to a creator and support his work.
  1891.          </p>
  1892.          </div>
  1893.  
  1894.          <div class="row">
  1895.            <div class="col-lg-4">
  1896.              <div class="text-center">
  1897.                <img src="https://www.looveli.com/public/img/img_1.svg" class="img-center img-fluid" width="200">
  1898.                <h4 class="mt-1 txt-black">Create an free account</h4>
  1899.                <p class="text-muted mt-1">No hidden fees when registering.</p>
  1900.              </div>
  1901.          </div>
  1902.  
  1903.          <div class="col-lg-4">
  1904.            <div class="text-center">
  1905.              <img src="https://www.looveli.com/public/img/img_2.svg" class="img-center img-fluid" width="200">
  1906.              <h4 class="mt-1 txt-black">Create great content</h4>
  1907.              <p class="text-muted mt-1">Remember, good content makes good money.</p>
  1908.            </div>
  1909.        </div>
  1910.  
  1911.        <div class="col-lg-4">
  1912.          <div class="text-center">
  1913.            <img src="https://www.looveli.com/public/img/img_3.svg" class="img-center img-fluid" width="200">
  1914.            <h4 class="mt-1 txt-black">Grow your market</h4>
  1915.            <p class="text-muted mt-1">The more the better.</p>
  1916.          </div>
  1917.      </div>
  1918.  
  1919.      </div>
  1920.    </div>
  1921.  </div>
  1922.  
  1923.  <!-- Create profile -->
  1924.  <div class="section py-5 py-large">
  1925.    <div class="container">
  1926.      <div class="row align-items-center">
  1927.      <div class="col-12 col-lg-7 text-center mb-3">
  1928.        <img src="https://www.looveli.com/public/img/img_4.png" alt="User" class="img-fluid">
  1929.      </div>
  1930.      <div class="col-12 col-lg-5">
  1931.        <h1 class="m-0 card-profile txt-black">Create your profile in few minutes</h1>
  1932.        <div class="col-lg-9 col-xl-8 p-0">
  1933.          <p class="py-4 m-0 text-muted">The registration process only takes a few minutes and lets you immerse yourself in the world of creators</p>
  1934.        </div>
  1935.        <a href="https://www.looveli.com/signup" class="btn-arrow btn btn-lg btn-main btn-outline-primary btn-w px-4">
  1936.          Getting started
  1937.        </a>
  1938.      </div>
  1939.    </div>
  1940.    </div><!-- End Container -->
  1941.  </div><!-- End Section -->
  1942.  
  1943.  
  1944.        <!-- Users -->
  1945.    <div class="section py-5 py-large">
  1946.      <div class="container">
  1947.        <div class="btn-block text-center mb-5">
  1948.          <h1 class="txt-black">Creators Featured</h1>
  1949.          <p>
  1950.            The best creators selected by our team.
  1951.          </p>
  1952.        </div>
  1953.        <div class="row">
  1954.  
  1955.          <div class="owl-carousel owl-theme">
  1956.                          <div class="card card-updates h-100 card-user-profile shadow-sm">
  1957. <div class="card-cover" style="background:  url(https://www.looveli.com/assets/cover/480/inked-71632010565zulqauxspa.jpeg)   #505050 center center; background-size: cover;"></div>
  1958. <div class="card-avatar " >
  1959.  
  1961.  
  1962. <a href="https://www.looveli.com/inked">
  1963. <img src="https://looveli.com/public/uploads/avatar/inked-716320105046l33g2nirn.jpeg" width="95" height="95" alt="Inked" class="img-user-small">
  1964. </a>
  1965. </div>
  1966. <div class="card-body text-center">
  1967. <h6 class="card-title  pt-4 ">
  1968. inked
  1969.  
  1970. <small class="verified mr-1" title="Verified account!"data-toggle="tooltip" data-placement="top">
  1971. <i class="bi bi-patch-check-fill"></i>
  1972. </small>
  1974. <small class="text-featured" title="Creator featured" data-toggle="tooltip" data-placement="top">
  1975. <i class="fas fa fa-award"></i>
  1976. </small>
  1977. </h6>
  1978.  
  1979. <ul class="list-inline m-0">
  1980. <li class="list-inline-item small"><i class="feather icon-image"></i> 5</li>
  1981. <li class="list-inline-item small"><i class="feather icon-video"></i> 0</li>
  1982. <li class="list-inline-item small"><i class="feather icon-mic"></i> 0</li>
  1983. </ul>
  1984.  
  1985. <p class="m-0 py-3 text-muted card-text text-truncate">
  1986. Heyy
  1987. </p>
  1988. <a href="https://www.looveli.com/inked" class="btn btn-1 btn-sm btn-outline-primary">Go to Page</a>
  1989.  
  1990. <a href="https://www.looveli.com/inked" class="btn btn-1 btn-sm btn-outline-primary px-3 active">
  1991. 6.00€/mo
  1993. </a>
  1994.  
  1995. </div>
  1996. </div><!-- End Card -->
  1997.                        <div class="card card-updates h-100 card-user-profile shadow-sm">
  1998. <div class="card-cover" style="background:  url(https://www.looveli.com/assets/cover/480/blackhair-916321192595wkjimwrjz.jpeg)   #505050 center center; background-size: cover;"></div>
  1999. <div class="card-avatar " >
  2000.  
  2002.  
  2003. <a href="https://www.looveli.com/blackhair">
  2004. <img src="https://looveli.com/public/uploads/avatar/blackhair-91632119250zd5hrbfapr.jpeg" width="95" height="95" alt="Blackhair" class="img-user-small">
  2005. </a>
  2006. </div>
  2007. <div class="card-body text-center">
  2008. <h6 class="card-title  pt-4 ">
  2009. Blackhair
  2010.  
  2011. <small class="verified mr-1" title="Verified account!"data-toggle="tooltip" data-placement="top">
  2012. <i class="bi bi-patch-check-fill"></i>
  2013. </small>
  2015. <small class="text-featured" title="Creator featured" data-toggle="tooltip" data-placement="top">
  2016. <i class="fas fa fa-award"></i>
  2017. </small>
  2018. </h6>
  2019.  
  2020. <ul class="list-inline m-0">
  2021. <li class="list-inline-item small"><i class="feather icon-image"></i> 7</li>
  2022. <li class="list-inline-item small"><i class="feather icon-video"></i> 0</li>
  2023. <li class="list-inline-item small"><i class="feather icon-mic"></i> 0</li>
  2024. </ul>
  2025.  
  2026. <p class="m-0 py-3 text-muted card-text text-truncate">
  2027. 🤗
  2028. </p>
  2029. <a href="https://www.looveli.com/blackhair" class="btn btn-1 btn-sm btn-outline-primary">Go to Page</a>
  2030.  
  2031. <a href="https://www.looveli.com/blackhair" class="btn btn-1 btn-sm btn-outline-primary px-3 active">
  2032. 9.00€/mo
  2034. </a>
  2035.  
  2036. </div>
  2037. </div><!-- End Card -->
  2038.                        <div class="card card-updates h-100 card-user-profile shadow-sm">
  2039. <div class="card-cover" style="background:  url(https://www.looveli.com/assets/cover/480/petra-41631792254wl5wzghmci.jpeg)   #505050 center center; background-size: cover;"></div>
  2040. <div class="card-avatar " >
  2041.  
  2043.  
  2044. <a href="https://www.looveli.com/petra">
  2045. <img src="https://looveli.com/public/uploads/avatar/petra-41631792281k3gw8fuqy3.jpeg" width="95" height="95" alt="Petra" class="img-user-small">
  2046. </a>
  2047. </div>
  2048. <div class="card-body text-center">
  2049. <h6 class="card-title  pt-4 ">
  2050. Petra
  2051.  
  2052. <small class="verified mr-1" title="Verified account!"data-toggle="tooltip" data-placement="top">
  2053. <i class="bi bi-patch-check-fill"></i>
  2054. </small>
  2056. <small class="text-featured" title="Creator featured" data-toggle="tooltip" data-placement="top">
  2057. <i class="fas fa fa-award"></i>
  2058. </small>
  2059. </h6>
  2060.  
  2061. <ul class="list-inline m-0">
  2062. <li class="list-inline-item small"><i class="feather icon-image"></i> 0</li>
  2063. <li class="list-inline-item small"><i class="feather icon-video"></i> 1</li>
  2064. <li class="list-inline-item small"><i class="feather icon-mic"></i> 0</li>
  2065. </ul>
  2066.  
  2067. <p class="m-0 py-3 text-muted card-text text-truncate">
  2068. Welcome to my page. If you like my content, please consider support. Thank you for your support!
  2069. </p>
  2070. <a href="https://www.looveli.com/petra" class="btn btn-1 btn-sm btn-outline-primary">Go to Page</a>
  2071.  
  2072. <a href="https://www.looveli.com/petra" class="btn btn-1 btn-sm btn-outline-primary px-3 active">
  2073. 12.00€/mo
  2075. </a>
  2076.  
  2077. </div>
  2078. </div><!-- End Card -->
  2079.                        <div class="card card-updates h-100 card-user-profile shadow-sm">
  2080. <div class="card-cover" style="background:  url(https://www.looveli.com/assets/cover/480/sun-31687104723riibbktn2s.jpeg)   #505050 center center; background-size: cover;"></div>
  2081. <div class="card-avatar " >
  2082.  
  2084.  
  2085. <a href="https://www.looveli.com/sun">
  2086. <img src="https://looveli.com/public/uploads/avatar/sun-31687104584hwtetjfawv.jpeg" width="95" height="95" alt="Sun" class="img-user-small">
  2087. </a>
  2088. </div>
  2089. <div class="card-body text-center">
  2090. <h6 class="card-title  pt-4 ">
  2091. sun
  2092.  
  2093. <small class="verified mr-1" title="Verified account!"data-toggle="tooltip" data-placement="top">
  2094. <i class="bi bi-patch-check-fill"></i>
  2095. </small>
  2097. <small class="text-featured" title="Creator featured" data-toggle="tooltip" data-placement="top">
  2098. <i class="fas fa fa-award"></i>
  2099. </small>
  2100. </h6>
  2101.  
  2102. <ul class="list-inline m-0">
  2103. <li class="list-inline-item small"><i class="feather icon-image"></i> 154</li>
  2104. <li class="list-inline-item small"><i class="feather icon-video"></i> 12</li>
  2105. <li class="list-inline-item small"><i class="feather icon-mic"></i> 0</li>
  2106. </ul>
  2107.  
  2108. <p class="m-0 py-3 text-muted card-text text-truncate">
  2109. Insta: mariiiimeier
  2110. pixsant2.com/sun
  2111. 18+ Content
  2112. </p>
  2113. <a href="https://www.looveli.com/sun" class="btn btn-1 btn-sm btn-outline-primary">Go to Page</a>
  2114.  
  2115. <a href="https://www.looveli.com/sun" class="btn btn-1 btn-sm btn-outline-primary px-3 active">
  2116. 24.00€/mo
  2118. </a>
  2119.  
  2120. </div>
  2121. </div><!-- End Card -->
  2122.                        <div class="card card-updates h-100 card-user-profile shadow-sm">
  2123. <div class="card-cover" style="background:  url(https://www.looveli.com/assets/cover/480/manuela-121632342292anscxiskyk.jpeg)   #505050 center center; background-size: cover;"></div>
  2124. <div class="card-avatar " >
  2125.  
  2127.  
  2128. <a href="https://www.looveli.com/manuela">
  2129. <img src="https://looveli.com/public/uploads/avatar/manuela-121632342285xsk0ezpfh9.jpeg" width="95" height="95" alt="Manuela" class="img-user-small">
  2130. </a>
  2131. </div>
  2132. <div class="card-body text-center">
  2133. <h6 class="card-title  pt-4 ">
  2134. Manuela
  2135.  
  2136. <small class="verified mr-1" title="Verified account!"data-toggle="tooltip" data-placement="top">
  2137. <i class="bi bi-patch-check-fill"></i>
  2138. </small>
  2140. <small class="text-featured" title="Creator featured" data-toggle="tooltip" data-placement="top">
  2141. <i class="fas fa fa-award"></i>
  2142. </small>
  2143. </h6>
  2144.  
  2145. <ul class="list-inline m-0">
  2146. <li class="list-inline-item small"><i class="feather icon-image"></i> 10</li>
  2147. <li class="list-inline-item small"><i class="feather icon-video"></i> 0</li>
  2148. <li class="list-inline-item small"><i class="feather icon-mic"></i> 0</li>
  2149. </ul>
  2150.  
  2151. <p class="m-0 py-3 text-muted card-text text-truncate">
  2152. https://pixsant2.com/manuela
  2153. https://pixsant.com/manuela
  2154. </p>
  2155. <a href="https://www.looveli.com/manuela" class="btn btn-1 btn-sm btn-outline-primary">Go to Page</a>
  2156.  
  2157. <a href="https://www.looveli.com/manuela" class="btn btn-1 btn-sm btn-outline-primary px-3 active">
  2158. 12.00€/mo
  2160. </a>
  2161.  
  2162. </div>
  2163. </div><!-- End Card -->
  2164.                        <div class="card card-updates h-100 card-user-profile shadow-sm">
  2165. <div class="card-cover" style="background:  url(https://www.looveli.com/assets/cover/480/honey-51665868493uecqw2s41v.jpeg)   #505050 center center; background-size: cover;"></div>
  2166. <div class="card-avatar " >
  2167.  
  2169.  
  2170. <a href="https://www.looveli.com/honey">
  2171. <img src="https://looveli.com/public/uploads/avatar/honey-51665868370xzppjkraka.jpeg" width="95" height="95" alt="Honey" class="img-user-small">
  2172. </a>
  2173. </div>
  2174. <div class="card-body text-center">
  2175. <h6 class="card-title  pt-4 ">
  2176. honey
  2177.  
  2178. <small class="verified mr-1" title="Verified account!"data-toggle="tooltip" data-placement="top">
  2179. <i class="bi bi-patch-check-fill"></i>
  2180. </small>
  2182. <small class="text-featured" title="Creator featured" data-toggle="tooltip" data-placement="top">
  2183. <i class="fas fa fa-award"></i>
  2184. </small>
  2185. </h6>
  2186.  
  2187. <ul class="list-inline m-0">
  2188. <li class="list-inline-item small"><i class="feather icon-image"></i> 137</li>
  2189. <li class="list-inline-item small"><i class="feather icon-video"></i> 19</li>
  2190. <li class="list-inline-item small"><i class="feather icon-mic"></i> 0</li>
  2191. </ul>
  2192.  
  2193. <p class="m-0 py-3 text-muted card-text text-truncate">
  2194. Snap @mkuenz002
  2195. </p>
  2196. <a href="https://www.looveli.com/honey" class="btn btn-1 btn-sm btn-outline-primary">Go to Page</a>
  2197.  
  2198. <a href="https://www.looveli.com/honey" class="btn btn-1 btn-sm btn-outline-primary px-3 active">
  2199. 19.00€/mo
  2201. </a>
  2202.  
  2203. </div>
  2204. </div><!-- End Card -->
  2205.                    </div>
  2206.  
  2207.                    <div class="w-100 text-center mt-4 px-lg-0 px-3">
  2208.            <a href="https://www.looveli.com/creators" class="btn-arrow btn btn-lg btn-main btn-outline-primary btn-w px-4">
  2209.              View all creators
  2210.            </a>
  2211.          </div>
  2212.                  </div><!-- End Row -->
  2213.      </div><!-- End Container -->
  2214.    </div><!-- End Section -->
  2215.  
  2216.  
  2217. <div class="container-fluid bg-white">
  2218.    <section id="steps">
  2219.    <br><br><br><br>
  2220.        <div class="text-center">
  2221.  
  2222.            <h1 class="text-center txt-black">Be a Creator</h1>
  2223.        </div>
  2224.        <div class="row">
  2225.            <div class="col-md-4">
  2226.                <div class="promultistepbackground bg-light position-relative px-3 my-5">
  2227.                    <div class="promultistep font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white">
  2228.                        1
  2229.                    </div>
  2230.                    <div class="px-3 text-center pb-3">
  2231.                        <h5 class="mt-3">Account</h5>
  2232.                        <p class="font-weight-light my-3">If you don&#039;t have an account, simply click <a href="https://www.looveli.com/signup" style="color: #6e11d6;">here</a> and register a new account.</p>
  2233.                    </div>
  2234.                </div>
  2235.            </div>
  2236.            <div class="col-md-4">
  2237.                <div class="promultistepbackground bg-light position-relative px-3 my-5">
  2238.                    <div class="promultistep font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white">
  2239.                        2
  2240.                    </div>
  2241.                    <div class="px-3 text-center pb-3">
  2242.                        <h5 class="mt-3">Verify</h5>
  2243.                        <p class="font-weight-light my-3">To secure our members against spam, we allow us to verify your profile.</p>
  2244.                    </div>
  2245.                </div>
  2246.            </div>
  2247.            <div class="col-md-4">
  2248.                <div class="promultistepbackground bg-light position-relative px-3 my-5">
  2249.                    <div class="promultistep font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white">
  2250.                        3
  2251.                    </div>
  2252.                    <div class="px-3 text-center pb-3">
  2253.                        <h5 class="mt-3">Share</h5>
  2254.                        <p class="font-weight-light my-3">That&#039;s it! Simply upload your pictures &amp; videos and share it with your fans.</p>
  2255.                    </div>
  2256.                </div>
  2257.            </div>
  2258.        </div>
  2259.    </section>
  2260.    <br><br><br>
  2261. </div>
  2262.  
  2263. <!-- Earnings simulator -->
  2264. <div class="section py-5 py-large">
  2265.  <div class="container mb-4">
  2266.    <div class="btn-block text-center">
  2267.      <h1 class="txt-black">Creators Earnings Simulator</h1>
  2268.      <p>
  2269.        Calculate how much you can earn based on the number of followers and their rate
  2270.      </p>
  2271.    </div>
  2272.    <div class="row">
  2273.      <div class="col-md-6">
  2274.        <label for="rangeNumberFollowers" class="w-100">
  2275.          Number of followers?
  2276.          <i class="feather icon-facebook mr-1"></i>
  2277.          <i class="feather icon-twitter mr-1"></i>
  2278.          <i class="feather icon-instagram"></i>
  2279.          <span class="float-right">
  2280.            #<span id="numberFollowers">1000</span>
  2281.          </span>
  2282.        </label>
  2283.        <input type="range" class="custom-range" value="0" min="1000" max="1000000" id="rangeNumberFollowers" onInput="$('#numberFollowers').html($(this).val())">
  2284.      </div>
  2285.  
  2286.      <div class="col-md-6">
  2287.        <label for="rangeMonthlySubscription" class="w-100">Monthly subscription price?
  2288.          <span class="float-right">
  2289.            <span id="monthlySubscription">3</span>€
  2290.        </span>
  2291.        </label>
  2292.        <input type="range" class="custom-range" value="0" onInput="$('#monthlySubscription').html($(this).val())" min="3" max="6500" id="rangeMonthlySubscription">
  2293.      </div>
  2294.  
  2295.      <div class="col-md-12 text-center mt-4">
  2296.        <h3 class="font-weight-light">You could earn an estimated
  2297.          <span class="font-weight-bold"><span id="estimatedEarn"></span> <small>EUR</small></span>
  2298.          per month*</h3>
  2299.        <p class="mb-1">
  2300.          * Based on an estimate of 5% of your followers who subscribe (Does not include payment processor fees)
  2301.        </p>
  2302.                  <small class="w-100 d-block">* Includes the 20% platform fee</small>
  2303.              </div>
  2304.    </div>
  2305.  </div>
  2306. </div>
  2307.  
  2308.    <div class="jumbotron m-0 text-white text-center bg-gradient">
  2309.      <div class="container position-relative">
  2310.        <h1>What are you waiting for?</h1>
  2311.        <p>Start generating profits with your quality content</p>
  2312.        <p>
  2313.          <a href="https://www.looveli.com/creators" class="btn btn-lg btn-main btn-outline-light btn-w-mb px-4 mr-2" role="button">Explore</a>
  2314.          <a class="btn-arrow btn btn-lg btn-main btn-light btn-w px-4 toggleRegister" href="https://www.looveli.com/signup" role="button">
  2315.          Getting started
  2316.        </a>
  2317.        </p>
  2318.      </div>
  2319.  
  2320.      <h4 class="nomyreply">Onlyfans Alternative</h4>
  2321.      <h4 class="nomyreply">Fansly Alternative</h4>
  2322.      <h4 class="nomyreply">Sell Content</h4>
  2323.      <h4 class="nomyreply">Buy Content</h4>
  2324.      <h5 class="nomyreply">Nudes</h5>
  2325.      <h5 class="nomyreply">Pictures</h5>
  2326.      <h5 class="nomyreply">Videos</h5>
  2327.      <h5 class="nomyreply">Cam Girls</h5>
  2328.      <h5 class="nomyreply">Recordings</h5>
  2329.      <h5 class="nomyreply">Locked Content</h5>
  2330.      <h5 class="nomyreply">Bestfans</h5>
  2331.      <h5 class="nomyreply">Patreon</h5>
  2332.              <h5 class="nomyreply">Paid Content</h5>
  2333.              <h6 class="nomyreply">Content Creator Platform</h6>
  2334.              <h6 class="nomyreply">Twint</h6>
  2335.              <h6 class="nomyreply">Paypal</h6>
  2336.              <h6 class="nomyreply">Bitcoin</h6>
  2337.              <h6 class="nomyreply">Credit Card</h6>
  2338.              <h6 class="nomyreply">Cryptos</h6>
  2339.              <h6 class="nomyreply">Ethereum</h6>
  2340.              <h6 class="nomyreply">Litecoin</h6>
  2341.              <!--***************************************-->
  2342.              <a href="https://tayra.ch" class="nomyreply">Gratis Inserate</a>
  2343.              <a href="https://pixsant2.com" class="nomyreply">Content</a>
  2344.              <a href="https://swapcryptos.net" class="nomyreply">Buy Coins</a>
  2345.              <a href="https://ralfiz.ch" class="nomyreply">RZ</a>
  2346.              <a href="https://verhungeret.ch" class="nomyreply">Eat</a>
  2347.              <a href="https://seo.ralfiz.ch" class="nomyreply">Seo</a>
  2348.              <a href="https://seo.verhungeret.ch" class="nomyreply">Check</a>
  2349.              <a href="https://status.verhungeret.ch" class="nomyreply">Status</a>
  2350.              <a href="https://bio.verhungeret.ch" class="nomyreply">Bio</a>
  2351.              <a href="https://yuhcode.verhungeret.ch" class="nomyreply">Code</a>
  2352.              <a href="https://swisshaze.com" class="nomyreply">CBD</a>
  2353.              <a href="https://yuh-code.ch" class="nomyreply">Yuh</a>
  2354.              <a href="https://musiklabel.ch" class="nomyreply">Musik</a>
  2355.              <a href="https://musik.news" class="nomyreply">News</a>
  2356.              <a href="https://ytaward.com" class="nomyreply">Award</a>
  2357.              <a href="https://ytplaybutton.com" class="nomyreply">PlayButton</a>
  2358.              <a href="https://soul-gym.ch" class="nomyreply">Gym</a>
  2359.              <a href="https://bettersell.xyz" class="nomyreply">NFT Promo</a>
  2360.              <a href="https://ralfzimmermann.ch" class="nomyreply">Ralf</a>
  2361.              <a href="https://ralfzimmermann.xyz" class="nomyreply">RT</a>
  2362.              <a href="https://therealworlds.net" class="nomyreply">Andrew</a>
  2363.              <a href="https://therealworlds.org" class="nomyreply">Real World</a>
  2364.              <a href="https://fly-d.ch" class="nomyreply">FD</a>
  2365.              <a href="https://luioo.com" class="nomyreply">Content</a>
  2366.              <a href="https://anwältekanzlei.ch" class="nomyreply">Kanzlei</a>
  2367.              <a href="https://stake-cryptos.com" class="nomyreply">Stake Cryptos</a>
  2368.              <a href="https://9000-sg.ch" class="nomyreply">9000</a>
  2369.              <a href="https://wiwawo.ch" class="nomyreply">Wiwawo</a>
  2370.              <a href="https://moissanitschmuck.ch" class="nomyreply">Moissanit</a>
  2371.              <a href="https://geschenkherz.ch" class="nomyreply">GH</a>
  2372.  
  2373.    </div>
  2374.  
  2375.  
  2376.    
  2377.          
  2378.                                      <!-- FOOTER -->
  2379. <div class="py-5   footer_background_color footer_text_color   border-top ">
  2380. <footer class="container">
  2381.  <div class="row">
  2382.    <div class="col-md-3">
  2383.      <a href="https://www.looveli.com">
  2384.                  <img src="https://www.looveli.com/public/img/logo_2-1631647135.png" alt="Looveli | Support Creators Content" class="max-w-125">
  2385.            </a>
  2386.            <div class="w-100">
  2387.        <span class="w-100">Keep connect with us! Follow us on any of these platforms</span>
  2388.        <ul class="list-inline list-social m-0">
  2389.          
  2390.        
  2391.                    <li class="list-inline-item"><a href="https://www.instagram.com/loovelidotcom" target="_blank" class="ico-social"><i class="fab fa-instagram"></i></a></li>
  2392.        
  2393.          
  2394.          
  2395.          
  2396.          
  2397.          
  2398.          
  2399.          
  2400.          
  2401.                  </ul>
  2402.      </div>
  2403.    
  2404.    <li>
  2405.      <div id="installContainer" class="display-none">
  2406.        <button class="btn btn-primary w-100 rounded-pill mb-4 mt-3" id="butInstall" type="button">
  2407.          <i class="bi-phone mr-1"></i> Install Web App
  2408.        </button>
  2409.      </div>
  2410.    </li>
  2411.  
  2412.    </div>
  2413.    <div class="col-md-3">
  2414.      <h6 class="text-uppercase">About</h6>
  2415.      <ul class="list-unstyled">
  2416.        
  2417.              <li><a class="link-footer" href="https://www.looveli.com/contact">Contact us</a></li>
  2418.      
  2419.  
  2420.                  <li><a class="link-footer" href="https://www.looveli.com/blog">Blog</a></li>
  2421.              </ul>
  2422.    </div>
  2423.        <div class="col-md-3">
  2424.      <h6 class="text-uppercase">Categories</h6>
  2425.      <ul class="list-unstyled">
  2426.                <li>
  2427.          <a class="link-footer" href="https://www.looveli.com/category/designer">
  2428.            Designer
  2429.          </a>
  2430.        </li>
  2431.                <li>
  2432.          <a class="link-footer" href="https://www.looveli.com/category/developer">
  2433.            Developer
  2434.          </a>
  2435.        </li>
  2436.                <li>
  2437.          <a class="link-footer" href="https://www.looveli.com/category/influencer">
  2438.            Influencer
  2439.          </a>
  2440.        </li>
  2441.                <li>
  2442.          <a class="link-footer" href="https://www.looveli.com/category/instagramer">
  2443.            Instagramer
  2444.          </a>
  2445.        </li>
  2446.                <li>
  2447.          <a class="link-footer" href="https://www.looveli.com/category/others">
  2448.            Others
  2449.          </a>
  2450.        </li>
  2451.        
  2452.                  <li><a class="link-footer btn-arrow" href="https://www.looveli.com/creators">Explore</a></li>
  2453.                </ul>
  2454.    </div>
  2455.      <div class="col-md-3">
  2456.      <h6 class="text-uppercase">Links</h6>
  2457.      <ul class="list-unstyled">
  2458.        <li><a class="link-footer" href="https://looveli.com/public/looveli/">App</a></li>
  2459.              <li><a class="link-footer" href="https://www.looveli.com/login">Login</a></li><li>
  2460.                  <li><a class="link-footer" href="https://www.looveli.com/signup">Sign up</a></li><li>
  2461.                
  2462.                      <li class="dropdown mt-1">
  2463.          <a class="btn btn-outline-secondary rounded-pill mt-2 dropdown-toggle px-4 dropdown-toggle text-decoration-none" href="javascript:;" data-toggle="dropdown">
  2464.            <i class="feather icon-globe mr-1"></i>
  2465.                                                     English                                                                          </a>
  2466.  
  2467.        <div class="dropdown-menu">
  2468.                      <a  href="https://www.looveli.com/change/lang/de"  class="dropdown-item mb-1 dropdown-lang ">
  2469.             Deutsch
  2470.            </a>
  2471.                        <a  class="dropdown-item mb-1 dropdown-lang  active text-white ">
  2472.             <i class="fa fa-check mr-1"></i>  English
  2473.            </a>
  2474.                        <a  href="https://www.looveli.com/change/lang/es"  class="dropdown-item mb-1 dropdown-lang ">
  2475.             Español
  2476.            </a>
  2477.                        <a  href="https://www.looveli.com/change/lang/fr"  class="dropdown-item mb-1 dropdown-lang ">
  2478.             France
  2479.            </a>
  2480.                    </div>
  2481.        </li>
  2482.          
  2483.      </ul>
  2484.    </div>
  2485.  </div>
  2486. </footer>
  2487. </div>
  2488.  
  2489. <footer class="py-3  footer_background_color  text-center">
  2490.  <div class="container">
  2491.    <div class="row">
  2492.          <div class="col-md-12 copyright ">
  2493.        <a href="https://verhungeret.ch" class="fztt">&copy;</a> <a href="https://pixsant2.com" class="fztt">2024</a> Looveli | Support Creators Content, All rights reserved.
  2494.        <br>
  2495.        <img src="https://looveli.com/public/looveli/visa-mc.png" alt="Credit Card" width="50px">
  2496.        <img src="https://looveli.com/public/looveli/paypal.png" alt="Paypal" width="20px">
  2497.        <img src="https://looveli.com/public/looveli/coin3.png" alt="Bitcoin" width="20px">
  2498.        <img src="https://looveli.com/public/looveli/twint2.png" alt="Twint" width="18px">
  2499.        <img src="https://looveli.com/public/looveli/eth.png" alt="Ethereum" width="13px">
  2500.              </div>
  2501.    </div>
  2502.  </div>
  2503. </footer>
  2504.                  
  2505.          
  2506.  
  2507.  
  2508.        <div class="modal fade" id="loginFormModal" tabindex="-1" role="dialog" aria-labelledby="modal-form" aria-hidden="true">
  2509. <div class="modal-dialog modal-dialog-centered modal-sm modal-login" role="document">
  2510. <div class="modal-content">
  2511. <div class="modal-body p-0">
  2512. <div class="card-body px-lg-5 py-lg-5 position-relative">
  2513.  
  2514. <h6 class="modal-title text-center mb-3" id="loginRegisterContinue">Login to continue</h6>
  2515.  
  2516. <div class="mb-2 w-100">
  2517.  
  2520. <a href="https://www.looveli.com/oauth/google" class="btn btn-google auth-form-btn flex-grow w-100">
  2521. <img src="https://www.looveli.com/public/img/google.svg" class="mr-2" width="18" height="18"> <span class="loginRegisterWith">Login with</span> Google
  2522. </a>
  2523. </div>
  2524.  
  2525. <small class="btn-block text-center my-3 text-uppercase or">or</small>
  2527. <form method="POST" action="https://www.looveli.com/login" data-url-login="https://www.looveli.com/login" data-url-register="https://www.looveli.com/signup" id="formLoginRegister" enctype="multipart/form-data">
  2528. <input type="hidden" name="_token" value="VYrIinqkJJVt63RQsci0v36zxjEy7D1I7qX6YBlO" autocomplete="off">
  2530. <input type="hidden" name="isModal" id="isModal" value="true">
  2531.  
  2532. <div class="form-group mb-3 display-none" id="full_name">
  2533. <div class="input-group input-group-alternative">
  2534. <div class="input-group-prepend">
  2535. <span class="input-group-text"><i class="feather icon-user"></i></span>
  2536. </div>
  2537. <input class="form-control"  value="" placeholder="Full name" name="name" type="text">
  2538. </div>
  2539. </div>
  2540.  
  2541. <div class="form-group mb-3 display-none" id="email">
  2542. <div class="input-group input-group-alternative">
  2543. <div class="input-group-prepend">
  2544. <span class="input-group-text"><i class="feather icon-mail"></i></span>
  2545. </div>
  2546. <input class="form-control" value="" placeholder="Email" name="email" type="text">
  2547. </div>
  2548. </div>
  2549.  
  2550. <div class="form-group mb-3" id="username_email">
  2551. <div class="input-group input-group-alternative">
  2552. <div class="input-group-prepend">
  2553. <span class="input-group-text"><i class="feather icon-mail"></i></span>
  2554. </div>
  2555. <input class="form-control" value="" placeholder="Username or Email" name="username_email" type="text">
  2556.  
  2557. </div>
  2558. </div>
  2559. <div class="form-group">
  2560. <div class="input-group input-group-alternative" id="showHidePassword">
  2561. <div class="input-group-prepend">
  2562. <span class="input-group-text"><i class="iconmoon icon-Key"></i></span>
  2563. </div>
  2564. <input name="password" type="password" class="form-control" placeholder="Password">
  2565. <div class="input-group-append">
  2566. <span class="input-group-text c-pointer"><i class="feather icon-eye-off"></i></span>
  2567. </div>
  2568. </div>
  2569. <small class="form-text text-muted">
  2570. <a href="https://www.looveli.com/password/reset" id="forgotPassword">
  2571. Forgot Password?
  2572. </a>
  2573. </small>
  2574. </div>
  2575.  
  2576. <div class="custom-control custom-control-alternative custom-checkbox" id="remember">
  2577. <input class="custom-control-input" id=" customCheckLogin" type="checkbox" name="remember" >
  2578. <label class="custom-control-label" for=" customCheckLogin">
  2579. <span>Remember me</span>
  2580. </label>
  2581. </div>
  2582.  
  2583. <div class="custom-control custom-control-alternative custom-checkbox display-none" id="agree_gdpr">
  2584. <input class="custom-control-input" id="customCheckRegister" type="checkbox" name="agree_gdpr">
  2585. <label class="custom-control-label" for="customCheckRegister">
  2586. <span>
  2587. I agree with the processing of personal data
  2588. <a href="https://looveli.com/p/terms-of-service" target="_blank">Terms and Conditions</a>
  2589.                         and
  2590. <a href="https://looveli.com/p/privacy" target="_blank">Privacy Policy</a>
  2591. </span>
  2592. </label>
  2593. </div>
  2594.  
  2595. <div class="alert alert-danger display-none mb-0 mt-3" id="errorLogin">
  2596. <ul class="list-unstyled m-0" id="showErrorsLogin"></ul>
  2597. </div>
  2598.  
  2599. <div class="alert alert-success display-none mb-0 mt-3" id="checkAccount"></div>
  2600.  
  2601. <div class="text-center">
  2602. <button data-size="invisible" id="btnLoginRegister" class="g-recaptcha btn btn-primary mt-4 w-100" data-callback="onSubmitformLoginRegister" data-sitekey="6LcOlMQoAAAAANqhhYGJdEC-WkDsiEVVKcNQjNO6"><span><i></i> Login</span></button><script>function onSubmitformLoginRegister(){document.getElementById("formLoginRegister").submit();}</script>
  2603.  
  2604.                   <script src="https://www.google.com/recaptcha/api.js?" async defer></script>
  2605.  
  2608. <div class="w-100 mt-2">
  2609. <button type="button" class="btn e-none p-0" data-dismiss="modal">Cancel</button>
  2610. </div>
  2611. </div>
  2612. </form>
  2613.  
  2614. <small class="btn-block text-center mt-3">Protected by reCAPTCHA <a href="https://policies.google.com/privacy" target="_blank">Privacy</a> - <a href="https://policies.google.com/terms" target="_blank">Terms</a></small>
  2616. <div class="row mt-3">
  2617. <div class="col-12 text-center">
  2618. <a href="javascript:void(0);" id="toggleLogin" data-not-account="Don&#039;t have an account?" data-already-account="Already have an account?" data-text-login="Login" data-text-register="Sign up">
  2619. <strong>Don&#039;t have an account?</strong>
  2620. </a>
  2621. </div>
  2622. </div>
  2625. </div><!-- ./ card-body -->
  2626. </div>
  2627. </div>
  2628. </div>
  2629. </div>
  2630.    
  2631.  
  2632.  
  2633.      <div class="modal fade" id="modal2fa" tabindex="-1" role="dialog" aria-labelledby="modal-form" aria-hidden="true">
  2634. <div class="modal-dialog modal- modal-dialog-centered modal-sm" role="document">
  2635. <div class="modal-content">
  2636.          <div class="modal-body p-0">
  2637.            <div class="card bg-white shadow border-0">
  2638. <div class="card-body px-lg-5 py-lg-5 position-relative">
  2639. <div class="mb-3">
  2640.  
  2641. <h6><i class="bi bi-shield-lock mr-1"></i> Two-Step Authentication</h6>
  2642.  
  2643. <small>We have sent you a code to your email</small>
  2644. </div>
  2645.  
  2646. <form method="post" action="https://www.looveli.com/verify/2fa" id="formVerify2fa">
  2647. <input type="hidden" name="_token" value="VYrIinqkJJVt63RQsci0v36zxjEy7D1I7qX6YBlO" autocomplete="off">
  2649. <input type="number" autocomplete="off" id="onlyNumber" onKeyPress="if(this.value.length==4) return false;" class="form-control mb-2" name="code" placeholder="Enter the code">
  2650.  
  2651. <small class="form-text text-muted m-0">
  2652.                    <a href="javascript:void(0);" class="resend_code">
  2653. <i class="bi bi-arrow-counterclockwise"></i> <span id="resendCode">Resend code</span>
  2654.                    </a>
  2655.                  </small>
  2656.  
  2657. <div class="alert alert-danger display-none mt-2" id="errorModal2fa">
  2658. <ul class="list-unstyled m-0" id="showErrorsModal2fa"></ul>
  2659. </div>
  2660.  
  2661. <div class="text-center">
  2662. <button type="submit" id="btn2fa" class="btn btn-primary mt-3">
  2663. <i></i> Send
  2664. </button>
  2665.                  </div>
  2666.                </form>
  2667.              </div>
  2668.            </div>
  2669.          </div>
  2670.        </div>
  2671. </div>
  2672. </div><!-- End Modal 2FA -->
  2673.  </main>
  2674.  
  2675.  <script src="https://www.looveli.com/public/js/core.min.js?v=5.2"></script>
  2676. <script src="https://www.looveli.com/public/js/bootstrap.bundle.min.js"></script>
  2677. <script src="https://www.looveli.com/public/js/jqueryTimeago_en.js"></script>
  2678. <script src="https://www.looveli.com/public/js/lazysizes.min.js" async=""></script>
  2679. <script src="https://www.looveli.com/public/js/plyr/plyr.min.js?v=5.2"></script>
  2680. <script src="https://www.looveli.com/public/js/plyr/plyr.polyfilled.min.js?v=5.2"></script>
  2681. <script src="https://www.looveli.com/public/js/app-functions.js?v=5.2"></script>
  2682.  
  2683. <script src="https://www.looveli.com/public/js/install-app.js?v=5.2"></script>
  2684.  
  2685.  
  2686.  
  2687. <script type="text/javascript">
  2688. const lightbox = GLightbox({
  2689.    touchNavigation: true,
  2690.    loop: false,
  2691.    closeEffect: 'fade'
  2692. });
  2693.  
  2694. </script>
  2695.  
  2696. <script type="text/javascript">
  2697. //<---------------- Login Register ----------->>>>
  2698. onSubmitformLoginRegister = function() {
  2699.  sendFormLoginRegister();
  2700. }
  2701.  
  2702. if (! captcha) {
  2703.    $(document).on('click','#btnLoginRegister',function(s) {
  2704. s.preventDefault();
  2705. sendFormLoginRegister();
  2706. });//<<<-------- * END FUNCTION CLICK * ---->>>>
  2707. }
  2708.  
  2709. function sendFormLoginRegister() {
  2710. var element = $(this);
  2711. $('#btnLoginRegister').attr({'disabled' : 'true'});
  2712. $('#btnLoginRegister').find('i').addClass('spinner-border spinner-border-sm align-middle mr-1');
  2713.  
  2714. (function(){
  2715. $("#formLoginRegister").ajaxForm({
  2716. dataType : 'json',
  2717. success:  function(result) {
  2718.  
  2719.         if (result.actionRequired) {
  2720.           $('#modal2fa').modal({
  2721.        backdrop: 'static',
  2722.        keyboard: false,
  2723.     show: true
  2724.     });
  2725.  
  2726.            $('#loginFormModal').modal('hide');
  2727.           return false;
  2728.         }
  2729.  
  2730. // Success
  2731. if (result.success) {
  2732.  
  2733.           if (result.isModal && result.isLoginRegister) {
  2734.             window.location.reload();
  2735.           }
  2736.  
  2737. if (result.url_return && ! result.isModal) {
  2738. window.location.href = result.url_return;
  2739. }
  2740.  
  2741. if (result.check_account) {
  2742. $('#checkAccount').html(result.check_account).fadeIn(500);
  2743.  
  2744. $('#btnLoginRegister').removeAttr('disabled');
  2745. $('#btnLoginRegister').find('i').removeClass('spinner-border spinner-border-sm align-middle mr-1');
  2746. $('#errorLogin').fadeOut(100);
  2747. $("#formLoginRegister").reset();
  2748. }
  2749.  
  2750. }  else {
  2751.  
  2752. if (result.errors) {
  2753. var error = '';
  2754. var $key = '';
  2755.  
  2756. for ($key in result.errors) {
  2757. error += '<li><i class="far fa-times-circle"></i> ' + result.errors[$key] + '</li>';
  2758. }
  2759.  
  2760. $('#showErrorsLogin').html(error);
  2761. $('#errorLogin').fadeIn(500);
  2762. $('#btnLoginRegister').removeAttr('disabled');
  2763. $('#btnLoginRegister').find('i').removeClass('spinner-border spinner-border-sm align-middle mr-1');
  2764.  
  2765. if (captcha) {
  2766. grecaptcha.reset();
  2767. }
  2768. }
  2769. }
  2770. },
  2771.  
  2772. statusCode: {
  2773. 419: function() {
  2774. window.location.reload();
  2775. }
  2776. },
  2777. error: function(responseText, statusText, xhr, $form) {
  2778. // error
  2779. $('#btnLoginRegister').removeAttr('disabled');
  2780. $('#btnLoginRegister').find('i').removeClass('spinner-border spinner-border-sm align-middle mr-1');
  2781. swal({
  2782. type: 'error',
  2783. title: error_oops,
  2784. text: error_occurred+' ('+xhr+')',
  2785. });
  2787. if (captcha) {
  2788. grecaptcha.reset();
  2789. }
  2790. }
  2791. }).submit();
  2792. })(); //<--- FUNCTION %
  2793. }
  2794. </script>
  2795.  
  2796.  
  2797.    <script type="text/javascript">
  2798.  
  2799.  function decimalFormat(nStr)
  2800.  {
  2801.         var $decimalDot = '.';
  2802.     var $decimalComma = ',';
  2803.    
  2804.          var currency_symbol_right = '€';
  2805.     var currency_symbol_left = '';
  2806.    
  2807.      nStr += '';
  2808.      var x = nStr.split('.');
  2809.      var x1 = x[0];
  2810.      var x2 = x.length > 1 ? $decimalDot + x[1] : '';
  2811.      var rgx = /(\d+)(\d{3})/;
  2812.      while (rgx.test(x1)) {
  2813.          var x1 = x1.replace(rgx, '$1' + $decimalComma + '$2');
  2814.      }
  2815.      return currency_symbol_left + x1 + x2 + currency_symbol_right;
  2816.    }
  2817.  
  2818.    function earnAvg() {
  2819.      var fee = 20;
  2820.             $decimal = 2;
  2821.      
  2822.      var monthlySubscription = parseFloat($('#rangeMonthlySubscription').val());
  2823.      var numberFollowers = parseFloat($('#rangeNumberFollowers').val());
  2824.  
  2825.      var estimatedFollowers = (numberFollowers * 5 / 100)
  2826.      var followersAndPrice = (estimatedFollowers * monthlySubscription);
  2827.      var percentageAvgFollowers = (followersAndPrice * fee / 100);
  2828.      var earnAvg = followersAndPrice - percentageAvgFollowers;
  2829.  
  2830.      return decimalFormat(earnAvg.toFixed($decimal));
  2831.    }
  2832.   $('#estimatedEarn').html(earnAvg());
  2833.  
  2834.   $("#rangeNumberFollowers, #rangeMonthlySubscription").on('change', function() {
  2835.  
  2836.     $('#estimatedEarn').html(earnAvg());
  2837.  
  2838.   });
  2839.  </script>
  2840.  
  2841.  
  2843.  
  2844. <script>
  2845. jQuery(window).on('load', function(){
  2846.  
  2847. jQuery(".loader-bg").fadeOut(1500);
  2848.  
  2849. });
  2850. </script>
  2851. </body>
  2852. </html>
  2853.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda