1<!DOCTYPE html> 2<!--[if lt IE 7]><html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" lang="en" xml:lang="en" 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="en" xml:lang="en" 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="en" xml:lang="en" 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="en" xml:lang="en" 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>Online Dating with Thunderbolt City South Africa's Personal Ads</title> 11 12 <meta name="description" content="With over 100,000 profiles, Thunderbolt City South Africa is South Africa's Largest Online Dating Service. Thunderbolt City South Africa provides a secure, hassle-free environment where people can meet to form new online relationships. Whether you're looking for new friends, a quick soiree in the world of online dating, or the love of your life, you're sure to find someone special amongst our thousands of personal ads. Using Thunderbolt City is quick, easy, safe and completely anonymous." /> 13 <meta name="google-site-verification" content="0c4mO4vTAM-ReAM8fyWVy5UjfFF797uDNNM5wHl5STM" /> 14 <meta name="dcterms.rightsHolder" content="Thunderbolt City South Africa/Dating Lab" /> 15 <meta name="dcterms.dateCopyrighted" content="1997-2026" /> 16 <meta name="dcterms.rights" content="Copyright © 1997-2026, Thunderbolt City South Africa/Dating Lab. All rights reserved." /> 17 <meta property="fb:app_id" content="1733518676918666" /> 18 <meta property="og:title" content="Online Dating with Thunderbolt City South Africa's Personal Ads" /> 19 <meta property="og:type" content="website" /> 20 <meta property="og:site_name" content="Thunderbolt City South Africa" /> 21 <meta property="og:url" content="https://dating.thunderboltcity.co.za/" /> 22 <meta property="og:image" content="https://dating.thunderboltcity.co.za/pics/i1/44/icons/44_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="Online Dating with Thunderbolt City South Africa's Personal Ads" /> 27 <meta name="twitter:url" content="https://dating.thunderboltcity.co.za/" /> 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<!--[if gt IE 8]><!--> 35 <link rel="stylesheet" href="https://dating.thunderboltcity.co.za/css/i1/44.r40435.css" type="text/css" media="all" /> 36 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,700;1,400;1,700&display=swap" type="text/css" /> 37<!--<![endif]--> 38 <link rel="canonical" href="https://dating.thunderboltcity.co.za/" /> 39 40
40<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/vendor/modernizr/modernizr-latest.min.js"></script>
40 41
41<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/functions.r40242.js"></script>
41 42 <!--[if lt IE 7]> 43 <meta http-equiv="imagetoolbar" content="no" /> 44 45
45<script type="text/javascript"> 46 //<![CDATA[ 47 // fix IE6 background image flickering/caching issue 48 try { 49 document.execCommand('BackgroundImageCache', false, true); 50 } 51 catch(e) {}; 52 //]]> 53 </script>
53 54 <![endif]--> 55 <!--[if lt IE 9]> 56 <link rel="stylesheet" href="https://dating.thunderboltcity.co.za/css/0/ieOld.r40435.css" type="text/css" media="all" /> 57 <style type="text/css" media="all"> 58 /*<![CDATA[*/ 59 #header .logoWrapper h1 { 60 text-indent: -2000px; 61 width: auto; 62 height: auto; 63 background: transparent url("https://dating.thunderboltcity.co.za/pics/i1/44/chrome/logo_44.png") 0 0 no-repeat; 64 } 65 #header .logoWrapper a { 66 display: block; 67 width: 250px; 68 height: auto; 69 } 70 /*]]>*/ 71 </style> 72 <![endif]--> 73 <!--[if lte IE 9]> 74 <style type="text/css" media="all"> 75 /*<![CDATA[*/ 76 .dropDownWrapper svg { 77 display: none; 78 } 79 /*]]>*/ 80 </style> 81 <![endif]--> 82 <!--[if gt IE 9]><!--> 83 <meta name="msapplication-tap-highlight" content="no" /> 84 <!--<![endif]--> <!--[if lt IE 9]> 85
85<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/vendor/jquery/jquery-legacy.min.js"></script>
85 86 <![endif]--> 87 <!--[if gt IE 8]><!--> 88
88<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/vendor/jquery/jquery-latest.min.js"></script>
88 89 <!--<![endif]--> 90
90<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/vendor/fixedFixed/fixedfixed.build.r40242.js"></script>
90 91
91<script type="text/javascript"> 92 <!--//--><![CDATA[//><!-- 93 var stickyHeaderBar = 1; 94 var stickyPaginationBar = 1; 95 var infiniteScrolling = 1; 96 var mobileBrowser = false; 97 var tabletBrowser = false; 98 var currPage = "splash"; 99 var pageUrl = '/s/'; 100 var isInStandaloneMode = (window.matchMedia('(display-mode: standalone)').matches) || (window.navigator.standalone); 101 var viaPWA = false; 102 var isAppleMobileDevice = ""; 103 var isMobileSafariBrowser = ""; 104 var isMobileChromeBrowser = "1"; 105 var isAndroidOS = ""; 106 //--><!]]> 107 </script>
107 108
108<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/stickyPanels.r40242.js"></script>
108 109
109<script type="text/javascript"> 110 <!--//--><![CDATA[//><!-- 111 112 var stickyHeaderContainer = stickyHeader = null; 113 var fixedElement = targetElement = null; 114 var subNavbar = false; 115 116 $(document).ready(function(){ 117 var wrapper = document.getElementById("wrapper"); 118 var header = document.getElementById("header"); 119 var parentDiv = document.getElementById("bodyInner"); 120 121 stickyHeaderContainer = document.createElement('div'); 122 stickyHeaderContainer.className = 'stickyHeaderContainer'; 123 parentDiv.insertBefore(stickyHeaderContainer, wrapper); 124 125 stickyHeader = document.createElement('div'); 126 stickyHeader.className = 'stickyHeader'; 127 stickyHeaderContainer.appendChild(stickyHeader); 128 129 // mount element to the sticky container 130 // if banners is not included in the sticky container, it must be included when calculating the element height (navigation.js) 131 var stickyElements = document.querySelectorAll('#header, #navigation, .mountStickyHeader'); 132 stickyElements.forEach(function(stickyElement) { 133 stickyHeader.appendChild(stickyElement); 134 }); 135 136 // splash page: toggle between login button and join button once the user scrolls pass the join form 137 // profile minibar: display minibar once the user scrolls pass the action toolbar (ie. message, favourite, gift, morebox) 138 if (currPage.match(/^(splash)$/)) { 139 fixedElement = $("#header"); 140 targetElement = $('.joinLoginForm #joinForm'); 141 } else if (currPage.match(/^(find_profile|mail_conversation)$/)) { 142 fixedElement = $(".profileMiniBar"); 143 targetElement = $('.profileSummary .toolbar'); 144 subNavbar = true; 145 } else if (currPage.match(/^(partners_campaign)$/)) { 146 fixedElement = $(".fixedTableHeader"); 147 targetElement = $('.originalTableHeader'); 148 subNavbar = true; 149 } 150 151 $(".stickyHeaderContainer").stickyPanels({ 152 header: true, 153 fixedElement: fixedElement, 154 targetElement: targetElement, 155 subNavbar: subNavbar 156 }); 157 }); 158 // calculate the height of each elemnt only after page load 159 $(document).ready(function(){ 160 $(".stickyHeaderContainer").addClass("fixed-header"); 161 }); 162 163 //--><!]]> 164 </script>
164 165
165<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/navigation.r40242.js" defer="defer"></script>
165 166<!--[if gt IE 8]><!--> 167
167<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/vendor/jquery-ngResponsiveTables/ng_responsive_tables.js"></script>
167 168
168<script type="text/javascript"> 169 <!--//--><![CDATA[//><!-- 170 $(document).ready(function() { 171 // Responsive Tables 172 $('table.responsive').ngResponsiveTables({ 173 mediumPaddingCharNo: 100 174 }); 175 }); 176 //--><!]]> 177 </script>
177 178<!--<![endif]--> 179
179<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/vendor/externalLinks.js" defer="defer"></script>
179 180 181
181<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/find_search.r40242.js"></script>
181 182
182<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/vendor/noUiSlider/nouislider.min.r40242.js"></script>
182 183
183<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/rangeSlider.r40242.js"></script>
183 184
184<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/emailValidation.r40242.js"></script>
184 185
185<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/requiredFields.r40242.js"></script>
185 186
186<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/profile_base.r40242.js"></script>
186 187 188 <link rel="icon" href="https://dating.thunderboltcity.co.za/pics/i1/44/icons/favicon.ico" type="image/x-icon" /> 189 190 191 <meta name="msapplication-TileColor" content="#F1F1F1" /> 192 <meta name="msapplication-TileImage" content="https://dating.thunderboltcity.co.za/pics/i1/44/icons/windows-phone-icon.png" /> 193 <meta name="msapplication-config" content="none" /> 194 <link rel="mask-icon" href="https://dating.thunderboltcity.co.za/pics/i1/44/icons/pinnedIcon.svg" color="#9154AE" /> 195 <meta name="theme-color" content="#9154AE" /> 196</head> 197 198<body id="splash" class="splash loggedOut guest"> 199<!-- Google Tag Manager -->
vendor: 63 bytes, lines 199-200
199 200 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
200GTM-NNZ59G
vendor: 85 bytes, lines 200-202
200" 201 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 202
202<script>
vendor: 325 bytes, lines 202-206
202(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 203 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 204 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 205 '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 206 })(window,document,'script','dataLayer','
206GTM-NNZ59G
vendor: 3 bytes, line 206
206');
206</script>
206 207 <!-- End Google Tag Manager --> 208<style type="text/css"> 209<!--/*--><![CDATA[/*><!--*/ 210 select { 211 -webkit-appearance: none; 212 -moz-appearance: none; 213 appearance: none; 214 text-indent: 1px; 215 } 216 217 select::-ms-expand { 218 display: none; 219 } 220 221 textarea { 222 -webkit-appearance: none; 223 -moz-appearance: none; 224 appearance: none; 225 } 226/*]]>*/--> 227</style> 228<svg class="sprite"> 229 <symbol id="icon_nav_find_matches" viewBox="0 0 20 20"> 230 <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"/> 231 <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"/> 232 </symbol> 233 <symbol id="icon_nav_connections" viewBox="0 0 20 20">
234 <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"/> 235 </symbol> 236 <symbol id="icon_nav_find" viewBox="0 0 20 20"> 237 <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"/> 238 </symbol> 239 <symbol id="icon_nav_mail" viewBox="0 0 20 20"> 240 <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"/> 241 </symbol> 242 <symbol id="icon_nav_menu" viewBox="0 0 20 20"> 243 <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"/> 244 </symbol> 245 <symbol id="icon_alert_error" viewBox="0 0 20 20"> 246 <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"/> 247 </symbol> 248 <symbol id="icon_alert_warning" viewBox="0 0 20 20"> 249 <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"/> 250 </symbol> 251 <symbol id="icon_alert_info" viewBox="0 0 20 20"> 252 <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"/> 253 </symbol> 254 <symbol id="icon_alert_note" viewBox="0 0 20 20"> 255 <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"/> 256 </symbol> 257 <symbol id="icon_alert_tip" viewBox="0 0 20 20"> 258 <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"/> 259 </symbol> 260 <symbol id="icon_alert_success" viewBox="0 0 20 20"> 261 <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"/> 262 </symbol> 263 <symbol id="icon_arrow" viewBox="0 0 15 15"> 264 <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"/> 265 </symbol> 266 <symbol id="icon_arrowPrev" viewBox="0 0 15 15"> 267 <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)"/> 268 </symbol> 269 <symbol id="icon_arrowNext" viewBox="0 0 15 15"> 270 <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)"/> 271 </symbol> 272 <symbol id="icon_close" viewBox="0 0 14 14"> 273 <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"/> 274 </symbol> 275 <symbol id="icon_securePayment" viewBox="0 0 50 50"> 276 <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"/> 277 </symbol> 278 <symbol id="icon_language" viewBox="0 0 20 20"> 279 <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"/> 280 </symbol>
281 <symbol id="icon_login" viewBox="0 0 20 20"> 282 <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"/> 283 </symbol> 284 <symbol id="icon_showPassword" viewBox="0 0 16 16"> 285 <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"/> 286 </symbol> 287 <symbol id="icon_subscribe" viewBox="0 0 20 20"> 288 <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"/> 289 </symbol> 290 <symbol id="icon_info" viewBox="0 0 25 25"> 291 <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"/> 292 </symbol> 293 <symbol id="icon_info_online" viewBox="0 0 12 12"> 294 <circle cx="6" cy="6" r="6"/> 295 </symbol> 296 <symbol id="icon_loader" viewBox="0 0 100 100"> 297 <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> 298 </symbol> 299 <symbol id="icon_benefit_block" viewBox="0 0 40 40"> 300 <path d="M20 0C9 0 0 9 0 20s9 20 20 20 20-9 20-20S31 0 20 0zM3 20c0-9.4 7.6-17 17-17 4.1 0 7.9 1.5 10.9 4L7 30.9c-2.5-3-4-6.8-4-10.9zm17 17c-4.1 0-7.9-1.5-10.9-4L33 9.1c2.5 3 4 6.8 4 10.9 0 9.4-7.6 17-17 17z"/><path d="M20 5h-.7c-3.5.4-6.3 3.4-6.3 7 0 2.7 1.6 5.1 3.8 6.2l9.4-9.4C25.1 6.6 22.7 5 20 5zM31 30.2c-.3-4.3-3-7.9-6.8-9.4l-12 12c2.3 1.4 5.1 2.2 7.8 2.2 4.3 0 8.2-1.9 11-4.8z"/> 301 </symbol> 302 <symbol id="icon_benefit_contact" viewBox="0 0 40 40"> 303 <path d="M17.6 17.8c1.4 1 3.3 1 4.7 0L37.9 6.5c-.6-.3-1.2-.5-1.9-.5H4c-.7 0-1.3.2-1.9.5l15.5 11.3z"/><path d="M24.7 21.1c-1.4 1-3.1 1.5-4.7 1.5s-3.3-.5-4.7-1.5L0 9.9V30c0 2.2 1.8 4 4 4h32c2.2 0 4-1.8 4-4V10v-.1L24.7 21.1z"/> 304 </symbol> 305 <symbol id="icon_benefit_find" viewBox="0 0 40 40"> 306 <path d="M24.4 24.7s9.7-6.8 9.7-11.9c0-5.8-8-7.7-9.7-.6-1.8-7.1-9.7-5.3-9.7.6-.1 5 9.7 11.9 9.7 11.9z"/><path d="M24.3 0C16 0 9.2 6.8 9.2 15.1c0 4.1 1.6 7.7 4.2 10.5l-2.6 2.6c-.7-.2-1.5 0-2.1.6l-7.6 7.6c-.8.8-.8 2.2 0 3.1.4.4 1 .6 1.5.6s1.1-.2 1.5-.6l7.6-7.6c.6-.6.7-1.4.6-2.1l2.7-2.7c2.6 2 5.8 3.2 9.3 3.2 8.4 0 15.1-6.8 15.1-15.1S32.7 0 24.3 0zm0 28.1c-7.2 0-13-5.8-13-13s5.8-13 13-13 13 5.8 13 13-5.8 13-13 13z"/> 307 </symbol> 308 <symbol id="icon_benefit_match" viewBox="0 0 40 40"> 309 <path d="M28.6 21.4c-.8 0-1.4.6-1.4 1.4v5.7c0 .8.6 1.4 1.4 1.4s1.4-.6 1.4-1.4v-5.7c0-.8-.6-1.4-1.4-1.4z"/><path d="M20 0C9 0 0 9 0 20s9 20 20 20 20-9 20-20S31 0 20 0zM7.6 17.1v-5.7c0-2.1 1.7-3.8 3.8-3.8s3.8 1.7 3.8 3.8v5.7c0 2.1-1.7 3.8-3.8 3.8s-3.8-1.7-3.8-3.8zm5 16.1l-2.3-1.6L27.4 6.8l2.3 1.6-17.1 24.8zm19.8-4.6c0 2.1-1.7 3.8-3.8 3.8s-3.8-1.7-3.8-3.8v-5.7c0-2.1 1.7-3.8 3.8-3.8s3.8 1.7 3.8 3.8v5.7z"/><path d="M12.9 17.1v-5.7c0-.8-.6-1.4-1.4-1.4-.8 0-1.4.6-1.4 1.4v5.7c0 .8.6 1.4 1.4 1.4.7.1 1.4-.6 1.4-1.4z"/> 310 </symbol> 311 <symbol id="icon_benefit_thingsInCommon" viewBox="0 0 40 40"> 312 <path d="M27.6 7.6c-.5 0-1 0-1.4.1h-.4c-.4.1-.8.2-1.3.3h-.2c-.4.1-.8.2-1.2.4-.1.1-.3.1-.4.2-.3.1-.6.3-.9.4-.1 0-.1.1-.2.1 3.1 2.6 5 6.5 5 10.8s-1.9 8.2-5 10.8c.1 0 .1.1.2.1.3.2.6.3.9.4.1.1.3.1.4.2.4.1.8.3 1.2.4h.2c.4.1.9.2 1.3.3h.4c.5.1.9.1 1.4.1C34.5 32.4 40 26.8 40 20S34.5 7.6 27.6 7.6zM12.4 32.4c.5 0 1 0 1.4-.1h.4c.4-.1.9-.1 1.3-.3h.2c.4-.1.8-.2 1.2-.4.1-.1.3-.1.4-.2.3-.1.6-.3.9-.4.1 0 .1-.1.2-.1-3.1-2.6-5-6.5-5-10.8s1.9-8.2 5-10.8c-.1 0-.1-.1-.2-.1-.3-.2-.6-.3-.9-.4-.1-.1-.3-.1-.4-.2-.4-.1-.8-.3-1.2-.4h-.2c-.4-.1-.9-.2-1.3-.3h-.4c-.5-.1-.9-.1-1.4-.1C5.5 7.6 0 13.2 0 20s5.5 12.4 12.4 12.4z"/><path d="M24.8 20c0-4-1.9-7.5-4.8-9.7-2.9 2.3-4.8 5.8-4.8 9.7s1.9 7.5 4.8 9.7c2.9-2.2 4.8-5.7 4.8-9.7z"/> 313 </symbol> 314 <symbol id="icon_favourite" viewBox="0 0 30 30"> 315 <path d="M22.1 3.1c2.9 0 6 2.6 6 6.8 0 2.8-2.2 6.5-6.5 10.8-2.7 2.7-5.5 4.9-6.6 5.9-1.2-.9-4-3.1-6.6-5.9-4.2-4.3-6.5-8.1-6.5-10.8 0-4.3 3.1-6.8 6-6.8.8 0 3.7.3 5.4 4 .3.7 1 1.1 1.7 1.1s1.4-.4 1.7-1.1c1.7-3.7 4.6-4 5.4-4m0-1.9c-2.5 0-5.4 1.4-7.1 5.1-1.7-3.7-4.6-5.1-7.1-5.1C4 1.2 0 4.5 0 9.9c0 8 13.9 18.2 14.5 18.7.2.1.3.2.5.2s.4-.1.5-.2C16.1 28.2 30 17.9 30 9.9c0-5.4-4-8.7-7.9-8.7z"/> 316 </symbol>
317 <symbol id="icon_favourited" viewBox="0 0 30 30"> 318 <path d="M15 28.8c-.2 0-.4-.1-.5-.2C13.9 28.2 0 17.9 0 9.9c0-5.5 4-8.7 7.9-8.7 2.5 0 5.4 1.4 7.1 5.1 1.7-3.7 4.6-5.1 7.1-5.1C26 1.2 30 4.5 30 9.9c0 8-13.9 18.2-14.5 18.7-.1.1-.3.2-.5.2z"/> 319 </symbol> 320 <symbol id="icon_like" viewBox="0 0 30 30"> 321 <path d="M29.336 13.434A3.522 3.522 0 0 0 26.178 9.7H18.42c1.275-4.478.941-7.88-.926-9.109a4.555 4.555 0 0 0-3.872-.289 1.64 1.64 0 0 0-1.214 1.807 9.352 9.352 0 0 1-2.004 7.834 8.26 8.26 0 0 1-3.325 2.232 3.887 3.887 0 0 0-2.55-.957 3.826 3.826 0 0 0-3.872 3.75v10.005a3.81 3.81 0 0 0 3.855 3.766h.016a3.963 3.963 0 0 0 2.733-1.093c.258.167.5.364.79.516a12.434 12.434 0 0 0 5.586 1.062l1.686.107c1.518.09 3.947.303 7.12.668h.213c1.25.047 2.4-.676 2.9-1.822a2.854 2.854 0 0 0 0-2.414c.762-.201 1.41-.706 1.79-1.397a2.93 2.93 0 0 0 .107-2.383 3.87 3.87 0 0 0-.35-.653 3.4 3.4 0 0 0 1.868-2.627 3.462 3.462 0 0 0-1.062-2.93 3.4 3.4 0 0 0 1.427-2.338ZM6.88 24.988a2.308 2.308 0 0 1-2.353 2.231 2.308 2.308 0 0 1-2.353-2.231V14.983a2.308 2.308 0 0 1 2.353-2.247 2.308 2.308 0 0 1 2.293 1.791c.028.146.028.295 0 .44l.06 10.02Zm19.206-10.036a.744.744 0 0 0-.653.714.744.744 0 0 0 .562.774 1.898 1.898 0 0 1 1.518 2.08 1.913 1.913 0 0 1-2.035 1.64.776.776 0 1 0-.318 1.518c.409.157.73.484.88.896.16.362.16.776 0 1.138a1.518 1.518 0 0 1-1.852.592 2.171 2.171 0 0 0-.456-.242.744.744 0 0 0-.956.349.76.76 0 0 0 .243.987 2.9 2.9 0 0 0 .486.258 1.685 1.685 0 0 1 .774 1.989c-.3.594-.93.948-1.594.895-3.158-.38-5.633-.577-7.15-.683l-1.747-.152c-1.702.087-3.4-.22-4.964-.895a6.072 6.072 0 0 1-.714-.41c.19-.442.288-.917.289-1.397v-10.02a2.626 2.626 0 0 0-.122-.88 4.994 4.994 0 0 0-.243-.669 10.233 10.233 0 0 0 3.492-2.475 10.916 10.916 0 0 0 2.384-9.109.167.167 0 0 1 .121-.121 3.249 3.249 0 0 1 2.596 0c1.139.79 1.518 3.704 0 8.456a.76.76 0 0 0 .107.698c.139.205.375.32.622.304l8.73.03a1.883 1.883 0 0 1 0 3.766v-.03Z"/><circle cx="4.528" cy="24.714" r=".972"/> 322 </symbol> 323 <symbol id="icon_liked" viewBox="0 0 30 30"> 324 <path d="M6.881 24.988a2.308 2.308 0 0 1-2.353 2.231 2.308 2.308 0 0 1-2.353-2.231V14.983a2.308 2.308 0 0 1 2.353-2.247 2.308 2.308 0 0 1 2.293 1.791c.028.146.028.295 0 .44l.06 10.02Zm22.455-11.554a3.522 3.522 0 0 0-3.158-3.735H18.42c1.275-4.478.941-7.88-.926-9.109a4.554 4.554 0 0 0-3.872-.288 1.64 1.64 0 0 0-1.214 1.806 9.352 9.352 0 0 1-2.004 7.834 8.26 8.26 0 0 1-3.325 2.232 3.886 3.886 0 0 0-2.55-.957 3.826 3.826 0 0 0-3.872 3.75v10.005a3.81 3.81 0 0 0 3.871 3.766 3.963 3.963 0 0 0 2.733-1.093c.258.167.5.364.79.516a12.433 12.433 0 0 0 5.586 1.062l1.686.107c1.518.09 3.947.303 7.12.668h.212c1.25.047 2.401-.676 2.9-1.822a2.854 2.854 0 0 0 0-2.414 2.885 2.885 0 0 0 1.792-1.397 2.93 2.93 0 0 0 .106-2.383 3.875 3.875 0 0 0-.35-.653 3.4 3.4 0 0 0 1.868-2.627 3.461 3.461 0 0 0-1.062-2.93 3.401 3.401 0 0 0 1.427-2.338ZM4.528 23.743a.972.972 0 1 1 0 1.943.972.972 0 0 1 0-1.943Z"/> 325 </symbol> 326 <symbol id="icon_mail" viewBox="0 0 30 30"> 327 <path d="M13.2 13.4c1.1.8 2.5.8 3.5 0l11.7-8.5c-.4-.3-.9-.4-1.4-.4H3c-.5 0-1 .1-1.4.4l11.6 8.5z"/><path d="M18.5 15.8c-1.1.8-2.3 1.2-3.5 1.2s-2.5-.4-3.5-1.2L0 7.4v15.1c0 1.7 1.3 3 3 3h24c1.7 0 3-1.3 3-3v-15-.1l-11.5 8.4z"/> 328 </symbol> 329 <symbol id="icon_info_modified" viewBox="0 0 10 10"> 330 <path d="M0 10l3.1-1L1 6.9zM8.9 3.2l.8-.8c.4-.4.4-1.1 0-1.5L9.1.3C8.7-.1 8-.1 7.6.3l-.8.8 2.1 2.1zM2.126 5.83l3.677-3.677 2.121 2.121-3.677 3.677z"/> 331 </symbol> 332 <symbol id="icon_info_thingsInCommon" viewBox="0 0 10 10"> 333 <path d="M6.7 1.7c-.6 0-1.2.1-1.7.4-.5-.3-1.1-.4-1.7-.4C1.5 1.7 0 3.2 0 5c0 1.8 1.5 3.3 3.3 3.3.6 0 1.2-.2 1.7-.4.5.3 1.1.4 1.7.4C8.5 8.3 10 6.8 10 5c0-1.8-1.5-3.3-3.3-3.3zm-3.4 6C1.8 7.7.6 6.5.6 5s1.2-2.7 2.7-2.7c.4 0 .8.1 1.1.2C3.8 3.1 3.3 4 3.3 5s.4 1.9 1.1 2.5c-.3.1-.7.2-1.1.2zM6 5c0 .9-.4 1.6-1 2.1-.6-.5-1-1.2-1-2.1s.4-1.6 1-2.1c.6.5 1 1.2 1 2.1zm.7 2.7c-.4 0-.8-.1-1.1-.2C6.2 6.9 6.7 6 6.7 5s-.5-1.9-1.1-2.5c.3-.2.7-.2 1.1-.2 1.5 0 2.7 1.2 2.7 2.7S8.2 7.7 6.7 7.7z"/> 334 </symbol> 335 <symbol id="icon_tick" viewBox="0 0 14 14"> 336 <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"/> 337 </symbol> 338 <symbol id="icon_photoCount" viewBox="0 0 14 14"> 339 <path d="M13.2 2.5h-1.7l-1.4-1.4C10 .9 9.8.8 9.5.8H7.8c-.2 0-.4.1-.6.3L5.8 2.5H4.1c0-.5-.4-.8-.8-.8h-.8c-.5-.1-.9.3-.9.8H.8c-.4 0-.8.3-.8.8v8.3c0 .4.4.8.8.8h5c.8.5 1.8.8 2.8.8s2-.3 2.8-.8h1.7c.4 0 .8-.4.8-.8V3.3c.1-.5-.3-.8-.7-.8zM2.5 4.9c-.5 0-.9-.3-.9-.8s.4-.8.8-.8c.5 0 .8.4.8.8.1.5-.3.8-.7.8zm6.1 7.4c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"/><circle cx="8.6" cy="7.8" r="3.7"/> 340 </symbol>
341 <symbol id="icon_share_ios" viewBox="0 0 50 50"> 342 <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"/> 343 </symbol> 344</svg> 345<svg class="sprite"> 346 <symbol id="icon_poweredBy" viewBox="0 0 225 55"> 347 <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
34764 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"/> 348 </symbol> 349</svg> 350 <div id="fb-root"></div> 351 <!--[if lt IE 9]> 352 <p class="browserWarning">Your browser is <strong>out of date</strong>. For the best experience on the web, please <a href="https://browsehappy.com/">update your browser</a>.</p> 353 <![endif]--> 354
354<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/mobileApp.r40242.js"></script>
354 355
355<script type="text/javascript"> 356 <!--//--><![CDATA[//><!-- 357 var userID = "0"; 358 var currPage = "splash"; 359 var trackingURL = "/s/app/trackSmartBanner.php"; 360 var smartBannerPlatform = ""; 361 var smartBannerFallbackURL = ""; 362 var smartBanner_daysHideClose = "14"; 363 var smartBanner_daysHideInstall = "30"; 364 var displaySmartBanner = false; 365 var displayPWASmartBanner = false; 366 //--><!]]> 367 </script>
vendor: 1 bytes, line 367
367
368<script type="text/javascript" charset="utf-8"> 369<!--//--><![CDATA[//><!-- 370 371 $(document).ready(function() { 372 $(".smartbanner-button").on("click", function(e) { 373 if (displaySmartBanner) { 374 resizeStickyHeaderSpacer(); 375 var data = {type:"installed",app:"native"}; 376 createCookie("smartbanner", data, smartBanner_daysHideInstall, true); 377 if (smartBannerPlatform == "ios") { 378 e.preventDefault(); 379 setTimeout( function() { 380 window.location = smartBannerFallbackURL; 381 }, 25); 382 } 383 var expiryString = setCookieExpiryDate(smartBanner_daysHideInstall); 384 trackSmartBannerClick(userID, "view", currPage, smartBannerPlatform, "native", expiryString); 385 } else if (displayPWASmartBanner) { 386 e.preventDefault(); 387 if (smartBannerPlatform != "ios") { 388 addToHomeScreen(installPromptEvent); 389 } 390 } 391 }); 392 393 $(".smartbanner-close").on("click", function(e) { 394 e.preventDefault(); 395 hideSmartBanner("closed", "dismiss", smartBanner_daysHideClose); 396 }); 397 398 if (displaySmartBanner) { 399 $(".smartbanner").show(); 400 } 401 }); 402 403//--><!]]> 404</script>
404 405 <div id="bodyInner" class="en"> 406 <div id="header"> 407 <div class="container"> 408 <div class="grid-12"> 409 <div class="logoWrapper"> 410 <h1> 411 <a href="/" title="Return to the Thunderbolt City South Africa Home Page">Thunderbolt City South Africa</a> 412 </h1> 413 <p id="strapline"></p> 414 </div> 415
416<script type="text/javascript"> 417<!--//--><![CDATA[//><!-- 418 419 $(document).ready(function() { 420 var that = this; 421 422 $("div.loginTab").click(function(event) { 423 event.preventDefault(); 424 event.stopPropagation(); 425 var screenHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, 426 elScroll = $("#header .headerFoldout"), 427 headerHeight = 0, 428 scrollHeight = 0; 429 430 var addedClassModalOpen = false; 431 var isNavFoldOut = false; 432 433 // Close the nav foldOut when switching between login/profile buttons 434 $("ul.firstLevelWrapper").children().each(function() { 435 if ($(this).hasClass("expanded")) { 436 cssMenus.hide($(this)[0], true); 437 isNavFoldOut = true; 438 } 439 }); 440 441 // Close the languageTab when switching between login/profile buttons 442 if ($('.languageDropdown').is(":visible")) { 443 $('.languageDropdown').slideUp('fast'); 444 } 445 446 if ($("html, body").hasClass("modal-open") && !isNavFoldOut) { 447 addedClassModalOpen = true; 448 } 449 450 if (stickyHeaderBar) { 451 // Make the profile dropdown section scrollable, if dropdown section is visible 452 if (addedClassModalOpen) { 453 $("html, body").removeClass("modal-open"); 454 } else { 455 $("html, body").addClass("modal-open"); 456 } 457 458 if (!$(this).hasClass('expanded')) { 459 if (currPage != "splash") { 460 var stickyHeaderSpacer = $(".stickyHeader").outerHeight(true); 461 stickyHeaderSpacer = cssMenus.stickyHeaderSpacer; 462 463 // find the distance from the top of the stickyHeader to the top of the browsers viewport 464 var stickyHeader = $(".stickyHeader").get(0); 465 if (stickyHeader) { 466 var stickyHeaderRect = stickyHeader.getBoundingClientRect(); 467 stickyHeaderSpacer += stickyHeaderRect.top; 468 } 469 470 // there is no real height available 471 // temporarily show it invisibly 472 elScroll.css({display:'block', visibility:'hidden', position:'absolute'}); 473 scrollHeight = elScroll.get(0).scrollHeight; 474 // restore if needed 475 elScroll.css({display:'none', visibility:'', position:''}); 476 477 if (mobileBrowser) { 478 scrollHeight = (screenHeight - stickyHeaderSpacer); 479 } else { 480 if ((stickyHeaderSpacer + scrollHeight) > screenHeight) { 481 scrollHeight = (screenHeight - stickyHeaderSpacer); 482 } 483 } 484 485 // since we using position:stcky, when menu expands: 486 // the header pushes the content down 487 // now the header becomes overlay - the content moves behind the header 488 $("#navigation").animate({ 489 top: scrollHeight+'px' 490 }, "fast"); 491 492 elScroll.css({"height":(scrollHeight)+"px", "overflow":"auto"}); 493 494 // disable scrolling in the background, this prevents the stuttering 495 $("html, body").addClass("modal-open"); 496 } 497 } else { 498 // since we using position:stcky, when menu collapse: 499 // the header becomes overlay 500 // restore the content to the correct position 501 $("#navigation").animate({ 502 top: "0px" 503 }, "fast"); 504 } 505 } 506 507 loginDropdown(this); 508 }); 509 510 $(document).click(function(event) { 511 if ($(event.target).closest('.loginTab').length) { 512 return; 513 } else { 514 var scrollTop = $(window).scrollTop(); 515 // click events are swallowed by SVG <use> elements in MS Edge 516 if (event.target.correspondingUseElement) { 517 event.target = event.target.correspondingUseElement; 518 } 519 if (!$(event.target).closest('div.headerFoldout').length) { 520 if ($('.loginTab').hasClass("expanded")) { 521 // since the header becomes overlay 522 // restore the content to the correct position 523 $("#navigation").animate({ 524 top: "0px" 525 }, "fast"); 526 loginDropdown('.loginTab'); 527 $("html, body").removeClass("modal-open"); 528 } 529 } 530 } 531 }); 532 }); 533 534 // user is taken back to the previous position on the results page, after viewing a profile 535 $(document).ready(function() { 536 // stops the browser doing its own scroll restore first 537 if (history.scrollRestoration) { 538 history.scrollRestoration = 'manual'; 539 } 540 541 var stored = JSON.parse(localStorage.getItem('mIDViewed')) || {}; 542 if (stored && "mID" in stored) { 543 var profileCard = $("#" + stored.mID); 544 if (profileCard.length) { 545 if (stored.currPage == currPage) { 546 localStorage.removeItem('mIDViewed'); 547 // scroll to the viewed profile card 548 profileCard.get(0).scrollIntoView(); 549 } 550 } else if (currPage == "find_profile") { 551 // update stored mID if user navigates to a different profile 552 stored.mID = "mID"+memberID; 553 localStorage.setItem("mIDViewed", JSON.stringify(stored)); 554 } else { 555 // remove if user navigates to a different page 556 localStorage.removeItem('mIDViewed'); 557 } 558 } 559 }); 560 561 var toggleImage, toggleSVG; 562 function loginDropdown (obj) { 563 $(obj).toggleClass("expanded"); 564 $("div.headerFoldout").slideToggle("fast"); 565 566 if ($(obj).find("img").length ) { 567 toggleImage = $(obj).find("img")[0]; 568 } 569 toggleSVG = "<svg class=\"close\"><use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#icon_close\"></use></svg>"; 570 571 $(obj).find(".text").html(($($(obj).find(".text")).html() == "Log in" ? "Close" : "Log in")); 572 573 $(obj).find("svg").attr("class") === "profile" ? $(obj).find("svg").attr("class", "close") : $(obj).find("svg").attr("class", "profile"); 574 575 $(obj).find("svg use").attr("xlink:href", ($($(obj).find("svg use")).attr("xlink:href") === "#icon_close" ? "#icon_login" : "#icon_close")); 576 577 } 578 579
580 $(document).ready(function() { 581 // Make entire checkbox wrapper clickable 582 $('.checkboxContainer, .checkWrapper').on("click", function(event) { 583 if ($(event.target).hasClass("checkWrapper")) { 584 var checkboxWrapper = $(this).find('input[type="checkbox"]:not(:disabled)'); 585 checkboxWrapper.trigger('click'); 586 } 587 }); 588 }); 589 590 591 // select arrow style change 592 function changeSelectorDropDownArrows () { 593 var nodeList = document.querySelectorAll('select'); 594 for (var i = 0; i < nodeList.length; ++i) { 595 var childNode = nodeList[i]; 596 var parentNode = childNode.parentNode; 597 var className = "dropDownWrapper"; 598 var inlineStyle = parentNode.getAttribute('style'); 599 var addDropDownWrapper = false; 600 if (childNode.tagName == "SELECT" && childNode.multiple == false) { 601 addDropDownWrapper = true; 602 } 603 // cater for infinity scrolling 604 if (parentNode.matches('.customAppearance')) { 605 addDropDownWrapper = false; 606 } 607 if (addDropDownWrapper) { 608 // store the class names 609 if (parentNode.matches('.dropDownWrapper')) { 610 className = parentNode.className; 611 // remove parent container 612 parentNode.replaceWith(...parentNode.childNodes); 613 } 614 className += " customAppearance"; 615 if (childNode.className.length) { 616 className += ' ' + childNode.className; 617 } 618 // create a wrapper container around the childNode 619 var wrapper = document.createElement('div'); 620 var nextSibling = childNode.nextSibling; 621 if (inlineStyle !== null) { 622 wrapper.setAttribute('style', inlineStyle); 623 } 624 wrapper.className = className; 625 childNode.parentNode.insertBefore(wrapper, childNode); 626 wrapper.appendChild(childNode); 627 // also wrap the element that follows the specified childNode 628 if (nextSibling !== null && nextSibling.tagName == 'INPUT' && nextSibling.nodeType == 1) { 629 wrapper.appendChild(nextSibling); 630 } 631 } 632 } 633 } 634 document.addEventListener('DOMContentLoaded', changeSelectorDropDownArrows); 635 636//--><!]]> 637</script>
637 638<div id="loginBox"> 639 <div class="loginTab"> 640 <a href="/s/login/"> 641 <span class="icon"> 642 <svg><use xlink:href="#icon_login" /></svg> 643 </span> 644 <span class="text">Log in</span> 645 </a> 646 </div> 647</div> 648 <div id="joinBox"> 649 <div class="joinTab"> 650 <a href="/s/join/"> 651 <span class="text"> 652 Join 653 </span> 654 </a> 655 </div> 656 </div> 657 658 </div> 659 </div> 660<div class="headerFoldout"> 661 <div class="container"> 662 <div class="arrow"></div> 663 </div> 664 <div class="box guest"> 665 <div class="container"> 666
666<script type="text/javascript"> 667 668<!--//--><![CDATA[//><!-- 669if (typeof facebookAppID == 'undefined') { 670 671 var facebookAppID = '1733518676918666'; 672 var facebookAppVersionID = 'dc6246720407d88eebb0561262b122a6'; 673 674} 675(function() { 676 677 var js = document.createElement('script'); 678 js.type = 'text/javascript'; 679 js.async = true; 680 js.src = 'https://dating.thunderboltcity.co.za/' + 'js/facebook.v' + facebookAppVersionID + '.js'; var s = document.getElementsByTagName('script')[0]; 681 s.parentNode.insertBefore(js, s); 682 683})(); 684 685//--><!]]> 686</script>
686 <div class="joinLoginForm"> 687
687<script type="text/javascript"> 688 <!--//--><![CDATA[//><!-- 689 if (typeof valStrings == 'undefined') { 690 var valStrings = new Array; 691 } 692 693 valStrings["showPasswordLabel"] = ""; 694 valStrings["hidePasswordLabel"] = ""; 695 696 $(document).ready(function() { 697 if ( 'placeholder' in document.createElement('input') ) { 698 if ("splash" != "promo") { 699 $("#usernameLabel, #passwordLabel").hide(); 700 $("#usernameLabel, #passwordLabel").next("br").hide(); 701 $("#loginForm_headerLogin input[name='username']").attr("placeholder", "username (or email address)"); 702 $("#loginForm_headerLogin input[name='password']").attr("placeholder", "password"); 703 } 704 // when a second login form is present on the same page, i.e. in the header and body of the login page 705 if (typeof $("#loginForm_bodyLogin") != "undefined") { 706 $("#loginForm_bodyLogin input[name='username']").attr("placeholder", "username (or email address)"); 707 $("#loginForm_bodyLogin input[name='password']").attr("placeholder", "password"); 708 } 709 } 710 }); 711 //--><!]]> 712 </script>
712 713 <form name="loginForm" id="loginForm_headerLogin" action="/s/login/" method="post"> 714 <h2 class="sectionHeader">Log in to your account</h2> <div class="container"> 715 <div class="fields"> 716 <div class="container"> 717 <label id="usernameLabel" for="username">Username (or Email Address):</label><br /> 718 <div class="username"> 719 <input type="text" name="username" id="loginUsername_headerLogin" maxlength="100" value="" autocomplete="username" /> 720 </div> 721 <label id="passwordLabel" for="password">Password:</label><br /> 722 <div class="password"> 723 <input type="password" name="password" id="loginPassword_headerLogin" value="" autocomplete="current-password" /> 724 <a href="#" id="showLoginPassword_headerLogin" class="showPassword showLoginPassword"> 725 <svg class="viewsIcon"><use xlink:href="#icon_showPassword" /></svg> 726 </a> 727
727<script type="text/javascript"> 728 <!--//--><![CDATA[//><!-- 729 $(document).ready(function() { 730 //the handler is executed at most once per element per event type 731 $(".showLoginPassword").off().on("click", function(e) { 732 e.preventDefault(); 733 var loginContainer = $(this).closest("div.password").find("input[name='password']"); 734 loginContainer = loginContainer.attr("id"); 735 var showLoginContainer = $(this).attr("id"); 736 togglePasswordField(loginContainer, showLoginContainer); 737 }); 738 }); 739 //--><!]]> 740 </script>
740 741 </div> 742 743 <div class="grid-m-5 checkboxContainer remember"> 744 </div> 745 <div class="grid-m-7 forgotPassword"> 746 <span id="forgottenPassword_headerLogin"><a href="/s/login/forgotten.php" title="Forgotten your password? We'll help you reset it.">Forgotten Password?</a></span> 747 </div> 748 </div> 749 </div> 750 <div class="submit"> 751 <button type="submit" id="loginButton_headerLogin" class="btn loginSubmitBtn">Log In</button> 752 </div> 753 <input type="hidden" name="formToken" value="852d2f574f055176b7b8af12de2bfdb2" /> 754 <input type="hidden" name="from" value="splash" /> 755 <span class="alreadyMember">Not a member? <a href="/s/join/">Join for FREE</a>.</span> 756 </div> 757 </form> 758 </div> 759</div> 760 </div> 761</div> 762 </div> <!-- end header --> 763 764 765 <div id="navigation"> 766 <div class="container"> 767 <div class="grid-12"> 768 <div class="navWrapper"> 769 <ul class="navWrapperInner"> 770 <li> 771 <nav> 772 <ul class="firstLevelWrapper"> 773 774 <li id="find_matches" class=""><a href="/s/find/matches.php" title="Discover your matches based on your About Me and My Ideal Match preferences." rel="find_matchesMenu"> 775 <span class="iconAndAlert"> 776 <span class="icon"><svg><use xlink:href="#icon_nav_find_matches" /></svg></span> 777 <span class="text" data-label="Matches">Matches</span> 778 </span> 779 </a> 780 <div class="arrow"></div> 781 </li> 782 <li id="connections" class=""><a href="/s/connections/" title="See who you share a connection with - e.g. Matches, Profile Views, Fans, Favourites and more." rel="connectionsMenu"> 783 <span class="iconAndAlert"> 784 <span class="icon"><svg><use xlink:href="#icon_nav_connections" /></svg></span> 785 <span class="text" data-label="Connections">Connections</span> 786 </span> 787 </a> 788 <div class="arrow"></div> 789 </li> 790 <li id="find" class=""><a href="/s/find/" title="Discover new people with Search and Gallery or see who's New and Online." rel="findMenu"> 791 <span class="iconAndAlert"> 792 <span class="icon"><svg><use xlink:href="#icon_nav_find" /></svg></span> 793 <span class="text" data-label="Find">Find</span> 794 </span> 795 </a> 796 <div class="arrow"></div> 797 </li> 798 <li id="mail" class=""><a href="/s/mail/" title="View messages you've sent and received." rel="mailMenu"> 799 <span class="iconAndAlert"> 800 <span class="icon"><svg><use xlink:href="#icon_nav_mail" /></svg></span> 801 <span class="text" data-label="Messages">Messages</span> 802 </span> 803 </a> 804 <div class="arrow"></div> 805 </li> 806 <li id="menu" class=" last"><a href="/s/menu/" title="More options - e.g. Subscribe, Rates, Help & Info, etc." rel="menuMenu"> 807 <span class="iconAndAlert"> 808 <span class="icon"><svg><use xlink:href="#icon_nav_menu" /></svg></span> 809 <span class="text" data-label="Menu">Menu</span> 810 </span> 811 </a> 812 <div class="arrow"></div> 813 </li> 814 </ul> 815 </nav> 816 </li> 817 </ul> 818 <ul id="connectionsMenu" class="secondLevelWrapper connections"> 819 <li> 820 <div class="container"> 821 <span class="firstLevelSectionHeading">Connections</span> 822 <div class="secondLevelGroup"> 823 <ul class="secondLevelListWrapper"> 824 <li id="find_history" class="listItem"><a href="/s/find/history.php" title="See who's viewed your profile and whose profiles you've viewed." > 825 <span class="secondLevelSectionHeading">Profile Views 826 </span> 827 <span class="finePrint">See who's viewed your profile and whose profiles you've viewed.</span></a> 828 </li> 829 <li id="find_favourites" class="listItem"><a href="/s/find/favourites.php" title="View the members you've added as a favourite." > 830 <span class="secondLevelSectionHeading">Favourites 831 </span> 832 <span class="finePrint">View the members you've added as a favourite.</span></a> 833 </li> 834 <li id="find_fans" class="listItem"><a href="/s/find/fans.php" title="View members who have favourited your profile." > 835 <span class="secondLevelSectionHeading">Fans 836 </span> 837 <span class="finePrint">View members who have favourited your profile.</span></a> 838 </li> 839 <li id="find_mutuals" class="listItem last"><a href="/s/find/mutuals.php" title="Find out if any of the members you've added as a favourite is also a fan of yours." > 840 <span class="secondLevelSectionHeading">Mutual Fans 841 </span> 842 <span class="finePrint">Find out if any of the members you've added as a favourite is also a fan of yours.</span></a> 843 </li> 844 </ul> 845 </div> 846 </div> 847 </li> 848 </ul> 849 <ul id="findMenu" class="secondLevelWrapper find"> 850 <li> 851 <div class="container"> 852 <span class="firstLevelSectionHeading">Find</span> 853 <div class="secondLevelGroup"> 854 <ul class="secondLevelListWrapper"> 855 <li id="find_impressions" class="listItem"><a href="/s/find/impressions.php" title="The quickest way to connect with others." > 856 <span class="secondLevelSectionHeading">First Impressions 857 </span> 858 <span class="finePrint">The quickest way to connect with others.</span></a> 859 </li> 860 <li id="find_search" class="listItem"><a href="/s/find/search.php" title="Discover people by performing a basic or an advanced search." > 861 <span class="secondLevelSectionHeading">Search 862 </span> 863 <span class="finePrint">Discover people by performing a basic or an advanced search.</span></a> 864 </li> 865 <li id="find_new" class="listItem"><a href="/s/find/new.php" title="View our newest members." > 866 <span class="secondLevelSectionHeading">New Members 867 </span> 868 <span class="finePrint">View our newest members.</span></a> 869 </li> 870 <li id="find_loggedIn" class="listItem"><a href="/s/find/loggedIn.php" title="See who is currently logged in." > 871 <span class="secondLevelSectionHeading">Online Now 872 </span> 873 <span class="finePrint">See who is currently logged in.</span></a> 874 </li> 875 <li id="find_popular" class="listItem"><a href="/s/find/popular.php" title="View the most popular profiles." > 876 <span class="secondLevelSectionHeading">Popular Profiles 877 </span> 878 <span class="finePrint">View the most popular profiles.</span></a> 879 </li> 880 <li id="find_gallery" class="listItem">
880<a href="/s/find/gallery.php" title="View members who have recently uploaded a photo." > 881 <span class="secondLevelSectionHeading">Photo Gallery 882 </span> 883 <span class="finePrint">View members who have recently uploaded a photo.</span></a> 884 </li> 885 <li id="find_modified" class="listItem"><a href="/s/find/modified.php" title="View the most recently updated profiles." > 886 <span class="secondLevelSectionHeading">Recently Updated 887 </span> 888 <span class="finePrint">View the most recently updated profiles.</span></a> 889 </li> 890 <li id="find_birthdays" class="listItem"><a href="/s/find/birthdays.php" title="Find people whose birthday is today." > 891 <span class="secondLevelSectionHeading">Today's Birthdays 892 </span> 893 <span class="finePrint">Find people whose birthday is today.</span></a> 894 </li> 895 <li id="find_byName" class="listItem"><a href="/s/find/byName.php" title="Look up members by their username." > 896 <span class="secondLevelSectionHeading">Username Search 897 </span> 898 <span class="finePrint">Look up members by their username.</span></a> 899 </li> 900 <li id="find_keyword" class="listItem last"><a href="/s/find/keyword.php" title="Search for profiles containing a particular word or phrase." > 901 <span class="secondLevelSectionHeading">Keyword Search 902 </span> 903 <span class="finePrint">Search for profiles containing a particular word or phrase.</span></a> 904 </li> 905 </ul> 906 </div> 907 </div> 908 </li> 909 </ul> 910 <ul id="menuMenu" class="secondLevelWrapper menu"> 911 <li> 912 <div class="container"> 913 <span class="firstLevelSectionHeading">Menu</span> 914 <div class="secondLevelGroup"> 915 <ul class="secondLevelListWrapper"> 916 <li id="subscribe" class="listItem"><a href="/s/subscribe/" title="Subscribe in order to contact other members." class="m" rel="subscribeMenu"> 917 <span class="secondLevelSectionHeading">Subscribe 918 </span> 919 <span class="finePrint"></span></a> 920 <span></span> 921 <ul id="subscribeMenu" class="thirdLevelListWrapper"> 922 <li><a href="/s/subscribe/rates.php" title="Everything you need to know about our subscription prices."><span class="thirdLevelSubscribeHeading">Rates 923 924 </span> 925 <span class="finePrint">Everything you need to know about our subscription prices.</span> 926 </a></li> 927 <li><a href="/s/subscribe/now.php" title="Choose a subscription from a range of options."><span class="thirdLevelSubscribeHeading">Subscribe Now 928 929 </span> 930 <span class="finePrint">Choose a subscription from a range of options.</span> 931 </a></li> 932 <li><a href="/s/subscribe/gift.php" title="Information about buying subscriptions as gifts for other members."><span class="thirdLevelSubscribeHeading">Gifts 933 934 </span> 935 <span class="finePrint">Information about buying subscriptions as gifts for other members.</span> 936 </a></li> 937 <li class="last"><a href="/s/subscribe/status.php" title="Information on your current subscription status and your subscription history."><span class="thirdLevelSubscribeHeading">Subscription Status 938 939 </span> 940 <span class="finePrint">Information on your current subscription status and your subscription history.</span> 941 </a></li> 942 </ul> 943 </li> 944 </ul> 945 </div> 946 <div class="secondLevelGroup"> 947 <ul class="secondLevelListWrapper"> 948 <li id="help" class="listItem last"><a href="/s/help/" title="Additional info and help pages you might find useful." class="m" rel="helpMenu"> 949 <span class="secondLevelSectionHeading">Help & Info 950 </span> 951 <span class="finePrint"></span></a> 952 <span></span> 953 <ul id="helpMenu" class="thirdLevelListWrapper"> 954 <li><a href="/s/help/faq.php" title="Not sure how something works? Most of the common questions our users ask are answered here."><span class="thirdLevelSubscribeHeading">FAQ 955 956 </span> 957 <span class="finePrint">Not sure how something works? Most of the common questions our users ask are answered here.</span> 958 </a></li> 959 <li><a href="/s/help/contact.php" title="If you can't find the answer to your question in the FAQ, just ask us."><span class="thirdLevelSubscribeHeading">Contact Us 960 961 </span> 962 <span class="finePrint">If you can't find the answer to your question in the FAQ, just ask us.</span> 963 </a></li> 964 <li><a href="/s/help/report.php" title="Report abuse from other members."><span class="thirdLevelSubscribeHeading">Report Abuse 965 966 </span> 967 <span class="finePrint">Report abuse from other members.</span> 968 </a></li> 969 <li><a href="/s/help/safety.php" title="Hints and tips on safe dating."><span class="thirdLevelSubscribeHeading">Safety 970 971 </span> 972 <span class="finePrint">Hints and tips on safe dating.</span> 973 </a></li> 974 <li><a href="/s/help/privacy.php" title="Your details are safe with us. Read the specifics of our privacy policy here."><span class="thirdLevelSubscribeHeading">Privacy Policy 975 976 </span> 977 <span class="finePrint">Your details are safe with us. Read the specifics of our privacy policy here.</span> 978 </a></li> 979 <li><a href="/s/help/terms.php" title="Use of this site signifies your agreement to our terms of use. Read the details here."><span class="thirdLevelSubscribeHeading">Terms of Use 980 981 </span> 982 <span class="finePrint">Use of this site signifies your agreement to our terms of use. Read the details here.</span> 983 </a></li> 984 <li><a href="/s/help/networkServices.php" title="Profiles may be shared across our network. Find out more here."><span class="thirdLevelSubscribeHeading">Network Services 985 986 </span> 987 <span class="finePrint">Profiles may be shared across our network. Find out more here.</span> 988 </a></li> 989 <li><a href="/s/help/photos.php" title="Hints and tips for uploading photos."><span class="thirdLevelSubscribeHeading">Photo Help 990 991 </span> 992 <span class="finePrint">Hints and tips for uploading photos.</span> 993 </a></li> 994 <li><a href="/s/help/tell.php" title="Have a single friend? Tell them about Thunderbolt City South Africa."><span class="thirdLevelSubscribeHeading">Tell a Friend 995 996 </span> 997 <span class="finePrint">
997Have a single friend? Tell them about Thunderbolt City South Africa.</span> 998 </a></li> 999 <li><a href="/s/info/success.php" title="Real-life stories of members who've found love online at Thunderbolt City South Africa."><span class="thirdLevelSubscribeHeading">Success Stories 1000 1001 </span> 1002 <span class="finePrint">Real-life stories of members who've found love online at Thunderbolt City South Africa.</span> 1003 </a></li> 1004 <li class="last"><a href="/s/info/articles.php" title="Looking for inspiration? Read our collection of articles about online dating."><span class="thirdLevelSubscribeHeading">Articles 1005 1006 </span> 1007 <span class="finePrint">Looking for inspiration? Read our collection of articles about online dating.</span> 1008 </a></li> 1009 </ul> 1010 </li> 1011 </ul> 1012 </div> 1013 </div> 1014 </li> 1015 </ul> 1016
1016<script type="text/javascript"> 1017 $(".secondLevelWrapper").each(function() { 1018 var currentTallest = 0, 1019 currentRowStart = 0, 1020 rowDivs = new Array(), 1021 $item, 1022 topPosition = 0; 1023 1024 // A hack, that allows you to get height of all hidden elements 1025 this.style.position = "absolute"; 1026 this.style.display = "block"; 1027 this.style.visibility = "hidden"; 1028 1029 $('.secondLevelGroup', this).each(function(index, element) { 1030 $item = $(element); 1031 topPosition = $item.position().top; 1032 1033 if (currentRowStart != topPosition) { 1034 // we just came to a new row. Set all the heights on the completed row 1035 for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) { 1036 rowDivs[currentDiv].height(currentTallest); 1037 } 1038 1039 // reset the variables for the new row 1040 currentTallest = $item.height(); 1041 currentRowStart = topPosition; 1042 rowDivs.length = 0; 1043 rowDivs.push($item); 1044 } else { 1045 // another div on the current row. Add it to the list and check if it's taller 1046 rowDivs.push($item); 1047 currentTallest = (currentTallest < $item.height()) ? ($item.height()) : (currentTallest); 1048 } 1049 1050 // do the last row 1051 for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) { 1052 rowDivs[currentDiv].height(currentTallest); 1053 } 1054 }); 1055 1056 // clear styling once you got all the heights 1057 this.style.position = ""; 1058 this.style.display = ""; 1059 this.style.visibility = ""; 1060 }); 1061 </script>
1061 1062 </div> 1063 </div> 1064 </div> 1065 </div> <!-- end navigation --> 1066 1067 <div id="wrapper"> 1068 1069 1070<!-- ASID: 2 - 2026-09-29 13:21:06 --> 1071 1072 1073 <div id="ctaWrapper" class="splashCover panel neutralPanel"> 1074 <div class="container"> 1075
1076<script type="text/javascript"> 1077<!--//--><![CDATA[//><!-- 1078 requiredFields = new Array("_gender","_mGender","_countryID","username","password","email","~agree"); 1079 fieldNames = new Array("Gender","Interested in","My Country","Username","Password","Email","Terms & Conditions"); 1080 valStrings["incompleteFields"] = "Please complete the following field(s):"; 1081 valStrings["usernameLength"] = "Username must be between 3 and 20 characters and contain only digits, letters and underscores."; 1082 valStrings["usernameDigits"] = "Your username may not contain more than four numeric digits."; 1083 valStrings["usernameDomains"] = "Your username must not include any email-specific domains (e.g. Gmail, Yahoo, Hotmail)."; 1084 valStrings["passwordRules"] = "Passwords must consist of no fewer than 8 characters, with at least one UPPER CASE letter, one lower case letter and one number."; 1085 valStrings["passwordMismatch"] = "Your two password fields don't match. Please re-type both of them."; 1086 valStrings["passwordLength"] = "Your password must be at least 6 characters long."; 1087 valStrings["passwordUsername"] = "For your security, your password may not be the same as your username."; 1088 valStrings["passwordUsernameStrMatch"] = "For your security, your password may not contain any part of your username. ";
1089 valStrings["passwordAllNumeric"] = "Unfortunately we cannot accept purely numeric passwords because too many of them are either very common or predictable. Please choose a more secure password, preferably one that contains both letters and numbers."; 1090 valStrings["username"] = ""; 1091 valStrings["defaultUsername"] = "E.g. DayDreamer, AgentX, etc."; 1092 valStrings["emailInvalid"] = "Your email address appears to be invalid.\n Please correct it before submitting the form."; 1093 valStrings["emailUsername"] = "For your security, your Thunderbolt City South Africa username may not be the same as your email username. Please choose a new username."; 1094 valStrings["emailWWW"] = "Are you absolutely certain that your email address starts with `www.`?\n\nClick OK to remove the `www.` or Cancel to keep it."; 1095 valStrings["emailUserAtDomain"] = "Your email address doesn't seem to be in a valid user@domain format."; 1096 valStrings["emailUserPart"] = "The username portion of your email address doesn't seem to be valid."; 1097 valStrings["emailIPBad"] = "Email destination IP address is invalid."; 1098 valStrings["emailDomainPart"] = "The domain name part of your email address doesn't seem to be valid."; 1099 valStrings["emailBadTLD"] = "Your email address must end in a valid country code or international top level domain."; 1100 valStrings["emailNoSLD"] = "Your email address is missing a domain name."; 1101 valStrings["invalidBirthDate"] = "Invalid date of birth."; 1102 valStrings["tooYoung"] = "You must be at least 18 years old to use Thunderbolt City South Africa."; 1103 valStrings["enforceStrongerPasswords"] = ""; 1104 valStrings["showPasswordLabel"] = ""; 1105 valStrings["hidePasswordLabel"] = ""; 1106 var serverDate = "2026-09-29"; 1107//--><!]]> 1108</script>
1108 1109
1110<script type="text/javascript"> 1111<!--//--><![CDATA[//><!-- 1112 valStrings["field_ageRange"] = "Age Range"; 1113 var currPage = "splash"; 1114 var isOldBlackberry = ""; 1115 var mAgeMin = "25"; 1116 var mAgeMax = "45"; 1117 var mAgeRangeMin = 18; 1118//--><!]]> 1119</script>
1119 1120
1121<script type="text/javascript"> 1122<!--//--><![CDATA[//><!-- 1123 if (typeof window.jQuery.fn.tipsy == 'undefined') { 1124 (function () { 1125 var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; 1126 js.src = 'https://dating.thunderboltcity.co.za/js/vendor/jquery-tooltip/jquery-tooltip-1.0.0.min.js'; 1127 js.onload = function() { 1128 var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; 1129 js.src = 'https://dating.thunderboltcity.co.za/js/jquery-tooltip-extend.min.js'; 1130 var s = document.getElementsByTagName('script'); s = s[0]; s.parentNode.insertBefore(js, s); 1131 }; 1132 var s = document.getElementsByTagName('script'); s = s[0]; s.parentNode.insertBefore(js, s); 1133 })(); 1134 } 1135//--><!]]> 1136</script>
1136 1137
1138<script type="text/javascript"> 1139<!--//--><![CDATA[//><!-- 1140 1141 $(function(){ 1142 $('.facebookIcon').tipsy({gravity: $.fn.tipsy.autoBounds("auto", 'se'), opacity: 1}); 1143 }); 1144 1145//--><!]]> 1146</script>
1146 1147 1148 1149 1150
1150<script src="https://dating.thunderboltcity.co.za/js/vendor/jquery-tooltip/jquery-tooltip-1.0.0.min.js" type="text/javascript"></script>
1150 1151
1151<script type="text/javascript"> 1152 <!--//--><![CDATA[//><!-- 1153 var container = ""; 1154 1155 $(function(){ 1156 $('#password'+container+'.n').tipsy({trigger: 'focus', gravity: 'n', opacity: 1}); 1157 }); 1158 1159 //--><!]]> 1160 </script>
1160 1161 <div class="joinLoginForm splash"> 1162 <form name="joinForm" id="joinForm" action="/s/join/" method="post" novalidate="novalidate" onsubmit="return submitJoin_v2(this)"> 1163 <input type="hidden" name="action" value="join" /> 1164 <input type="hidden" name="iSite" value="1:44" /> 1165 <input type="hidden" name="joinSourcePage" value="splash" /> 1166 1167 <h2 class="sectionHeader">Create your FREE profile & start dating today!</h2> 1168 1169 <div class="container genders"> 1170 <label for="gender">I am a:</label> 1171 <div class="dropDownSection"> 1172 <div class="dropDownWrapper"> 1173 <select id="gender" name="gender"><option label="Select gender" value="0" selected="selected">Select gender</option> 1174<option label="Woman" value="1">Woman</option> 1175<option label="Man" value="2">Man</option> 1176</select> 1177 </div> 1178 </div> 1179 </div> 1180 <div class="container genders"> 1181 <label for="mGender">Interested in:</label> 1182 <div class="dropDownSection"> 1183 <div class="dropDownWrapper"> 1184 <select name="mGender" id="mGender"><option label="Select gender" value="0" selected="selected">Select gender</option> 1185<option label="Women" value="1">Women</option> 1186<option label="Men" value="2">Men</option> 1187<option label="Men & Women" value="3">Men & Women</option> 1188</select> 1189 </div> 1190 </div> 1191 </div> 1192 <div class="container ageRange collapsedSplashJoin"> 1193 <label for="seeking" class="sliderLabel">Age Range:</label> 1194 <div class="dropDownSection"> 1195 <div class="dropDownsContainer"> 1196 <div class="dropDownWrapper"> 1197 <select name="mAgeMin" id="mAgeMin" onchange="checkAge(this);"><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option selected="selected">25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option><option>32</option><option>33</option><option>34</option><option>35</option><option>36</option><option>37</option><option>38</option><option>39</option><option>40</option><option>41</option><option>42</option><option>43</option><option>44</option><option>45</option><option>46</option><option>47</option><option>48</option><option>49</option><option>50</option><option>51</option><option>52</option><option>53</option><option>54</option><option>55</option><option>56</option><option>57</option><option>58</option><option>59</option><option>60</option><option>61</option><option>62</option><option>63</option><option>64</option><option>65</option><option>66</option><option>67</option><option>68</option><option>69</option><option>70</option><option>71</option><option>72</option><option>73</option><option>74</option><option>75</option><option>76</option><option>77</option><option>78</option><option>79</option><option>80</option><option>81</option><option>82</option><option>83</option><option>84</option><option>85</option><option>86</option><option>87</option><option>88</option><option>89</option><option>90</option><option>91</option><option>92</option><option>93</option><option>94</option><option>95</option><option>96</option><option>97</option><option>98</option><option>99</option><option>100</option></select> 1198 </div> 1199 <span>to</span> 1200 <div class="dropDownWrapper"> 1201 <select name="mAgeMax" id="mAgeMax" onchange="checkAge(this);"><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option><option>32</option><option>33</option><option>34</option><option>35</option><option>36</option><option>37</option><option>38</option><option>39</option><option>40</option><option>41</option><option>42</option><option>43</option><option>44</option><option selected="selected">45</option><option>46</option><option>47</option><option>48</option><option>49</option><option>50</option><option>51</option><option>52</option><option>53</option><option>54</option><option>55</option><option>56</option><option>57</option><option>58</option><option>59</option><option>60</option><option>61</option><option>62</option><option>63</option><option>64</option><option>65</option><option>66</option><option>67</option><option>68</option><option>69</option><option>70</option><option>71</option><option>72</option><option>73</option><option>74</option><option>75</option><option>76</option><option>77</option><option>78</option><option>79</option><option>80</option><option>81</option><option>82</option><option>83</option><option>84</option><option>85</option><option>86</option><option>87</option><option>88</option><option>89</option><option>90</option><option>91</option><option>92</option><option>93</option><option>94</option><option>95</option><option>96</option><option>97</option><option>98</option><option>99</option><option>100</option></select> 1202 </div> 1203 </div> 1204 </div>
1205 </div> 1206 <a href="/s/join/" class="btn joinSubmitBtn toggleFields">Get Started!</a> 1207 <div class="expandedFields"> 1208 <div class="container dob"> 1209 <label>Date of Birth:</label> 1210 <div class="dropDownSection"> 1211 <div class="dropDownWrapper day"><select name="birthDateDay" id="birthDateDay"> 1212<option disabled="disabled" selected="selected" style="display: none;">D</option> 1213<option>01</option> 1214<option>02</option> 1215<option>03</option> 1216<option>04</option> 1217<option>05</option> 1218<option>06</option> 1219<option>07</option> 1220<option>08</option> 1221<option>09</option> 1222<option>10</option> 1223<option>11</option> 1224<option>12</option> 1225<option>13</option> 1226<option>14</option> 1227<option>15</option> 1228<option>16</option> 1229<option>17</option> 1230<option>18</option> 1231<option>19</option> 1232<option>20</option> 1233<option>21</option> 1234<option>22</option> 1235<option>23</option> 1236<option>24</option> 1237<option>25</option> 1238<option>26</option> 1239<option>27</option> 1240<option>28</option> 1241<option>29</option> 1242<option>30</option> 1243<option>31</option> 1244</select></div> 1245<div class="dropDownWrapper month"><select name="birthDateMonth" id="birthDateMonth"> 1246<option disabled="disabled" selected="selected" style="display: none;">M</option> 1247<option value="1">Jan</option> 1248<option value="2">Feb</option> 1249<option value="3">Mar</option> 1250<option value="4">Apr</option> 1251<option value="5">May</option> 1252<option value="6">Jun</option> 1253<option value="7">Jul</option> 1254<option value="8">Aug</option> 1255<option value="9">Sep</option> 1256<option value="10">Oct</option> 1257<option value="11">Nov</option> 1258<option value="12">Dec</option> 1259</select></div> 1260<div class="dropDownWrapper year"><select name="birthDateYear" id="birthDateYear"> 1261<option disabled="disabled" selected="selected" style="display: none;">Y</option> 1262<option>2008</option> 1263<option>2007</option> 1264<option>2006</option> 1265<option>2005</option> 1266<option>2004</option> 1267<option>2003</option> 1268<option>2002</option> 1269<option>2001</option> 1270<option>2000</option> 1271<option>1999</option> 1272<option>1998</option> 1273<option>1997</option> 1274<option>1996</option> 1275<option>1995</option> 1276<option>1994</option> 1277<option>1993</option> 1278<option>1992</option> 1279<option>1991</option> 1280<option>1990</option> 1281<option>1989</option> 1282<option>1988</option> 1283<option>1987</option> 1284<option>1986</option> 1285<option>1985</option> 1286<option>1984</option> 1287<option>1983</option> 1288<option>1982</option> 1289<option>1981</option> 1290<option>1980</option> 1291<option>1979</option> 1292<option>1978</option> 1293<option>1977</option> 1294<option>1976</option> 1295<option>1975</option> 1296<option>1974</option> 1297<option>1973</option> 1298<option>1972</option> 1299<option>1971</option> 1300<option>1970</option> 1301<option>1969</option> 1302<option>1968</option> 1303<option>1967</option> 1304<option>1966</option> 1305<option>1965</option> 1306<option>1964</option> 1307<option>1963</option> 1308<option>1962</option> 1309<option>1961</option> 1310<option>1960</option> 1311<option>1959</option> 1312<option>1958</option> 1313<option>1957</option> 1314<option>1956</option> 1315<option>1955</option> 1316<option>1954</option> 1317<option>1953</option> 1318<option>1952</option> 1319<option>1951</option> 1320<option>1950</option> 1321<option>1949</option> 1322<option>1948</option> 1323<option>1947</option> 1324<option>1946</option> 1325<option>1945</option> 1326<option>1944</option> 1327<option>1943</option> 1328<option>1942</option> 1329<option>1941</option> 1330<option>1940</option> 1331<option>1939</option> 1332<option>1938</option> 1333<option>1937</option> 1334<option>1936</option> 1335<option>1935</option> 1336<option>1934</option> 1337<option>1933</option> 1338<option>1932</option> 1339<option>1931</option> 1340<option>1930</option> 1341<option>1929</option> 1342<option>1928</option> 1343<option>1927</option> 1344<option>1926</option> 1345</select></div> 1346 1347 </div> 1348 </div> 1349 <div class="container country"> 1350 <label for="countryID">My Country:</label> 1351 <div class="dropDownSection"> 1352 <div class="dropDownWrapper"> 1353 <select name="countryID" id="country"><option label=">>> Please select... <<<" value="">>>> Please select... <<<</option> 1354<option label="Afghanistan" value="af">Afghanistan</option> 1355<option label="Åland Islands" value="ax">Åland Islands</option> 1356<option label="Albania" value="al">Albania</option> 1357<option label="Algeria" value="dz">Algeria</option> 1358<option label="American Samoa" value="as">American Samoa</option> 1359<option label="Andorra" value="ad">Andorra</option> 1360<option label="Angola" value="ao">Angola</option> 1361<option label="Anguilla" value="ai">Anguilla</option> 1362<option label="Antarctica" value="aq">Antarctica</option> 1363<option label="Antigua & Barbuda" value="ag">Antigua & Barbuda</option> 1364<option label="Argentina" value="ar">Argentina</option> 1365<option label="Armenia" value="am">Armenia</option> 1366<option label="Aruba" value="aw">Aruba</option> 1367<option label="Australia" value="au">Australia</option> 1368<option label="Austria" value="at">Austria</option> 1369<option label="Azerbaijan" value="az">Azerbaijan</option> 1370<option label="Bahamas" value="bs">Bahamas</option> 1371<option label="Bahrain" value="bh">Bahrain</option> 1372<option label="Bangladesh" value="bd">Bangladesh</option> 1373<option label="Barbados" value="bb">Barbados</option> 1374<option label="Belarus" value="by">Belarus</option> 1375<option label="Belgium" value="be">Belgium</option> 1376<option label="Belize" value="bz">Belize</option> 1377<option label="Benin" value="bj">Benin</option> 1378<option label="Bermuda" value="bm">Bermuda</option> 1379<option label="Bhutan" value="bt">Bhutan</option> 1380<option label="Bolivia" value="bo">Bolivia</option> 1381<option label="Bonaire, Sint Eustatius and Saba" value="bq">Bonaire, Sint Eustatius and Saba</option> 1382<option label="Bosnia & Herzegovina" value="ba">Bosnia & Herzegovina</option> 1383<option label="Botswana" value="bw">Botswana</option> 1384<option label="Bouvet Island" value="bv">Bouvet Island</option> 1385<option label="Brazil" value="br">Brazil</option> 1386<option label="British Indian Ocean Trtry" value="io">British Indian Ocean Trtry</option> 1387<option label="Brunei Darussalam" value="bn">Brunei Darussalam</option> 1388<option label="Bulgaria" value="bg">Bulgaria</option> 1389<option label="Burkina Faso" value="bf">Burkina Faso</option> 1390<option label="Burundi" value="bi">Burundi</option> 1391<option label="Cabo Verde" value="cv">Cabo Verde</option> 1392<option label="Cambodia" value="kh">Cambodia</option> 1393<option label="Cameroon" value="cm">Cameroon</option> 1394<option label="Canada" value="ca">Canada</option> 1395<option label="Cayman Islands" value="ky">Cayman Islands</option> 1396<option label="Central African Republic" value="cf">Central African Republic</option> 1397<option label="Chad" value="td">Chad</option> 1398<option label="Chile" value="cl">Chile</option> 1399<option label="China" value="cn">China</option> 1400<option label="Christmas Island" value="cx">Christmas Island</option> 1401<option label="Cocos (Keeling) Islands" value="cc">Cocos (Keeling) Islands</option> 1402<option label="Colombia" value="co">Colombia</option> 1403<option label="Comoros" value="km">Comoros</option> 1404<option label="Congo, Dem. Rep. of" value="cd">Congo, Dem. Rep. of</option> 1405<option label="Congo, Republic of" value="cg">Congo, Republic of</option> 1406<option label="Cook Islands" value="ck">Cook Islands</option> 1407<option label="Costa Rica" value="cr">Costa Rica</option> 1408<option label="Côte d'Ivoire" value="ci">Côte d'Ivoire</option> 1409<option label="Croatia" value="hr">Croatia</option> 1410<option label="Cuba" value="cu">Cuba</option> 1411<option label="Curaçao" value="cw">Curaçao</option> 1412<option label="Cyprus" value="cy">Cyprus</option> 1413<option label="Czech Republic" value="cz">Czech Republic</option> 1414<option label="Denmark" value="dk">Denmark</option> 1415<option label="Djibouti" value="dj">Djibouti</option> 1416<option label="Dominica" value="dm">Dominica</option> 1417<option label="Dominican Republic" value="do">Dominican Republic</option> 1418<option label="Ecuador" value="ec">Ecuador</option> 1419<option label="Egypt" value="eg">Egypt</option> 1420<option label="El Salvador" value="sv">El Salvador</option> 1421<option label="Equatorial Guinea" value="gq">Equatorial Guinea</option> 1422<option label="Eritrea" value="er">Eritrea</option> 1423<option label="Estonia" value="ee">Estonia</option> 1424<option label="Eswatini" value="sz">Eswatini</option> 1425<option label="Ethiopia" value="et">Ethiopia</option> 1426<option label="Falkland Islands" value="fk">Falkland Islands</option> 1427<option label="Faroe Islands" value="fo">Faroe Islands</option> 1428<option label="Fiji" value="fj">Fiji</option> 1429<option label="Finland" value="fi">Finland</option> 1430<option label="France" value="fr">France</option> 1431<option label="French Guiana" value="gf">French Guiana</option> 1432<option label="French Polynesia" value="pf">French Polynesia</option> 1433<option label="French Southern Trtries" value="tf">French Southern Trtries</option> 1434<option label="Gabon" value="ga">Gabon</option> 1435<option label="Gambia" value="gm">Gambia</option> 1436<option label="Georgia" value="ge">Georgia</option> 1437<option label="Germany" value="de">Germany</option> 1438<option label="Ghana" value="gh">Ghana</option> 1439<option label="Gibraltar" value="gi">Gibraltar</option> 1440<option label="Greece" value="gr">Greece</option> 1441<option label="Greenland" value="gl">Greenland</option> 1442<option label="Grenada" value="gd">Grenada</option> 1443<option label="Guadeloupe" value="gp">Guadeloupe</option> 1444<option label="Guam" value="gu">Guam</option> 1445<option label="Guatemala" value="gt">Guatemala</option> 1446<option label="Guernsey" value="gg">Guernsey</option> 1447<option label="Guinea" value="gn">Guinea</option> 1448<option label="Guinea-Bissau" value="gw">Guinea-Bissau</option> 1449<option label="Guyana" value="gy">Guyana</option> 1450<option label="Haiti" value="ht">Haiti</option> 1451<option label="Heard & McDonald Islands" value="hm">Heard & McDonald Islands</option> 1452<option label="Honduras" value="hn">Honduras</option> 1453<option label="Hong Kong" value="hk">Hong Kong</option> 1454<option label="Hungary" value="hu">Hungary</option> 1455<option label="Iceland" value="is">Iceland</option> 1456<option label="India" value="in">India</option> 1457<option label="Indonesia" value="id">Indonesia</option> 1458<option label="Iran" value="ir">Iran</option> 1459<option label="Iraq" value="iq">Iraq</option> 1460<option label="Ireland" value="ie">Ireland</option> 1461<option label="Isle of Man" value="im">Isle of Man</option> 1462<option label="Israel" value="il">Israel</option> 1463<option label="Italy" value="it">Italy</option> 1464<option label="Jamaica" value="jm">Jamaica</option> 1465<option label="Japan" value="jp">Japan</option> 1466<option label="Jersey" value="je">Jersey</option> 1467<option label="Jordan" value="jo">Jordan</option> 1468<option label="Kazakhstan" value="kz">Kazakhstan</option> 1469<option label="Kenya" value="ke">Kenya</option> 1470<option label="Kiribati" value="ki">Kiribati</option> 1471<option label="Korea, Dem. Ppl's Rep." value="kp">Korea, Dem. Ppl's Rep.</option> 1472<option label="Korea, Republic of" value="kr">Korea, Republic of</option> 1473<option label="Kuwait" value="kw">Kuwait</option> 1474<option label="Kyrgyzstan" value="kg">Kyrgyzstan</option> 1475<option label="Laos" value="la">Laos</option> 1476<option label="Latvia" value="lv">Latvia</option> 1477<option label="Lebanon" value="lb">Lebanon</option> 1478<option label="Lesotho" value="ls">Lesotho</option> 1479<option label="Liberia" value="lr">Liberia</option> 1480<option label="Libya" value="ly">Libya</option> 1481<option label="Liechtenstein" value="li">Liechtenstein</option> 1482<option label="Lithuania" value="lt">Lithuania</option> 1483<option label="Luxembourg" value="lu">Luxembourg</option> 1484<option label="Macao" value="mo">Macao</option> 1485<option label="Madagascar" value="mg">Madagascar</option> 1486<option label="Malawi" value="mw">Malawi</option> 1487<option label="Malaysia" value="my">Malaysia</option> 1488<option label="Maldives" value="mv">Maldives</option> 1489<option label="Mali" value="ml">Mali</option> 1490<option label="Malta" value="mt">Malta</option> 1491<option label="Marshall Islands" value="mh">Marshall Islands</option> 1492<option label="Martinique" value="mq">Martinique</option> 1493<option label="Mauritania" value="mr">Mauritania</option> 1494<option label="Mauritius" value="mu">Mauritius</option> 1495<option label="Mayotte" value="yt">Mayotte</option> 1496<option label="Mexico" value="mx">Mexico</option> 1497<option label="Micronesia, Fed. State of" value="fm">Micronesia, Fed. State of</option> 1498<option label="Moldova" value="md">Moldova</option> 1499<option label="Monaco" value="mc">Monaco</option> 1500<option label="Mongolia" value="mn">Mongolia</option> 1501<option label="Montenegro" value="me">Montenegro</option> 1502<option label="Montserrat" value="ms">Montserrat</option> 1503<option label="Morocco" value="ma">Morocco</option> 1504<option label="Mozambique" value="mz">Mozambique</option> 1505<option label="Myanmar" value="mm">Myanmar</option> 1506<option label="Namibia" value="na">Namibia</option> 1507<option label="Nauru" value="nr">Nauru</option> 1508<option label="Nepal" value="np">Nepal</option> 1509<option label="Netherlands" value="nl">Netherlands</option> 1510<option label="New Caledonia" value="nc">New Caledonia</option> 1511<option label="New Zealand" value="nz">New Zealand</option> 1512<option label="Nicaragua" value="ni">Nicaragua</option> 1513<option label="Niger" value="ne">Niger</option> 1514<option label="Nigeria" value="ng">Nigeria</option> 1515<option label="Niue" value="nu">Niue</option> 1516<option label="Norfolk Island" value="nf">Norfolk Island</option> 1517<option label="North Macedonia" value="mk">North Macedonia</option> 1518<option label="Northern Mariana Islands" value="mp">Northern Mariana Islands</option> 1519<option label="Norway" value="no">Norway</option> 1520<option label="Oman" value="om">Oman</option> 1521<option label="Pakistan" value="pk">Pakistan</option> 1522<option label="Palau" value="pw">Palau</option> 1523<option label="Palestine" value="ps">Palestine</option> 1524<option label="Panama" value="pa">Panama</option> 1525<option label="Papua New Guinea" value="pg">Papua New Guinea</option> 1526<option label="Paraguay" value="py">Paraguay</option> 1527<option label="Peru" value="pe">Peru</option> 1528<option label="Philippines" value="ph">Philippines</option> 1529<option label="Pitcairn Island" value="pn">Pitcairn Island</option> 1530<option label="Poland" value="pl">Poland</option> 1531<option label="Portugal" value="pt">Portugal</option> 1532<option label="Puerto Rico" value="pr">Puerto Rico</option> 1533<option label="Qatar" value="qa">Qatar</option> 1534<option label="Réunion" value="re">Réunion</option> 1535<option label="Romania" value="ro">Romania</option> 1536<option label="Russia" value="ru">Russia</option> 1537<option label="Rwanda" value="rw">Rwanda</option> 1538<option label="S Georgia & S Sandwich Is." value="gs">S Georgia & S Sandwich Is.</option> 1539<option label="Saint Barthélemy" value="bl">Saint Barthélemy</option> 1540<option label="Saint Helena, Ascension & Tristan da Cunha" value="sh">Saint Helena, Ascension & Tristan da Cunha</option> 1541<option label="Saint Kitts & Nevis" value="kn">Saint Kitts & Nevis</option> 1542<option label="Saint Lucia" value="lc">Saint Lucia</option> 1543<option label="Saint Martin" value="mf">Saint Martin</option> 1544<option label="Samoa" value="ws">Samoa</option> 1545<option label="San Marino" value="sm">San Marino</option> 1546<option label="Sao Tome & Principe" value="st">Sao Tome & Principe</option> 1547<option label="Saudi Arabia" value="sa">Saudi Arabia</option> 1548<option label="Senegal" value="sn">Senegal</option> 1549<option label="Serbia" value="rs">Serbia</option> 1550<option label="Seychelles" value="sc">Seychelles</option> 1551<option label="Sierra Leone" value="sl">Sierra Leone</option> 1552<option label="Singapore" value="sg">Singapore</option> 1553<option label="Sint Maarten" value="sx">Sint Maarten</option> 1554<option label="Slovakia" value="sk">Slovakia</option> 1555<option label="Slovenia" value="si">Slovenia</option> 1556<option label="Solomon Islands" value="sb">Solomon Islands</option> 1557<option label="Somalia" value="so">Somalia</option> 1558<option label="South Africa" value="za">South Africa</option> 1559<option label="South Sudan" value="ss">South Sudan</option> 1560<option label="Spain" value="es">Spain</option> 1561<option label="Sri Lanka" value="lk">Sri Lanka</option> 1562<option label="St. Pierre & Miquelon" value="pm">St. Pierre & Miquelon</option> 1563<option label="St. Vincent & Grenadines" value="vc">St. Vincent & Grenadines</option> 1564<option label="Sudan" value="sd">Sudan</option> 1565<option label="Suriname" value="sr">Suriname</option> 1566<option label="Svalbard & Jan Mayen Is." value="sj">Svalbard & Jan Mayen Is.</option> 1567<option label="Sweden" value="se">Sweden</option> 1568<option label="Switzer
1568land" value="ch">Switzerland</option> 1569<option label="Syria" value="sy">Syria</option> 1570<option label="Taiwan" value="tw">Taiwan</option> 1571<option label="Tajikistan" value="tj">Tajikistan</option> 1572<option label="Tanzania" value="tz">Tanzania</option> 1573<option label="Thailand" value="th">Thailand</option> 1574<option label="Timor-Leste" value="tl">Timor-Leste</option> 1575<option label="Togo" value="tg">Togo</option> 1576<option label="Tokelau" value="tk">Tokelau</option> 1577<option label="Tonga" value="to">Tonga</option> 1578<option label="Trinidad & Tobago" value="tt">Trinidad & Tobago</option> 1579<option label="Tunisia" value="tn">Tunisia</option> 1580<option label="Türkiye" value="tr">Türkiye</option> 1581<option label="Turkmenistan" value="tm">Turkmenistan</option> 1582<option label="Turks & Caicos Islands" value="tc">Turks & Caicos Islands</option> 1583<option label="Tuvalu" value="tv">Tuvalu</option> 1584<option label="Uganda" value="ug">Uganda</option> 1585<option label="Ukraine" value="ua">Ukraine</option> 1586<option label="United Arab Emirates" value="ae">United Arab Emirates</option> 1587<option label="United Kingdom" value="uk">United Kingdom</option> 1588<option label="United States" value="us">United States</option> 1589<option label="Uruguay" value="uy">Uruguay</option> 1590<option label="US Minor Outlying Islands" value="um">US Minor Outlying Islands</option> 1591<option label="Uzbekistan" value="uz">Uzbekistan</option> 1592<option label="Vanuatu" value="vu">Vanuatu</option> 1593<option label="Vatican City State" value="va">Vatican City State</option> 1594<option label="Venezuela" value="ve">Venezuela</option> 1595<option label="Vietnam" value="vn">Vietnam</option> 1596<option label="Virgin Islands (British)" value="vg">Virgin Islands (British)</option> 1597<option label="Virgin Islands (USA)" value="vi">Virgin Islands (USA)</option> 1598<option label="Wallis and Futuna" value="wf">Wallis and Futuna</option> 1599<option label="Western Sahara" value="eh">Western Sahara</option> 1600<option label="Yemen" value="ye">Yemen</option> 1601<option label="Zambia" value="zm">Zambia</option> 1602<option label="Zimbabwe" value="zw">Zimbabwe</option> 1603</select> 1604 </div> 1605 </div> 1606 </div> 1607 <div class="container"> 1608 <label for="email">Email:</label> 1609 <input type="email" name="email" id="email" maxlength="100" value="" autocomplete="email" onblur="checkEmail(this);" /> 1610 </div> 1611 <div class="container usernameGuidance"> 1612 <label for="username">Username:</label> 1613 <input type="text" name="username" id="username" maxlength="20" value="" placeholder="E.g. DayDreamer, AgentX, etc." autocomplete="username" aria-describedby="username-constraints" onblur="checkUsername(this);" onfocus="this.className = 'focus';" /> 1614 <div id="username-constraints" class="finePrint">This is the name that members see on your profile. Please don't include your real name or contact details.</div> 1615 <div id="usernameTaken" style="display:none;"></div> 1616 </div> 1617 <div class="container password"> 1618 <label for="password">Password:</label> 1619 <input type="password" name="password" id="password" class="n" value="" autocomplete="new-password" /> 1620 <a href="#" id="showJoinPassword" class="showPassword"> 1621 <svg class="viewsIcon"><use xlink:href="#icon_showPassword" /></svg> 1622 </a> 1623
1623<script type="text/javascript"> 1624 <!--//--><![CDATA[//><!-- 1625 var joinContainer = "password"; 1626 var showJoinContainer = "showJoinPassword"; 1627 var lastElementClicked; 1628 $(document).ready(function() { 1629 $("#"+showJoinContainer).on("click", function(e) { 1630 e.preventDefault(); 1631 togglePasswordField(joinContainer, showJoinContainer); 1632 }); 1633 // store related target that triggers the onblur event 1634 $(document).mousedown(function(e) { 1635 // click events are swallowed by SVG <use> elements in MS Edge 1636 if (e.target.correspondingUseElement) { 1637 e.target = e.target.correspondingUseElement; 1638 } 1639 // the latest element clicked 1640 lastElementClicked = e.target; 1641 }); 1642 // prevent onblur event from calling checkPassword() when you click the show password icon 1643 $("#"+joinContainer).on("blur", function(e) { 1644 var showPasswordInput = document.getElementById(showJoinContainer); 1645 if (lastElementClicked !== showPasswordInput) { 1646 checkPassword(this); 1647 } 1648 lastElementClicked = null; 1649 }); 1650 }); 1651 //--><!]]> 1652 </script>
1652 1653 </div> 1654 <div class="container checkboxContainer terms"> 1655 <input id="agree" type="checkbox" class="o" name="agree" value="Y" /> 1656 <label for="agree"> 1657 <p class="finePrint">I confirm that I am over 18 years of age. I have read and agree to the <a href="/s/help/terms.php" rel="external">Terms of use</a>. I grant consent to the processing of my personal data and the use of cookies as defined in the <a href="/s/help/privacy.php" rel="external">Privacy policy</a>.</p> 1658 </label> 1659 </div> 1660 <button type="submit" class="btn joinSubmitBtn">Create profile</button> 1661 </div> <span class="alreadyMember"> 1662 <span>Already a member?</span> <a href="/s/login/">Log in</a> 1663 </span> 1664 <input type="hidden" name="jState" value="a29380d03878524fe8d385bc49ae8b69:NVJQSVsaSRJbAhkdT0sFXxFvdmIWSEJXVVNIABQTeU0dGhlGXgEaRVtfAkNdQlteRRVBVFNbRFBDTxZeE0hDBw4DUBsHUlFUAkdVEEhKSlYWB08CAVpuWlNRWB9RGxIaQFNPAgUBAmMmaBFLAVVQX1EBS0ZhVB1JWV5HUBsHUlYaUBYAHE5PU1VTUU9RUllFS1YRR09CXUtFEwoWGRgCXh1ZQUNSFQMCAxt0EidSWkkCCB9JQxs9UhA=" /> 1665 </form> 1666 </div> 1667
1667<script type="text/javascript"> 1668 <!--//--><![CDATA[//><!-- 1669 1670 // Join Form Expand/Contract 1671 $('.toggleFields').click(function() { 1672 $(this).closest('.joinLoginForm.splash').toggleClass('expanded'); 1673 $(this).next().slideDown('fast'); 1674 return false; 1675 }) 1676 1677 //--><!]]> 1678 </script>
1678 1679 </div> 1680 </div> 1681
1682<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/ajax.r40242.js"></script>
vendor: 1 bytes, line 1682
1682
1683<script type="text/javascript"> 1684<!--//--><![CDATA[//><!-- 1685 1686 if (typeof copyItems == 'undefined') { 1687 var copyItems = new Array; 1688 } 1689 1690 // initialize variables for featured profiles automatic refresh 1691 var seconds = 0; 1692 var milliseconds = 0; 1693 var defaultDelayTime = 30; // 30 seconds 1694 var sessionTimeOut = 3600; // 1 hour 1695 var minDelayTime = 10; // 10 seconds 1696 var refreshCount = 0; 1697 var maxCount = 10; // maximum number of loops 1698 var isModalOpen = false; 1699 1700 copyItems["err_ajaxGeneralFailure"] = "There was a problem while transacting with the server.\n\nTry load the page via another method?"; 1701//--><!]]> 1702</script>
1702 1703 1704
1704<script type="text/javascript" src="https://dating.thunderboltcity.co.za/js/easyModal.r40242.js"></script>
1704 1705
1705<script src="https://dating.thunderboltcity.co.za/js/vendor/jquery.easyModal.js" type="text/javascript"></script>
1705 1706 <div class="panel nobgPanel fp"> 1707 <div class="container"> 1708 <div class="featuredProfilesWrapper"> 1709 <h2 class="sectionHeader">Featured Profiles</h2> 1710 <div id="featuredProfileCards"> 1711 <div id="fp1" class="featuredProfiles profile"> 1712 <div class="fpWrapperFemale"> 1713 <div class="imgWrapper"> 1714 <a href="/s/view/6979086/"> 1715 <img src="https://dating.thunderboltcity.co.za/pht/i1/7/rh/l3i~hr.jpg" class="responsive " alt="Hazeleyes105" loading="lazy" /><img src="https://dating.thunderboltcity.co.za/pics/b.gif" class="photoShield" alt="Hazeleyes105" loading="lazy" /> </a> 1716 <div class="photos"> 1717 <svg><use xlink:href="#icon_photoCount" /></svg> 1718 <span class="picCount">1</span> 1719 <div class="primaryPhotoLikes"> 1720 <svg><use xlink:href="#icon_liked" /></svg> 1721 <span class="picCount">3</span> 1722 </div> 1723 </div> 1724 </div> 1725 <div class="fpContentWrapper"> 1726 <a href="/s/view/6979086/" class="title" title="Hazeleyes105">Hazeleyes105</a> 1727 <p class="finePrint age">41 - <span class="finePrint location">Klerksdorp, North-West, South Africa</span></p> 1728 <div class="narrative" style="margin-left:15px;"> 1729 <p>Ek het n goeie hart en goeie einskappe ek kyk nie na die uiterlike nie maar wat binne die hart is</p> 1730 </div> 1731 </div> 1732 </div> 1733 </div> 1734 <div id="previewCardModal6979086" class="modal previewCard homeFeaturedProfiles"> 1735 <div class="profileCard preview"> 1736 <a class="close"> 1737 <svg><use xlink:href="#icon_close" /></svg> 1738 </a> 1739 <div class="container content"> 1740 <div class="grid-m-4 image"> 1741 <a href="/s/view/6979086/"> 1742 <img src="https://dating.thunderboltcity.co.za/pht/i1/7/rh/l3i~hr.jpg" class="responsive" alt="Hazeleyes105" loading="lazy" />
1742<img src="https://dating.thunderboltcity.co.za/pics/b.gif" class="photoShield" alt="Hazeleyes105" loading="lazy" /> </a> 1743 <div class="photos"> 1744 <svg><use xlink:href="#icon_photoCount" /></svg> 1745 <span class="picCount">1</span> 1746 <div class="primaryPhotoLikes"> 1747 <svg><use xlink:href="#icon_liked" /></svg> 1748 <span class="picCount">3</span> 1749 </div> 1750 </div> 1751 </div> 1752 <div class="grid-m-8 information"> 1753 <span class="onlineStatus"> 1754 <svg><use xlink:href="#icon_info_online" /></svg> 1755 </span> 1756 <h5 class="profileName"> 1757 <a href="/s/view/6979086/" title="Hazeleyes105">Hazeleyes105</a> 1758 </h5> 1759 <p class="finePrint">41 - Klerksdorp, North-West, South Africa</p> 1760 <p class="headline">Ek is maar wie ek is plat op.aarde aanvaar my nes ek is</p> 1761 <p class="narrative">Ek het n goeie hart en goeie einskappe ek kyk nie na die uiterlike nie maar wat binne die hart is</p> 1762 </div> 1763 </div> 1764 <div class="container"> 1765 <a href="/s/view/6979086/" class="btn seeProfileBtn">See my full profile</a> 1766 </div> 1767 </div> 1768 </div> 1769 <div id="fp2" class="featuredProfiles profile alt"> 1770 <div class="fpWrapperMale"> 1771 <div class="imgWrapper"> 1772 <a href="/s/view/6973014/"> 1773 <img src="https://dating.thunderboltcity.co.za/pht/i1/7/ra/geu~jp.jpg" class="responsive " alt="Boerseun007_ysn" loading="lazy" />
1773<img src="https://dating.thunderboltcity.co.za/pics/b.gif" class="photoShield" alt="Boerseun007_ysn" loading="lazy" /> </a> 1774 <div class="photos"> 1775 <svg><use xlink:href="#icon_photoCount" /></svg> 1776 <span class="picCount">2</span> 1777 <div class="primaryPhotoLikes"> 1778 <svg><use xlink:href="#icon_liked" /></svg> 1779 <span class="picCount">3</span> 1780 </div> 1781 </div> 1782 </div> 1783 <div class="fpContentWrapper"> 1784 <a href="/s/view/6973014/" class="title" title="Boerseun007_ysn">Boerseun007_ysn</a> 1785 <p class="finePrint age">43 - <span class="finePrint location">Helderberg, Cape Town, South Africa</span></p> 1786 <div class="narrative" style="margin-left:15px;"> 1787 <p>Ek hou van geselskap en kan doen met minder stilte. Ek is reg om aan te beweeg en iemand te ontmoet wat lief...</p> 1788 </div> 1789 </div> 1790 </div> 1791 </div> 1792 <div id="previewCardModal6973014" class="modal previewCard homeFeaturedProfiles"> 1793 <div class="profileCard preview"> 1794 <a class="close"> 1795 <svg><use xlink:href="#icon_close" /></svg> 1796 </a> 1797 <div class="container content"> 1798 <div class="grid-m-4 image"> 1799 <a href="/s/view/6973014/"> 1800 <img src="https://dating.thunderboltcity.co.za/pht/i1/7/ra/geu~jp.jpg" class="responsive" alt="Boerseun007_ysn" loading="lazy" />
1800<img src="https://dating.thunderboltcity.co.za/pics/b.gif" class="photoShield" alt="Boerseun007_ysn" loading="lazy" /> </a> 1801 <div class="photos"> 1802 <svg><use xlink:href="#icon_photoCount" /></svg> 1803 <span class="picCount">2</span> 1804 <div class="primaryPhotoLikes"> 1805 <svg><use xlink:href="#icon_liked" /></svg> 1806 <span class="picCount">3</span> 1807 </div> 1808 </div> 1809 </div> 1810 <div class="grid-m-8 information"> 1811 <span class="onlineStatus"> 1812 <svg><use xlink:href="#icon_info_online" /></svg> 1813 </span> 1814 <h5 class="profileName"> 1815 <a href="/s/view/6973014/" title="Boerseun007_ysn">Boerseun007_ysn</a> 1816 </h5> 1817 <p class="finePrint">43 - Helderberg, Cape Town, South Africa</p> 1818 <p class="headline">Avontuurlustig en lief vir kamp, jag en visvang.</p> 1819 <p class="narrative">Ek hou van geselskap en kan doen met minder stilte. Ek is reg om aan te beweeg en iemand te ontmoet wat lief...</p> 1820 </div> 1821 </div> 1822 <div class="container"> 1823 <a href="/s/view/6973014/" class="btn seeProfileBtn">See my full profile</a> 1824 </div> 1825 </div> 1826 </div> 1827 <div id="fp3" class="featuredProfiles profile"> 1828 <div class="fpWrapperMale"> 1829 <div class="imgWrapper"> 1830 <a href="/s/view/6978135/"> 1831 <img src="https://dating.thunderboltcity.co.za/pht/i1/7/rg/kd3~dt.jpg" class="responsive " alt="zack85" loading="lazy" />
1831<img src="https://dating.thunderboltcity.co.za/pics/b.gif" class="photoShield" alt="zack85" loading="lazy" /> </a> 1832 <div class="photos"> 1833 <svg><use xlink:href="#icon_photoCount" /></svg> 1834 <span class="picCount">2</span> 1835 <div class="primaryPhotoLikes"> 1836 <svg><use xlink:href="#icon_liked" /></svg> 1837 <span class="picCount">1</span> 1838 </div> 1839 </div> 1840 </div> 1841 <div class="fpContentWrapper"> 1842 <a href="/s/view/6978135/" class="title" title="zack85">zack85</a> 1843 <p class="finePrint age">41 - <span class="finePrint location">Richards Bay, KwaZulu-Natal, South Africa</span></p> 1844 <div class="narrative" style="margin-left:15px;"> 1845 <p>Ek is opreg , ek glo in waare liefde . Stel nie daarin belang om imand te fix nie dit werk nie jy moet jouself...</p> 1846 </div> 1847 </div> 1848 </div> 1849 </div> 1850 <div id="previewCardModal6978135" class="modal previewCard homeFeaturedProfiles"> 1851 <div class="profileCard preview"> 1852 <a class="close"> 1853 <svg><use xlink:href="#icon_close" /></svg> 1854 </a> 1855 <div class="container content"> 1856 <div class="grid-m-4 image"> 1857 <a href="/s/view/6978135/"> 1858 <img src="https://dating.thunderboltcity.co.za/pht/i1/7/rg/kd3~dt.jpg" class="responsive" alt="zack85" loading="lazy" />
1858<img src="https://dating.thunderboltcity.co.za/pics/b.gif" class="photoShield" alt="zack85" loading="lazy" /> </a> 1859 <div class="photos"> 1860 <svg><use xlink:href="#icon_photoCount" /></svg> 1861 <span class="picCount">2</span> 1862 <div class="primaryPhotoLikes"> 1863 <svg><use xlink:href="#icon_liked" /></svg> 1864 <span class="picCount">1</span> 1865 </div> 1866 </div> 1867 </div> 1868 <div class="grid-m-8 information"> 1869 <span class="onlineStatus"> 1870 <svg><use xlink:href="#icon_info_online" /></svg> 1871 </span> 1872 <h5 class="profileName"> 1873 <a href="/s/view/6978135/" title="zack85">zack85</a> 1874 </h5> 1875 <p class="finePrint">41 - Richards Bay, KwaZulu-Natal, South Africa</p> 1876 <p class="headline">Glo nog in happily ever after , soul mates BFF all the works . Jesus bo als</p> 1877 <p class="narrative">Ek is opreg , ek glo in waare liefde . Stel nie daarin belang om imand te fix nie dit werk nie jy moet jouself...</p> 1878 </div> 1879 </div> 1880 <div class="container"> 1881 <a href="/s/view/6978135/" class="btn seeProfileBtn">See my full profile</a> 1882 </div> 1883 </div> 1884 </div> 1885 <div id="fp4" class="featuredProfiles profile alt"> 1886 <div class="fpWrapperFemale"> 1887 <div class="imgWrapper"> 1888 <a href="/s/view/6974646/"> 1889 <img src="https://dating.thunderboltcity.co.za/pht/i1/7/rc/ho6~c2.jpg" class="responsive " alt="khanyi126" loading="lazy" />
1889<img src="https://dating.thunderboltcity.co.za/pics/b.gif" class="photoShield" alt="khanyi126" loading="lazy" /> </a> 1890 <div class="photos"> 1891 <svg><use xlink:href="#icon_photoCount" /></svg> 1892 <span class="picCount">1</span> 1893 <div class="primaryPhotoLikes"> 1894 <svg><use xlink:href="#icon_liked" /></svg> 1895 <span class="picCount">7</span> 1896 </div> 1897 </div> 1898 </div> 1899 <div class="fpContentWrapper"> 1900 <a href="/s/view/6974646/" class="title" title="khanyi126">khanyi126</a> 1901 <p class="finePrint age">30 - <span class="finePrint location">KwaDukuza (Stanger), KwaZulu-Natal, South Africa</span></p> 1902 <div class="narrative" style="margin-left:15px;"> 1903 <p>M a very loving and carrying woman who fears being heart broken ,I dont deal with people who are rude n arrogant...</p> 1904 </div> 1905 </div> 1906 </div> 1907 </div> 1908 <div id="previewCardModal6974646" class="modal previewCard homeFeaturedProfiles"> 1909 <div class="profileCard preview"> 1910 <a class="close"> 1911 <svg><use xlink:href="#icon_close" /></svg> 1912 </a> 1913 <div class="container content"> 1914 <div class="grid-m-4 image"> 1915 <a href="/s/view/6974646/"> 1916 <img src="https://dating.thunderboltcity.co.za/pht/i1/7/rc/ho6~c2.jpg" class="responsive" alt="khanyi126" loading="lazy" />
1916<img src="https://dating.thunderboltcity.co.za/pics/b.gif" class="photoShield" alt="khanyi126" loading="lazy" /> </a> 1917 <div class="photos"> 1918 <svg><use xlink:href="#icon_photoCount" /></svg> 1919 <span class="picCount">1</span> 1920 <div class="primaryPhotoLikes"> 1921 <svg><use xlink:href="#icon_liked" /></svg> 1922 <span class="picCount">7</span> 1923 </div> 1924 </div> 1925 </div> 1926 <div class="grid-m-8 information"> 1927 <span class="onlineStatus"> 1928 <svg><use xlink:href="#icon_info_online" /></svg> 1929 </span> 1930 <h5 class="profileName"> 1931 <a href="/s/view/6974646/" title="khanyi126">khanyi126</a> 1932 </h5> 1933 <p class="finePrint">30 - KwaDukuza (Stanger), KwaZulu-Natal, South Africa</p> 1934 <p class="headline">M grateful cooker n also loves traveling</p> 1935 <p class="narrative">M a very loving and carrying woman who fears being heart broken ,I dont deal with people who are rude n arrogant...</p> 1936 </div> 1937 </div> 1938 <div class="container"> 1939 <a href="/s/view/6974646/" class="btn seeProfileBtn">See my full profile</a> 1940 </div> 1941 </div> 1942 </div> 1943 <div id="fp5" class="featuredProfiles profile"> 1944 <div class="fpWrapperMale"> 1945 <div class="imgWrapper"> 1946 <a href="/s/view/6976225/"> 1947 <img src="https://dating.thunderboltcity.co.za/pht/i1/7/re/iw1~7v.jpg" class="responsive " alt="Sid" loading="lazy" />
1947<img src="https://dating.thunderboltcity.co.za/pics/b.gif" class="photoShield" alt="Sid" loading="lazy" /> </a> 1948 <div class="photos"> 1949 <svg><use xlink:href="#icon_photoCount" /></svg> 1950 <span class="picCount">2</span> 1951 <div class="primaryPhotoLikes"> 1952 <svg><use xlink:href="#icon_liked" /></svg> 1953 <span class="picCount">1</span> 1954 </div> 1955 </div> 1956 </div> 1957 <div class="fpContentWrapper"> 1958 <a href="/s/view/6976225/" class="title" title="Sid">Sid</a> 1959 <p class="finePrint age">47 - <span class="finePrint location">Port Elizabeth, Eastern Cape, South Africa</span></p> 1960 <div class="narrative" style="margin-left:15px;"> 1961 <p>I enjoy riding my motorcycle, sport, braais, eating out, taking my dogs to the beach and spending time with...</p> 1962 </div> 1963 </div> 1964 </div> 1965 </div> 1966 <div id="previewCardModal6976225" class="modal previewCard homeFeaturedProfiles"> 1967 <div class="profileCard preview"> 1968 <a class="close"> 1969 <svg><use xlink:href="#icon_close" /></svg> 1970 </a> 1971 <div class="container content"> 1972 <div class="grid-m-4 image"> 1973 <a href="/s/view/6976225/"> 1974 <img src="https://dating.thunderboltcity.co.za/pht/i1/7/re/iw1~7v.jpg" class="responsive" alt="Sid" loading="lazy" />
1974<img src="https://dating.thunderboltcity.co.za/pics/b.gif" class="photoShield" alt="Sid" loading="lazy" /> </a> 1975 <div class="photos"> 1976 <svg><use xlink:href="#icon_photoCount" /></svg> 1977 <span class="picCount">2</span> 1978 <div class="primaryPhotoLikes"> 1979 <svg><use xlink:href="#icon_liked" /></svg> 1980 <span class="picCount">1</span> 1981 </div> 1982 </div> 1983 </div> 1984 <div class="grid-m-8 information"> 1985 <span class="onlineStatus"> 1986 <svg><use xlink:href="#icon_info_online" /></svg> 1987 </span> 1988 <h5 class="profileName"> 1989 <a href="/s/view/6976225/" title="Sid">Sid</a> 1990 </h5> 1991 <p class="finePrint">47 - Port Elizabeth, Eastern Cape, South Africa</p> 1992 <p class="headline">Kom ons skryf ons eie roman</p> 1993 <p class="narrative">I enjoy riding my motorcycle, sport, braais, eating out, taking my dogs to the beach and spending time with...</p> 1994 </div> 1995 </div> 1996 <div class="container"> 1997 <a href="/s/view/6976225/" class="btn seeProfileBtn">See my full profile</a> 1998 </div> 1999 </div> 2000 </div> 2001 <div id="fp6" class="featuredProfiles profile alt last"> 2002 <div class="fpWrapperFemale"> 2003 <div class="imgWrapper"> 2004 <a href="/s/view/6971257/"> 2005 <img src="https://dating.thunderboltcity.co.za/pht/i1/7/r8/f21~r2.jpg" class="responsive " alt="KatrienaKatryn" loading="lazy" />
2005<img src="https://dating.thunderboltcity.co.za/pics/b.gif" class="photoShield" alt="KatrienaKatryn" loading="lazy" /> </a> 2006 <div class="photos"> 2007 <svg><use xlink:href="#icon_photoCount" /></svg> 2008 <span class="picCount">1</span> 2009 <div class="primaryPhotoLikes"> 2010 <svg><use xlink:href="#icon_liked" /></svg> 2011 <span class="picCount">17</span> 2012 </div> 2013 </div> 2014 </div> 2015 <div class="fpContentWrapper"> 2016 <a href="/s/view/6971257/" class="title" title="KatrienaKatryn">KatrienaKatryn</a> 2017 <p class="finePrint age">41 - <span class="finePrint location">Boksburg, Gauteng, South Africa</span></p> 2018 <div class="narrative" style="margin-left:15px;"> 2019 <p>Ek het goeie waardes, is spontaan, kinder stout, lojaal, passievol en gee my alles. Ek is opsoek na iemand wat...</p> 2020 </div> 2021 </div> 2022 </div> 2023 </div> 2024 <div id="previewCardModal6971257" class="modal previewCard homeFeaturedProfiles"> 2025 <div class="profileCard preview"> 2026 <a class="close"> 2027 <svg><use xlink:href="#icon_close" /></svg> 2028 </a> 2029 <div class="container content"> 2030 <div class="grid-m-4 image"> 2031 <a href="/s/view/6971257/"> 2032 <img src="https://dating.thunderboltcity.co.za/pht/i1/7/r8/f21~r2.jpg" class="responsive" alt="KatrienaKatryn" loading="lazy" />
2032<img src="https://dating.thunderboltcity.co.za/pics/b.gif" class="photoShield" alt="KatrienaKatryn" loading="lazy" /> </a> 2033 <div class="photos"> 2034 <svg><use xlink:href="#icon_photoCount" /></svg> 2035 <span class="picCount">1</span> 2036 <div class="primaryPhotoLikes"> 2037 <svg><use xlink:href="#icon_liked" /></svg> 2038 <span class="picCount">17</span> 2039 </div> 2040 </div> 2041 </div> 2042 <div class="grid-m-8 information"> 2043 <span class="onlineStatus"> 2044 <svg><use xlink:href="#icon_info_online" /></svg> 2045 </span> 2046 <h5 class="profileName"> 2047 <a href="/s/view/6971257/" title="KatrienaKatryn">KatrienaKatryn</a> 2048 </h5> 2049 <p class="finePrint">41 - Boksburg, Gauteng, South Africa</p> 2050 <p class="headline">My siel soek sy maat</p> 2051 <p class="narrative">Ek het goeie waardes, is spontaan, kinder stout, lojaal, passievol en gee my alles. Ek is opsoek na iemand wat...</p> 2052 </div> 2053 </div> 2054 <div class="container"> 2055 <a href="/s/view/6971257/" class="btn seeProfileBtn">See my full profile</a> 2056 </div> 2057 </div> 2058 </div> 2059
2059<script type="text/javascript"> 2060 <!--//--><![CDATA[//><!-- 2061 var fpAjaxURL = '/s/find/popular.php'; 2062 //--><!]]> 2063 </script>
2063 2064 <div id="fpMore"><a href="/s/find/popular.php">View more profiles</a></div> 2065
2065<script type="text/javascript"> 2066 <!--//--><![CDATA[//><!-- 2067 2068 $(function() { 2069 if (typeof $.fn.easyModal != "undefined") { 2070 // initialize easyModal 2071 var modalOptions = easyModalOptions(); 2072 // removes the previously attached event 2073 $('.modal.homeFeaturedProfiles').off().easyModal(modalOptions); 2074 } 2075 }); 2076 2077 //--><!]]> 2078 </script>
2078 2079
2079<script type="text/javascript"> 2080 <!--//--><![CDATA[//><!-- 2081 valStrings["autoRefreshfeaturedProfiles"] = ""; 2082 valStrings["fpMoreResults"] = "1"; 2083 2084 $(function() { 2085 var autoRefreshfeaturedProfiles = parseInt(valStrings.autoRefreshfeaturedProfiles); 2086 2087 // Validate siteGlobal, make sure its an interger, with a value greater than 0 2088 if (typeof fpAjaxURL != 'undefined' && typeof autoRefreshfeaturedProfiles === 'number' && (autoRefreshfeaturedProfiles % 1) === 0 && autoRefreshfeaturedProfiles > 0) { 2089 // Make sure there are enough profile cards to display 2090 if (valStrings.fpMoreResults.length) { 2091 seconds = (autoRefreshfeaturedProfiles > sessionTimeOut) ? defaultDelayTime : (autoRefreshfeaturedProfiles < minDelayTime) ? defaultDelayTime : autoRefreshfeaturedProfiles; 2092 milliseconds = (seconds * 1000); 2093 2094 // Make sure that the session (accumulated from each ajax call) is not longer than 1 hour 2095 var maxRefreshCount = Math.floor(sessionTimeOut / seconds); 2096 if (maxRefreshCount > maxCount) { 2097 maxRefreshCount = maxCount; 2098 } 2099 2100 // Check frequency- depending on the delay time, limit the number of refreshes 2101 if (refreshCount < maxRefreshCount) { 2102 alertTimerId = setTimeout(fpTriggerAjaxCall, milliseconds); 2103 } else { 2104 clearTimeout(alertTimerId); 2105 var fpMore = document.getElementById('fpMore'); 2106 fpMore.style.display = 'none'; 2107 } 2108 } 2109 } 2110 2111 function fpTriggerAjaxCall () { 2112 // check if modal is open 2113 if (!checkProfileCardsVisibility()) { 2114 ajaxRequest(fpAjaxURL, null, {method:'get'}); 2115 if (autoRefreshfeaturedProfiles) { 2116 clearTimeout(alertTimerId); 2117 refreshCount++; 2118 } 2119 } 2120 } 2121 2122 function checkProfileCardsVisibility () { 2123 breakOut = false; 2124 $(".previewCard").each(function() { 2125 if ($(this).css('display') == "block") { 2126 breakOut = true; 2127 return false; 2128 } 2129 }); 2130 return breakOut; 2131 } 2132 2133 $(".previewCard").on('openModal', function () { 2134 isModalOpen = true; 2135 }); 2136 2137 $(".previewCard").on('closeModal', function () { 2138 if (autoRefreshfeaturedProfiles && isModalOpen) { 2139 isModalOpen = false; 2140 clearTimeout(alertTimerId); 2141 alertTimerId = setTimeout(fpTriggerAjaxCall, milliseconds); 2142 } 2143 }); 2144 2145 $("#fpMore").on('click', 'a', function (e) { 2146 e.preventDefault(); 2147 fpTriggerAjaxCall(); 2148 }); 2149 }); 2150 2151 //--><!]]> 2152 </script>
2152 2153 </div> 2154 </div> 2155 </div> 2156 </div> 2157
2157<script type="text/javascript"> 2158 <!--//--><![CDATA[//><!-- 2159 2160 $(function() { 2161 // Launch featured profile modal 2162 $("#featuredProfileCards").on('click', '.featuredProfiles a', function(e){ 2163 var url = $(this).attr("href"); 2164 var matches = url.match(/[0-9]+/); 2165 $('#previewCardModal' + matches[0]).trigger('openModal'); 2166 e.preventDefault(); 2167 e.stopPropagation(); 2168 }); 2169 }); 2170 //--><!]]> 2171 </script>
2171 2172 2173 <div class="panel neutralPanel benefits"> 2174 <div class="container"> 2175 <h2 class="sectionHeader">Your tools to find your perfect match</h2> 2176 <div class="container"> 2177 <div class="grid-tl-4 grid-12"> 2178 <div class="grid-m-3 icon"> 2179 <svg><use xlink:href="#icon_benefit_match" /></svg> 2180 </div> 2181 <div class="grid-m-9 copy"> 2182 Discover up to 1000 matches with our intelligent two-way matching feature. 2183 </div> 2184 </div> 2185 <div class="grid-tl-4 grid-12"> 2186 <div class="grid-m-3 icon"> 2187 <svg><use xlink:href="#icon_benefit_find" /></svg> 2188 </div> 2189 <div class="grid-m-9 copy"> 2190 Find someone special with one of our many search options and add those you like to your Favourites. 2191 </div> 2192 </div> 2193 <div class="grid-tl-4 grid-12"> 2194 <div class="grid-m-3 icon"> 2195 <svg><use xlink:href="#icon_benefit_contact" /></svg> 2196 </div> 2197 <div class="grid-m-9 copy"> 2198 When you're ready, contact members using an easy and private messaging interface. 2199 </div> 2200 </div> 2201 <div class="clear-grid"></div> 2202 <div class="grid-tl-4 grid-12"> 2203 <div class="grid-m-3 icon"> 2204 <svg><use xlink:href="#icon_benefit_thingsInCommon" /></svg> 2205 </div> 2206 <div class="grid-m-9 copy"> 2207 See what you have in common with others at a glance. 2208 </div> 2209 </div> 2210 <div class="grid-tl-4 grid-12"> 2211 <div class="grid-m-3 icon"> 2212 <svg><use xlink:href="#icon_benefit_block" /></svg> 2213 </div> 2214 <div class="grid-m-9 copy"> 2215 You're in control - block members who do not meet your standards or report unsavoury members. 2216 </div> 2217 </div> 2218 </div> 2219 </div> 2220 </div> 2221 2222 <div class="panel neutralPanel transparentBg successStories"> 2223 <div class="container"> 2224 <h2 class="sectionHeader">Success Stories</h2> 2225 <div class="storyColumns"> 2226 <div id="storyID_3666" class="storyPin"> 2227 <div class="storyContent"> 2228 <span>We're in love, it feels so natural talking to each other. He's from Ireland and I am from Namibia. We're meeting in Namibia in December, we could've met earlier but because of work commitments we can't.</span> 2229 </div> 2230 <div class="cite"> 2231 <span class="author">Elsie</span>, <span class="date">15 June 2026</span> </div> 2232 </div> 2233 <div id="storyID_3664" class="storyPin last"> 2234 <div class="storyContent"> 2235 <span>Thank you...it has been years that I was your member...searching with no success...reading other peoples success stories made me keep on looking...it was not an easy exercise though...I ultimately got my perfect match...thank you.</span> 2236 </div> 2237 <div class="cite"> 2238 <span class="author">Cynthia</span>, <span class="date">28 March 2026</span> </div> 2239 </div> 2240 </div> 2241
2241<script type="text/javascript"> 2242<!--//--><![CDATA[//><!-- 2243 2244/* 2245* CSS Grid Layout + JavaScript 2246* https://w3bits.com/css-grid-masonry/ 2247*/ 2248 2249// Calculate the appropriate height or spanning for any given item. 2250function resizeMasonryItem (item) { 2251 var grid = item.parentNode, 2252 rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-row-gap')), 2253 rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-auto-rows')); 2254 2255 var rowSpan = Math.ceil(((item.querySelector('.storyContent').getBoundingClientRect().height+rowGap)+(item.querySelector('.cite').getBoundingClientRect().height+rowGap))/(rowHeight+rowGap)); 2256 2257 item.style.gridRowEnd = 'span '+rowSpan; 2258 item.style.visibility = "visible"; 2259} 2260 2261// Loop through all the items and apply the spanning to each item 2262function resizeAllMasonryItems () { 2263 setTimeout(function(){ 2264 var allItems = document.getElementsByClassName('storyPin'); 2265 for(var i=0; i<allItems.length; i++) { 2266 resizeMasonryItem(allItems[i]); 2267 } 2268 }); 2269} 2270 2271// Resize all the grid items on the load and resize events 2272var masonryEvents = ['load', 'resize']; 2273masonryEvents.forEach(function(event) { 2274 window.addEventListener(event, resizeAllMasonryItems); 2275}); 2276 2277/* Do a resize once more when all the items finish loading */ 2278resizeAllMasonryItems(); 2279 2280//--><!]]> 2281</script>
2281 </div> 2282 </div> 2283 2284 2285 2286
2286<script type="text/javascript"> 2287 <!--//--><![CDATA[//><!-- 2288 var fvt = 'f00'; 2289 //--><!]]> 2290 </script>
2290 2291
2291<script type="text/javascript" src="/js/browser.r40242.js"></script>
2291 2292
2292<script type="text/javascript"> 2293 <!--//--><![CDATA[//><!-- 2294 var onModalClose = false; 2295 var currrentLocation = window.location.href; 2296 var historyLength = 0; 2297 2298 // the onpopstate event will fire whenever the URL changes (or more correctly the history) 2299 // eg. by doing a browser action such as a click on the back button 2300 // clicking on anchors will cause the event to fire aswell (the history has been changed) 2301 window.addEventListener('popstate', function(event) { 2302 var state = event.state; 2303 var currentModal = $(".modal, #modalWrap"); 2304 var isModalVisible = false; 2305 var onPopstateCloseModal = true; 2306 // the modal window identifier is stored in the state object 2307 if (state != null && typeof state.modal != 'undefined') { 2308 currentModal = $("#"+state.modal); 2309 isModalVisible = (currentModal.css('display') == "block" && currentModal.height() > 0) ? true : false; 2310 } else { 2311 // on find_results there are multiple modals, need to determine which modal is open 2312 currentModal.each(function() { 2313 if ($(this).css('display') == "block" && $(this).height() > 0) { 2314 currentModal = $(this); 2315 isModalVisible = true; 2316 } 2317 }); 2318 } 2319 if (isModalVisible) { 2320 if (viaPWA) { 2321 // check the pathname if it has changed, or just the hash changed 2322 if (event.target.location.hash != "" && currrentLocation != event.target.location.href) { 2323 onPopstateCloseModal = (state == null) ? false : true; 2324 } else { 2325 onPopstateCloseModal = (state == null) ? true : ((state.modal == "modalWrap") ? false : true); 2326 } 2327 currrentLocation = event.target.location.href; 2328 onModalClose = true; 2329 } else { 2330 // in a non-PWA environemnt, state object is set on find_results 2331 onPopstateCloseModal = (state == null) ? false : true; 2332 } 2333 historyLength++; 2334 // prevent popstate event from firing if you click on the anchor tag 2335 // even though you are doing a browser action, the modal should not be closed 2336 if (onPopstateCloseModal == false) { 2337 return; 2338 } 2339 if (currentModal.hasClass("ui-dialog-content")) { 2340 // handles the jquery dialog modal 2341 currentModal.dialog("close"); 2342 } else { 2343 // handles easyModal 2344 currentModal.trigger('closeModal'); 2345 } 2346 } else { 2347 if (state != null) { 2348 if (typeof state.modal != "undefined") { 2349 // handling different types of modals 2350 if (currentModal.hasClass("ui-dialog-content")) { 2351 $('a.launchSubscribeModal:first').click(); 2352 } else { 2353 // currentModal.trigger('openModal'); 2354 } 2355 } 2356 } 2357 } 2358 if (state != null) { 2359 if (typeof state.modal == "undefined") { 2360 if (sessionStorage.getItem("doubleBackToExit") != null && state.doubleBackToExit) { 2361 // prevent loading from the history list 2362 } else if (state.firstPage) { 2363 if (state.currPage != "home") { 2364 // reload the current page 2365 window.history.go(0); 2366 } 2367 } else if (state.hasVisited) { 2368 if (sessionStorage.getItem("doubleBackToExit") == null) { 2369 // go to first page when going back in history 2370 window.history.pushState({}, null); 2371 if (sessionStorage.getItem("showUpdateBar") == null) { 2372 sessionStorage.setItem('showUpdateBar', true); 2373 } 2374 window.history.go(-(history.length - 1)); 2375 } else { 2376 // move back one page 2377 window.history.go(-1); 2378 } 2379 } 2380 } 2381 // pagination and infinity scroll 2382 if (state.type == "paging" && onModalClose == false) { 2383 var href = appendParam(window.location.href, 'p', state.p); 2384 returnResultsPages(href, state.p.toString()); 2385 } 2386 } 2387 historyLength = 0; 2388 onModalClose = false; 2389 }, false); 2390 2391 //--><!]]> 2392 </script>
2392 2393 </div> <!-- end wrapper --> 2394 <div id="footer"> 2395 <div class="footerLinks"> 2396 <div class="container"> 2397 <ul class="grid-12 footerLinksList"> 2398 <li class="grid-12 grid-t-4"> 2399 <a href="/s/info/success.php">Success Stories</a> 2400 </li> 2401 <li class="grid-12 grid-t-4"> 2402 <a href="/s/help/safety.php">Safety</a> 2403 </li> 2404 <li class="grid-12 grid-t-4"> 2405 <a href="/s/help/">Help & Info</a> 2406 </li> 2407 <li class="grid-12 grid-t-4"> 2408 <a href="/s/help/contact.php">Contact Us</a> 2409 </li> 2410 <li class="grid-12 grid-t-4"> 2411 <a href="/s/help/privacy.php">Privacy Policy</a> 2412 </li> 2413 <li class="grid-12 grid-t-4"> 2414 <a href="/s/help/terms.php">Terms of Use</a> 2415 </li> 2416 </ul> 2417 </div> 2418 </div> 2419 2420 <div class="footerContent"> 2421 <div class="container"> 2422 <div class="grid-6"> 2423 <div class="container"> 2424 <div class="grid-12"> 2425 <p class="copyright">Operated for <a href="https://www.thunderboltcity.co.za/" rel="external noopener">Thunderbolt City</a> by <a href="https://www.thedatinglab.com/" rel="external noopener">Dating Lab</a>.<br /> 2426Copyright © 1997-2026, Dating Lab. All rights reserved. <a href="/s/help/contact.php" title="If you can't find the answer to your question in the FAQ, just ask us.">Contact Us »</a><br /> 2427Use of this site signifies your agreement to our <a href="/s/help/terms.php" title="Use of this site signifies your agreement to our terms of use. Read the details here.">terms of use</a> and <a href="/s/help/privacy.php" title="Your details are safe with us. Read the specifics of our privacy policy here.">privacy policy</a>.</p> 2428 </div> 2429 </div> 2430 </div> 2431 2432 <div class="grid-6"> 2433 <div class="container"> 2434 <div class="grid-12"> 2435 <div class="poweredBy"> 2436<svg><use xlink:href="#icon_poweredBy" /></svg> </div> 2437 </div> 2438 </div> 2439 </div> 2440 </div> 2441 </div> 2442 </div> <!-- end footer --> 2443 </div> <!-- end bodyInner --> 2444 2445
2445<script type="text/javascript"> 2446 <!--//--><![CDATA[//><!-- 2447 if (typeof copyItems == 'undefined') { 2448 var copyItems = new Array; 2449 } 2450 copyItems["success"] = "Success"; 2451 copyItems["error"] = "Error!"; 2452 //--><!]]> 2453 </script>
2453 2454 2455 <ul id="notification" style="display:none;"> 2456 <li id="activityIndicator" title="">Working...</li> 2457 </ul> <!-- end notificationArea --> 2458 2459 2460 2461</body> 2462</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.