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://friendspo.com/read-blog/1380_fake-bags-dw246.html

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.      <title>Friendspo - Connect With Friends</title>
  5.      <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
  6.      <meta name="title" content="Friendspo - Connect With Friends">
  7.      <meta name="description" content="Create an account or log into Friendspo. Connect with friends. Friendspo offers you a unique way to better connect with your friends and family. ">
  8.      <meta name="keywords" content="Friendspo">
  9.      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  10.      <meta name="pinterest-rich-pin" content="false" />
  11.                                          <meta property="og:title" content="Friendspo - Connect With Friends" />
  12.      <meta property="og:type" content="article" />
  13.      <meta property="og:url" content="https://friendspo.com" />
  14.      <meta property="og:image" content="https://friendspo.com/themes/wowonder/img/og.jpg" />
  15.      <meta property="og:image:secure_url" content="https://friendspo.com/themes/wowonder/img/og.jpg" />
  16.      <meta property="og:description" content="Create an account or log into Friendspo. Connect with friends. Friendspo offers you a unique way to better connect with your friends and family. " />
  17.      <meta name="twitter:card" content="summary">
  18.      <meta name="twitter:title" content="Friendspo - Connect With Friends" />
  19.      <meta name="twitter:description" content="Create an account or log into Friendspo. Connect with friends. Friendspo offers you a unique way to better connect with your friends and family. " />
  20.      <meta name="twitter:image" content="https://friendspo.com/themes/wowonder/img/og.jpg" />
  21.                                                         <link rel="canonical" href="https://friendspo.com/read-blog/1380_fake-bags-dw246.html" />
  22.            <link rel="shortcut icon" type="image/png" href="https://friendspo.com/themes/wowonder/img/icon.png"/>
  23.      <link rel="stylesheet" href="https://friendspo.com/themes/wowonder/stylesheet/general-style-plugins.css?version=4.0">
  24.            
  25.    
  26.    
  27.            <link rel="stylesheet" href="https://friendspo.com/themes/wowonder/stylesheet/welcome.css?version=4.0">
  28.            <link rel="stylesheet" href="https://friendspo.com/themes/wowonder/stylesheet/font-awesome-4.7.0/css/font-awesome.min.css?version=4.0">
  29.  
  30.      
  31.    
  32.      <script src="https://friendspo.com/themes/wowonder/javascript/jquery-3.1.1.min.js?version=4.0"></script>
  33.      <script src="https://cdn.jsdelivr.net/npm/jquery-ui-touch-punch@0.2.3/jquery.ui.touch-punch.min.js?version=4.0"></script>
  34.  
  35.            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css?version=4.0">
  36.      <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js?version=4.0"></script>
  37.        
  38.  
  39.      
  40.            
  41.                  <link rel="stylesheet" href="https://friendspo.com/themes/wowonder/player/fluidplayer.min.css?version=4.0" type="text/css"/>
  42.      <script src="https://friendspo.com/themes/wowonder/player/fluidplayer.min.js?version=4.0"></script>
  43.            <style>
  44.      /*
  45.  
  46. Add here your custom css styles Example: p { text-align: center; color: red; }
  47.  
  48. */      </style>
  49.      
  50.      <script type="text/javascript">
  51.         /*
  52. Add here your JavaScript Code.
  53. Note. the code entered here will be added in <head> tag
  54.  
  55.  
  56. Example:
  57.  
  58. var x, y, z;
  59. x = 5;
  60. y = 6;
  61. z = x + y;
  62.  
  63. */         function Wo_Ajax_Requests_File(){
  64.            return "https://friendspo.com/requests.php"
  65.         }
  66.               function RunLiveAgora(channelName,DIV_ID,token) {
  67.  var agoraAppId = '';
  68.  var token = token;
  69.  
  70.  var client = AgoraRTC.createClient({mode: 'live', codec: 'vp8'});
  71.  client.init(agoraAppId, function () {
  72.  
  73.  
  74.      client.setClientRole('audience', function() {
  75.    }, function(e) {
  76.    });
  77.    
  78.    client.join(token, channelName, 22512, function(uid) {
  79.    }, function(err) {
  80.    });
  81.    }, function (err) {
  82.    });
  83.  
  84.    client.on('stream-added', function (evt) {
  85.    var stream = evt.stream;
  86.    var streamId = stream.getId();
  87.    
  88.    client.subscribe(stream, function (err) {
  89.    });
  90.  });
  91.  client.on('stream-subscribed', function (evt) {
  92.    var remoteStream = evt.stream;
  93.    remoteStream.play(DIV_ID);
  94.    $('#player_'+remoteStream.getId()).addClass('embed-responsive-item');
  95.  });
  96. }
  97.      </script>
  98.            
  99.    <style>
  100. @font-face {
  101.    font-family: OpenSansLight;
  102.    src: url("https://friendspo.com/themes/wowonder/fonts/OpenSansLight/OpenSansLight.woff") format("woff");
  103.    font-weight: normal;
  104. }
  105. @font-face {
  106.    font-family: OpenSansRegular;
  107.    src: url("https://friendspo.com/themes/wowonder/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff");
  108.    font-weight: normal;
  109. }
  110. @font-face {
  111.    font-family: OpenSansSemiBold;
  112.    src: url("https://friendspo.com/themes/wowonder/fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff");
  113.    font-weight: normal;
  114. }
  115. @font-face {
  116.    font-family: OpenSansBold;
  117.    src: url("https://friendspo.com/themes/wowonder/fonts/OpenSansBold/OpenSansBold.woff") format("woff");
  118.    font-weight: normal;
  119. }
  120. .navbar-default {
  121.    background: #56a0bf; border: none;
  122.    height: 46px;
  123.    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  124. }
  125. .round-check input[type="checkbox"]:checked + label:before {
  126.    background: #b4b2b2 !important;
  127. }
  128. .group-messages-wrapper a{
  129.    color: #b4b2b2 !important;
  130. }
  131. ul.profile-completion-bar li.completion-bar div.completion-bar-status {
  132.    background: #b4b2b2 !important;
  133. }
  134. .featured-users{
  135.    background: #fff !important;
  136. }
  137. .result-bar {
  138.    background: #b4b2b2 !important;
  139. }
  140. .featured-users .sidebar-title-back, .featured-users .pro-me-here a {
  141.    color: #444 !important;
  142. }
  143.  
  144. .avtive {
  145.    border-color: #b4b2b2 !important;
  146. }
  147. .barloading {
  148.  background-color: transparent !important;
  149. }
  150. .barloading:before {
  151.    background-color: #8dd9ff;
  152. }
  153. .left-sidebar ul li a i {
  154.    color: #b4b2b2 !important;
  155. }
  156. .cs-loader-inner, .main  {
  157.    color: #b4b2b2;
  158. }
  159. .login input:focus, ul.profile-completion-bar li.completion-bar div.completion-bar-wrapper, .edit_grp_info_modal input.form-control:not(textarea):focus, .verfy_sett_email_phone input.form-control:not(textarea):focus {
  160.    border-color: #b4b2b2 !important;
  161. }
  162. .login:not(.loading) button:hover {
  163.    background: #a29797 !important;
  164.    color: #ffffff;
  165. }
  166. .wo_setting_sidebar ul .list-group-item{
  167.    background: #b4b2b2 !important;
  168. }
  169. .wo_setting_sidebar ul .list-group-item a{
  170.    color: #ffffff;
  171. }
  172. .wo_settings_page .setting-panel input[type=text]:focus, .wo_settings_page .setting-panel input[type=email]:focus, .wo_settings_page .setting-panel input[type=password]:focus, .wo_settings_page .setting-panel select:focus, .wo_settings_page .setting-panel textarea:focus {
  173.    border-color: #03A9F4;
  174. }
  175.  
  176. #search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle{
  177.    border-color: #b4b2b2;
  178. }
  179. #search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle:after{
  180.    background: #b4b2b2;
  181. }
  182. .wo_page_hdng_menu > ul li.active a {
  183.    box-shadow: inset 0px -2.5px #b4b2b2;
  184. }
  185. .login button, .postCategory h5, .wo_search_page .nav-tabs li.active a {
  186.    background: #b4b2b2 !important;
  187.    color: #ffffff !important;
  188. }
  189. .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  190.    background-color: #b4b2b2 !important;
  191.    background: #b4b2b2 !important;
  192.    background-image: #b4b2b2 !important;
  193. }
  194. .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  195.    color: #ffffff !important;
  196.    background-color: #333333 !important;
  197. }
  198. .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .nav-names li:hover {
  199.    color: #ffffff !important;
  200.    background-color: #333333 !important;
  201. }
  202. body {
  203.    background-color: #f9f9f9;
  204. }
  205. .navbar-default .navbar-nav>li>a {
  206.    color: #ffffff;
  207.    font-size: 13px;
  208. }
  209. a.unread-update {
  210.    color: #ffffff !important;
  211. }
  212. .btn-main {
  213.    color: #ffffff;
  214.    background-color: #b4b2b2;
  215.    border-color: #b4b2b2;
  216. }
  217. .btn-main:hover {
  218.    color: #ffffff;
  219.    background-color: #a29797;
  220.    border-color: #a29797;
  221. }
  222. .btn-main:focus {
  223. color: #ffffff;
  224. }
  225. .active-wonder {
  226.    color: #b4b2b2;
  227. }
  228. .admin-panel .col-md-9 .list-group-item:first-child, .setting-panel .col-md-8 .list-group-item:first-child, .profile-lists .list-group-item:first-child, .col-md-8 .list-group-item:first-child, .col-md-3.custom .list-group-item:first-child, .col-sm-4 .list-group-item:first-child, .col-md-7 .list-group-item:first-child, .col-md-9 .list-group-item:first-child, .red-list .list-group-item:first-child, .active.list-group-item:first-child {
  229.     color: #444;
  230.     background-color: #fcfcfc;
  231.     border-bottom: 1px solid #f1f1f1;
  232.     padding: 18px;
  233. }
  234. .admin-panel .col-md-9 .list-group-item:first-child a, .setting-panel .col-md-8 .list-group-item:first-child a, .profile-lists .list-group-item:first-child a, .col-md-8 .list-group-item:first-child a, .col-md-7 .list-group-item:first-child a, .active.list-group-item:first-child a {
  235.    color: #444 !important;
  236. }
  237. .list-group-item.black-list.active-list, .red-list.active-list {
  238.    color: #ffffff;
  239.    background-color: #b4b2b2;
  240. }
  241. .list-group-item.black-list {
  242.    background: #b4b2b2;
  243. }
  244. .profile-top-line {
  245.    background-color: #b4b2b2;
  246. }
  247. #bar {
  248.    background-color: #b4b2b2;
  249. }
  250. .list-group-item.black-list a{
  251.    color: #ffffff;
  252. }
  253. .list-group-item.black-list.active-list a{
  254.    color: #b4b2b2;
  255. }
  256. .main-color, .small-text a {
  257.    color: #b4b2b2 !important;
  258. }
  259. .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  260.    color: #ffffff;
  261.    cursor: default;
  262.    color: #b4b2b2;
  263.    border-bottom: 1px solid #b4b2b2;
  264.    background-color: transparent
  265. }
  266. .btn-active {
  267.    color: #ffffff;
  268.    background: #b4b2b2;
  269.    outline: none;
  270.    border: 1px solid #b4b2b2}
  271. .btn-active:hover, .btn-active:focus {
  272.    border: 1px solid #a29797;
  273.    color: #ffffff;
  274.    background: #a29797;
  275. }
  276. .btn-active-color:hover {
  277.    background: #a29797;
  278. }
  279. .chat-tab .online-toggle-hdr, .wow_thread_head {
  280.    background: #56a0bf;
  281. color: #ffffff;
  282. }
  283. .chat-tab .online-toggle-hdr a {
  284. color: #ffffff;
  285. }
  286. .profile-style .user-follow-button button.btn-active, .btn-login, .btn-register {
  287.    background: #b4b2b2;
  288.    color: #ffffff;
  289. }
  290. .profile-style .user-follow-button button.btn-active:hover, .btn-login:hover, .btn-login:focus, .btn-register:hover, .btn-register:focus {
  291.    color: #ffffff;
  292.    background: #a29797;
  293. }
  294. .panel-login>.panel-heading a.active {
  295.    color: #b4b2b2;
  296.    font-size: 18px;
  297. }
  298. .hash {
  299.    color: #b4b2b2;
  300. }
  301. .message-text .hash {
  302.    color: #fff !important;
  303. }
  304. .search-container .search-input {
  305.    color: #ffffff !important;
  306.    background: #ffffff !important;
  307. }
  308. .chat-messages-wrapper .outgoing .message-text {
  309.    background: #b4b2b2;
  310.    color: #ffffff;
  311. }
  312. .normal-container {
  313.    width: 100%;
  314.    height: 100%;
  315.    margin-top: 15px;
  316. }
  317. .active.fa-thumbs-up {
  318.    color: #b4b2b2;
  319. }
  320. .api-ex-urls {
  321.    background-color: #b4b2b2; color: #ffffff;
  322. }
  323. .user-username {
  324.    color: #b4b2b2;
  325. }
  326. .upload-image {
  327.    border: 3px dashed #b4b2b2;
  328. }
  329. .events-tab-list li { background-color: #b4b2b2; }
  330. .events-tab-list li:hover { background-color: #b4b2b2; }
  331. .active-e-tab { background-color: #b4b2b2 !important; }
  332. .main { color: #b4b2b2 !important; }
  333. .events-list-dropup-menu ul li a:hover { background: #b4b2b2; }
  334. .usr-offline { color: #b4b2b2; }
  335. .blog-dd-ul li span:hover, .blog-dd-ul li a:hover { background: #b4b2b2 !important; }
  336. .blog_publ {background: #b4b2b2 ; border: 1px solid #b4b2b2 ; }
  337. .slide-film-desc:hover, .movies-top-breadcrumb li:hover, .movies-top-breadcrumb li a:hover{
  338.    color: #b4b2b2 !important;
  339. }
  340. .movies h3.latest-movies, h3.recommended-movies {
  341.    border-left: 3px solid  #b4b2b2;
  342. }
  343.  
  344. .wo_user_profile .user-bottom-nav li .menuactive {
  345.    border-bottom: 2px solid #b4b2b2;
  346.    color:#b4b2b2;
  347. }
  348. .ads-navbar-wrapper ul li a.active {
  349. border-color: #b4b2b2;
  350. }
  351. .ads_mini_wallet, .wo_page_hdng_innr span {
  352. background-color: #b4b2b2;
  353. color: #ffffff;
  354. }
  355. .btn-loading:after {
  356. background-color: #b4b2b2;
  357. }
  358. .wow_pub_privacy_menu li label input[type="radio"]:checked+span {
  359. background-color: #b4b2b2;color: #ffffff;
  360. }
  361. .order_by ul li.active a {background: #b4b2b2 !important;color: #ffffff !important;}
  362.  
  363.  
  364.  
  365.  
  366. #welcomeheader .mdbtn:hover{background-color: #ffffff;color: #56a0bf;border-color: #ffffff;}
  367.  
  368. .post .panel.active_shadow {
  369.    box-shadow: 0 0 0 1.5px #b4b2b2 !important;
  370. }
  371.  
  372. .ui-widget-header .ui-state-default, .wo_adv_search_filter_side .ui-slider .ui-slider-range, .wo_adv_search_filter_side .ui-slider .ui-slider-handle {
  373.    background-color: #b4b2b2;
  374. }
  375. .reaction-1::before {
  376.    content: "Like";
  377. }
  378. .reaction-2::before {
  379.    content: "Love";
  380. }
  381. .reaction-3::before {
  382.    content: "HaHa";
  383. }
  384. .reaction-4::before {
  385.    content: "WoW";
  386. }
  387. .reaction-5::before {
  388.    content: "Sad";
  389. }
  390. .reaction-6::before {
  391.    content: "Angry";
  392. }
  393. /*.reaction-like::before {
  394.    content: "Like";
  395. }
  396. .reaction-love::before {
  397.    content: "Love";
  398. }
  399. .reaction-haha::before {
  400.    content: "HaHa";
  401. }
  402. .reaction-wow::before {
  403.    content: "WoW";
  404. }
  405. .reaction-sad::before {
  406.    content: "Sad";
  407. }
  408. .reaction-angry::before {
  409.    content: "Angry";
  410. }*/
  411.  
  412. .navbar-default .dropdown-menu.ani-acc-menu >li>a:hover {
  413.    color: #ffffff;background-color: #b4b2b2;
  414. }
  415. #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li.active a, .text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns > span:hover, .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a:hover, .wo_chat_tabs li.active a {
  416.    color: #b4b2b2;
  417. }
  418. .text-sender-container .outgoing .message-model .message {background-color: #b4b2b2;color: #ffffff;}
  419. .text-sender-container .outgoing .message-model .message p, .text-sender-container .outgoing .message-model .message a {color: #ffffff;}
  420.  
  421. #notification-popup {
  422.     position: fixed;
  423.     left: 20px;
  424.     width: 300px;
  425.     bottom: 20px;
  426.     z-index: 10000;
  427. }
  428. #notification-popup .notifications-popup-list:empty {
  429.      padding: 0;
  430. }
  431. #notification-popup .notifications-popup-list {
  432.    position: relative;
  433.    background:  #333333 !important;
  434.    border-radius: 10px;
  435.    padding: 6px;
  436.    width: 100%;
  437.    margin-bottom: 10px;
  438.    z-index: 10000;
  439.    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
  440. }
  441. #notification-popup .notifications-popup-list, #notification-popup .notifications-popup-list a, #notification-popup .notifications-popup-list .main-color, #notification-popup .notifications-popup-list svg, #notification-popup .notifications-popup-list .notification-text, #notification-popup .notifications-popup-list .notification-time {
  442.    color: #ffffff !important;
  443. }
  444. #notification-popup .notifications-popup-list .notification-list {
  445.    border-radius: 10px;
  446. }
  447. #notification-popup .notifications-popup-list .notification-list:hover {
  448.    background: rgba(255, 255, 255, 0.1);
  449. }
  450. </style>    
  451.          <style>.login_left_combo{color:#ffffff}body{background: #b4b2b2 !important;}   .wo_regi_features:before{content: '';display: block;background-image: url(https://friendspo.com/themes/wowonder/img/backgrounds/login.jpg);background-repeat: no-repeat;background-size: cover;background-position:center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0.35;}
  452.    </style>
  453.      
  454.                    <script crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
  455.  
  456.    <script src="https://friendspo.com/themes/wowonder/javascript/socket.io.js"></script>
  457.      <script>
  458.      let nodejs_system = "0";
  459.      let socket = null
  460.      let groupChatListener = {}
  461.      $(()=>{
  462.              });
  463.      </script>
  464.              <script src="https://friendspo.com/themes/wowonder/javascript/bootstrap-tagsinput-latest/src/bootstrap-tagsinput.js"></script>
  465.        
  466.        <link rel="stylesheet" href="https://friendspo.com/themes/wowonder/stylesheet/website_mode/linkedin.css?version=4.0" />
  467.      <script src="https://friendspo.com/themes/wowonder/javascript/website_mode/linkedin.js"></script>
  468.    
  469. <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
  470.   </head>
  471.  
  472.   <body >
  473.      <input type="hidden" id="get_no_posts_name" value="No more posts">
  474.        <div id="focus-overlay"></div>
  475.      <input type="hidden" class="seen_stories_users_ids" value="">
  476.      <input type="hidden" class="main_session" value="70839036072ad0de062f">
  477.                  <div class="content-container welcome-container" style="">
  478.         <div class="ad-placement-header-footer">
  479.                     </div>
  480.         <div id="contnet"><div class="wrapper">
  481. <div class="login">
  482. <div class="login_left_combo_parent">
  483. <div class="login_left_combo">
  484. <a href="https://friendspo.com" class="logo"><img src="https://friendspo.com/themes/wowonder/img/logo.png" alt="Logo"> </a>
  485. <h1>Connect with friends!</h1>
  486. <p>Share what's new and life moments with your friends.</p>
  487. <div class="fadeInUp animated animated_6 img"><img src="https://friendspo.com/themes/wowonder/img/backgrounds/welcome.jpg"></div>
  488. </div>
  489. <svg xmlns="http://www.w3.org/2000/svg" width="793" height="1024" viewBox="0 0 793 1024" preserveAspectRatio="none"> <defs> <linearGradient id="linear-gradient" x1="0.066" y1="0.066" x2="1.068" y2="1.075" gradientUnits="objectBoundingBox"> <stop offset="0"/> <stop offset="1" stop-color="#b4b2b2"/> </linearGradient> <clipPath id="clip-path"> <rect id="Rectangle_9" data-name="Rectangle 9" width="793" height="1024" fill="#fff"/> </clipPath> <filter id="Path_12714" x="-258.718" y="668.282" width="1450.299" height="710.185" filterUnits="userSpaceOnUse"> <feOffset dy="13" input="SourceAlpha"/> <feGaussianBlur stdDeviation="15.5" result="blur"/> <feFlood flood-opacity="0.161"/> <feComposite operator="in" in2="blur"/> <feComposite in="SourceGraphic"/> </filter> <filter id="Path_12715" x="-105.819" y="797.563" width="1134.181" height="538.486" filterUnits="userSpaceOnUse"> <feOffset dy="15" input="SourceAlpha"/> <feGaussianBlur stdDeviation="17" result="blur-2"/> <feFlood flood-opacity="0.349"/> <feComposite operator="in" in2="blur-2"/> <feComposite in="SourceGraphic"/> </filter> </defs> <g id="Rectangle_8" data-name="Rectangle 8" stroke="#b4b2b2" stroke-width="1" fill="url(#linear-gradient)" style="mix-blend-mode: multiply;isolation: isolate"> <rect width="793" height="1024" stroke="none"/> <rect x="0.5" y="0.5" width="792" height="1023" fill="none"/> </g> <g id="Mask_Group_4" data-name="Mask Group 4" clip-path="url(#clip-path)"> <g id="Group_13906" data-name="Group 13906" transform="translate(1227.782 1153.043) rotate(180)" opacity="0.54"> <path id="Path_12713" data-name="Path 12713" d="M-5894.321-7099.4s163.513,301.819,384.911,412.243,267.171-29.452,500.682,29.452,205.095,175.206,371.288,195.191,226.553,0,293.483-144.4-39.545-197.743-39.545-346.053,39.545-218.046,39.545-218.046Z" transform="translate(5874.603 7034.028)" fill="#b4b2b2" opacity="0.68"/> <g transform="matrix(-1, 0, 0, -1, 1227.78, 1153.04)" filter="url(#Path_12714)"> <path id="Path_12714-2" data-name="Path 12714" d="M-5894.321-7109.194s141.139,260.521,332.244,355.836,230.614-25.422,432.174,25.422,177.032,151.232,320.484,168.483,195.554,0,253.326-124.639-34.134-170.686-34.134-298.7,34.134-188.211,34.134-188.211Z" transform="translate(-4749.24 -5852.04) rotate(180)" fill="#b4b2b2" opacity="0.46"/> </g> <g transform="matrix(-1, 0, 0, -1, 1227.78, 1153.04)" filter="url(#Path_12715)"> <path id="Path_12715-2" data-name="Path 12715" d="M-5894.321-7124s107.332,198.118,252.66,270.6,204.216-38.665,357.5,0,183.031,93.193,210.813,104.632,152.776,42.826,196.709-51.958-25.958-129.8-25.958-227.154,25.958-143.128,25.958-143.128Z" transform="translate(-4916.96 -5900.96) rotate(180)" fill="#b4b2b2" opacity="0.77"/> </g> </g> </g> </svg>
  490. </div>
  491. <div class="col-md-6">
  492. <div class="login_innre">
  493. <form id="login" method="post">
  494. <p class="title main">Welcome back!</p>
  495. <p class="desc">Login into your Friendspo account and connect with your friends!</p>
  496. <div class="alert alert-danger errors"></div>
  497. <div class="wow_form_fields">
  498. <label for="username">Username</label>
  499. <input id="username" name="username" type="text" autocomplete="off" autofocus>
  500. </div>
  501. <div class="wow_form_fields">
  502. <label for="password">Password</label>
  503. <input id="password" name="password" type="password" autocomplete="off">
  504. </div>
  505. <div class="forgot_password">
  506. <div class="terms">
  507. <input type="checkbox" name="remember_device" id="remember_device" checked>
  508. <label for="remember_device">
  509. Remember this device </label>
  510. <div class="clear"></div>
  511. </div>
  512. <a href="https://friendspo.com/forgot-password" class="main">Forgot Password?</a>
  513. </div>
  514.  
  515. <div class="login_signup_combo">
  516. <div class="login__">
  517. <button type="submit" class="btn btn-main btn-mat add_wow_loader">Login</button>
  518. </div>
  519.  
  520.    
  521. <div class="signup__">
  522. <p>Don't have an account? <a class="dec main" href="https://friendspo.com/register">Register</a></p>
  523. </div>
  524. </div>
  525.  
  526.  
  527. <div class="random_users">
  528. <div class="users-profiles">
  529. <div class="user-image image-1">
  530.    <a href="https://friendspo.com/gladysg1390796" title="gladysg1390796"><img src="https://friendspo.com/upload/photos/f-avatar.jpg?cache=0"></a>
  531. </div><div class="user-image image-2">
  532.    <a href="https://friendspo.com/deandrefallon6" title="deandrefallon6"><img src="https://friendspo.com/upload/photos/f-avatar.jpg?cache=0"></a>
  533. </div><div class="user-image image-3">
  534.    <a href="https://friendspo.com/mikaylalaporte" title="mikaylalaporte"><img src="https://friendspo.com/upload/photos/f-avatar.jpg?cache=0"></a>
  535. </div><div class="user-image image-4">
  536.    <a href="https://friendspo.com/louanngreenwoo" title="louanngreenwoo"><img src="https://friendspo.com/upload/photos/f-avatar.jpg?cache=0"></a>
  537. </div><div class="user-image image-5">
  538.    <a href="https://friendspo.com/violet05p04319" title="violet05p04319"><img src="https://friendspo.com/upload/photos/f-avatar.jpg?cache=0"></a>
  539. </div><div class="user-image image-6">
  540.    <a href="https://friendspo.com/merlinj5090240" title="merlinj5090240"><img src="https://friendspo.com/upload/photos/f-avatar.jpg?cache=0"></a>
  541. </div><div class="user-image image-7">
  542.    <a href="https://friendspo.com/charolette83o" title="charolette83o"><img src="https://friendspo.com/upload/photos/f-avatar.jpg?cache=0"></a>
  543. </div><div class="user-image image-8">
  544.    <a href="https://friendspo.com/raqueltrollope" title="raqueltrollope"><img src="https://friendspo.com/upload/photos/f-avatar.jpg?cache=0"></a>
  545. </div></div>
  546. </div>
  547. </form>
  548. </div>
  549. <div class="footer">
  550. <div class="welcome-footer">
  551. © 2025 Friendspo &nbsp;•&nbsp;
  552. <a data-ajax="?link1=terms&type=terms" href="https://friendspo.com/terms/terms">Terms of Use</a> &nbsp;•&nbsp;
  553. <a data-ajax="?link1=terms&type=privacy-policy" href="https://friendspo.com/terms/privacy-policy">Privacy Policy</a> &nbsp;•&nbsp;
  554. <a data-ajax="?link1=contact-us" href="https://friendspo.com/contact-us">Contact Us</a> &nbsp;•&nbsp;
  555. <a data-ajax="?link1=terms&type=about-us" href="https://friendspo.com/terms/about-us">About</a> &nbsp;•&nbsp;
  556. <a href="https://friendspo.com/blogs">Blog</a> &nbsp;•&nbsp;
  557. <span class="lang dropup">
  558. <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" class="feather feather-translate" style="margin-top: -3px;width: 15px;height: 15px;vertical-align: middle;"><path d="M12.87,15.07L10.33,12.56L10.36,12.53C12.1,10.59 13.34,8.36 14.07,6H17V4H10V2H8V4H1V6H12.17C11.5,7.92 10.44,9.75 9,11.35C8.07,10.32 7.3,9.19 6.69,8H4.69C5.42,9.63 6.42,11.17 7.67,12.56L2.58,17.58L4,19L9,14L12.11,17.11L12.87,15.07M18.5,10H16.5L12,22H14L15.12,19H19.87L21,22H23L18.5,10M15.88,17L17.5,12.67L19.12,17H15.88Z" /></svg>
  559. Language</a>
  560. <ul class="dropdown-menu dropdown-menu-right wow_lang_select_menu">
  561. <li class="language_select"><a href="?lang=english" rel="nofollow" class="English">English</a></li>
  562. <li class="language_select"><a href="?lang=arabic" rel="nofollow" class="Arabic">Arabic</a></li>
  563. <li class="language_select"><a href="?lang=dutch" rel="nofollow" class="Dutch">Dutch</a></li>
  564. <li class="language_select"><a href="?lang=french" rel="nofollow" class="French">French</a></li>
  565. <li class="language_select"><a href="?lang=german" rel="nofollow" class="German">German</a></li>
  566. <li class="language_select"><a href="?lang=italian" rel="nofollow" class="Italian">Italian</a></li>
  567. <li class="language_select"><a href="?lang=portuguese" rel="nofollow" class="Portuguese">Portuguese</a></li>
  568. <li class="language_select"><a href="?lang=russian" rel="nofollow" class="Russian">Russian</a></li>
  569. <li class="language_select"><a href="?lang=spanish" rel="nofollow" class="Spanish">Spanish</a></li>
  570. <li class="language_select"><a href="?lang=turkish" rel="nofollow" class="Turkish">Turkish</a></li>
  571. <li class="language_select"><a href="?lang=slovenian" rel="nofollow" class="Slovenian">Slovenian</a></li>
  572. </ul>
  573. </span>
  574. </div> <div class="clearfix"></div>
  575. </div>
  576. </div>
  577. </div>
  578. </div>
  579.  
  580. <script>
  581. var working = false;
  582. var $this = $('#login');
  583. var $state = $this.find('.errors');
  584.  
  585.  
  586. $(function() {
  587.  $('#login').ajaxForm({
  588.    url: Wo_Ajax_Requests_File() + '?f=login',
  589.    beforeSend: function() {
  590. working = true;
  591. $this.find('button').attr("disabled", true);
  592. $this.find('.add_wow_loader').addClass('btn-loading');
  593.    },
  594.    success: function(data) {
  595.      if (data.status == 200 || data.status == 600) {
  596. $state.removeClass('alert-danger');
  597.       $state.addClass('alert-success');
  598.  
  599.        $state.html('Welcome back!');
  600. $this.find('.add_wow_loader').removeClass('btn-loading');
  601.        setTimeout(function () {
  602.         window.location.href = data.location;
  603.        }, 1000);
  604.      } else {
  605.        var errors = data.errors.join("<br>");
  606. $this.find('button').attr("disabled", false);
  607. $this.find('.add_wow_loader').removeClass('btn-loading');
  608.        $state.html(errors);
  609.      }
  610.      working = false;
  611.    }
  612.  });
  613. });
  614. </script>
  615. </div>
  616.                  <footer>
  617.                     </footer>
  618.         <div class="second-footer" style="display: none; ">
  619.            <div class="page-margin">
  620. <div class="footer-wrapper">
  621. <hr>
  622. <div class="footer-powered">
  623. <p>
  624. © 2025 Friendspo </p>
  625. <ul class="list-inline">
  626. <li><a href="https://friendspo.com" data-ajax="?link1=home">Home</a></li>
  627. <li><a href="https://friendspo.com/terms/about-us" data-ajax="?link1=terms&type=about-us">About</a></li>
  628. <li><a href="https://friendspo.com/contact-us" data-ajax="?link1=contact-us">Contact Us</a></li>
  629. <li><a href="https://friendspo.com/terms/privacy-policy" data-ajax="?link1=terms&type=privacy-policy">Privacy Policy</a></li>
  630. <li><a href="https://friendspo.com/terms/terms" data-ajax="?link1=terms&type=terms">Terms of Use</a></li>
  631. <li><a href="https://friendspo.com/blogs" data-ajax="?link1=blogs">Blog</a></li>
  632. <li><a data-ajax="?link1=developers" href="https://friendspo.com/developers">Developers</a></li>
  633. </ul>
  634. <span class="lang_selct dropup">
  635. <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  636. <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg> Language </a>
  637. <ul class="dropdown-menu dropdown-menu-right wow_lang_select_menu">
  638. <li class="language_select"><a href="?lang=english" rel="nofollow" class="English">English</a></li>
  639. <li class="language_select"><a href="?lang=arabic" rel="nofollow" class="Arabic">Arabic</a></li>
  640. <li class="language_select"><a href="?lang=dutch" rel="nofollow" class="Dutch">Dutch</a></li>
  641. <li class="language_select"><a href="?lang=french" rel="nofollow" class="French">French</a></li>
  642. <li class="language_select"><a href="?lang=german" rel="nofollow" class="German">German</a></li>
  643. <li class="language_select"><a href="?lang=italian" rel="nofollow" class="Italian">Italian</a></li>
  644. <li class="language_select"><a href="?lang=portuguese" rel="nofollow" class="Portuguese">Portuguese</a></li>
  645. <li class="language_select"><a href="?lang=russian" rel="nofollow" class="Russian">Russian</a></li>
  646. <li class="language_select"><a href="?lang=spanish" rel="nofollow" class="Spanish">Spanish</a></li>
  647. <li class="language_select"><a href="?lang=turkish" rel="nofollow" class="Turkish">Turkish</a></li>
  648. <li class="language_select"><a href="?lang=slovenian" rel="nofollow" class="Slovenian">Slovenian</a></li>
  649. </ul>
  650. </span>
  651. </div>
  652. <div class="clear"></div>
  653. </div>
  654. </div>         </div>
  655.         <div class="extra">
  656.                     </div>
  657.      </div>
  658.      <!-- Load modal alerts -->
  659.    <div class="modal fade in" id="comment_report_box" role="dialog">
  660.    <div class="modal-dialog wow_mat_mdl">
  661.    
  662.      <div class="modal-content">
  663.        <p class="wo_error_messages">
  664.          <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 496.158 496.158" xml:space="preserve"> <path style="fill:#32BEA6;" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085 c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z"/> <path style="fill:#FFFFFF;" d="M384.673,164.968c-5.84-15.059-17.74-12.682-30.635-10.127c-7.701,1.605-41.953,11.631-96.148,68.777 c-22.49,23.717-37.326,42.625-47.094,57.045c-5.967-7.326-12.803-15.164-19.982-22.346c-22.078-22.072-46.699-37.23-47.734-37.867 c-10.332-6.316-23.82-3.066-30.154,7.258c-6.326,10.324-3.086,23.834,7.23,30.174c0.211,0.133,21.354,13.205,39.619,31.475 c18.627,18.629,35.504,43.822,35.67,44.066c4.109,6.178,11.008,9.783,18.266,9.783c1.246,0,2.504-0.105,3.756-0.322 c8.566-1.488,15.447-7.893,17.545-16.332c0.053-0.203,8.756-24.256,54.73-72.727c37.029-39.053,61.723-51.465,70.279-54.908 c0.082-0.014,0.141-0.02,0.252-0.043c-0.041,0.01,0.277-0.137,0.793-0.369c1.469-0.551,2.256-0.762,2.301-0.773 c-0.422,0.105-0.641,0.131-0.641,0.131l-0.014-0.076c3.959-1.727,11.371-4.916,11.533-4.984 C385.405,188.218,389.034,176.214,384.673,164.968z"/></svg>
  665.          <span class="msg">Comment reported successfully.</span>
  666.        </p>
  667.      </div>
  668.      
  669.    </div>
  670. </div>
  671.  
  672. <div class="modal fade in" id="post-shared" role="dialog">
  673.    <div class="modal-dialog wow_mat_mdl">
  674.    
  675.      <div class="modal-content">
  676.        <p class="wo_error_messages">
  677.          <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 496.158 496.158" xml:space="preserve"> <path style="fill:#32BEA6;" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085 c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z"/> <path style="fill:#FFFFFF;" d="M384.673,164.968c-5.84-15.059-17.74-12.682-30.635-10.127c-7.701,1.605-41.953,11.631-96.148,68.777 c-22.49,23.717-37.326,42.625-47.094,57.045c-5.967-7.326-12.803-15.164-19.982-22.346c-22.078-22.072-46.699-37.23-47.734-37.867 c-10.332-6.316-23.82-3.066-30.154,7.258c-6.326,10.324-3.086,23.834,7.23,30.174c0.211,0.133,21.354,13.205,39.619,31.475 c18.627,18.629,35.504,43.822,35.67,44.066c4.109,6.178,11.008,9.783,18.266,9.783c1.246,0,2.504-0.105,3.756-0.322 c8.566-1.488,15.447-7.893,17.545-16.332c0.053-0.203,8.756-24.256,54.73-72.727c37.029-39.053,61.723-51.465,70.279-54.908 c0.082-0.014,0.141-0.02,0.252-0.043c-0.041,0.01,0.277-0.137,0.793-0.369c1.469-0.551,2.256-0.762,2.301-0.773 c-0.422,0.105-0.641,0.131-0.641,0.131l-0.014-0.076c3.959-1.727,11.371-4.916,11.533-4.984 C385.405,188.218,389.034,176.214,384.673,164.968z"/></svg>
  678.          Post was successfully added to your timeline!        </p>
  679.      </div>
  680.      
  681.    </div>
  682. </div>
  683. <div class="modal fade in" id="modal-alert" role="dialog">
  684.    <div class="modal-dialog wow_mat_mdl">
  685.      <div class="modal-content">
  686.        <p class="wo_error_messages">
  687.          <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg>
  688.          <span id="modal-alert-msg">
  689.            You have reached your limit of 100000000 friends!          </span>
  690.        </p>
  691.      </div>
  692.    </div>
  693. </div>
  694. <div class="modal fade in" id="invalid_file" role="dialog">
  695.    <div class="modal-dialog wow_mat_mdl">
  696.    
  697.      <div class="modal-content">
  698.        <p class="wo_error_messages">
  699.          <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg>
  700.          File size error: The file exceeds allowed the limit (92 MB) and can not be uploaded.        </p>
  701.      </div>
  702.      
  703.    </div>
  704. </div>
  705. <div class="modal fade in" id="ffmpeg_file" role="dialog">
  706.    <div class="modal-dialog wow_mat_mdl">
  707.    
  708.      <div class="modal-content">
  709.        <p style="text-align: center;padding: 30px 20px;font-size: 16px;margin: 0;background: linear-gradient(rgb(244 67 54 / 10%), transparent);">
  710.          <svg xmlns="http://www.w3.org/2000/svg" height="100px" viewBox="0 0 512 512" width="100px" class="main" style="display: block;margin: 0 auto 30px;"><g fill="currentColor" opacity="0.6"><path d="m71.072 303.9a189.244 189.244 0 0 0 66.661 97.518 186.451 186.451 0 0 0 114.189 38.582c103.707 0 188.078-84.284 188.078-187.884a185.963 185.963 0 0 0 -38.974-114.534 189.368 189.368 0 0 0 -98.448-66.463 24 24 0 1 1 12.883-46.238 237.668 237.668 0 0 1 123.578 83.392 235.9 235.9 0 0 1 -187.117 379.727 234.064 234.064 0 0 1 -143.342-48.444 237.546 237.546 0 0 1 -83.652-122.438z"/><circle cx="200" cy="48" r="24"/><circle cx="56" cy="192" r="24"/><circle cx="109" cy="101" r="24"/></g><path d="m48 480a24 24 0 0 1 -24-24v-144a24 24 0 0 1 29.206-23.429l144 32a24 24 0 1 1 -10.412 46.858l-114.794-25.51v114.081a24 24 0 0 1 -24 24z" fill="currentColor"/></svg>
  711.          Your video is being processed, We’ll let you know when it's ready to view.        </p>
  712.      </div>
  713.      
  714.    </div>
  715. </div>
  716. <div class="modal fade in" id="file_not_supported" role="dialog">
  717.    <div class="modal-dialog wow_mat_mdl">
  718.    
  719.      <div class="modal-content">
  720.        <p class="wo_error_messages">
  721.          <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg>
  722.          Unable to upload a file: This file type is not supported.        </p>
  723.      </div>
  724.      
  725.    </div>
  726. </div>
  727. <div class="modal fade" id="modal_light_box" role="dialog">
  728. <button type="button" class="close comm_mod_img_close" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
  729.  <div class="modal-dialog" >
  730.    <div class="modal-content">              
  731.      <div class="modal-body" style="padding: 0;">
  732.        <img  class="image" style="width: 100%;" >
  733.      </div>
  734.    </div>
  735.  </div>
  736. </div>
  737. <div class="modal fade in" id="adult_image_file" role="dialog">
  738.    <div class="modal-dialog wow_mat_mdl">
  739.    
  740.      <div class="modal-content">
  741.        <p class="wo_error_messages">
  742.          <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg>
  743.          We have detected some adult content on the image you uploaded, therefore we have declined your upload process.        </p>
  744.      </div>
  745.      
  746.    </div>
  747. </div>
  748. <div class="modal fade" id="share_post_on_group" role="dialog">
  749.  <div class="modal-dialog modal-sm">
  750.    <div class="modal-content">
  751.      <div class="modal-header">
  752.        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  753.        <h4 class="modal-title">
  754.          Share post on a group        </h4>
  755.      </div>
  756.      <form id="share_post_on_group_form" class="share_post_on_group_form" method="POST">
  757.        <div class="modal-body">
  758.          <div id="share_post_on_group_form_alert"></div>
  759.          <div class="form-group input-group">
  760.            <span class="input-group-addon pointer">
  761.              <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:#03A9F4;"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
  762.            </span>
  763.            <input onkeydown="SearchFor(this,'group')" type="text" class="form-control" name="name" placeholder="Please write the group name">
  764.            <input type="hidden" id="SearchForInputGroup" name="group_id">
  765.            <input type="hidden" id="SearchForInputPostId" name="post_id">
  766.          </div>
  767.        </div>
  768.        <div class="modal-footer">
  769.          <div class="ball-pulse"><div></div><div></div><div></div></div>
  770.          <button id="share_post_on_group_form_btn" type="button" class="btn btn-main">
  771.            Share          </button>
  772.        </div>
  773.      </form>
  774.    </div>
  775.  </div>
  776. </div>
  777. <div class="modal fade" id="share_post_on_page" role="dialog">
  778.  <div class="modal-dialog modal-sm">
  779.    <div class="modal-content">
  780.      <div class="modal-header">
  781.        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  782.        <h4 class="modal-title">
  783.          Share to a page        </h4>
  784.      </div>
  785.      <form id="share_post_on_page_form" class="share_post_on_page_form" method="POST">
  786.        <div class="modal-body">
  787.          <div id="share_post_on_page_form_alert"></div>
  788.          <div class="form-group input-group">
  789.            <span class="input-group-addon pointer">
  790.              <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:#f79f58;"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path><line x1="4" y1="22" x2="4" y2="15"></line></svg>
  791.            </span>
  792.            <input onkeydown="SearchFor(this,'page')" type="text" class="form-control" name="name" placeholder="Please type the page name">
  793.            <input type="hidden" id="SearchForInputPage" name="page_id">
  794.            <input type="hidden" id="SearchForInputPostIdPage" name="post_id">
  795.          </div>
  796.        </div>
  797.        <div class="modal-footer">
  798.          <div class="ball-pulse"><div></div><div></div><div></div></div>
  799.          <button id="share_post_on_page_form_btn" type="button" class="btn btn-main">
  800.            Share          </button>
  801.        </div>
  802.      </form>
  803.    </div>
  804.  </div>
  805. </div>
  806. <div class="modal fade" id="share_post_on_user" role="dialog">
  807.  <div class="modal-dialog modal-sm">
  808.    <div class="modal-content">
  809.      <div class="modal-header">
  810.        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  811.        <h4 class="modal-title">
  812.          Share to user        </h4>
  813.      </div>
  814.      <form id="share_post_on_page_form" class="share_post_on_user_form" method="POST">
  815.        <div class="modal-body">
  816.          <div id="share_post_on_user_form_alert"></div>
  817.          <div class="form-group input-group">
  818.            <span class="input-group-addon pointer">
  819.              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-share" style="margin-top: -4px;width: 19px;height: 19px;"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><polyline points="16 6 12 2 8 6"></polyline><line x1="12" y1="2" x2="12" y2="15"></line></svg>
  820.            </span>
  821.            <input onkeydown="SearchFor(this,'user')" type="text" class="form-control" name="name" placeholder="Username">
  822.            <input type="hidden" id="SearchForInputUser" name="user_id">
  823.            <input type="hidden" id="SearchForInputUserPostId" name="post_id">
  824.          </div>
  825.        </div>
  826.        <div class="modal-footer">
  827.          <div class="ball-pulse"><div></div><div></div><div></div></div>
  828.          <button id="share_post_on_user_form_btn" type="button" class="btn btn-main">
  829.            Share          </button>
  830.        </div>
  831.      </form>
  832.    </div>
  833.  </div>
  834. </div>
  835.  
  836.  
  837. <div class="modal fade sun_modal" id="views-info-modal" role="dialog">
  838. <div class="modal-dialog">
  839. <div class="modal-content">
  840. <div class="modal-header">
  841. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  842. <h4 class="modal-title"><span id="views_info_title"></span></h4>
  843. </div>
  844. <div class="modal-body">
  845. <div id="views_info" class="wo_react_ursrs_list"></div>
  846. <div class="clearfix"></div>
  847. <div id="views_info_load" style="display: none;">
  848. <div class="load-more views_info_load_ wo_react_ursrs_list_lod_mor">
  849. <button class="btn btn-default text-center views_info_load_more" data-type="" post-id="" table-type="" onclick="Wo_LoadViewsInfo(this);"><span id="load_more_info_btn">Load more</span>
  850. </button>
  851. </div>
  852. </div>
  853. </div>
  854. </div>
  855. </div>
  856. </div>
  857.  
  858. <div class="modal fade sun_modal" id="users-reacted-modal" role="dialog">
  859. <div class="modal-dialog">
  860. <div class="modal-content">
  861. <div class="modal-header">
  862. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  863. <h4 class="modal-title">
  864. <div class="who_react_modal">
  865.  
  866.                             <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(1);">
  867.                                        <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--like"><div class="emoji__hand"><div class="emoji__thumb"></div></div></div></div>
  868.                                     </span>
  869.                             <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(2);">
  870.                                        <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--love"><div class="emoji__heart"></div></div></div>
  871.                                    </span>
  872.                             <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(3);">
  873.                                      <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--haha"><div class="emoji__face"><div class="emoji__eyes"></div><div class="emoji__mouth"><div class="emoji__tongue"></div></div></div></div></div>
  874.                                    </span>
  875.                             <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(4);">
  876.                                      <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--wow"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div>
  877.                                    </span>
  878.                             <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(5);">
  879.                                      <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--sad"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div>
  880.                                    </span>
  881.                             <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(6);">
  882.                                      <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--angry"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div>
  883.                                    </span>
  884.            
  885.  
  886. <!-- <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers('like');">
  887. <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--like"><div class="emoji__hand"><div class="emoji__thumb"></div></div></div></div>
  888. </span>
  889. <span class="how_reacted like-btn-love pointer" id="_post333" onclick="Wo_LoadReactedUsers('love');">
  890. <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--love"><div class="emoji__heart"></div></div></div>
  891. </span>
  892. <span class="how_reacted like-btn-haha pointer" id="_post333" onclick="Wo_LoadReactedUsers('haha');">
  893. <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--haha"><div class="emoji__face"><div class="emoji__eyes"></div><div class="emoji__mouth"><div class="emoji__tongue"></div></div></div></div></div>
  894. </span>
  895. <span class="how_reacted like-btn-wow pointer" id="_post333" onclick="Wo_LoadReactedUsers('wow');">
  896. <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--wow"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div>
  897. </span>
  898. <span class="how_reacted like-btn-sad pointer" id="_post333" onclick="Wo_LoadReactedUsers('sad');">
  899. <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--sad"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div>
  900. </span>
  901. <span class="how_reacted like-btn-angry pointer" id="_post333" onclick="Wo_LoadReactedUsers('angry');">
  902. <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--angry"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div>
  903. </span> -->
  904. </div>
  905. </h4>
  906. </div>
  907. <div class="modal-body">
  908. <div id="reacted_users_box" class="wo_react_ursrs_list"></div>
  909. <div class="clearfix"></div>
  910. <div id="reacted_users_load" style="display: none;">
  911. <div class="load-more wo_react_ursrs_list_lod_mor">
  912. <button class="btn btn-default text-center reacted_users_load_more" data-type="" post-id="" col-type="" onclick="Wo_LoadMoreReactedUsers(this);"><span id="load_more_reacted_btn">Load more</span>
  913. </button>
  914. </div>
  915. </div>
  916. </div>
  917. </div>
  918. </div>
  919. </div>
  920.  
  921.  
  922. <div class="modal fade in" id="approve_post" role="dialog">
  923. <div class="modal-dialog wow_mat_mdl">
  924. <div class="modal-content">
  925. <div class="empty_state" style="margin: 40px 0;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9,13A3,3 0 0,0 12,16A3,3 0 0,0 15,13A3,3 0 0,0 12,10A3,3 0 0,0 9,13M20,19.59V8L14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18C18.45,22 18.85,21.85 19.19,21.6L14.76,17.17C13.96,17.69 13,18 12,18A5,5 0 0,1 7,13A5,5 0 0,1 12,8A5,5 0 0,1 17,13C17,14 16.69,14.96 16.17,15.75L20,19.59Z" /></svg> Your post was submitted, we will review your content soon.</div>
  926. </div>
  927. </div>
  928. </div>
  929.  
  930. <div class="modal fade in" id="error_post" role="dialog">
  931.    <div class="modal-dialog wow_mat_mdl">
  932.    
  933.      <div class="modal-content">
  934.        <p class="wo_error_messages" id="error_post_text">
  935.        </p>
  936.      </div>
  937.      
  938.    </div>
  939. </div>
  940.  
  941. <div class="modal fade in" id="pro_upload_file" role="dialog">
  942.    <div class="modal-dialog wow_mat_mdl">
  943.    
  944.      <div class="modal-content">
  945.        <p class="wo_error_messages">
  946.          <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg>
  947.          To upload images, videos, and audio files, you have to upgrade to pro member. <a href="https://friendspo.com/go-pro">Upgrade To Pro</a>
  948.        </p>
  949.      </div>
  950.      
  951.    </div>
  952. </div>
  953.  
  954. <div class="modal fade sun_modal" id="edit-offer-modal" role="dialog">
  955. <div class="modal-dialog">
  956.      <div class="modal-content">
  957.            <div class="modal-header">
  958.                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  959.                  <h4 class="modal-title"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg> Edit Offer</h4>
  960.            </div>
  961.            <div class="modal-body">
  962.                  <div class="wo_settings_page">
  963.                        <form class="edit-offer-form form-horizontal" method="post">
  964.                              <div class="app-offer-alert app-general-alert"></div>
  965.                              <div class="clear"></div>
  966.                              <div class="setting-panel row job-setting-panel edit_offer_modal_form">
  967.                                    
  968.  
  969.                              </div>
  970.  
  971.                              <div class="publisher-hidden-option">
  972.                                    <div id="progress" class="create-offer-progress">
  973.                                          <span id="percent" class="create-product-percent pull-right">0%</span>
  974.                                          <div class="progress">
  975.                                                <div id="bar" class="progress-bar active create-product-bar"></div>
  976.                                          </div>
  977.                                          <div class="clear"></div>
  978.                                    </div>
  979.                              </div>
  980.  
  981.                              
  982.                              <div class="form-group last-sett-btn modal-footer">
  983.                                    <div class="ball-pulse"><div></div><div></div><div></div></div>
  984.                                    <button type="submit" class="btn btn-main setting-panel-mdbtn">Publish</button>
  985.                              </div>
  986.                        </form>
  987.                  </div>
  988.            </div>
  989.      </div>
  990. </div>
  991. </div>
  992.  
  993.  
  994.  
  995. <div class="modal fade" id="add_tier_modal" role="dialog" data-keyboard="false" style="overflow-y: auto;">
  996.  <div class="modal-dialog">
  997.    <div class="modal-content">
  998.      <div class="modal-header">
  999.        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  1000.        <h4 class="modal-title">Add tier</h4>
  1001.      </div>
  1002.      <form class="form form-horizontal tier_form" method="post" action="#">
  1003.        <div class="modal-body twocheckout_modal">
  1004.          <div class="modal_add_tier_modal_alert"></div>
  1005.          <div class="clear"></div>
  1006.          <div class="sun_input col-md-6">
  1007.            <input name="title" type="text" class="form-control input-md" autocomplete="off" placeholder="Tier title">
  1008.            <label class="plr15">Tier title</label>  
  1009.          </div>
  1010.          <div class="sun_input col-md-6">
  1011.            <input name="price" type="number" class="form-control input-md" autocomplete="off" placeholder="Tier price">
  1012.            <label class="plr15">Tier price</label>  
  1013.          </div>
  1014.          <div class=" col-lg-12">
  1015.            <label class="plr15">Benefits</label>
  1016.            <br>
  1017.            <input type="checkbox" name="benefits[]" value="chat" onclick="ShowBenefitsChat(this)">
  1018.            <label>Chat</label><br>
  1019.            <div class="add_benefits_chat" style="display: none;">
  1020.              <input type="radio" id="benefits_chat_1" name="chat" value="chat_without_audio_video">
  1021.              <label for="benefits_chat_1">Chat without audio and video call</label><br>
  1022.              <input type="radio" id="benefits_chat_2" name="chat" value="chat_with_audio_without_video">
  1023.              <label for="benefits_chat_2">Chat with audio call and without video call</label><br>  
  1024.              <input type="radio" id="benefits_chat_3" name="chat" value="chat_without_audio_with_video">
  1025.              <label for="benefits_chat_3">Chat without audio call and with video call</label><br>  
  1026.              <input type="radio" id="benefits_chat_4" name="chat" value="chat_with_audio_video">
  1027.              <label for="benefits_chat_4">Chat with audio and video call</label><br>
  1028.            </div>
  1029.            <input type="checkbox" name="benefits[]" value="live_stream">
  1030.            <label>Live Stream</label><br>
  1031.          </div>
  1032.          <div class="sun_input col-md-12">
  1033.            <textarea class="form-control input-md" placeholder="Tier description" name="description"></textarea>
  1034.            <label class="plr15">Tier description</label>  
  1035.          </div>
  1036.          <div class="clear"></div>
  1037.          <div class="form-group col-lg-12">
  1038.            <label class="col-md-12">Tier image:</label>  
  1039.            <div class="col-md-12">
  1040.              <div class="select_ev_covr" id="select_tier_image">
  1041.                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5,3A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H14.09C14.03,20.67 14,20.34 14,20C14,19.32 14.12,18.64 14.35,18H5L8.5,13.5L11,16.5L14.5,12L16.73,14.97C17.7,14.34 18.84,14 20,14C20.34,14 20.67,14.03 21,14.09V5C21,3.89 20.1,3 19,3H5M19,16V19H16V21H19V24H21V21H24V19H21V16H19Z" /></svg>
  1042.                Select an image    
  1043.              </div>
  1044.            </div>
  1045.          </div>
  1046.        </div>
  1047.        <input type="file" name="image" class="hidden" id="tier_image">
  1048.        <div class="clear"></div>
  1049.        <div class="modal-footer">
  1050.          <div class="ball-pulse"><div></div><div></div><div></div></div>
  1051.          <button type="submit" class="btn btn-main btn-mat">Add</button>
  1052.        </div>
  1053.      </form>
  1054.    </div>
  1055.  </div>
  1056. </div>
  1057. <div class="modal fade" id="delete-tier" tabindex="-1" role="dialog" aria-labelledby="delete-tier" aria-hidden="true" data-id="0">
  1058.  <div class="modal-dialog mat_box" role="document">
  1059.    <div class="modal-content">
  1060.      <div class="modal-header">
  1061.        <h5 class="modal-title"> Delete your tier</h5>
  1062.      </div>
  1063.      <div class="modal-body">
  1064.        Are you sure you want to delete this tier?      </div>  
  1065.      <div class="modal-footer">
  1066.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1067.        <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Delete</button>
  1068.      </div>
  1069.    </div>
  1070.  </div>
  1071. </div>
  1072. <div class="modal fade sun_modal" id="show_product_reviews_modal" role="dialog">
  1073. <div class="modal-dialog wow_mat_mdl">
  1074. <div class="modal-content check_reviews">
  1075. <div class="modal-header">
  1076. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  1077. <h4 class="modal-title">Reviews</h4>
  1078. </div>
  1079. <div class="modal-body">
  1080. <div id="show_product_reviews_modal_info" class="wo_react_ursrs_list"></div>
  1081. <div class="clearfix"></div>
  1082. <div id="show_product_reviews_modal_info_load" style="display: none;">
  1083. <div class="load-more">
  1084. <button class="btn btn-default text-center" data-type="" post-id="" table-type="" onclick="Wo_LoadReviews();"><span id="show_product_reviews_load_text">Load more</span></button>
  1085. </div>
  1086. </div>
  1087. </div>
  1088. </div>
  1089. </div>
  1090. </div>
  1091.  
  1092.    <!-- <div id="node-js-templates">
  1093.          <div> -->
  1094.    
  1095.        
  1096.        
  1097.        
  1098.      <!-- JS FILES -->
  1099.                  
  1100.      <script type="text/javascript" src="https://friendspo.com/themes/wowonder/javascript/welcome.js?version=4.0"></script>
  1101.                     <script type="text/javascript">
  1102.          const node_socket_flow = "0"
  1103.          </script>
  1104.            <script type="text/javascript" src="https://friendspo.com/themes/wowonder/javascript/script.js?version=4.0"></script>
  1105.                  <div class="extra-css"></div>
  1106.          
  1107.      <!-- End 'JS FILES' -->
  1108.      <script type="text/javascript">
  1109.  (function (factory) {
  1110.  if (typeof define === 'function' && define.amd) {
  1111.    // AMD. Register as an anonymous module.
  1112.    define(['jquery'], factory);
  1113.  } else {
  1114.    // Browser globals
  1115.    factory(jQuery);
  1116.  }
  1117. }(function ($) {
  1118.  $.timeago = function(timestamp) {
  1119.    if (timestamp instanceof Date) {
  1120.      return inWords(timestamp);
  1121.    } else if (typeof timestamp === "string") {
  1122.      return inWords($.timeago.parse(timestamp));
  1123.    } else if (typeof timestamp === "number") {
  1124.      return inWords(new Date(timestamp));
  1125.    } else {
  1126.      return inWords($.timeago.datetime(timestamp));
  1127.    }
  1128.  };
  1129.  var $t = $.timeago;
  1130.  
  1131.  $.extend($.timeago, {
  1132.    settings: {
  1133.      refreshMillis: 60000,
  1134.      allowPast: true,
  1135.      allowFuture: false,
  1136.      localeTitle: false,
  1137.      cutoff: 0,
  1138.      strings: {
  1139.        prefixAgo: null,
  1140.        prefixFromNow: null,
  1141.        suffixAgo: "ago",
  1142.        suffixFromNow: "from now",
  1143.        inPast: "any moment now",
  1144.        seconds: "now",
  1145.        minute: "minute",
  1146.        minutes: "minutes",
  1147.        hour: "hour",
  1148.        hours: "hours",
  1149.        day: "day",
  1150.        days: "days",
  1151.        month: "month",
  1152.        months: "months",
  1153.        year: "year",
  1154.        years: "years",
  1155.        wordSeparator: " ",
  1156.        numbers: []
  1157.      }
  1158.    },
  1159.  
  1160.    inWords: function(distanceMillis) {
  1161.      if(!this.settings.allowPast && ! this.settings.allowFuture) {
  1162.          throw 'timeago allowPast and allowFuture settings can not both be set to false.';
  1163.      }
  1164.  
  1165.      var $l = this.settings.strings;
  1166.      var prefix = $l.prefixAgo;
  1167.      var suffix = $l.suffixAgo;
  1168.      if (this.settings.allowFuture) {
  1169.        if (distanceMillis < 0) {
  1170.          prefix = $l.prefixFromNow;
  1171.          suffix = $l.suffixFromNow;
  1172.        }
  1173.      }
  1174.  
  1175.      if(!this.settings.allowPast && distanceMillis >= 0) {
  1176.        return this.settings.strings.inPast;
  1177.      }
  1178.  
  1179.      var seconds = Math.abs(distanceMillis) / 1000;
  1180.      var minutes = seconds / 60;
  1181.      var hours = minutes / 60;
  1182.      var days = hours / 24;
  1183.      var weeks = days / 7;
  1184.      var years = days / 365;
  1185.  
  1186.      function substitute(stringOrFunction, number) {
  1187.        var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction;
  1188.        var value = ($l.numbers && $l.numbers[number]) || number;
  1189.        return number+' '+string.replace(/%d/i, value);
  1190.        //return string.replace(/%d/i, value);
  1191.      }
  1192.  
  1193.        // var words = seconds < 45 && substitute($l.seconds, '') ||
  1194.        // seconds < 90 && substitute('m', 1) ||
  1195.        // minutes < 45 && substitute('m', Math.round(minutes)) ||
  1196.        // minutes < 90 && substitute('h', 1) ||
  1197.        // hours < 24 && substitute('hrs', Math.round(hours)) ||
  1198.        // hours < 42 && substitute('d', 1) ||
  1199.        // days < 7 && substitute('d', Math.round(days)) ||
  1200.        // weeks < 2 && substitute('w', 1) ||
  1201.        // weeks < 52 && substitute('w', Math.round(weeks)) ||
  1202.        // years < 1.5 && substitute('y', 1) ||
  1203.        // substitute('yrs', Math.round(years));
  1204.        var words = '';
  1205.        if (seconds < 45) {
  1206.            words = substitute($l.seconds, '');
  1207.        }
  1208.        else if (seconds < 90) {
  1209.            words = substitute('m', 1);
  1210.        }
  1211.        else if (minutes < 45) {
  1212.            words = substitute('m', Math.round(minutes));
  1213.        }
  1214.        else if (minutes < 90) {
  1215.            words = substitute('h', 1);
  1216.        }
  1217.        else if (hours < 24) {
  1218.            words = substitute('hrs', Math.round(hours));
  1219.        }
  1220.        else if (hours < 42) {
  1221.            words = substitute('d', 1);
  1222.        }
  1223.        else if (days < 7) {
  1224.            words = substitute('d', Math.round(days));
  1225.        }
  1226.        else if (weeks < 2) {
  1227.            words = substitute('w', 1);
  1228.        }
  1229.        else if (weeks < 52) {
  1230.            words = substitute('w', Math.round(weeks));
  1231.        }
  1232.        else if (years < 1.5) {
  1233.            words = substitute('y', 1);
  1234.        }
  1235.        else {
  1236.            words = substitute('yrs', Math.round(years));
  1237.        }
  1238.  
  1239.  
  1240.  
  1241.      var separator = $l.wordSeparator || "";
  1242.      if ($l.wordSeparator === undefined) { separator = " "; }
  1243.  
  1244.      
  1245.         return $.trim([prefix, words].join(separator));
  1246.  
  1247.          },
  1248.  
  1249.    parse: function(iso8601) {
  1250.      var s = $.trim(iso8601);
  1251.      s = s.replace(/\.\d+/,""); // remove milliseconds
  1252.      s = s.replace(/-/,"/").replace(/-/,"/");
  1253.      s = s.replace(/T/," ").replace(/Z/," UTC");
  1254.      s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400
  1255.      s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900
  1256.      return new Date(s);
  1257.    },
  1258.    datetime: function(elem) {
  1259.      var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title");
  1260.      return $t.parse(iso8601);
  1261.    },
  1262.    isTime: function(elem) {
  1263.      // jQuery's `is()` doesn't play well with HTML5 in IE
  1264.      return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time");
  1265.    }
  1266.  });
  1267.  
  1268.  // functions that can be called via $(el).timeago('action')
  1269.  // init is default when no action is given
  1270.  // functions are called with context of a single element
  1271.  var functions = {
  1272.    init: function(){
  1273.      var refresh_el = $.proxy(refresh, this);
  1274.      refresh_el();
  1275.      var $s = $t.settings;
  1276.      if ($s.refreshMillis > 0) {
  1277.        this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis);
  1278.      }
  1279.    },
  1280.    update: function(time){
  1281.      var parsedTime = $t.parse(time);
  1282.      $(this).data('timeago', { datetime: parsedTime });
  1283.      if($t.settings.localeTitle) $(this).attr("title", parsedTime.toLocaleString());
  1284.      refresh.apply(this);
  1285.    },
  1286.    updateFromDOM: function(){
  1287.      $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) });
  1288.      refresh.apply(this);
  1289.    },
  1290.    dispose: function () {
  1291.      if (this._timeagoInterval) {
  1292.        window.clearInterval(this._timeagoInterval);
  1293.        this._timeagoInterval = null;
  1294.      }
  1295.    }
  1296.  };
  1297.  
  1298.  $.fn.timeago = function(action, options) {
  1299.    var fn = action ? functions[action] : functions.init;
  1300.    if(!fn){
  1301.      throw new Error("Unknown function name '"+ action +"' for timeago");
  1302.    }
  1303.    // each over objects here and call the requested function
  1304.    this.each(function(){
  1305.      fn.call(this, options);
  1306.    });
  1307.    return this;
  1308.  };
  1309.  
  1310.  function refresh() {
  1311.    var data = prepareData(this);
  1312.    var $s = $t.settings;
  1313.  
  1314.    if (!isNaN(data.datetime)) {
  1315.      if ( $s.cutoff == 0 || Math.abs(distance(data.datetime)) < $s.cutoff) {
  1316.        $(this).text(inWords(data.datetime));
  1317.      }
  1318.    }
  1319.    return this;
  1320.  }
  1321.  
  1322.  function prepareData(element) {
  1323.    element = $(element);
  1324.    if (!element.data("timeago")) {
  1325.      element.data("timeago", { datetime: $t.datetime(element) });
  1326.      var text = $.trim(element.text());
  1327.      if ($t.settings.localeTitle) {
  1328.        element.attr("title", element.data('timeago').datetime.toLocaleString());
  1329.      } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) {
  1330.        element.attr("title", text);
  1331.      }
  1332.    }
  1333.    return element.data("timeago");
  1334.  }
  1335.  
  1336.  function inWords(date) {
  1337.    return $t.inWords(distance(date));
  1338.  }
  1339.  
  1340.  function distance(date) {
  1341.    return (new Date().getTime() - date.getTime());
  1342.  }
  1343.  
  1344.  // fix for IE6 suckage
  1345.  document.createElement("abbr");
  1346.  document.createElement("time");
  1347. }));
  1348.  
  1349.  
  1350. $(function () {
  1351.  setInterval(function () {
  1352.    
  1353.    if ( $('.ajax-time').length > 0) {
  1354.      $('.ajax-time').timeago()
  1355.        .removeClass('.ajax-time');
  1356.    }
  1357.  },
  1358.  1000);
  1359. });
  1360. </script>      
  1361.            <!-- Audio FILES -->
  1362.            
  1363.      <!-- End 'Audio FILES' -->
  1364.      <script>
  1365.                  let f = navigator.userAgent.search("Firefox");
  1366.      if (f > -1) {
  1367.            $('.header-brand').attr('href', "https://friendspo.com/?cache=1741992138");
  1368.      }
  1369.         function ShowCommentGif(id,type) {
  1370.            $( ".gif_post_comment" ).each(function( index ) {
  1371.               if ($( this ).attr('id') != 'gif-form-'+id) {
  1372.                  $( this ).slideUp();
  1373.               }
  1374.            });
  1375.            $('#gif-form-'+id).slideToggle(200);
  1376.            $('.gif_post_comment_gif').html('');
  1377.         }
  1378.         function SearchForGif(keyword,id = 0,type = '') {
  1379.            $('#publisher-box-stickers-cont-'+id).empty();
  1380.            Wo_Delay(function(){
  1381.                $.ajax({
  1382.                  url: 'https://api.giphy.com/v1/gifs/search?',
  1383.                  type: 'GET',
  1384.                  dataType: 'json',
  1385.                  data: {q:keyword,api_key:'420d477a542b4287b2bf91ac134ae041', limit: 20},
  1386.                })
  1387.                .done(function(data) {
  1388.                  if (data.meta.status == 200 && data.data.length > 0) {
  1389.                    var appended = false;
  1390.                    for (var i = 0; i < data.data.length; i++) {
  1391.                        appended = true;
  1392.                        if (appended == true) {
  1393.                          appended = false;
  1394.                          if (type == 'story') {
  1395.                             $('#publisher-box-stickers-cont-'+id).append($('<img alt="gif" src="'+data.data[i].images.fixed_height_small.url+'" data-gif="' + data.data[i].images.fixed_height.url + '" onclick="Wo_PostCommentGif_'+id+'(this,'+id+')" autoplay loop>'));
  1396.                         }
  1397.                         else{
  1398.                           $('#publisher-box-stickers-cont-'+id).append($('<img alt="gif" src="'+data.data[i].images.fixed_height_small.url+'" data-gif="' + data.data[i].images.fixed_height.url + '" onclick="Wo_PostReplyCommentGif_'+id+'(this,'+id+')" autoplay loop>'));
  1399.                         }
  1400.                          appended = true;
  1401.                        }
  1402.                    }
  1403.                    var images = 0;
  1404.                    Wo_ElementLoad($('img[alt=gif]'), function(){
  1405.                      images++;
  1406.                    });
  1407.                    if (data.data.length == images || images >= 5) {
  1408.                    
  1409.                    }
  1410.                  }
  1411.                  else{
  1412.                     $('#publisher-box-stickers-cont-'+id).html('<p class="no_gifs_found"><i class="fa fa-frown-o"></i> No result to show</p>');
  1413.                  }
  1414.                })
  1415.                .fail(function() {
  1416.                  console.log("error");
  1417.                })
  1418.              },100);
  1419.         }
  1420.         function ShowCommentStickers(id,type) {
  1421.            $('.gif_post_comment').slideUp(200);
  1422.            $('.gif_post_comment_gif').html('');
  1423.           $('#sticker-form-'+id).slideToggle(200);
  1424.           $('.chat-box-stickers-cont').empty();
  1425.           functionName = "Wo_PostReplyCommentSticker_"+id+"(this,"+id+");";
  1426.           if (type == 'story') {
  1427.            functionName = "Wo_PostCommentSticker_"+id+"(this,"+id+");";
  1428.           }
  1429.          
  1430.                      sticker = '<div class="empty_state" style="margin: 15px 0 0;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5,2C3.56,2 2,3.56 2,5.5V18.5C2,20.44 3.56,22 5.5,22H16L22,16V5.5C22,3.56 20.44,2 18.5,2H5.5M5.75,4H18.25A1.75,1.75 0 0,1 20,5.75V15H18.5C16.56,15 15,16.56 15,18.5V20H5.75A1.75,1.75 0 0,1 4,18.25V5.75A1.75,1.75 0 0,1 5.75,4M14.44,6.77C14.28,6.77 14.12,6.79 13.97,6.83C13.03,7.09 12.5,8.05 12.74,9C12.79,9.15 12.86,9.3 12.95,9.44L16.18,8.56C16.18,8.39 16.16,8.22 16.12,8.05C15.91,7.3 15.22,6.77 14.44,6.77M8.17,8.5C8,8.5 7.85,8.5 7.7,8.55C6.77,8.81 6.22,9.77 6.47,10.7C6.5,10.86 6.59,11 6.68,11.16L9.91,10.28C9.91,10.11 9.89,9.94 9.85,9.78C9.64,9 8.95,8.5 8.17,8.5M16.72,11.26L7.59,13.77C8.91,15.3 11,15.94 12.95,15.41C14.9,14.87 16.36,13.25 16.72,11.26Z"></path></svg> No result to show</div>';
  1431.           $('#publisher-box-sticker-cont-'+id).html(sticker);
  1432.  
  1433.         }
  1434.        $(window).on("popstate", function (e) {
  1435.          location.reload();
  1436.      });
  1437.       /*Language Select*/
  1438.        $(document).ready(function(){
  1439.          $("#wo_language_modal .language_select .English").append('<span class="language_initial"><img src="https://friendspo.com/themes/wowonder/img/flags/united-states.svg"/></span> ');
  1440.          $("#wo_language_modal .language_select .Arabic").append('<span class="language_initial"><img src="https://friendspo.com/themes/wowonder/img/flags/saudi-arabia.svg"/></span> ');
  1441.          $("#wo_language_modal .language_select .Dutch").append('<span class="language_initial"><img src="https://friendspo.com/themes/wowonder/img/flags/netherlands.svg"/></span> ');
  1442.          $("#wo_language_modal .language_select .French").append('<span class="language_initial"><img src="https://friendspo.com/themes/wowonder/img/flags/france.svg"/></span> ');
  1443.          $("#wo_language_modal .language_select .German").append('<span class="language_initial"><img src="https://friendspo.com/themes/wowonder/img/flags/germany.svg"/></span> ');
  1444.          $("#wo_language_modal .language_select .Hungarian, #wo_language_modal .language_select .Magyar").append('<span class="language_initial"><img src="https://friendspo.com/themes/wowonder/img/flags/hungary.svg"/></span> ');
  1445.          $("#wo_language_modal .language_select .Italian").append('<span class="language_initial"><img src="https://friendspo.com/themes/wowonder/img/flags/italy.svg"/></span> ');
  1446.          $("#wo_language_modal .language_select .Portuguese").append('<span class="language_initial"><img src="https://friendspo.com/themes/wowonder/img/flags/portugal.svg"/></span> ');
  1447.          $("#wo_language_modal .language_select .Russian").append('<span class="language_initial"><img src="https://friendspo.com/themes/wowonder/img/flags/russia.svg"/></span> ');
  1448.          $("#wo_language_modal .language_select .Spanish").append('<span class="language_initial"><img src="https://friendspo.com/themes/wowonder/img/flags/spain.svg"/></span> ');
  1449.          $("#wo_language_modal .language_select .Serbian").append('<span class="language_initial"><img src="https://friendspo.com/themes/wowonder/img/flags/serbia.svg"/></span> ');
  1450.          $("#wo_language_modal .language_select .Turkish").append('<span class="language_initial"><img src="https://friendspo.com/themes/wowonder/img/flags/turkey.svg"/></span> ');
  1451.        });
  1452.        /*
  1453.  
  1454. The code entered here will be added in <footer> tag
  1455.  
  1456. */      </script>
  1457.            <script>
  1458.      window.addEventListener("load", function(){
  1459.      window.cookieconsent.initialise({
  1460.        "palette": {
  1461.          "popup": {
  1462.            "background": "#56a0bf",
  1463.            "text": "#fff"
  1464.          },
  1465.          "button": {
  1466.            "background": "#b4b2b2"
  1467.          }
  1468.        },
  1469.        "theme": "edgeless",
  1470.         "position": "bottom-left",         "content": {
  1471.          "message": "This website uses cookies to ensure you get the best experience on our website.",
  1472.          "dismiss": "Got It!",
  1473.          "link": "Learn More",
  1474.          "href": "https://friendspo.com/terms/privacy-policy"
  1475.        }
  1476.      })});
  1477.      </script>
  1478.                <style>.cc-bottom{bottom: 2.5em;}</style>
  1479.        
  1480.        <div class="modal fade sun_modal" id="apply-job-modal" role="dialog">
  1481.    </div>
  1482.    <div id="pay_modal_wallet">
  1483.      <div class="modal fade wow_mat_pops" id="pay-go-pro" role="dialog" data-keyboard="false">
  1484.        <div class="modal-dialog">
  1485.          <div class="modal-content">
  1486.            <div class="wow_pops_head">
  1487.              <svg height="100px" preserveAspectRatio="none" version="1.1" viewBox="0 0 300 100" width="300px" xmlns="http://www.w3.org/2000/svg"><path d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729 c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" fill="currentColor" opacity="0.6"></path> <path d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729 c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" fill="currentColor" opacity="0.6"></path> <path d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428 c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" fill="currentColor"></path></svg>
  1488.              <h4><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20,8H4V6H20M20,18H4V12H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"></path></svg> Pay By Wallet</h4>
  1489.            </div>
  1490.            <div class="modal-body">
  1491.              <div class="pay_modal_wallet_alert"></div>
  1492.              <h4 class="pay_modal_wallet_text"></h4>
  1493.            </div>
  1494.            <div class="clear"></div>
  1495.            <div class="modal-footer">
  1496.              <div class="ball-pulse"><div></div><div></div><div></div></div>
  1497.              <button type="button" class="btn btn-main" id="pay_modal_wallet_btn">Pay Now</button>
  1498.            </div>
  1499.          </div>
  1500.        </div>
  1501.      </div>
  1502.    </div>
  1503.    <!-- HTML NOTIFICATION POPUP -->
  1504.    <div id="notification-popup"></div>
  1505.    <!-- HTML NOTIFICATION POPUP -->
  1506.    <div class="modal fade" id="add_address_modal" role="dialog" data-keyboard="false" style="overflow-y: auto;">
  1507. <div class="modal-dialog wow_mat_mdl">
  1508. <div class="modal-content">
  1509. <div class="modal-header">
  1510. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  1511. <h4 class="modal-title">Add New Address</h4>
  1512. </div>
  1513. <form class="form form-horizontal address_form" method="post" action="#">
  1514. <div class="modal-body twocheckout_modal">
  1515. <div class="modal_add_address_modal_alert"></div>
  1516. <div class="clear"></div>
  1517. <div class="row">
  1518. <div class="col-md-12">
  1519. <div class="wow_form_fields">
  1520. <label for="name">Name</label>
  1521. <input id="name" name="name" type="text" autocomplete="off" placeholder="Name" value="raqueltrollope">
  1522. </div>
  1523. </div>
  1524. <div class="col-md-6">
  1525. <div class="wow_form_fields">
  1526. <label for="phone">Phone</label>
  1527. <input id="phone" name="phone" type="text" autocomplete="off" placeholder="Phone" value="">
  1528. </div>
  1529. </div>
  1530. <div class="col-md-6">
  1531. <div class="wow_form_fields">
  1532. <label for="country">Country</label>
  1533. <input id="country" name="country" type="text" autocomplete="off" placeholder="Country">
  1534. </div>
  1535. </div>
  1536. <div class="col-md-6">
  1537. <div class="wow_form_fields">
  1538. <label for="city">City</label>
  1539. <input id="city" name="city" type="text" autocomplete="off" placeholder="City">
  1540. </div>
  1541. </div>
  1542. <div class="col-md-6">
  1543. <div class="wow_form_fields">
  1544. <label for="zip">Zip Code</label>
  1545. <input id="zip" name="zip" type="text" autocomplete="off" placeholder="Zip Code">
  1546. </div>
  1547. </div>
  1548. <div class="col-md-12">
  1549. <div class="wow_form_fields">
  1550. <label for="address">Name</label>
  1551. <textarea id="address" placeholder="Address" name="address" rows="3"></textarea>
  1552. </div>
  1553. </div>
  1554. </div>
  1555. <div class="clear"></div>
  1556. </div>
  1557. <div class="clear"></div>
  1558. <div class="modal-footer">
  1559. <div class="ball-pulse"><div></div><div></div><div></div></div>
  1560. <button type="submit" class="btn btn-main btn-mat">Add</button>
  1561. </div>
  1562. </form>
  1563. </div>
  1564. </div>
  1565.    </div>
  1566.    <div class="modal fade" id="delete-address" tabindex="-1" role="dialog" aria-labelledby="delete-address" aria-hidden="true" data-id="0">
  1567. <div class="modal-dialog modal-md mat_box wow_mat_mdl" role="document">
  1568. <div class="modal-content">
  1569. <div class="modal-header">
  1570. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  1571. <h4 class="modal-title">Delete your address</h4>
  1572. </div>
  1573. <div class="modal-body">
  1574. Are you sure you want to delete this address? </div>  
  1575. <div class="modal-footer">
  1576. <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Delete</button>
  1577. </div>
  1578. </div>
  1579. </div>
  1580.    </div>
  1581.    
  1582.    <div class="modal fade ch_payment_box" id="buy_product_modal" tabindex="-1" role="dialog" aria-labelledby="buy_product" aria-hidden="true" data-id="0">
  1583. <div class="modal-dialog modal-md mat_box" role="document">
  1584. <div class="modal-content">
  1585. <div class="ch_payment_head">
  1586. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12,13A5,5 0 0,1 7,8H9A3,3 0 0,0 12,11A3,3 0 0,0 15,8H17A5,5 0 0,1 12,13M12,3A3,3 0 0,1 15,6H9A3,3 0 0,1 12,3M19,6H17A5,5 0 0,0 12,1A5,5 0 0,0 7,6H5C3.89,6 3,6.89 3,8V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V8C21,6.89 20.1,6 19,6Z"></path></svg>
  1587. <h4>Payment Alert</h4>
  1588. </div>
  1589. <div class="modal-body">
  1590. <div class="modal_product_pay_alert"></div>
  1591. You are about to purchase the items, do you want to proceed? </div>  
  1592. <div class="modal-footer">
  1593. <input type="hidden" id="product_id">
  1594. <input type="hidden" id="product_price">
  1595. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1596. <button type="button" class="btn btn-main btn-mat">Pay Now</button>
  1597. </div>
  1598. </div>
  1599. </div>
  1600.    </div>
  1601. <div class="modal fade" id="refund_order" tabindex="-1" role="dialog" aria-labelledby="refund_order" aria-hidden="true" data-id="0">
  1602. <div class="modal-dialog mat_box wow_mat_mdl" role="document">
  1603. <div class="modal-content">
  1604. <div class="modal-header">
  1605. <h5 class="modal-title">Request a Refund</h5>
  1606. </div>
  1607. <form class="refund_order_form" method="post">
  1608. <div class="modal-body">
  1609. <div class="modal_refund_order_modal_alert"></div>
  1610. <div class="wow_form_fields">
  1611. <label class="form-label">Please explain the reason</label>
  1612. <textarea placeholder="Please explain the reason" rows="5" name="message" id="refund_order_message"></textarea>
  1613. </div>
  1614. </div>  
  1615. <div class="modal-footer">
  1616. <button type="button" class="btn btn-default btn-mat" data-dismiss="modal">Cancel</button>
  1617. <button type="submit" class="btn btn-main btn-mat get_refnd">Request</button>
  1618. </div>
  1619. </form>
  1620. </div>
  1621. </div>
  1622.    </div>
  1623.    
  1624.    <a href="https://friendspo.com/checkout" data-ajax="?link1=checkout" id="load_checkout" style="display: none;"></a>
  1625.   </body>
  1626. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda