1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <meta name="description" content="Contact ObjectPlanet, Inc."> 7 <meta name="keywords" content="ObjectPlanet contact information address"> 8 <title>ObjectPlanet - Contact Us</title> 9 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 10
10<script src="https://cdn.tailwindcss.com"></script>
10 11 <style> 12 body { font-family: 'Inter', sans-serif; } 13 .dropdown-menu { 14 opacity: 0; visibility: hidden; transform: translateY(-6px); 15 transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease; 16 } 17 .dropdown-area:hover .dropdown-menu, 18 .dropdown-area:focus-within .dropdown-menu { 19 opacity: 1; visibility: visible; transform: translateY(0); 20 } 21 </style> 22</head> 23<body class="bg-gray-900 text-gray-100"> 24 25 <!-- ===== HEADER ===== --> 26 <header class="bg-gray-800 shadow-lg sticky top-0 z-40"> 27 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 28 <div class="flex items-center justify-between h-16"> 29 <a href="/" class="text-3xl font-light tracking-wide hover:opacity-90 transition-opacity"> 30 <span class="text-gray-300">object</span><span class="text-gray-500">planet</span> 31 </a> 32 <nav class="hidden md:flex items-center gap-1"> 33 <a href="/" class="px-3 py-2 rounded text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700 transition-colors">Home</a> 34 <div class="relative dropdown-area"> 35 <button class="flex items-center gap-1 px-3 py-2 rounded text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700 transition-colors"> 36 Products 37 <svg class="w-3.5 h-3.5 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/></svg> 38 </button> 39 <div class="dropdown-menu absolute top-full left-0 mt-1.5 w-60 bg-gray-700 border border-gray-600 rounded-lg shadow-xl z-50"> 40 <div class="p-2 space-y-0.5"> 41 <a href="/opinio/" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-gray-600 transition-colors"> 42 <span class="flex-shrink-0 w-8 h-8 bg-cyan-900/60 rounded flex items-center justify-center"><svg class="w-4 h-4 text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/></svg></span> 43 <div><div class="text-sm font-medium text-gray-100">Opinio</div><div class="text-xs text-gray-400">Survey & poll software</div></div> 44 </a> 45 <a href="/polls/" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-gray-600 transition-colors"> 46 <span class="flex-shrink-0 w-8 h-8 bg-cyan-900/60 rounded flex items-center justify-center"><svg class="w-4 h-4 text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"/></svg></span> 47 <div><div class="text-sm font-medium text-gray-100">EasyPolls</div><div class="text-xs text-gray-400">Free online polls</div></div> 48 </a> 49 50 <a href="/easycharts/" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-gray-600 transition-colors"> 51 <span class="flex-shrink-0 w-8 h-8 bg-cyan-900/60 rounded flex items-center justify-center"><svg class="w-4 h-4 text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"/></svg></span> 52 <div><div class="text-sm font-medium text-gray-100">EasyCharts</div><div class="text-xs text-gray-400">Web chart library</div></div> 53 </a> 54 <div class="border-t border-gray-700/50 my-1"></div> 55 <a href="/services.html" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-gray-600 transition-colors"> 56 <span class="flex-shrink-0 w-8 h-8 bg-emerald-900/60 rounded flex items-center justify-center"><svg class="w-4 h-4 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
56<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg></span> 57 <div><div class="text-sm font-medium text-gray-100">Professional Services</div><div class="text-xs text-gray-400">Web dev & IT consulting</div></div> 58 </a> 59 </div> 60 </div> 61 </div> 62 <a href="/company.html" class="px-3 py-2 rounded text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700 transition-colors">Company</a> 63 <div class="relative dropdown-area"> 64 <button class="flex items-center gap-1 px-3 py-2 rounded text-sm font-medium text-white bg-gray-700 transition-colors"> 65 Support 66 <svg class="w-3.5 h-3.5 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/></svg> 67 </button> 68 <div class="dropdown-menu absolute top-full left-0 mt-1.5 w-48 bg-gray-700 border border-gray-600 rounded-lg shadow-xl z-50"> 69 <div class="p-2 space-y-0.5"> 70 <a href="https://helpdesk.objectplanet.com/" class="block px-3 py-2 rounded text-sm text-gray-200 hover:bg-gray-600 transition-colors">Help Desk</a> 71 <a href="/opinio/documentation.html" class="block px-3 py-2 rounded text-sm text-gray-200 hover:bg-gray-600 transition-colors">Documentation</a> 72 <a href="/contact.html" class="block px-3 py-2 rounded text-sm text-gray-200 hover:bg-gray-600 transition-colors">Contact Us</a> 73 </div> 74 </div> 75 </div> 76 <div class="w-px h-5 bg-gray-600 mx-1"></div> 77 <a href="/purchase.html" class="ml-1 px-4 py-2 bg-cyan-600 hover:bg-cyan-500 text-white text-sm font-semibold rounded-lg transition-colors">Purchase</a> 78 </nav> 79 <button id="mobileMenuBtn" onclick="toggleMobileMenu()" class="md:hidden p-2 rounded text-gray-400 hover:text-white hover:bg-gray-700 transition-colors" aria-label="Toggle menu"> 80 <svg id="iconOpen" class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg> 81 <svg id="iconClose" class="w-6 h-6 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg> 82 </button> 83 </div> 84 </div> 85 <div id="mobileMenu" class="hidden md:hidden border-t border-gray-700 bg-gray-800"> 86 <div class="px-4 py-4 space-y-1"> 87 <a href="/" class="block px-3 py-2 rounded text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700">Home</a> 88 <div class="px-3 pt-3 pb-1"> 89 <p class="text-xs font-semibold uppercase tracking-wider text-gray-500 mb-2">Products</p> 90 <div class="space-y-0.5 pl-1"> 91 <a href="/opinio/" class="block px-2 py-1.5 rounded text-sm text-gray-300 hover:text-white hover:bg-gray-700">Opinio</a> 92 <a href="/polls/" class="block px-2 py-1.5 rounded text-sm text-gray-300 hover:text-white hover:bg-gray-700">EasyPolls</a> 93 <a href="/services.html" class="block px-2 py-1.5 rounded text-sm text-gray-300 hover:text-white hover:bg-gray-700">Professional Services</a> 94 <a href="/easycharts/" class="block px-2 py-1.5 rounded text-sm text-gray-300 hover:text-white hover:bg-gray-700">EasyCharts</a> 95 </div> 96 </div> 97 <a href="/company.html" class="block px-3 py-2 rounded text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700">Company</a> 98 <div class="px-3 pt-3 pb-1"> 99 <p class="text-xs font-semibold uppercase tracking-wider text-gray-500 mb-2">Support</p> 100 <div class="space-y-0.5 pl-1"> 101 <a href="https://helpdesk.objectplanet.com/" class="block px-2 py-1.5 rounded text-sm text-gray-300 hover:text-white hover:bg-gray-700">Help Desk</a> 102 <a href="/opinio/documentation.html" class="block px-2 py-1.5 rounded text-sm text-gray-300 hover:text-white hover:bg-gray-700">Documentation</a> 103 <a href="/contact.html" class="block px-2 py-1.5 rounded text-sm text-gray-300 hover:text-white hover:bg-gray-700">Contact Us</a> 104 </div> 105 </div> 106 <div class="pt-3 border-t border-gray-700"> 107 <a href="/purchase.html" class="block text-center px-4 py-2.5 bg-cyan-600 hover:bg-cyan-500 text-white text-sm font-semibold rounded-lg transition-colors">Purchase</a> 108 </div> 109 </div> 110 </div> 111 </header> 112 113 <!-- ===== HERO ===== --> 114 <section class="relative bg-gradient-to-b from-gray-800 to-gray-900 py-16 px-4 text-center overflow-hidden"> 115 <div class="absolute inset-0 overflow-hidden pointer-events-none"> 116 <div class="absolute -top-40 left-1/2 -translate-x-1/2 w-[500px] h-[300px] bg-cyan-900/20 rounded-full blur-3xl"></div> 117 </div> 118 <div class="relative max-w-2xl mx-auto"> 119 <p class="text-cyan-400 text-sm font-semibold uppercase tracking-widest mb-3">Get in touch</p> 120 <h1 class="text-4xl sm:text-5xl font-bold text-white mb-4">Contact Us</h1> 121 <p class="text-gray-400">Send us a message or find us in Oslo, Norway.</p> 122 </div> 123 </section> 124 125 <!-- ===== CONTENT ===== --> 126 <main class="max-w-5xl mx-auto px-4 sm:px-6 py-14"> 127 <div class="grid grid-cols-1 lg:grid-cols-3 gap-8"> 128 129 <!-- Contact options --> 130 <div class="lg:col-span-2 space-y-5"> 131 132 <!-- Help Desk --> 133 <a href="https://helpdesk.objectplanet.com/open.php" target="_blank" 134 class="flex items-start gap-5 bg-gray-800 rounded-xl p-7 border border-gray-700 hover:border-cyan-600 transition-colors group"> 135 <div class="flex-shrink-0 w-12 h-12 bg-cyan-900/50 rounded-xl flex items-center justify-center mt-0.5"> 136 <svg class="w-6 h-6 text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 137 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z"/> 138 </svg> 139 </div> 140 <div class="flex-1"> 141 <div class="flex items-center gap-2 mb-1"> 142 <h2 class="text-lg font-bold text-white group-hover:text-cyan-300 transition-colors">Open a Support Ticket</h2> 143 <svg class="w-4 h-4 text-gray-500 group-hover:text-cyan-400 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
143<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg> 144 </div> 145 <p class="text-sm text-gray-400 leading-relaxed"> 146 Use our help desk to submit a ticket for sales inquiries, Opinio support, EasyCharts support, or general questions. You can track progress and replies directly in the portal. 147 </p> 148 <span class="inline-block mt-3 px-4 py-2 bg-cyan-600 group-hover:bg-cyan-500 text-white text-sm font-semibold rounded-lg transition-colors"> 149 Go to Help Desk → 150 </span> 151 </div> 152 </a> 153 154 <!-- Sales email (address injected by JS to avoid harvesting) --> 155 <a id="salesEmailLink" 156 class="flex items-start gap-5 bg-gray-800 rounded-xl p-7 border border-gray-700 hover:border-cyan-600 transition-colors group cursor-pointer"> 157 <div class="flex-shrink-0 w-12 h-12 bg-cyan-900/50 rounded-xl flex items-center justify-center mt-0.5"> 158 <svg class="w-6 h-6 text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 159 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/> 160 </svg> 161 </div> 162 <div class="flex-1"> 163 <h2 class="text-lg font-bold text-white group-hover:text-cyan-300 transition-colors mb-1">Email Sales</h2> 164 <p class="text-sm text-gray-400 leading-relaxed"> 165 Prefer to send an email directly? Reach our sales team at 166 <span id="salesEmailInline" class="text-cyan-400"></span> for pricing, licensing, and professional services inquiries. 167 </p> 168 </div> 169 </a> 170 171 </div> 172 173 <!-- Contact info --> 174 <div class="space-y-6"> 175 <div class="bg-gray-800 rounded-xl p-6 border border-gray-700"> 176 <h3 class="text-sm font-semibold uppercase tracking-wider text-gray-400 mb-4">Address</h3> 177 <p class="text-gray-300 text-sm leading-relaxed"> 178 ObjectPlanet AS<br> 179 <a href="http://maps.google.com/maps?f=q&hl=en&q=norway&ie=UTF8&om=1&z=17&ll=59.911573,10.741056&spn=0.003362,0.011169&t=h" target="maps" class="text-cyan-400 hover:underline">Øvre Slottsgate 5</a><br> 180 NO-0157 <a href="http://maps.google.com/maps?f=q&hl=en&q=oslo,+norway&ie=UTF8&z=7&ll=59.909943,10.750122&spn=3.443201,11.436768&om=1" target="maps" class="text-cyan-400 hover:underline">Oslo</a><br> 181 Norway 182 </p> 183 </div> 184 <div class="bg-gray-800 rounded-xl p-6 border border-gray-700"> 185 <h3 class="text-sm font-semibold uppercase tracking-wider text-gray-400 mb-4">Business Hours</h3> 186 <p class="text-gray-300 text-sm leading-relaxed"> 187 Monday â Friday<br> 188 09:00 â 17:00<br> 189 <a href="http://www.worldtimezone.com/time-europe24.php" target="maps" class="text-cyan-400 hover:underline">CET (GMT+1)</a> 190 </p> 191 </div> 192 <div class="bg-gray-800 rounded-xl p-6 border border-gray-700"> 193 <h3 class="text-sm font-semibold uppercase tracking-wider text-gray-400 mb-4">Web</h3> 194 <p class="text-gray-300 text-sm">objectplanet.com</p> 195 </div> 196 </div> 197 198 </div> 199 </main> 200 201 <!-- ===== FOOTER ===== --> 202 <footer class="bg-gray-900 border-t border-gray-800 pt-12 pb-8 px-4"> 203 <div class="max-w-7xl mx-auto"> 204 <div class="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-4 gap-8 mb-12"> 205 <div class="col-span-2 sm:col-span-1"> 206 <div class="text-2xl font-light mb-3"><span class="text-gray-300">object</span><span class="text-gray-500">planet</span></div> 207 <p class="text-xs text-gray-500 leading-relaxed">Øvre Slottsgate 5<br>0157 Oslo, Norway</p> 208 </div> 209 <div> 210 <h4 class="text-xs font-semibold uppercase tracking-wider text-gray-400 mb-4">Products</h4> 211 <ul class="space-y-2.5"> 212 <li><a href="/opinio/" class="text-sm text-gray-500 hover:text-cyan-400 transition-colors">Opinio</a></li> 213 <li><a href="/polls/" class="text-sm text-gray-500 hover:text-cyan-400 transition-colors">EasyPolls</a></li> 214 <li><a href="/services.html" class="text-sm text-gray-500 hover:text-cyan-400 transition-colors">Professional Services</a></li> 215 <li><a href="/easycharts/" class="text-sm text-gray-500 hover:text-cyan-400 transition-colors">EasyCharts</a></li> 216 </ul> 217 </div> 218 <div> 219 <h4 class="text-xs font-semibold uppercase tracking-wider text-gray-400 mb-4">Company</h4> 220 <ul class="space-y-2.5"> 221 <li><a href="/company.html" class="text-sm text-gray-500 hover:text-cyan-400 transition-colors">About Us</a></li> 222 <li><a href="/contact.html" class="text-sm text-gray-500 hover:text-cyan-400 transition-colors">Contact</a></li> 223 <li>Site Map</li> 224 <li><a href="/GDPR.html" class="text-sm text-gray-500 hover:text-cyan-400 transition-colors">GDPR</a></li> 225 </ul> 226 </div> 227 <div> 228 <h4 class="text-xs font-semibold uppercase tracking-wider text-gray-400 mb-4">Support</h4> 229 <ul class="space-y-2.5"> 230 <li><a href="https://helpdesk.objectplanet.com/" class="text-sm text-gray-500 hover:text-cyan-400 transition-colors">Help Desk</a></li> 231 <li><a href="/opinio/documentation.html" class="text-sm text-gray-500 hover:text-cyan-400 transition-colors">Documentation</a></li> 232 <li><a href="/purchase.html" class="text-sm text-gray-500 hover:text-cyan-400 transition-colors">Purchase</a></li> 233 </ul> 234 </div> 235 </div> 236 <div class="border-t border-gray-800 pt-6 flex flex-col sm:flex-row justify-between items-center gap-3 text-xs text-gray-600"> 237 <p>© 1998–<span id="thisYear"></span> ObjectPlanet, Inc. All rights reserved.</p> 238 <a href="http://www.objectplanet.com/DataProtectionPolicy-ObjectPlanet.pdf" class="hover:text-cyan-400 transition-colors">Privacy Policy</a> 239 </div> 240 </div> 241 </footer> 242 243
243<script> 244 document.getElementById('thisYear').textContent = new Date().getFullYear(); 245 246 // Email obfuscation â address is never in the HTML source 247 (function () { 248 var c = [115,97,108,101,115,64,115,117,112,112,111,114,116,46,111,98,106,101,99,116,112,108,97,110,101,116,46,99,111,109]; 249 var addr = c.map(function (n) { return String.fromCharCode(n); }).join(''); 250 document.getElementById('salesEmailLink').href = 'mailto:' + addr; 251 document.getElementById('salesEmailInline').textContent = addr; 252 })(); 253 254 function toggleMobileMenu() { 255 const menu = document.getElementById('mobileMenu'); 256 const open = document.getElementById('iconOpen'); 257 const close = document.getElementById('iconClose'); 258 const isHidden = menu.classList.contains('hidden'); 259 menu.classList.toggle('hidden', !isHidden); 260 open.classList.toggle('hidden', isHidden); 261 close.classList.toggle('hidden', !isHidden); 262 } 263 </script>
263 264</body> 265</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.