1<!DOCTYPE html> 2<!--[if lt IE 7]><html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" lang="af" xml:lang="af" class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]--> 3<!--[if IE 7]><html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" lang="af" xml:lang="af" class="no-js lt-ie9 lt-ie8"><![endif]--> 4<!--[if IE 8]><html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" lang="af" xml:lang="af" class="no-js lt-ie9"><![endif]--> 5<!--[if gt IE 8]><!--><html xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#" lang="af" xml:lang="af" class="no-js"><!--<![endif]--> 6<head> 7 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" /> 9 10 <title>Flikvlooi - Kontak Ons</title> 11 12 <meta name="description" content=" Vind liefde op Flikvlooi, een van Suid-Afrika se grootste Afrikaanse dating sites. Sluit nou gratis aan!" /> 13 <meta name="facebook-domain-verification" content="1pife3h0afx6lvbq4wlyu10x5y7cp7" /> 14 <meta name="dcterms.rightsHolder" content="Flikvlooi/Dating Lab" /> 15 <meta name="dcterms.dateCopyrighted" content="1997-2026" /> 16 <meta name="dcterms.rights" content="Copyright © 1997-2026, Flikvlooi/Dating Lab. All rights reserved." /> 17 <meta property="fb:app_id" content="1733518676918666" /> 18 <meta property="og:title" content="Flikvlooi - Kontak Ons" /> 19 <meta property="og:type" content="website" /> 20 <meta property="og:site_name" content="Flikvlooi" /> 21 <meta property="og:url" content="https://www.flikvlooi.co.za/s/help/contact.php" /> 22 <meta property="og:image" content="https://www.flikvlooi.co.za/pics/i1/108/icons/108_facebook.jpg" /> 23 <meta property="og:image:width" content="1200" /> 24 <meta property="og:image:height" content="630" /> 25 <meta name="twitter:card" content="summary" /> 26 <meta name="twitter:title" content="Flikvlooi - Kontak Ons" /> 27 <meta name="twitter:url" content="https://www.flikvlooi.co.za/s/help/contact.php" /> 28 29 <link rel="preconnect" href="//cdnjs.cloudflare.com" crossorigin="anonymous" /> 30 <link rel="preconnect" href="//fonts.googleapis.com" /> 31 <link rel="preconnect" href="//fonts.gstatic.com" crossorigin="anonymous" /> 32 <link rel="preconnect" href="//www.googletagmanager.com" /> 33 <link rel="dns-prefetch" href="//analytics.google.com" /> 34 <div class="container"> 35 </div> 36 37<!--[if gt IE 8]><!--> 38 <link rel="stylesheet" href="https://www.flikvlooi.co.za/css/i1/108.r40462.css" type="text/css" media="all" /> 39<!--<![endif]--> 40 <link rel="canonical" href="https://www.flikvlooi.co.za/s/help/contact.php" /> 41 42
42<script type="text/javascript" src="https://www.flikvlooi.co.za/js/vendor/modernizr/modernizr-latest.min.js"></script>
42 43
43<script type="text/javascript" src="https://www.flikvlooi.co.za/js/functions.r40242.js"></script>
43 44 <!--[if lt IE 7]> 45 <meta http-equiv="imagetoolbar" content="no" /> 46 47
47<script type="text/javascript"> 48 //<![CDATA[ 49 // fix IE6 background image flickering/caching issue 50 try { 51 document.execCommand('BackgroundImageCache', false, true); 52 } 53 catch(e) {}; 54 //]]> 55 </script>
55 56 <![endif]--> 57 <!--[if lt IE 9]> 58 <link rel="stylesheet" href="https://www.flikvlooi.co.za/css/0/ieOld.r40462.css" type="text/css" media="all" /> 59 <style type="text/css" media="all"> 60 /*<![CDATA[*/ 61 #header .logoWrapper h1 { 62 text-indent: -2000px; 63 width: auto; 64 height: auto; 65 background: transparent url("https://www.flikvlooi.co.za/pics/i1/108/chrome/logo_108.png") 0 0 no-repeat; 66 } 67 #header .logoWrapper a { 68 display: block; 69 width: 250px; 70 height: auto; 71 } 72 /*]]>*/ 73 </style> 74 <![endif]--> 75 <!--[if lte IE 9]> 76 <style type="text/css" media="all"> 77 /*<![CDATA[*/ 78 .dropDownWrapper svg { 79 display: none; 80 } 81 /*]]>*/ 82 </style> 83 <![endif]--> 84 <!--[if gt IE 9]><!--> 85 <meta name="msapplication-tap-highlight" content="no" /> 86 <!--<![endif]--> <!--[if lt IE 9]> 87
87<script type="text/javascript" src="https://www.flikvlooi.co.za/js/vendor/jquery/jquery-legacy.min.js"></script>
87 88 <![endif]--> 89 <!--[if gt IE 8]><!--> 90
90<script type="text/javascript" src="https://www.flikvlooi.co.za/js/vendor/jquery/jquery-latest.min.js"></script>
90 91 <!--<![endif]--> 92
92<script type="text/javascript" src="https://www.flikvlooi.co.za/js/vendor/fixedFixed/fixedfixed.build.r40242.js"></script>
92 93
93<script type="text/javascript"> 94 <!--//--><![CDATA[//><!-- 95 var stickyHeaderBar = 1; 96 var stickyPaginationBar = 1; 97 var infiniteScrolling = 1; 98 var mobileBrowser = false; 99 var tabletBrowser = false; 100 var currPage = "help_contact"; 101 var pageUrl = '/s/help/contact.php'; 102 var isInStandaloneMode = (window.matchMedia('(display-mode: standalone)').matches) || (window.navigator.standalone); 103 var viaPWA = false; 104 var isAppleMobileDevice = ""; 105 var isMobileSafariBrowser = ""; 106 var isMobileChromeBrowser = "1"; 107 var isAndroidOS = ""; 108 //--><!]]> 109 </script>
109 110
110<script type="text/javascript" src="https://www.flikvlooi.co.za/js/stickyPanels.r40242.js"></script>
110 111
111<script type="text/javascript"> 112 <!--//--><![CDATA[//><!-- 113 114 var stickyHeaderContainer = stickyHeader = null; 115 var fixedElement = targetElement = null; 116 var subNavbar = false; 117 118 $(document).ready(function(){ 119 var wrapper = document.getElementById("wrapper"); 120 var header = document.getElementById("header"); 121 var parentDiv = document.getElementById("bodyInner"); 122 123 stickyHeaderContainer = document.createElement('div'); 124 stickyHeaderContainer.className = 'stickyHeaderContainer'; 125 parentDiv.insertBefore(stickyHeaderContainer, wrapper); 126 127 stickyHeader = document.createElement('div'); 128 stickyHeader.className = 'stickyHeader'; 129 stickyHeaderContainer.appendChild(stickyHeader); 130 131 // mount element to the sticky container 132 // if banners is not included in the sticky container, it must be included when calculating the element height (navigation.js) 133 var stickyElements = document.querySelectorAll('#header, #navigation, .mountStickyHeader'); 134 stickyElements.forEach(function(stickyElement) { 135 stickyHeader.appendChild(stickyElement); 136 }); 137 138 // splash page: toggle between login button and join button once the user scrolls pass the join form 139 // profile minibar: display minibar once the user scrolls pass the action toolbar (ie. message, favourite, gift, morebox) 140 if (currPage.match(/^(splash)$/)) { 141 fixedElement = $("#header"); 142 targetElement = $('.joinLoginForm #joinForm'); 143 } else if (currPage.match(/^(find_profile|mail_conversation)$/)) { 144 fixedElement = $(".profileMiniBar"); 145 targetElement = $('.profileSummary .toolbar'); 146 subNavbar = true; 147 } else if (currPage.match(/^(partners_campaign)$/)) { 148 fixedElement = $(".fixedTableHeader"); 149 targetElement = $('.originalTableHeader'); 150 subNavbar = true; 151 } 152 153 $(".stickyHeaderContainer").stickyPanels({ 154 header: true, 155 fixedElement: fixedElement, 156 targetElement: targetElement, 157 subNavbar: subNavbar 158 }); 159 }); 160 // calculate the height of each elemnt only after page load 161 $(document).ready(function(){ 162 $(".stickyHeaderContainer").addClass("fixed-header"); 163 }); 164 165 //--><!]]> 166 </script>
166 167
167<script type="text/javascript" src="https://www.flikvlooi.co.za/js/navigation.r40242.js" defer="defer"></script>
167 168<!--[if gt IE 8]><!--> 169
169<script type="text/javascript" src="https://www.flikvlooi.co.za/js/vendor/jquery-ngResponsiveTables/ng_responsive_tables.js"></script>
169 170
170<script type="text/javascript"> 171 <!--//--><![CDATA[//><!-- 172 $(document).ready(function() { 173 // Responsive Tables 174 $('table.responsive').ngResponsiveTables({ 175 mediumPaddingCharNo: 100 176 }); 177 }); 178 //--><!]]> 179 </script>
179 180<!--<![endif]--> 181
181<script type="text/javascript" src="https://www.flikvlooi.co.za/js/vendor/externalLinks.js" defer="defer"></script>
181 182 183
183<script type="text/javascript" src="https://www.flikvlooi.co.za/js/emailValidation.r40242.js"></script>
183 184
184<script type="text/javascript" src="https://www.flikvlooi.co.za/js/requiredFields.r40242.js"></script>
184 185
185<script type="text/javascript" src="https://www.flikvlooi.co.za/js/help_contact.r40242.js"></script>
185 186
186<script type="text/javascript" src="https://www.flikvlooi.co.za/js/beforeUnload.r40242.js" defer="defer"></script>
vendor: 119 bytes, lines 186-189
186 187 <script type="text/javascript" src="https://www.google.com/recaptcha/api.js" async="async" defer="defer"></script> 188 189
189<link rel="icon" href="https://www.flikvlooi.co.za/pics/i1/108/icons/favicon.ico" type="image/x-icon" /> 190 191 192 <meta name="msapplication-TileColor" content="#F1F1F1" /> 193 <meta name="msapplication-TileImage" content="https://www.flikvlooi.co.za/pics/i1/108/icons/windows-phone-icon.png" /> 194 <meta name="msapplication-config" content="none" /> 195 <link rel="mask-icon" href="https://www.flikvlooi.co.za/pics/i1/108/icons/pinnedIcon.svg" color="#D11E28" /> 196 <meta name="theme-color" content="#333333" /> 197</head> 198 199<body id="help_contact" class="help loggedOut guest"> 200<!-- Google Tag Manager -->
vendor: 63 bytes, lines 200-201
200 201 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
201GTM-PDMNKS6
vendor: 85 bytes, lines 201-203
201" 202 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 203
203<script>
vendor: 325 bytes, lines 203-207
203(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 204 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 205 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 206 '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 207 })(window,document,'script','dataLayer','
207GTM-PDMNKS6
vendor: 3 bytes, line 207
207');
207</script>
207 208 <!-- End Google Tag Manager --> 209<style type="text/css"> 210<!--/*--><![CDATA[/*><!--*/ 211 select { 212 -webkit-appearance: none; 213 -moz-appearance: none; 214 appearance: none; 215 text-indent: 1px; 216 } 217 218 select::-ms-expand { 219 display: none; 220 } 221 222 textarea { 223 -webkit-appearance: none; 224 -moz-appearance: none; 225 appearance: none; 226 } 227/*]]>*/--> 228</style> 229<svg class="sprite"> 230 <symbol id="icon_nav_find_matches" viewBox="0 0 20 20"> 231 <path d="M15.355 2.638c1.106 0 2.007.9 2.007 2.006v10.711a2.01 2.01 0 0 1-2.007 2.007H4.645c-1.106 0-2.006-.9-2.006-2.007V4.645c0-1.106.9-2.006 2.006-2.006h10.71m0-2.389H4.645A4.408 4.408 0 0 0 .25 4.645v10.711a4.408 4.408 0 0 0 4.395 4.395h10.711a4.408 4.408 0 0 0 4.395-4.395V4.645A4.41 4.41 0 0 0 15.355.25z"/> 232 <path d="m15.333 7.068-.996-.996c-.332-.331-.912-.331-1.327 0l-4.48 4.231-1.907-1.907c-.415-.332-.995-.332-1.328 0l-1.078.994a.903.903 0 0 0 0 1.245l3.65 3.568c.166.164.415.248.664.248s.498-.084.664-.248l6.055-5.891a.836.836 0 0 0 .083-1.244z"/> 233 </symbol> 234 <symbol id="icon_nav_connections" viewBox="0 0 20 20">
235 <path d="M10 19.2c-.1 0-.2 0-.3-.1C9.3 18.8 0 12 0 6.6 0 3 2.7.8 5.2.8c1.7 0 3.6.9 4.8 3.4C11.1 1.7 13.1.8 14.8.8 17.3.8 20 3 20 6.6c0 5.3-9.3 12.1-9.7 12.4-.1.1-.2.2-.3.2z"/> 236 </symbol> 237 <symbol id="icon_nav_find" viewBox="0 0 20 20"> 238 <path d="M19.8 17.6L16 13.8h-.7l-1.6-1.6c1-1.3 1.6-2.9 1.6-4.6 0-4.2-3.4-7.6-7.6-7.6C3.4 0 0 3.4 0 7.6s3.4 7.6 7.6 7.6c1.7 0 3.3-.6 4.6-1.6l1.6 1.6v.8l3.8 3.8c.3.3.7.3 1 0l1.1-1.1c.4-.3.4-.8.1-1.1zM7.6 13.1c-3 0-5.4-2.4-5.4-5.4s2.4-5.4 5.4-5.4S13 4.7 13 7.7s-2.4 5.4-5.4 5.4z"/> 239 </symbol> 240 <symbol id="icon_nav_mail" viewBox="0 0 20 20"> 241 <path d="M8.8 8.9c.7.5 1.6.5 2.4 0L19 3.3c-.3-.2-.7-.3-1-.3H2c-.3 0-.7.1-1 .3l7.8 5.6z"/><path d="M12.4 10.5c-.7.5-1.5.8-2.4.8s-1.6-.3-2.4-.8L0 5v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5l-7.6 5.5z"/> 242 </symbol> 243 <symbol id="icon_nav_menu" viewBox="0 0 20 20"> 244 <path d="M1.2 1.2h17.7c.6 0 1.2.6 1.2 1.2v1.2c0 .6-.5 1.2-1.2 1.2H1.2C.5 4.7 0 4.1 0 3.5V2.3c0-.6.5-1.1 1.2-1.1zM0 9.4v1.2c0 .6.5 1.2 1.2 1.2h17.7c.6 0 1.2-.6 1.2-1.2V9.4c0-.6-.5-1.2-1.2-1.2H1.2C.5 8.2 0 8.8 0 9.4zM0 16.5v1.2c0 .6.5 1.2 1.2 1.2h17.7c.6 0 1.2-.6 1.2-1.2v-1.2c0-.6-.5-1.2-1.2-1.2H1.2c-.7 0-1.2.6-1.2 1.2z"/> 245 </symbol> 246 <symbol id="icon_alert_error" viewBox="0 0 20 20"> 247 <path d="M12.2 12.7H7.8L7.1-.1h5.8l-.7 12.8zm-5.1 4.7c0-.8.2-1.5.7-1.9.5-.5 1.2-.7 2.1-.7.9 0 1.6.2 2.1.7.5.5.7 1.1.7 1.9 0 .8-.2 1.4-.7 1.9-.4.5-1.1.7-2 .7-.9 0-1.6-.2-2.1-.7-.5-.5-.8-1.1-.8-1.9z"/> 248 </symbol> 249 <symbol id="icon_alert_warning" viewBox="0 0 20 20"> 250 <path d="M12.2 12.7H7.8L7.1-.1h5.8l-.7 12.8zm-5.1 4.7c0-.8.2-1.5.7-1.9.5-.5 1.2-.7 2.1-.7.9 0 1.6.2 2.1.7.5.5.7 1.1.7 1.9 0 .8-.2 1.4-.7 1.9-.4.5-1.1.7-2 .7-.9 0-1.6-.2-2.1-.7-.5-.5-.8-1.1-.8-1.9z"/> 251 </symbol> 252 <symbol id="icon_alert_info" viewBox="0 0 20 20"> 253 <path d="M10.2 0c1.5 0 2.7 1.2 2.7 2.7 0 1.5-1.2 2.7-2.7 2.7S7.5 4.1 7.5 2.7C7.5 1.2 8.7 0 10.2 0zm4 20h-8v-.7h.4c.7 0 1.3-.5 1.3-1.1V9.1C8 8.5 7.4 8 6.6 8h-.4v-.8h1c.5 0 1.1 0 1.6-.1l3.7-.5v11.5c0 .6.6 1.1 1.3 1.1h.4v.8z"/> 254 </symbol> 255 <symbol id="icon_alert_note" viewBox="0 0 20 20"> 256 <path d="M10.2 0c1.5 0 2.7 1.2 2.7 2.7 0 1.5-1.2 2.7-2.7 2.7S7.5 4.1 7.5 2.7C7.5 1.2 8.7 0 10.2 0zm4 20h-8v-.7h.4c.7 0 1.3-.5 1.3-1.1V9.1C8 8.5 7.4 8 6.6 8h-.4v-.8h1c.5 0 1.1 0 1.6-.1l3.7-.5v11.5c0 .6.6 1.1 1.3 1.1h.4v.8z"/> 257 </symbol> 258 <symbol id="icon_alert_tip" viewBox="0 0 20 20"> 259 <path d="M14.8 15.2c0-.5-.4-1-1-1v-.9c0-1.6 2.9-3 2.9-6.7C16.7 3 13.7 0 10 0S3.3 3 3.3 6.7s2.9 5.1 2.9 6.7v.9c-.5 0-1 .4-1 1 0 .5.4 1 1 1-.5 0-1 .4-1 1 0 .5.4 1 1 1-.5 0-1 .4-1 1s.4 1 1 1h7.6c.5 0 1-.4 1-1s-.4-1-1-1c.5 0 1-.4 1-1 0-.5-.4-1-1-1 .6-.1 1-.6 1-1.1zm-8.9-4.4c-.8-1-1.7-2.2-1.7-4.1C4.3 3.5 6.8 1 10 1s5.7 2.6 5.7 5.7c0 1.9-.9 3.1-1.7 4.1-.6.8-1.2 1.6-1.2 2.6v.9H7.1v-.9c0-1-.5-1.8-1.2-2.6z"/> 260 </symbol> 261 <symbol id="icon_alert_success" viewBox="0 0 20 20"> 262 <path d="M19.5 4.7L17.8 3c-.6-.6-1.6-.6-2.3 0l-7.6 7.4L4.5 7c-.6-.6-1.6-.6-2.3 0L.5 8.7c-.6.6-.6 1.6 0 2.2L6.8 17c.3.3.7.5 1.1.5.4 0 .8-.1 1.1-.5L19.5 6.9c.7-.6.7-1.6 0-2.2z"/> 263 </symbol> 264 <symbol id="icon_arrow" viewBox="0 0 15 15"> 265 <path d="M14.5 4.9l-5.9 6.6c-.6.7-1.6.7-2.3 0L.5 4.9C-.5 3.9 0 3 1.6 3h11.8c1.6 0 2.1.9 1.1 1.9z"/> 266 </symbol> 267 <symbol id="icon_arrowPrev" viewBox="0 0 15 15"> 268 <path d="M14.5 4.9l-5.9 6.6c-.6.7-1.6.7-2.3 0L.5 4.9C-.5 3.9 0 3 1.6 3h11.8c1.6 0 2.1.9 1.1 1.9z" transform="rotate(90 7.5 7.5)"/> 269 </symbol> 270 <symbol id="icon_arrowNext" viewBox="0 0 15 15"> 271 <path d="M14.5 4.9l-5.9 6.6c-.6.7-1.6.7-2.3 0L.5 4.9C-.5 3.9 0 3 1.6 3h11.8c1.6 0 2.1.9 1.1 1.9z" transform="rotate(-90 7.5 7.5)"/> 272 </symbol> 273 <symbol id="icon_close" viewBox="0 0 14 14"> 274 <path d="M10 7l3.8-3.8c.4-.4.4-1 0-1.4L12.2.2c-.4-.4-1-.4-1.4 0L7 4 3.2.3c-.4-.4-1-.4-1.4 0L.3 1.9c-.4.4-.4 1 0 1.4L4 7 .2 10.8c-.4.4-.4 1 0 1.4l1.6 1.6c.4.4 1 .4 1.4 0L7 10l3.8 3.8c.4.4 1 .4 1.4 0l1.6-1.6c.4-.4.4-1 0-1.4L10 7z"/> 275 </symbol> 276 <symbol id="icon_securePayment" viewBox="0 0 50 50"> 277 <path d="M41.588,22.235H40.08v-6.534c0-8.315-6.766-15.08-15.08-15.08c-8.315,0-15.08,6.765-15.08,15.08v6.534H8.412 c-2.498,0-4.524,2.026-4.524,4.523v18.098c0,2.498,2.026,4.523,4.524,4.523h33.176c2.498,0,4.524-2.025,4.524-4.523V26.758 C46.112,24.261,44.086,22.235,41.588,22.235z M25,41.081h-3.172l1.585-4.447l0.151-0.424c-1.007-0.522-1.703-1.563-1.703-2.774 c0-1.733,1.405-3.138,3.138-3.138s3.138,1.404,3.138,3.138c0,1.213-0.696,2.252-1.703,2.774l0.151,0.424l1.586,4.447H25z M34.048,22.235H15.952v-6.534c0-4.989,4.059-9.048,9.048-9.048c4.989,0,9.048,4.059,9.048,9.048V22.235z"/> 278 </symbol> 279 <symbol id="icon_language" viewBox="0 0 20 20"> 280 <path d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.9 0 10 0zm4.1 2.3c.2-.1.9.3 1.5.9-.4 1.5-1.3 1.3-1.3 1.3s-.7 0-.6-.6l.7-.5c0 .1-.3-.7-.3-1.1zM7.7 12.7c0 .2-.3.8-.5 1.1-.2.4-.3.5-.5.7-.2.2-.4.5-.4.5v.8s.1.6.2.8c.1.2-.5 1.5-.5 1.5-.4-.1-.6-.5-.7-.9-.1-.3-.3-.5-.3-.9s-.3-.6-.5-.8c-.1-.2-.3-.5-.3-.8 0-.2-.5-.5-.5-.5s-.9-.4-1-.6c-.1-.2-.3-.9-.3-1.2 0-.3.1-1.1.1-1.1s.4-.3.1-.5c-.2-.2-.3-.8-.3-.8L2 9.5s-.3-.4-.4-.7v-.6c0-.2-.1-.6-.1-.8 1.7-4.1 4.5-5 4.5-5l.2.9s-.5.1-.8 0h-.3l-.3.4s-.1.3-.2.5c0 .2.1.4.1.4s.6 0 .6-.1c0-.2-.1-.3-.1-.3L5.1 4s.4-.2 1.5-.1.7.8 1.1 1c.5.1-.4.8-.5 1.1-.2.4-.5-.4-.5-.4s.3-.3-.2-.4c-.4-.1-.7.8-.5.7.2 0 .5.2.4.5 0 .2 0 .2-.3.7-.1.5-.6.8-.6.8s-.2-.1-.1.2c.1.3 0 .9 0 1.1 0 .2-.5-.3-.6-.8-.1-.4-.6-.1-.8 0-.2 0-.5-.1-.6-.3-.1-.3-1 .4-1.2.5-.2.2-.1.5.2.4.4-.2.7 0 .6.3-.1.3-.4.1-.4.3 0 .2.4.4.5.8.1.3.9 0 1.2-.1.3-.1 1-.3 1.1.1.1.4.9.5 1.2.6.4 0 1 .1 1.4.4.3.4-.3 1.1-.3 1.3zm2-10.4c0 .4-.8 1-.7 1.2.1.2 0 .9-.6.3-.7-.7-1.3-.9-1.2-1.4 0-.1.6-.2.7-.4.9-.9 2.5-.7 2.6-.5-.4.5-.8.3-.8.8zm8 7.9s.3.5.8.5c-.3 3.7-3.4 6.1-3.4 6.1-.5-.5-.2-.9-.2-.9l.1-.7.1-1.2s0-1.2-1.2-.7c-1.3.3-.7.3-2 .4-1.3.1-1.1-2.6-1.1-2.6 0-4.1 3.1-1 3.1-1 1.8 1.2 2-1 2-1l1.3-.5.1-.6-.2-.8-1.9-.8s-.2.6.3 1.4c0 0-.2.9-.6.6l-1.1-.6s-.4-.2-1 .2-1.6 0-1.6 0 .1-.6.7-.9l.5-.3s-.1-.6 0-1.1c.1-.5.3-.1.8-.4.5-.4.8.7 1.5.6.7-.1.4-.2.8-.5.5-.2.8.5.8.5l.9.1s-.1-1.1-.1-.8c.6 1 1.5 3.8 1.2 4.3l-.4-.2H17l.7.9z"/> 281 </symbol>
282 <symbol id="icon_login" viewBox="0 0 20 20"> 283 <path d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0zm0 2.4c2.1 0 3.8 2.1 3.8 4.8 0 1.6-.7 3.1-1.6 3.9-.6.5-1.4.8-2.2.8-2.1 0-3.8-2.1-3.8-4.8 0-2.6 1.7-4.7 3.8-4.7zm4.8 12.7c0 1.4-1.1 2.5-2.4 2.5H7.6c-1.3 0-2.4-1.1-2.4-2.5v-1.8c0-.9.8-1.5 1.6-1.9.8.9 1.9 1.5 3.2 1.5 1.2 0 2.3-.5 3.2-1.4.9.4 1.6 1.1 1.6 1.9v1.7z"/> 284 </symbol> 285 <symbol id="icon_showPassword" viewBox="0 0 16 16"> 286 <circle cx="8" cy="8" r="3.6"/><path d="M11.2 4.1c1.1.9 1.9 2.3 1.9 3.9s-.7 3-1.9 3.9C13.3 11.2 15 9.8 16 8c-1-1.8-2.7-3.2-4.8-3.9zM2.9 8c0-1.6.7-3 1.9-3.9C2.7 4.8 1 6.2 0 8c1 1.8 2.7 3.2 4.8 3.9C3.7 11 2.9 9.6 2.9 8z"/> 287 </symbol> 288 <symbol id="icon_subscribe" viewBox="0 0 20 20"> 289 <path d="M10 20c5.5 0 10-4.5 10-10S15.5 0 10 0 0 4.5 0 10s4.5 10 10 10zm-3.9-9.5l3.3-5.7c.1-.2.3-.3.6-.3s.5.1.6.4l3.3 5.7c.1.2.1.5 0 .7-.1.2-.4.4-.6.4h-1.6v3.2c0 .4-.3.7-.7.7H9c-.4 0-.7-.3-.7-.7v-3.2H6.7c-.3 0-.5-.1-.6-.4-.1-.3-.1-.6 0-.8z"/> 290 </symbol> 291 <symbol id="icon_info" viewBox="0 0 25 25"> 292 <path d="M12.5 0C5.6 0 0 5.6 0 12.5S5.6 25 12.5 25 25 19.4 25 12.5 19.4 0 12.5 0zm0 2.5C13.9 2.5 15 3.6 15 5s-1.1 2.5-2.5 2.5S10 6.4 10 5s1.1-2.5 2.5-2.5zm3.7 18.7H8.8v-.7h.4c.7 0 1.2-.5 1.2-1V11c0-.6-.6-1-1.2-1h-.4v-.7h.9c.5 0 1 0 1.5-.1l3.4-.5v10.8c0 .6.6 1 1.2 1h.4v.7z"/> 293 </symbol> 294 <symbol id="icon_info_online" viewBox="0 0 12 12"> 295 <circle cx="6" cy="6" r="6"/> 296 </symbol> 297 <symbol id="icon_loader" viewBox="0 0 100 100"> 298 <g><animate attributeName="opacity" dur="2s" repeatCount="indefinite" begin="0s" keyTimes="0;0.33;1" values="1;1;0"/><circle cx="50" cy="50" r="40" stroke-linecap="round"><animate attributeName="r" dur="2s" repeatCount="indefinite" begin="0s" keyTimes="0;0.33;1" values="0;22;44"/></circle></g><g><animate attributeName="opacity" dur="2s" repeatCount="indefinite" begin="1s" keyTimes="0;0.33;1" values="1;1;0"/><circle cx="50" cy="50" r="40"><animate attributeName="r" dur="2s" repeatCount="indefinite" begin="1s" keyTimes="0;0.33;1" values="0;22;44"/></circle></g> 299 </symbol> 300 <symbol id="icon_tick" viewBox="0 0 14 14"> 301 <path d="M13.7 3.3l-1.2-1.2c-.4-.4-1.1-.4-1.6 0L5.5 7.2 3.2 4.9c-.5-.4-1.2-.4-1.6 0L.3 6.1c-.4.4-.4 1.1 0 1.5l4.4 4.3c.2.2.5.3.8.3.3 0 .6-.1.8-.3l7.3-7.1c.5-.4.5-1.1.1-1.5z"/> 302 </symbol> 303 <symbol id="icon_share_ios" viewBox="0 0 50 50"> 304 <path fill="none" stroke="#007AFF" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M17 10l8-8 8 8M25 32V2.333"/><path fill="none" d="M0 0h50v50H0z"/><path d="M17 17H8v32h34V17h-9" fill="none" stroke="#007aff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/> 305 </symbol> 306</svg> 307<svg class="sprite"> 308 <symbol id="icon_poweredBy" viewBox="0 0 225 55"> 309 <path d="M69.112 15.647c-1.585 0-3.54.21-4.2.45-.291.079-.396.185-.396.739v16.967c0 .29.051.502.422.606.74.187 2.617.265 3.541.265 2.935 0 5.921-.608 8.114-2.563 1.032-.925 2.854-3.091 2.854-6.925 0-4.307-2.59-9.539-10.335-9.539zm-.607 17.363c-.607 0-1.03-.026-1.375-.078v-15.54c.475-.081.898-.133 1.665-.133 2.458 0 4.52.635 6 2.3 1.35 1.505 1.85 3.542 1.85 5.549 0 4.73-2.51 7.902-8.14 7.902zM85.516 20.483c-2.829 0-4.81 1.56-4.81 3.145 0 .847.688 1.11 1.058 1.11.793 0 1.005-.634 1.19-1.136.21-.529.688-1.718 2.218-1.718 1.982 0 1.982 1.797 1.982 2.828v1.348c-4.229 1.242-7.188 2.114-7.188 5.154 0 3.595 3.911 3.595 4.624 3.595 1.138 0 2.722-.187 3.726-.713.978-.53 1.11-1.192 1.137-2.38v-7.003c-.027-1.402-.053-4.23-3.937-4.23zm1.637 10.968c0 .714-.025 1.93-2.088 1.93-2.695 0-2.695-2.299-2.695-2.51 0-2.035 1.902-2.644 4.783-3.57v4.15zM96.561 33.354c-.106 0-.582.027-.687.027-.794 0-1.296-.371-1.587-.926-.29-.503-.29-.793-.317-1.903v-8.59h2.325c.397 0 .397-.08.397-.791 0-.344-.106-.371-.424-.371h-2.3v-3.225c0-.317-.025-.66-.29-.66-.08 0-.184.05-.448.29l-1.216 1.083c-.318.317-.396.45-.396.925v1.586h-1.403c-.396.026-.396.079-.396.766 0 .371.053.397.396.397h1.403v9.065c0 .819.027 1.692.634 2.511.556.715 1.506 1.217 2.774 1.217.608 0 2.062-.187 2.062-.872 0-.158-.052-.53-.527-.53zM99.625 15.673c-.847 0-1.454.58-1.454 1.4 0 .74.529 1.375 1.427 1.375.9 0 1.428-.713 1.428-1.453a1.375 1.375 0 0 0-1.401-1.322zM100.233 20.8H98.86c-.45 0-.45.159-.45.5v12.714c0 .37 0 .476.395.476h1.428c.395 0 .527-.026.527-.476V21.3c.002-.422-.103-.501-.527-.501zM108.452 20.483c-.29 0-2.774 0-4.545.925-.9.45-1.059.925-1.059 1.929v10.651c0 .448.133.528.502.502h1.295c.371 0 .557-.054.557-.53v-9.75c0-.662.027-2.352 2.853-2.352 3.094 0 3.094 1.982 3.094 3.224v8.879c0 .478.158.53.582.53h1.453c.29-.053.316-.29.316-.53v-9.117c0-1.559-.027-4.361-5.048-4.361zM122.932 32.402l-2.827-.158c-1.53-.079-2.695-.157-2.695-1.005 0-.526.422-1.083 1.057-1.663.502.104.953.211 1.613.211 2.088 0 4.758-1.27 4.758-4.494 0-1.585-.53-2.299-.899-2.827l2.245-.529c.212-.053.293-.08.293-.264 0-.08-.053-.819-.344-.819-.158 0-2.22.37-2.617.37-.635 0-.979-.131-1.586-.37-.555-.185-1.112-.371-2.063-.371-2.803 0-4.758 1.85-4.758 4.52 0 .74.159 1.533.53 2.273.58 1.163 1.293 1.583 1.797 1.876-.74.635-2.354 1.982-2.354 3.12 0 1.268 1.322 1.583 2.035 1.77-1.533.978-2.775 2.192-2.775 3.621 0 1.27.978 2.325 2.642 2.774.582.159 1.35.292 2.434.292 5.812 0 7.742-3.33 7.742-5.127 0-2.881-3.064-3.122-4.228-3.2zm-5.657-7.716c0-2.22 1.428-2.934 2.618-2.934.607 0 1.109.212 1.48.502.156.16.873.715 1.162 2.246.053.317.078.635.078.952 0 2.142-1.295 2.855-2.457 2.855-1.375 0-2.88-1.243-2.88-3.621zm3.172 14.403c-1.877 0-3.806-.635-3.806-2.3 0-1.082.795-1.771 1.638-2.535.662.053 3.516.156 4.096.185.848.054 2.62.237 2.62 1.771 0 1.717-2.513 2.879-4.548 2.879zM137.291 32.746h-6.953V16.281c-.024-.37-.078-.476-.477-.476h-1.691c-.316.026-.447.053-.447.476v17.76c0 .29.05.45.447.45h9.094c.236 0 .422 0 .472-.238v-1.03c0-.344-.05-.477-.445-.477zM143.816 20.483c-2.828 0-4.81 1.56-4.81 3.145 0 .847.687 1.11 1.058 1.11.791 0 1.006-.634 1.19-1.136.21-.529.685-1.718 2.219-1.718 1.982 0 1.982 1.797 1.982 2.828v1.348c-4.23 1.242-7.19 2.114-7.19 5.154 0 3.595 3.913 3.595 4.624 3.595 1.138 0 2.722-.187 3.73-.713.977-.53 1.108-1.192 1.135-2.38v-7.003c-.025-1.402-.053-4.23-3.938-4.23zm1.637 10.968c0 .714-.023 1.93-2.086 1.93-2.697 0-2.697-2.299-2.697-2.51 0-2.035 1.904-2.644 4.783-3.57v4.15zM156.129 20.483c-2.164 0-3.567 1.216-4.12 1.718v-7.4c0-.476-.08-.528-.581-.528h-1.295c-.451 0-.502.106-.502.529v16.12c0 1.535.05 2.012.816 2.67 1.059.9 2.436 1.217 3.832 1.217 3.543 0 6.793-2.273 6.793-7.824 0-4.282-2.164-6.502-4.943-6.502zm-1.582 12.74c-2.486 0-2.537-1.955-2.537-2.645v-6.871c1.084-1.058 2.14-1.454 3.064-1.454 2.67 0 3.674 2.696 3.674 5.444 0 3.807-2.006 5.526-4.201 5.526zM225 27.5c0-4.597-4.078-8.715-10.521-11.506.806-6.975-.721-12.567-4.704-14.865-3.98-2.298-9.587-.824-15.226 3.359-5.639-4.183-11.244-5.657-15.225-3.36s-5.508 7.892-4.705 14.865c-6.441 2.792-10.523 6.909-10.523 11.506s4.082 8.715 10.523 11.505c-.803 6.976.725 12.568 4.705 14.867 3.98 2.298 9.586.822 15.225-3.357 5.639 4.18 11.246 5.655 15.226 3.357 3.983-2.299 5.508-7.89 4.704-14.867C220.922 36.214 225 32.096 225 27.5zM207.543 3.724c3.055 1.762 4.371 5.88 4.057 11.159-2.606-.883-5.508-1.566-8.604-2.012-2.219-2.816-4.57-5.25-6.945-7.213 4.342-2.806 8.486-3.67 11.492-1.934zm-26.18 31.387a60.919 60.919 0 0 0 2.569 4.07c-2.832-.52-5.444-1.256-7.739-2.163.438-2.457 1.172-5.082 2.194-7.779a60.134 60.134 0 0 0 2.976 5.872zm-4.877-18.508c2.502-.9
30964 5.366-1.724 8.477-2.23a59.91 59.91 0 0 0-3.6 5.515 59.918 59.918 0 0 0-2.847 5.578c-1.082-3.13-1.762-6.132-2.03-8.863zm6.4 18.365a56.453 56.453 0 0 1-3.708-7.699 57.434 57.434 0 0 1 3.072-6.137 56.39 56.39 0 0 1 4.813-7.06 57.298 57.298 0 0 1 6.853-.408c2.229 0 4.395.128 6.47.366a55.681 55.681 0 0 1 5.364 7.736 57.853 57.853 0 0 1 2.809 5.534 56.753 56.753 0 0 1-3.442 7.033 57.194 57.194 0 0 1-3.388 5.2c-2.479.346-5.1.533-7.813.533-2.828 0-5.56-.202-8.13-.578a56.878 56.878 0 0 1-2.9-4.52zm24.848.143a59.884 59.884 0 0 0 2.239-4.257 43.338 43.338 0 0 1 1.709 6.143c-1.905.757-4.028 1.396-6.315 1.889a59.264 59.264 0 0 0 2.367-3.775zm2.084-11.286a59.396 59.396 0 0 0-2.084-3.937 60.182 60.182 0 0 0-3.406-5.256c2.588.5 4.985 1.18 7.115 2.008-.273 2.25-.816 4.672-1.625 7.185zm-10.816-11.387a61.236 61.236 0 0 0-4.453-.164c-2.145 0-4.235.11-6.254.323 1.726-1.992 3.512-3.728 5.295-5.158 1.812 1.362 3.639 3.044 5.412 4.999zm-18.547-8.08c3.055-1.76 7.277-.844 11.693 2.067-2.068 1.817-4.107 3.986-6.044 6.448-3.547.51-6.83 1.332-9.72 2.407-.259-5.165 1.065-9.185 4.071-10.921zm-14.262 22.507c0-3.759 3.307-7.15 8.604-9.553.49 3.199 1.447 6.65 2.863 10.188-1.244 3.107-2.135 6.146-2.664 9.012-5.414-2.412-8.803-5.84-8.803-9.647zm13.63 24.875c-3.257-1.879-4.54-6.438-3.973-12.228 3.015 1.175 6.484 2.071 10.254 2.614 2.07 2.63 4.257 4.92 6.472 6.811-4.793 3.487-9.457 4.708-12.754 2.803zm13.788-3.586c-1.908-1.607-3.812-3.554-5.638-5.789a60.366 60.366 0 0 0 11.382.17c-1.867 2.194-3.808 4.086-5.744 5.62zm14.567 4.221c-3.256 1.879-7.844.71-12.574-2.675 2.525-2.024 5.037-4.577 7.392-7.571 3.313-.479 6.39-1.229 9.135-2.2.617 5.893-.656 10.542-3.953 12.446zm5.824-16.417c-.541-2.7-1.4-5.55-2.563-8.458 1.33-3.328 2.262-6.582 2.774-9.62 4.603 2.357 7.424 5.514 7.424 8.986 0 3.525-2.908 6.725-7.635 9.092z"/><path d="M193.607 35.95c4.442-3.696 8.881-7.391 8.881-11.088 0-2.041-1.988-3.696-4.44-3.696-2.22 0-3.33.924-4.44 2.771-1.11-1.848-2.22-2.771-4.438-2.771-2.451 0-4.441 1.656-4.441 3.696-.002 3.697 4.439 7.392 8.878 11.087zm7.24-12.48c1.21 1.587.11 3.256.169 3.2-.041.01-.202-1.403-1.2-2.627-.943-1.284-2.511-1.782-2.54-1.711-.122-.089 2.306-.46 3.572 1.138zM2.987 26.655H.566v7.9h.999v-3.132h1.422c1.734 0 2.914-.78 2.914-2.444 0-1.734-1.17-2.324-2.914-2.324zm-.121 3.95H1.565v-3.144h1.3c1.361 0 2.036.374 2.036 1.52 0 1.119-.662 1.624-2.035 1.624zM9.397 28.559c-1.433 0-2.709 1.119-2.709 3.082 0 1.94 1.276 3.06 2.709 3.06s2.71-1.12 2.71-3.06c0-1.963-1.277-3.082-2.71-3.082zm0 5.322c-1 0-1.686-.902-1.686-2.238 0-1.35.687-2.265 1.686-2.265 1.012 0 1.686.915 1.686 2.265 0 1.336-.675 2.238-1.686 2.238zM19.18 32.087c-.12.554-.23 1.085-.362 1.626h-.048c-.133-.541-.265-1.072-.41-1.626l-.915-3.384h-.963l-.904 3.384c-.145.542-.265 1.085-.397 1.626h-.048a41.632 41.632 0 0 0-.35-1.626l-.866-3.384h-1.011l1.625 5.854h1.156l.819-3.131c.157-.555.277-1.11.41-1.7h.048c.145.592.253 1.133.397 1.689l.843 3.144h1.204l1.565-5.854h-.94l-.853 3.382zM24.399 28.559c-1.337 0-2.626 1.168-2.626 3.082 0 1.916 1.24 3.06 2.806 3.06.795 0 1.421-.276 1.927-.603l-.35-.65c-.434.277-.904.458-1.457.458-1.12 0-1.88-.795-1.951-2.06h3.95c.024-.146.037-.338.037-.541 0-1.675-.843-2.746-2.336-2.746zm-1.662 2.636c.12-1.18.866-1.854 1.686-1.854.915 0 1.445.663 1.445 1.854h-3.131zM29.123 29.762h-.036l-.084-1.06h-.818v5.853h.987v-3.758c.398-.986.987-1.348 1.48-1.348.242 0 .375.035.567.096l.192-.865a1.46 1.46 0 0 0-.626-.121c-.662 0-1.265.468-1.662 1.203zM34.435 28.559c-1.336 0-2.625 1.168-2.625 3.082 0 1.916 1.24 3.06 2.806 3.06.795 0 1.421-.276 1.927-.603l-.35-.65c-.434.277-.903.458-1.457.458-1.121 0-1.878-.795-1.95-2.06h3.949a3.52 3.52 0 0 0 .036-.541c.001-1.675-.843-2.746-2.336-2.746zm-1.661 2.636c.121-1.18.867-1.854 1.686-1.854.915 0 1.445.663 1.445 1.854h-3.131zM41.929 28.232l.048 1c-.519-.421-.963-.673-1.638-.673-1.336 0-2.541 1.18-2.541 3.082 0 1.95.952 3.058 2.42 3.058.688 0 1.314-.385 1.77-.83h.037l.084.688h.818v-8.575h-1l.002 2.25zm0 4.83c-.481.542-.951.808-1.493.808-1.024 0-1.614-.845-1.614-2.24 0-1.336.747-2.24 1.686-2.24.48 0 .927.17 1.42.615v3.058zM50.136 28.559c-.65 0-1.3.35-1.831.818l.024-1.06V25.98h-.987v8.574h.795l.084-.578h.036c.518.459 1.13.723 1.674.723 1.336 0 2.529-1.168 2.529-3.166 0-1.807-.808-2.975-2.324-2.975zm-.374 5.31c-.385 0-.916-.168-1.433-.613v-3.072c.554-.518 1.07-.795 1.565-.795 1.108 0 1.541.867 1.541 2.156.001 1.445-.71 2.324-1.673 2.324zM56.462 31.941c-.157.52-.325 1.122-.494 1.652h-.048a95.36 95.36 0 0 0-.566-1.652l-1.192-3.239h-1.024l2.348 5.864-.132.435c-.241.724-.663 1.253-1.325 1.253-.145 0-.325-.048-.445-.084l-.193.782c.193.071.421.12.687.12 1.18 0 1.782-.879 2.192-2.035l2.204-6.335h-.963l-1.05 3.24z"/> 310 </symbol> 311</svg> 312 <div id="fb-root"></div> 313 <!--[if lt IE 9]> 314 <p class="browserWarning">Jou blaaier is <strong>verouderd</strong>. Vir die beste ondervinding op die web, <a href="https://browsehappy.com/">opdateer jou blaaier</a>, asseblief.</p> 315 <![endif]--> 316
316<script type="text/javascript" src="https://www.flikvlooi.co.za/js/mobileApp.r40242.js"></script>
316 317
317<script type="text/javascript"> 318 <!--//--><![CDATA[//><!-- 319 var userID = "0"; 320 var currPage = "help_contact"; 321 var trackingURL = "/s/app/trackSmartBanner.php"; 322 var smartBannerPlatform = ""; 323 var smartBannerFallbackURL = ""; 324 var smartBanner_daysHideClose = "14"; 325 var smartBanner_daysHideInstall = "30"; 326 var displaySmartBanner = false; 327 var displayPWASmartBanner = false; 328 //--><!]]> 329 </script>
vendor: 1 bytes, line 329
329
330<script type="text/javascript" charset="utf-8"> 331<!--//--><![CDATA[//><!-- 332 333 $(document).ready(function() { 334 $(".smartbanner-button").on("click", function(e) { 335 if (displaySmartBanner) { 336 resizeStickyHeaderSpacer(); 337 var data = {type:"installed",app:"native"}; 338 createCookie("smartbanner", data, smartBanner_daysHideInstall, true); 339 if (smartBannerPlatform == "ios") { 340 e.preventDefault(); 341 setTimeout( function() { 342 window.location = smartBannerFallbackURL; 343 }, 25); 344 } 345 var expiryString = setCookieExpiryDate(smartBanner_daysHideInstall); 346 trackSmartBannerClick(userID, "view", currPage, smartBannerPlatform, "native", expiryString); 347 } else if (displayPWASmartBanner) { 348 e.preventDefault(); 349 if (smartBannerPlatform != "ios") { 350 addToHomeScreen(installPromptEvent); 351 } 352 } 353 }); 354 355 $(".smartbanner-close").on("click", function(e) { 356 e.preventDefault(); 357 hideSmartBanner("closed", "dismiss", smartBanner_daysHideClose); 358 }); 359 360 if (displaySmartBanner) { 361 $(".smartbanner").show(); 362 } 363 }); 364 365//--><!]]> 366</script>
366 367 <div id="bodyInner" class="af"> 368 <div id="header"> 369 <div class="container"> 370 <div class="grid-12"> 371 <div class="logoWrapper"> 372 <h1> 373 <a href="/" title="Keer terug na die Flikvlooi Tuisblad">Flikvlooi</a> 374 </h1> 375 <p id="strapline"></p> 376 </div> 377
378<script type="text/javascript"> 379<!--//--><![CDATA[//><!-- 380 381 $(document).ready(function() { 382 var that = this; 383 384 $("div.loginTab").click(function(event) { 385 event.preventDefault(); 386 event.stopPropagation(); 387 var screenHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, 388 elScroll = $("#header .headerFoldout"), 389 headerHeight = 0, 390 scrollHeight = 0; 391 392 var addedClassModalOpen = false; 393 var isNavFoldOut = false; 394 395 // Close the nav foldOut when switching between login/profile buttons 396 $("ul.firstLevelWrapper").children().each(function() { 397 if ($(this).hasClass("expanded")) { 398 cssMenus.hide($(this)[0], true); 399 isNavFoldOut = true; 400 } 401 }); 402 403 // Close the languageTab when switching between login/profile buttons 404 if ($('.languageDropdown').is(":visible")) { 405 $('.languageDropdown').slideUp('fast'); 406 } 407 408 if ($("html, body").hasClass("modal-open") && !isNavFoldOut) { 409 addedClassModalOpen = true; 410 } 411 412 if (stickyHeaderBar) { 413 // Make the profile dropdown section scrollable, if dropdown section is visible 414 if (addedClassModalOpen) { 415 $("html, body").removeClass("modal-open"); 416 } else { 417 $("html, body").addClass("modal-open"); 418 } 419 420 if (!$(this).hasClass('expanded')) { 421 if (currPage != "splash") { 422 var stickyHeaderSpacer = $(".stickyHeader").outerHeight(true); 423 stickyHeaderSpacer = cssMenus.stickyHeaderSpacer; 424 425 // find the distance from the top of the stickyHeader to the top of the browsers viewport 426 var stickyHeader = $(".stickyHeader").get(0); 427 if (stickyHeader) { 428 var stickyHeaderRect = stickyHeader.getBoundingClientRect(); 429 stickyHeaderSpacer += stickyHeaderRect.top; 430 } 431 432 // there is no real height available 433 // temporarily show it invisibly 434 elScroll.css({display:'block', visibility:'hidden', position:'absolute'}); 435 scrollHeight = elScroll.get(0).scrollHeight; 436 // restore if needed 437 elScroll.css({display:'none', visibility:'', position:''}); 438 439 if (mobileBrowser) { 440 scrollHeight = (screenHeight - stickyHeaderSpacer); 441 } else { 442 if ((stickyHeaderSpacer + scrollHeight) > screenHeight) { 443 scrollHeight = (screenHeight - stickyHeaderSpacer); 444 } 445 } 446 447 // since we using position:stcky, when menu expands: 448 // the header pushes the content down 449 // now the header becomes overlay - the content moves behind the header 450 $("#navigation").animate({ 451 top: scrollHeight+'px' 452 }, "fast"); 453 454 elScroll.css({"height":(scrollHeight)+"px", "overflow":"auto"}); 455 456 // disable scrolling in the background, this prevents the stuttering 457 $("html, body").addClass("modal-open"); 458 } 459 } else { 460 // since we using position:stcky, when menu collapse: 461 // the header becomes overlay 462 // restore the content to the correct position 463 $("#navigation").animate({ 464 top: "0px" 465 }, "fast"); 466 } 467 } 468 469 loginDropdown(this); 470 }); 471 472 $(document).click(function(event) { 473 if ($(event.target).closest('.loginTab').length) { 474 return; 475 } else { 476 var scrollTop = $(window).scrollTop(); 477 // click events are swallowed by SVG <use> elements in MS Edge 478 if (event.target.correspondingUseElement) { 479 event.target = event.target.correspondingUseElement; 480 } 481 if (!$(event.target).closest('div.headerFoldout').length) { 482 if ($('.loginTab').hasClass("expanded")) { 483 // since the header becomes overlay 484 // restore the content to the correct position 485 $("#navigation").animate({ 486 top: "0px" 487 }, "fast"); 488 loginDropdown('.loginTab'); 489 $("html, body").removeClass("modal-open"); 490 } 491 } 492 } 493 }); 494 }); 495 496 // user is taken back to the previous position on the results page, after viewing a profile 497 $(document).ready(function() { 498 // stops the browser doing its own scroll restore first 499 if (history.scrollRestoration) { 500 history.scrollRestoration = 'manual'; 501 } 502 503 var stored = JSON.parse(localStorage.getItem('mIDViewed')) || {}; 504 if (stored && "mID" in stored) { 505 var profileCard = $("#" + stored.mID); 506 if (profileCard.length) { 507 if (stored.currPage == currPage) { 508 localStorage.removeItem('mIDViewed'); 509 // scroll to the viewed profile card 510 profileCard.get(0).scrollIntoView(); 511 } 512 } else if (currPage == "find_profile") { 513 // update stored mID if user navigates to a different profile 514 stored.mID = "mID"+memberID; 515 localStorage.setItem("mIDViewed", JSON.stringify(stored)); 516 } else { 517 // remove if user navigates to a different page 518 localStorage.removeItem('mIDViewed'); 519 } 520 } 521 }); 522 523 var toggleImage, toggleSVG; 524 function loginDropdown (obj) { 525 $(obj).toggleClass("expanded"); 526 $("div.headerFoldout").slideToggle("fast"); 527 528 if ($(obj).find("img").length ) { 529 toggleImage = $(obj).find("img")[0]; 530 } 531 toggleSVG = "<svg class=\"close\"><use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#icon_close\"></use></svg>"; 532 533 $(obj).find(".text").html(($($(obj).find(".text")).html() == "Teken aan" ? "Maak Toe" : "Teken aan")); 534 535 $(obj).find("svg").attr("class") === "profile" ? $(obj).find("svg").attr("class", "close") : $(obj).find("svg").attr("class", "profile"); 536 537 $(obj).find("svg use").attr("xlink:href", ($($(obj).find("svg use")).attr("xlink:href") === "#icon_close" ? "#icon_login" : "#icon_close")); 538 539 } 540 541
542 $(document).ready(function() { 543 // Make entire checkbox wrapper clickable 544 $('.checkboxContainer, .checkWrapper').on("click", function(event) { 545 if ($(event.target).hasClass("checkWrapper")) { 546 var checkboxWrapper = $(this).find('input[type="checkbox"]:not(:disabled)'); 547 checkboxWrapper.trigger('click'); 548 } 549 }); 550 }); 551 552 553 // select arrow style change 554 function changeSelectorDropDownArrows () { 555 var nodeList = document.querySelectorAll('select'); 556 for (var i = 0; i < nodeList.length; ++i) { 557 var childNode = nodeList[i]; 558 var parentNode = childNode.parentNode; 559 var className = "dropDownWrapper"; 560 var inlineStyle = parentNode.getAttribute('style'); 561 var addDropDownWrapper = false; 562 if (childNode.tagName == "SELECT" && childNode.multiple == false) { 563 addDropDownWrapper = true; 564 } 565 // cater for infinity scrolling 566 if (parentNode.matches('.customAppearance')) { 567 addDropDownWrapper = false; 568 } 569 if (addDropDownWrapper) { 570 // store the class names 571 if (parentNode.matches('.dropDownWrapper')) { 572 className = parentNode.className; 573 // remove parent container 574 parentNode.replaceWith(...parentNode.childNodes); 575 } 576 className += " customAppearance"; 577 if (childNode.className.length) { 578 className += ' ' + childNode.className; 579 } 580 // create a wrapper container around the childNode 581 var wrapper = document.createElement('div'); 582 var nextSibling = childNode.nextSibling; 583 if (inlineStyle !== null) { 584 wrapper.setAttribute('style', inlineStyle); 585 } 586 wrapper.className = className; 587 childNode.parentNode.insertBefore(wrapper, childNode); 588 wrapper.appendChild(childNode); 589 // also wrap the element that follows the specified childNode 590 if (nextSibling !== null && nextSibling.tagName == 'INPUT' && nextSibling.nodeType == 1) { 591 wrapper.appendChild(nextSibling); 592 } 593 } 594 } 595 } 596 document.addEventListener('DOMContentLoaded', changeSelectorDropDownArrows); 597 598//--><!]]> 599</script>
599 600<div id="loginBox"> 601 <div class="loginTab"> 602 <a href="/s/login/"> 603 <span class="icon"> 604 <svg><use xlink:href="#icon_login" /></svg> 605 </span> 606 <span class="text">Teken aan</span> 607 </a> 608 </div> 609</div> 610 611 </div> 612 </div> 613<div class="headerFoldout"> 614 <div class="container"> 615 <div class="arrow"></div> 616 </div> 617 <div class="box guest"> 618 <div class="container"> 619
619<script type="text/javascript"> 620 621<!--//--><![CDATA[//><!-- 622if (typeof facebookAppID == 'undefined') { 623 624 var facebookAppID = '1733518676918666'; 625 var facebookAppVersionID = 'b426d8ad84c0e5627c26d853374a92ac'; 626 627} 628(function() { 629 630 var js = document.createElement('script'); 631 js.type = 'text/javascript'; 632 js.async = true; 633 js.src = 'https://www.flikvlooi.co.za/' + 'js/facebook.v' + facebookAppVersionID + '.js'; var s = document.getElementsByTagName('script')[0]; 634 s.parentNode.insertBefore(js, s); 635 636})(); 637 638//--><!]]> 639</script>
639 <div class="joinLoginForm"> 640
640<script type="text/javascript"> 641 <!--//--><![CDATA[//><!-- 642 if (typeof valStrings == 'undefined') { 643 var valStrings = new Array; 644 } 645 646 valStrings["showPasswordLabel"] = ""; 647 valStrings["hidePasswordLabel"] = ""; 648 649 $(document).ready(function() { 650 if ( 'placeholder' in document.createElement('input') ) { 651 if ("help_contact" != "promo") { 652 $("#usernameLabel, #passwordLabel").hide(); 653 $("#usernameLabel, #passwordLabel").next("br").hide(); 654 $("#loginForm_headerLogin input[name='username']").attr("placeholder", "skuilnaam (of e-pos adres)"); 655 $("#loginForm_headerLogin input[name='password']").attr("placeholder", "wagwoord"); 656 } 657 // when a second login form is present on the same page, i.e. in the header and body of the login page 658 if (typeof $("#loginForm_bodyLogin") != "undefined") { 659 $("#loginForm_bodyLogin input[name='username']").attr("placeholder", "skuilnaam (of e-pos adres)"); 660 $("#loginForm_bodyLogin input[name='password']").attr("placeholder", "wagwoord"); 661 } 662 } 663 }); 664 //--><!]]> 665 </script>
665 666 <form name="loginForm" id="loginForm_headerLogin" action="/s/login/" method="post"> 667 <div class="container"> 668 <div class="fields"> 669 <div class="container"> 670 <label id="usernameLabel" for="username">Skuilnaam (of e-pos adres):</label><br /> 671 <div class="username"> 672 <input type="text" name="username" id="username_headerLogin" maxlength="100" value="" autocomplete="username" /> 673 </div> 674 <label id="passwordLabel" for="password">Wagwoord:</label><br /> 675 <div class="password"> 676 <input type="password" name="password" id="password_headerLogin" value="" autocomplete="current-password" /> 677 <a href="#" id="showLoginPassword_headerLogin" class="showPassword showLoginPassword"> 678 <svg class="viewsIcon"><use xlink:href="#icon_showPassword" /></svg> 679 </a> 680
680<script type="text/javascript"> 681 <!--//--><![CDATA[//><!-- 682 $(document).ready(function() { 683 //the handler is executed at most once per element per event type 684 $(".showLoginPassword").off().on("click", function(e) { 685 e.preventDefault(); 686 var loginContainer = $(this).closest("div.password").find("input[name='password']"); 687 loginContainer = loginContainer.attr("id"); 688 var showLoginContainer = $(this).attr("id"); 689 togglePasswordField(loginContainer, showLoginContainer); 690 }); 691 }); 692 //--><!]]> 693 </script>
693 694 </div> 695 696 <div class="grid-m-5 checkboxContainer remember"> 697 </div> 698 <div class="grid-m-7 forgotPassword"> 699 <span id="forgottenPassword_headerLogin"><a href="/s/login/forgotten.php" title="Jou wagwoord vergeet? Ons sal jou dit help herstel.">Wagwoord Vergeet?</a></span> 700 </div> 701 </div> 702 </div> 703 <div class="submit"> 704 <button type="submit" id="loginButton_headerLogin" class="btn loginSubmitBtn">Teken Aan</button> 705 </div> 706 <input type="hidden" name="formToken" value="19709b126cb1a11058ff43d8e9c84860" /> 707 <input type="hidden" name="from" value="help_contact" /> 708 <span class="alreadyMember"></span> 709 </div> 710 </form> 711 </div> 712</div> 713 </div> 714</div> 715 </div> <!-- end header --> 716 717 718 <div id="navigation"> 719 <div class="container"> 720 <div class="grid-12"> 721 <div class="navWrapper"> 722 <ul class="navWrapperInner"> 723 <li> 724 <nav> 725 <ul class="firstLevelWrapper"> 726 727 <li id="find_matches" class=""><a href="/s/find/matches.php" title="Ontdek pasmaats volgens jou Oor My en My Ideale Pasmaat voorkeure." rel="find_matchesMenu"> 728 <span class="iconAndAlert"> 729 <span class="icon"><svg><use xlink:href="#icon_nav_find_matches" /></svg></span> 730 <span class="text" data-label="Pasmaats">Pasmaats</span> 731 </span> 732 </a> 733 <div class="arrow"></div> 734 </li> 735 <li id="connections" class=""><a href="/s/connections/" title="Sien met wie jy 'n konneksie deel - bv. Pasmaats, Profiel Besoeke, Bewonderaars, Gunstelinge en meer." rel="connectionsMenu"> 736 <span class="iconAndAlert"> 737 <span class="icon"><svg><use xlink:href="#icon_nav_connections" /></svg></span> 738 <span class="text" data-label="Konneksies">Konneksies</span> 739 </span> 740 </a> 741 <div class="arrow"></div> 742 </li> 743 <li id="find" class=""><a href="/s/find/" title="Ontdek nuwe mense met Soek en Galery of sien wie Nuut en Aanlyn is." rel="findMenu"> 744 <span class="iconAndAlert"> 745 <span class="icon"><svg><use xlink:href="#icon_nav_find" /></svg></span> 746 <span class="text" data-label="Vind">Vind</span> 747 </span> 748 </a> 749 <div class="arrow"></div> 750 </li> 751 <li id="mail" class=""><a href="/s/mail/" title="Sien boodskappe wat jy gestuur en ontvang het." rel="mailMenu"> 752 <span class="iconAndAlert"> 753 <span class="icon"><svg><use xlink:href="#icon_nav_mail" /></svg></span> 754 <span class="text" data-label="Boodskappe">Boodskappe</span> 755 </span> 756 </a> 757 <div class="arrow"></div> 758 </li> 759 <li id="menu" class="active last"><a href="/s/menu/" title="Meer opsies - bv. Subskripsies, Tariewe, Hulp & Inligting, ens." rel="menuMenu"> 760 <span class="iconAndAlert"> 761 <span class="icon"><svg><use xlink:href="#icon_nav_menu" /></svg></span> 762 <span class="text" data-label="Kieslys">Kieslys</span> 763 </span> 764 </a> 765 <div class="arrow"></div> 766 </li> 767 </ul> 768 </nav> 769 </li> 770 </ul> 771 <ul id="connectionsMenu" class="secondLevelWrapper connections"> 772 <li> 773 <div class="container"> 774 <span class="firstLevelSectionHeading">Konneksies</span> 775 <div class="secondLevelGroup"> 776 <ul class="secondLevelListWrapper"> 777 <li id="find_history" class="listItem"><a href="/s/find/history.php" title="Sien wie het jou profiel kom uitkyk en profiele wat jy na gekyk het." > 778 <span class="secondLevelSectionHeading">Profielbesoeke 779 </span> 780 <span class="finePrint">Sien wie het jou profiel kom uitkyk en profiele wat jy na gekyk het.</span></a> 781 </li> 782 <li id="find_favourites" class="listItem"><a href="/s/find/favourites.php" title="Sien die lede wat jy as gunstelinge gelys het." > 783 <span class="secondLevelSectionHeading">Gunstelinge 784 </span> 785 <span class="finePrint">Sien die lede wat jy as gunstelinge gelys het.</span></a> 786 </li> 787 <li id="find_fans" class="listItem"><a href="/s/find/fans.php" title="Sien lede wat jou profiel as gunsteling gelys het." > 788 <span class="secondLevelSectionHeading">Bewonderaars 789 </span> 790 <span class="finePrint">Sien lede wat jou profiel as gunsteling gelys het.</span></a> 791 </li> 792 <li id="find_mutuals" class="listItem last"><a href="/s/find/mutuals.php" title="Vind uit of enige van die lede wat jy as gunsteling gelys het ook 'n bewonderaar van jou is." > 793 <span class="secondLevelSectionHeading">Wedersydse Bewonderaars 794 </span> 795 <span class="finePrint">Vind uit of enige van die lede wat jy as gunsteling gelys het ook 'n bewonderaar van jou is.</span></a> 796 </li> 797 </ul> 798 </div> 799 </div> 800 </li> 801 </ul> 802 <ul id="findMenu" class="secondLevelWrapper find"> 803 <li> 804 <div class="container"> 805 <span class="firstLevelSectionHeading">Vind</span> 806 <div class="secondLevelGroup"> 807 <ul class="secondLevelListWrapper"> 808 <li id="find_impressions" class="listItem"><a href="/s/find/impressions.php" title="Die vinnigste manier om nuwe konneksies te vind." > 809 <span class="secondLevelSectionHeading">Eerste Indrukke 810 </span> 811 <span class="finePrint">Die vinnigste manier om nuwe konneksies te vind.</span></a> 812 </li> 813 <li id="find_search" class="listItem"><a href="/s/find/search.php" title="Vind mense deur 'n stel soek vereistes te spesifiseer." > 814 <span class="secondLevelSectionHeading">Soek 815 </span> 816 <span class="finePrint">Vind mense deur 'n stel soek vereistes te spesifiseer.</span></a> 817 </li> 818 <li id="find_new" class="listItem"><a href="/s/find/new.php" title="Sien ons nuutste lede." > 819 <span class="secondLevelSectionHeading">Nuwe Lede 820 </span> 821 <span class="finePrint">Sien ons nuutste lede.</span></a> 822 </li> 823 <li id="find_loggedIn" class="listItem"><a href="/s/find/loggedIn.php" title="Sien wie nou aangeteken is." > 824 <span class="secondLevelSectionHeading">Aanlyn 825 </span> 826 <span class="finePrint">Sien wie nou aangeteken is.</span></a> 827 </li> 828 <li id="find_popular" class="listItem"><a href="/s/find/popular.php" title="Sien die gewildste profiele." > 829 <span class="secondLevelSectionHeading">Gewilde Profiele 830 </span> 831 <span class="finePrint">Sien die gewildste profiele.</span></a> 832 </li> 833 <li id="find_gallery" class="listItem">
833<a href="/s/find/gallery.php" title="Sien lede wat onlangs nuwe foto's opgelaai het." > 834 <span class="secondLevelSectionHeading">Foto Galery 835 </span> 836 <span class="finePrint">Sien lede wat onlangs nuwe foto's opgelaai het.</span></a> 837 </li> 838 <li id="find_modified" class="listItem"><a href="/s/find/modified.php" title="Sien profiele wat onlangs verander is." > 839 <span class="secondLevelSectionHeading">Onlangs verander 840 </span> 841 <span class="finePrint">Sien profiele wat onlangs verander is.</span></a> 842 </li> 843 <li id="find_birthdays" class="listItem"><a href="/s/find/birthdays.php" title="Vind mense wie vandag verjaar." > 844 <span class="secondLevelSectionHeading">Vandag se Verjaarsdae 845 </span> 846 <span class="finePrint">Vind mense wie vandag verjaar.</span></a> 847 </li> 848 <li id="find_byName" class="listItem"><a href="/s/find/byName.php" title="Soek mense met hul skuilname." > 849 <span class="secondLevelSectionHeading">Skuilnaam Soek 850 </span> 851 <span class="finePrint">Soek mense met hul skuilname.</span></a> 852 </li> 853 <li id="find_keyword" class="listItem last"><a href="/s/find/keyword.php" title="Soek profiele wat 'n spesifieke woord of frase bevat." > 854 <span class="secondLevelSectionHeading">Sleutelwoord Soek 855 </span> 856 <span class="finePrint">Soek profiele wat 'n spesifieke woord of frase bevat.</span></a> 857 </li> 858 </ul> 859 </div> 860 </div> 861 </li> 862 </ul> 863 <ul id="menuMenu" class="secondLevelWrapper menu"> 864 <li> 865 <div class="container"> 866 <span class="firstLevelSectionHeading">Kieslys</span> 867 <div class="secondLevelGroup"> 868 <ul class="secondLevelListWrapper"> 869 <li id="subscribe" class="listItem"><a href="/s/subscribe/" title="Koop 'n subskripsie om ander lede te kontak." class="m" rel="subscribeMenu"> 870 <span class="secondLevelSectionHeading">Subskripsies 871 </span> 872 <span class="finePrint"></span></a> 873 <span></span> 874 <ul id="subscribeMenu" class="thirdLevelListWrapper"> 875 <li><a href="/s/subscribe/rates.php" title="Alles wat jy moet weet oor ons subskripsie pryse."><span class="thirdLevelSubscribeHeading">Tariewe 876 877 </span> 878 <span class="finePrint">Alles wat jy moet weet oor ons subskripsie pryse.</span> 879 </a></li> 880 <li><a href="/s/subscribe/now.php" title="Kies 'n subskripsie uit 'n verskeidenheid opsies."><span class="thirdLevelSubscribeHeading">Koop Subskripsies 881 882 </span> 883 <span class="finePrint">Kies 'n subskripsie uit 'n verskeidenheid opsies.</span> 884 </a></li> 885 <li><a href="/s/subscribe/gift.php" title="Inligting oor aankope van subskripsies as geskenke vir ander lede."><span class="thirdLevelSubscribeHeading">Geskenke 886 887 </span> 888 <span class="finePrint">Inligting oor aankope van subskripsies as geskenke vir ander lede.</span> 889 </a></li> 890 <li class="last"><a href="/s/subscribe/status.php" title="Inligting oor jou huidige subskripsiestatus en -geskiedenis."><span class="thirdLevelSubscribeHeading">Subskripsiestatus 891 892 </span> 893 <span class="finePrint">Inligting oor jou huidige subskripsiestatus en -geskiedenis.</span> 894 </a></li> 895 </ul> 896 </li> 897 </ul> 898 </div> 899 <div class="secondLevelGroup"> 900 <ul class="secondLevelListWrapper"> 901 <li id="help" class="listItem last"><a href="/s/help/" title="Bykomende inligting- en hulpbladsye wat jy nuttig mag vind." class="m" rel="helpMenu"> 902 <span class="secondLevelSectionHeading">Hulp & Inligting 903 </span> 904 <span class="finePrint"></span></a> 905 <span></span> 906 <ul id="helpMenu" class="thirdLevelListWrapper"> 907 <li><a href="/s/help/faq.php" title="Onseker hoe iets werk? Ons gebruikers se algemeenste vrae word hier beantwoord."><span class="thirdLevelSubscribeHeading">Vrae 908 909 </span> 910 <span class="finePrint">Onseker hoe iets werk? Ons gebruikers se algemeenste vrae word hier beantwoord.</span> 911 </a></li> 912 <li><a href="/s/help/contact.php" title="Vra ons gerus as jy nie jou antwoord in Vrae vind nie."><span class="thirdLevelSubscribeHeading">Kontak Ons 913 914 </span> 915 <span class="finePrint">Vra ons gerus as jy nie jou antwoord in Vrae vind nie.</span> 916 </a></li> 917 <li><a href="/s/help/report.php" title="Rapporteer misbruik van ander lede."><span class="thirdLevelSubscribeHeading">Rapporteer Misbruik 918 919 </span> 920 <span class="finePrint">Rapporteer misbruik van ander lede.</span> 921 </a></li> 922 <li><a href="/s/help/safety.php" title="Praktiese wenke oor veilige afsprake."><span class="thirdLevelSubscribeHeading">Veiligheid 923 924 </span> 925 <span class="finePrint">Praktiese wenke oor veilige afsprake.</span> 926 </a></li> 927 <li><a href="/s/help/privacy.php" title="Jou inligting is veilig by ons. Lees ons volledige privaatheidsbeleid hier."><span class="thirdLevelSubscribeHeading">Privaatheidsbeleid 928 929 </span> 930 <span class="finePrint">Jou inligting is veilig by ons. Lees ons volledige privaatheidsbeleid hier.</sp
930an> 931 </a></li> 932 <li><a href="/s/help/terms.php" title="As jy hierdie werf gebruik aanvaar jy outomaties ons gebruikersvoorwaardes. Lees die besonderhede hier."><span class="thirdLevelSubscribeHeading">Voorwaardes 933 934 </span> 935 <span class="finePrint">As jy hierdie werf gebruik aanvaar jy outomaties ons gebruikersvoorwaardes. Lees die besonderhede hier.</span> 936 </a></li> 937 <li><a href="/s/help/networkServices.php" title="Profiele mag regoor ons netwerk gedeel word. Vind meer hier uit."><span class="thirdLevelSubscribeHeading">Netwerkdienste 938 939 </span> 940 <span class="finePrint">Profiele mag regoor ons netwerk gedeel word. Vind meer hier uit.</span> 941 </a></li> 942 <li><a href="/s/help/photos.php" title="Wenke en idees vir foto's oplaai."><span class="thirdLevelSubscribeHeading">Hulp met Foto's 943 944 </span> 945 <span class="finePrint">Wenke en idees vir foto's oplaai.</span> 946 </a></li> 947 <li><a href="/s/help/tell.php" title="Ken jy 'n alleenloper? Vertel jou pel van Flikvlooi."><span class="thirdLevelSubscribeHeading">Vertel 'n Pel 948 949 </span> 950 <span class="finePrint">Ken jy 'n alleenloper? Vertel jou pel van Flikvlooi.</span> 951 </a></li> 952 <li><a href="/s/info/success.php" title="Ware verhale van lede wat op Flikvlooi liefde gevind het."><span class="thirdLevelSubscribeHeading">Suksesverhale 953 954 </span> 955 <span class="finePrint">Ware verhale van lede wat op Flikvlooi liefde gevind het.</span> 956 </a></li> 957 <li class="last"><a href="/s/info/articles.php" title="Opsoek na inspirasie? Lees ons artikels oor aanlyn afsprake."><span class="thirdLevelSubscribeHeading">Artikels 958 959 </span> 960 <span class="finePrint">Opsoek na inspirasie? Lees ons artikels oor aanlyn afsprake.</span> 961 </a></li> 962 </ul> 963 </li> 964 </ul> 965 </div> 966 </div> 967 </li> 968 </ul> 969
969<script type="text/javascript"> 970 $(".secondLevelWrapper").each(function() { 971 var currentTallest = 0, 972 currentRowStart = 0, 973 rowDivs = new Array(), 974 $item, 975 topPosition = 0; 976 977 // A hack, that allows you to get height of all hidden elements 978 this.style.position = "absolute"; 979 this.style.display = "block"; 980 this.style.visibility = "hidden"; 981 982 $('.secondLevelGroup', this).each(function(index, element) { 983 $item = $(element); 984 topPosition = $item.position().top; 985 986 if (currentRowStart != topPosition) { 987 // we just came to a new row. Set all the heights on the completed row 988 for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) { 989 rowDivs[currentDiv].height(currentTallest); 990 } 991 992 // reset the variables for the new row 993 currentTallest = $item.height(); 994 currentRowStart = topPosition; 995 rowDivs.length = 0; 996 rowDivs.push($item); 997 } else { 998 // another div on the current row. Add it to the list and check if it's taller 999 rowDivs.push($item); 1000 currentTallest = (currentTallest < $item.height()) ? ($item.height()) : (currentTallest); 1001 } 1002 1003 // do the last row 1004 for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) { 1005 rowDivs[currentDiv].height(currentTallest); 1006 } 1007 }); 1008 1009 // clear styling once you got all the heights 1010 this.style.position = ""; 1011 this.style.display = ""; 1012 this.style.visibility = ""; 1013 }); 1014 </script>
1014 1015 </div> 1016 </div> 1017 </div> 1018 </div> <!-- end navigation --> 1019 1020 <div id="wrapper"> 1021 1022 1023<!-- ASID: 2 - 2026-10-04 05:37:07 --> 1024 1025 <div class="container"> 1026 <div id="content" class="grid-12 textPages"> 1027 1028 <h2 class="pageTitle">Kontak Ons </h2> <div class="intro"> 1029 <p>Ons vriendelike kliĆ«nte ondersteuningspan is hier om jou vrae te beantwoord en hulp aan te bied om die werf te gebruik. 1030<p> Voor jy ons kontak, kyk asseblief na ons <a href="/s/help/faq.php">Gereelde Vrae (Vrae)</a> bladsy, wat reeds die meeste vrae wat ons ontvang, antwoord.</p></p> 1031 </div> 1032 <div class="popularTopics"> 1033 <p>Gewilde Gereelde Vrae Afdelings:</p> 1034 <div class="popularCTA grid-12"> 1035 <div class="actions grid-tl-6 grid-t-12"> 1036 <a class="btn" href="/s/help/faq.php#general_help" title="Onseker hoe iets werk? Ons gebruikers se algemeenste vrae word hier beantwoord.">Algemene Hulp</a> 1037 <a class="btn" href="/s/help/faq.php#login_help" title="Onseker hoe iets werk? Ons gebruikers se algemeenste vrae word hier beantwoord.">Aantekenhulp</a> 1038 <a class="btn" href="/s/help/faq.php#profile_help" title="Onseker hoe iets werk? Ons gebruikers se algemeenste vrae word hier beantwoord.">Profielhulp</a> 1039 </div> 1040 <div class="actions grid-tl-6 grid-t-12"> 1041 <a class="btn hidePopularTopic" href="/s/help/faq.php#contacting_other_members" title="Onseker hoe iets werk? Ons gebruikers se algemeenste vrae word hier beantwoord.">Kontak Lede</a> 1042 <a class="btn" href="/s/help/faq.php#subscription_help" title="Onseker hoe iets werk? Ons gebruikers se algemeenste vrae word hier beantwoord.">Subskripsiehulp</a> 1043 <a class="btn" href="/s/help/faq.php#safety_and_privacy_help" title="">Veiligheids- en Privaatheidhulp</a> 1044 </div> 1045 </div> 1046 <p><a href="/s/help/faq.php">Sien alle Gereelde Vrae →</a></p> 1047 </div> 1048 1049 1050 </div> 1051 </div> 1052 <div class="profileEdit"> 1053
1053<script type="text/javascript"> 1054 <!--//--><![CDATA[//><!-- 1055 requiredFields = new Array("name","email","subject","message"); 1056 fieldNames = new Array("Jou Naam","Jou E-pos","Onderwerp","Jou boodskap","reCAPTCHA Uitdaging"); 1057 valStrings["incompleteFields"] = "Voltooi asseblief die volgende veld(e):"; 1058 valStrings["usernameDigits"] = "Jou skuilnaam mag nie meer as vier numeriese syfers bevat nie."; 1059 valStrings["usernameDomains"] = "Jou gebruikersnaam mag nie enige e-pos-spesifieke domeine insluit nie (bv. Gmail, Yahoo, Hotmail)."; 1060 valStrings["emailInvalid"] = "Dit lyk asof jou e-posadres ongeldig is.\n Maak dit asseblief reg voordat hierdie vorm ingedien word."; 1061 valStrings["emailUsername"] = "Vir jou veiligheid mag jou Flikvlooi skuilnaam nie dieselfde wees as jou e-pos se gebruikersnaam nie. Kies asseblief 'n nuwe skuilnaam."; 1062 valStrings["emailUserAtDomain"] = "Jou e-posadres lyk nie of dit in 'n geldige gebruiker@domein formaat is nie."; 1063 valStrings["emailUserPart"] = "Dit lyk asof die gebruikersnaam gedeelte van jou e-posadres nie geldig is nie."; 1064 valStrings["emailIPBad"] = "E-posbestemming IP-adres is ongeldig."; 1065 valStrings["emailDomainPart"] = "Die domeinnaam gedeelte van jou e-posadres blyk nie geldig te wees nie."; 1066 valStrings["emailBadTLD"] = "Jou e-posadres moet eindig in 'n geldige landkode of internasionale boonste vlak gebied."; 1067 valStrings["emailNoSLD"] = "Jou e-posadres kort 'n domeinnaam."; 1068 valStrings["usernameLength"] = "Skuilnaam moet tussen 3 en 20 karakters wees en slegs syfers, letters en onderstreeptekens bevat."; 1069 valStrings["unloadPrompt"] = "Jou boodskap is nog nie gestuur nie. As jy OK druk sal jou boodskap wegraak."; 1070 valStrings["unloadAlert"] = "Nota: Jou boodskap was nie gestoor nie.\n\nAs jy dalk per ongeluk wegbeweeg het van jou boodskap af, kan jy jou\nwebblaaier se terugknoppie gebruik om dit te probeer herwin."; 1071 valStrings["keepaliveAlert"] = "Waarskuwing! Jou sessie is op die punt om te verval en jy sal enige ongestoorde veranderinge verloor."; 1072 var formToCheck = "form2"; 1073 //--><!]]> 1074 </script>
1074 1075 1076 <h3>Steeds 'n vraag? Kontak Ons</h3> 1077 1078 <form id="form2" action="/s/help/contact.php" method="post" novalidate="novalidate" onsubmit="return submitContact(this) && (isSubmit = true) && verifyCaptchaChallenge(this);"> 1079 1080 <section id="mailHead"> 1081 <div class="container"> 1082 1083 <input type="hidden" name="action" value="send" /> 1084 <input type="hidden" name="validation" value="1791085027:adb82ef57ce29f29ad8dfdb69d453f78" /> 1085 1086
1086<script type="text/javascript"> 1087 <!--//--><![CDATA[//><!-- 1088 if (window.screen.width) document.writeln('<input type="hidden" name="resolution" value="' + window.screen.width + 'x' + window.screen.height + 'x' + window.devicePixelRatio + 'x' + window.screen.colorDepth +'" />'); 1089 //--><!]]> 1090 </script>
1090 1091 1092 <div class="grid-3 label"> 1093 <label for="type">Kontak Tipe:</label> 1094 </div> 1095 <div class="grid-9 field"> 1096 <div class="dropDownWrapper"> 1097 <span>Dit is </span><select name="type" id="type" class="inline"><option label="'n Vraag" value="1">'n Vraag</option> 1098<option label="'n Advertensie-navraag" value="11">'n Advertensie-navraag</option> 1099<option label="'n Betalingskennisgewing" value="6">'n Betalingskennisgewing</option> 1100<option label="'n Klagte" value="5">'n Klagte</option> 1101<option label="'n Kompliment" value="3">'n Kompliment</option> 1102<option label="'n Meningspeilingvoorstel" value="12">'n Meningspeilingvoorstel</option> 1103<option label="'n Opmerking" value="8">'n Opmerking</option> 1104<option label="'n Rekeningnavraag" value="7">'n Rekeningnavraag</option> 1105<option label="'n Sekuriteitsverwante Verslag" value="14">'n Sekuriteitsverwante Verslag</option> 1106<option label="'n Suksesverhaal" value="4">'n Suksesverhaal</option> 1107<option label="'n Voorstel" value="2">'n Voorstel</option> 1108<option label="'n Werf Vennootskapsnavraag" value="10">'n Werf Vennootskapsnavraag</option> 1109</select> 1110 </div> 1111 </div> 1112 </div> 1113 <div class="container"> 1114 <div class="grid-3 label"> 1115 <label for="name">Jou Naam: <span class="compulsory">*</span></label> 1116 </div> 1117 <div class="grid-9 field"> 1118 <div class="dropDownWrapper"> 1119 <input type="text" name="name" id="name" size="30" maxlength="100" value="" autocomplete="name" /> </div> 1120 </div> 1121 </div> 1122 <div class="container"> 1123 <div class="grid-3 label"> 1124 <label for="username">Jou Skuilnaam (Opsioneel):</label> 1125 </div> 1126 <div class="grid-9 field"> 1127 <div class="dropDownWrapper"> 1128 <input type="text" name="username" size="30" id="username" maxlength="20" onblur="checkUsername(this);" value="" autocomplete="username" /> </div> 1129 </div> 1130 </div> 1131 <div class="container"> 1132 <div class="grid-3 label"> 1133 <label for="email">Jou E-pos: <span class="compulsory">*</span></label> 1134 </div> 1135 <div class="grid-9 field"> 1136 <div class="dropDownWrapper"> 1137 <input type="email" name="email" id="email" size="30" maxlength="100" onblur="checkEmail(this);" value="" autocomplete="email" /> </div> 1138 </div> 1139 </div> 1140 <div class="container"> 1141 <div class="grid-3 label"> 1142 <label for="subject">Onderwerp:</label> 1143 </div> 1144 <div class="grid-9 field"> 1145 <div class="dropDownWrapper"> 1146 <input type="text" name="subject" id="subject" size="50" maxlength="255" value="" autocomplete="off" /> 1147 </div> 1148 </div> 1149 </div> 1150 </section> 1151 <section id="mailMessage"> 1152 <div class="container"> 1153 <div class="grid-3 label"> 1154 <label for="message">Jou boodskap:</label> 1155 </div> 1156 <div class="grid-9 field"> 1157 <div class="dropDownWrapper"> 1158 <textarea name="message" id="message" cols="50" rows="10"></textarea> 1159 </div> 1160 </div> 1161 </div> 1162 </section> 1163 <section id="reCaptcha"> 1164
1165<script type="text/javascript"> 1166<!--//--><![CDATA[//><!-- 1167 function reCaptchaFormToCheck () { 1168 if (typeof window.formToCheck == 'string' && document.forms[window.formToCheck]) { 1169 return document.forms[window.formToCheck]; 1170 } 1171 return document.forms[0]; 1172 } 1173 1174 // callback to handle completion of the captcha 1175 function submitCapthaResponse (token) { 1176 var formToCheck = reCaptchaFormToCheck(); 1177 formToCheck.submit(); 1178 } 1179 1180 // only invoke the invisible reCAPTCHA challenge after client-side validation 1181 function verifyCaptchaChallenge (formElement) { 1182 // check if the user successfully solved the captcha 1183 grecaptcha.execute(); 1184 return false; 1185 } 1186//--><!]]> 1187</script>
1187 1188<div class="g-recaptcha" data-sitekey="6Le1lDoUAAAAAHOVp3l580Q_LKeEuc3SyWTNkj3Z" data-badge="bottomright" data-type="image" data-callback="submitCapthaResponse" data-size="invisible"></div> 1189<noscript> 1190 <div> 1191 <div style="width: 302px; height: 422px; position: relative;"> 1192 <div style="width: 302px; height: 422px; position: absolute;"> 1193 <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Le1lDoUAAAAAHOVp3l580Q_LKeEuc3SyWTNkj3Z&hl=af" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> 1194 </div> 1195 </div> 1196 <div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;"> 1197 <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;" ></textarea> 1198 </div> 1199 </div> 1200</noscript> </section> 1201 <div class="submitContainer"> 1202 <button type="submit" class="btn btn-submit">Stuur</button> 1203 </div> 1204 </form> 1205 </div> 1206 1207 1208
1208<script type="text/javascript"> 1209 <!--//--><![CDATA[//><!-- 1210 var fvt = 'f00'; 1211 //--><!]]> 1212 </script>
1212 1213
1213<script type="text/javascript" src="/js/browser.r40242.js"></script>
1213 1214
1214<script type="text/javascript"> 1215 <!--//--><![CDATA[//><!-- 1216 var onModalClose = false; 1217 var currrentLocation = window.location.href; 1218 var historyLength = 0; 1219 1220 // the onpopstate event will fire whenever the URL changes (or more correctly the history) 1221 // eg. by doing a browser action such as a click on the back button 1222 // clicking on anchors will cause the event to fire aswell (the history has been changed) 1223 window.addEventListener('popstate', function(event) { 1224 var state = event.state; 1225 var currentModal = $(".modal, #modalWrap"); 1226 var isModalVisible = false; 1227 var onPopstateCloseModal = true; 1228 // the modal window identifier is stored in the state object 1229 if (state != null && typeof state.modal != 'undefined') { 1230 currentModal = $("#"+state.modal); 1231 isModalVisible = (currentModal.css('display') == "block" && currentModal.height() > 0) ? true : false; 1232 } else { 1233 // on find_results there are multiple modals, need to determine which modal is open 1234 currentModal.each(function() { 1235 if ($(this).css('display') == "block" && $(this).height() > 0) { 1236 currentModal = $(this); 1237 isModalVisible = true; 1238 } 1239 }); 1240 } 1241 if (isModalVisible) { 1242 if (viaPWA) { 1243 // check the pathname if it has changed, or just the hash changed 1244 if (event.target.location.hash != "" && currrentLocation != event.target.location.href) { 1245 onPopstateCloseModal = (state == null) ? false : true; 1246 } else { 1247 onPopstateCloseModal = (state == null) ? true : ((state.modal == "modalWrap") ? false : true); 1248 } 1249 currrentLocation = event.target.location.href; 1250 onModalClose = true; 1251 } else { 1252 // in a non-PWA environemnt, state object is set on find_results 1253 onPopstateCloseModal = (state == null) ? false : true; 1254 } 1255 historyLength++; 1256 // prevent popstate event from firing if you click on the anchor tag 1257 // even though you are doing a browser action, the modal should not be closed 1258 if (onPopstateCloseModal == false) { 1259 return; 1260 } 1261 if (currentModal.hasClass("ui-dialog-content")) { 1262 // handles the jquery dialog modal 1263 currentModal.dialog("close"); 1264 } else { 1265 // handles easyModal 1266 currentModal.trigger('closeModal'); 1267 } 1268 } else { 1269 if (state != null) { 1270 if (typeof state.modal != "undefined") { 1271 // handling different types of modals 1272 if (currentModal.hasClass("ui-dialog-content")) { 1273 $('a.launchSubscribeModal:first').click(); 1274 } else { 1275 // currentModal.trigger('openModal'); 1276 } 1277 } 1278 } 1279 } 1280 if (state != null) { 1281 if (typeof state.modal == "undefined") { 1282 if (sessionStorage.getItem("doubleBackToExit") != null && state.doubleBackToExit) { 1283 // prevent loading from the history list 1284 } else if (state.firstPage) { 1285 if (state.currPage != "home") { 1286 // reload the current page 1287 window.history.go(0); 1288 } 1289 } else if (state.hasVisited) { 1290 if (sessionStorage.getItem("doubleBackToExit") == null) { 1291 // go to first page when going back in history 1292 window.history.pushState({}, null); 1293 if (sessionStorage.getItem("showUpdateBar") == null) { 1294 sessionStorage.setItem('showUpdateBar', true); 1295 } 1296 window.history.go(-(history.length - 1)); 1297 } else { 1298 // move back one page 1299 window.history.go(-1); 1300 } 1301 } 1302 } 1303 // pagination and infinity scroll 1304 if (state.type == "paging" && onModalClose == false) { 1305 var href = appendParam(window.location.href, 'p', state.p); 1306 returnResultsPages(href, state.p.toString()); 1307 } 1308 } 1309 historyLength = 0; 1310 onModalClose = false; 1311 }, false); 1312 1313 //--><!]]> 1314 </script>
1314 1315 </div> <!-- end wrapper --> 1316 <div id="footer"> 1317 <div class="footerLinks"> 1318 <div class="container"> 1319 <ul class="grid-12 footerLinksList"> 1320 <li class="grid-12 grid-t-4"> 1321 <a href="/s/info/success.php">Suksesverhale</a> 1322 </li> 1323 <li class="grid-12 grid-t-4"> 1324 <a href="/s/help/safety.php">Veiligheid</a> 1325 </li> 1326 <li class="grid-12 grid-t-4"> 1327 <a href="/s/help/">Hulp & Inligting</a> 1328 </li> 1329 <li class="grid-12 grid-t-4"> 1330 <a href="/s/help/contact.php">Kontak Ons</a> 1331 </li> 1332 <li class="grid-12 grid-t-4"> 1333 <a href="/s/help/privacy.php">Privaatheidsbeleid</a> 1334 </li> 1335 <li class="grid-12 grid-t-4"> 1336 <a href="/s/help/terms.php">Voorwaardes</a> 1337 </li> 1338 </ul> 1339 </div> 1340 </div> 1341 1342 <div class="footerContent"> 1343 <div class="container"> 1344 <div class="grid-6"> 1345 <div class="container"> 1346 <div class="grid-12"> 1347 <p class="copyright">Kopiereg © 1997-2026, <a href="https://www.thedatinglab.com/" rel="external noopener">Dating Lab</a>. Alle regte voorbehou.</p> 1348 </div> 1349 </div> 1350 </div> 1351 1352 <div class="grid-6"> 1353 <div class="container"> 1354 <div class="grid-12"> 1355 <div class="poweredBy"> 1356<svg><use xlink:href="#icon_poweredBy" /></svg> </div> 1357 </div> 1358 </div> 1359 </div> 1360 </div> 1361 </div> 1362 </div> <!-- end footer --> 1363 </div> <!-- end bodyInner --> 1364 1365 1366</body> 1367</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.