1<!DOCTYPE html><html lang="en" data-astro-transition-scope="astro-smooz4hq-2"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="icon" type="image/ico" href="favicon.ico"><!-- Canonical URL --><link rel="canonical" href="/en/about"><meta name="google-site-verification" content="nE1xH5V8Wb_5CyWh22IR8Ro5a0rw2Q9V6L-GBRvB7IQ"><base href="https://www.namibia-tracks-and-trails.com"><title>About Us - Namibia Tracks and Trails</title><meta name="description" content="About Us - Namibia Tracks and Trails - About Namibia Tracks and Trails - Here to help you with your travel requirements throughout Namibia"><meta name="generator" content="Astro v4.16.18"><!-- Link Swiper's CSS --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"><!-- Font Google --><link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Poppins:wght@300;400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"></noscript><link rel="shortcut icon" href="favicon.ico" type="image/x-icon"><link rel="icon" href="favicon.ico" type="image/x-icon"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><!-- <link rel="preload" href="assets/img/circle-dotted.png" as="image" /> --><link rel="stylesheet" href="/_astro/about.BpY8QFO-.css"> 2<link rel="stylesheet" href="/_astro/index.ojclyvZd.css"> 3<style>@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}} 4section[data-astro-cid-qu7r3uzm].parallax,.back-parallax[data-astro-cid-qu7r3uzm]{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.bg[data-astro-cid-qu7r3uzm]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat}.cms-content[data-astro-cid-qu7r3uzm] h1[data-astro-cid-qu7r3uzm],.cms-content[data-astro-cid-qu7r3uzm] h2[data-astro-cid-qu7r3uzm],.cms-content[data-astro-cid-qu7r3uzm] h3[data-astro-cid-qu7r3uzm],.cms-content[data-astro-cid-qu7r3uzm] h4[data-astro-cid-qu7r3uzm],.cms-content[data-astro-cid-qu7r3uzm] h5[data-astro-cid-qu7r3uzm],.cms-content[data-astro-cid-qu7r3uzm] h6[data-astro-cid-qu7r3uzm],.cms-content[data-astro-cid-qu7r3uzm] p[data-astro-cid-qu7r3uzm]{color:#fff!important}.bg[data-astro-cid-qu7r3uzm]{background-attachment:fixed} 5</style>
5<script type="module" src="/_astro/hoisted.BScVxmeO.js"></script>
vendor: 1 bytes, line 5
5
6<script>!(function(w,p,f,c){if(!window.crossOriginIsolated && !navigator.serviceWorker) return;c=w[p]=Object.assign(w[p]||{},{"lib":"/~partytown/","debug":false});c[f]=(c[f]||[]).concat(["dataLayer.push"])})(window,'partytown','forward');/* Partytown 0.10.2 - MIT builder.io */ 7const t={preserveBehavior:!1},e=e=>{if("string"==typeof e)return[e,t];const[n,r=t]=e;return[n,{...t,...r}]},n=Object.freeze((t=>{const e=new Set;let n=[];do{Object.getOwnPropertyNames(n).forEach((t=>{"function"==typeof n[t]&&e.add(t)}))}while((n=Object.getPrototypeOf(n))!==Object.prototype);return Array.from(e)})());!function(t,r,o,i,a,s,c,d,l,p,u=t,f){function h(){f||(f=1,"/"==(c=(s.lib||"/~partytown/")+(s.debug?"debug/":""))[0]&&(l=r.querySelectorAll('script[type="text/partytown"]'),i!=t?i.dispatchEvent(new CustomEvent("pt1",{detail:t})):(d=setTimeout(v,1e4),r.addEventListener("pt0",w),a?y(1):o.serviceWorker?o.serviceWorker.register(c+(s.swPath||"partytown-sw.js"),{scope:c}).then((function(t){t.active?y():t.installing&&t.installing.addEventListener("statechange",(function(t){"activated"==t.target.state&&y()}))}),console.error):v())))}function y(e){p=r.createElement(e?"script":"iframe"),t._pttab=Date.now(),e||(p.style.display="block",p.style.width="0",p.style.height="0",p.style.border="0",p.style.visibility="hidden",p.setAttribute("aria-hidden",!0)),p.src=c+"partytown-"+(e?"atomics.js?v=0.10.2":"sandbox-sw.html?"+t._pttab),r.querySelector(s.sandboxParent||"body").appendChild(p)}function v(n,o){for(w(),i==t&&(s.forward||[]).map((function(n){const[r]=e(n);delete t[r.split(".")[0]]})),n=0;n<l.length;n++)(o=r.createElement("script")).innerHTML=l[n].innerHTML,o.nonce=s.nonce,r.head.appendChild(o);p&&p.parentNode.removeChild(p)}function w(){clearTimeout(d)}s=t.partytown||{},i==t&&(s.forward||[]).map((function(r){const[o,{preserveBehavior:i}]=e(r);u=t,o.split(".").map((function(e,r,o){var a;u=u[o[r]]=r+1<o.length?u[o[r]]||(a=o[r+1],n.includes(a)?[]:{}):(()=>{let e=null;if(i){const{methodOrProperty:n,thisObject:r}=((t,e)=>{let n=t;for(let t=0;t<e.length-1;t+=1)n=n[e[t]];return{thisObject:n,methodOrProperty:e.length>0?n[e[e.length-1]]:void 0}})(t,o);"function"==typeof n&&(e=(...t)=>n.apply(r,...t))}return function(){let n;return e&&(n=e(arguments)),(t._ptf=t._ptf||[]).push(o,arguments),n}})()}))})),"complete"==r.readyState?h():(t.addEventListener("DOMContentLoaded",h),t.addEventListener("load",h))}(window,document,navigator,top,window.crossOriginIsolated);;(e=>{e.addEventListener("astro:before-swap",e=>{let r=document.body.querySelector("iframe[src*='/~partytown/']");if(r)e.newDocument.body.append(r)})})(document);</script>
7<style>[data-astro-transition-scope="astro-osopz2bj-1"] { view-transition-name: astro-osopz2bj-1; }@layer astro { ::view-transition-old(astro-osopz2bj-1) { 8 animation-duration: 90ms, 220ms; 9 animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1), cubic-bezier(0.76, 0, 0.24, 1); 10 animation-fill-mode: both, both; 11 animation-name: astroFadeOut, astroSlideToLeft; }::view-transition-new(astro-osopz2bj-1) { 12 animation-duration: 210ms, 220ms; 13 animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1), cubic-bezier(0.76, 0, 0.24, 1); 14 animation-delay: 30ms; 15 animation-fill-mode: both, both; 16 animation-name: astroFadeIn, astroSlideFromRight; }[data-astro-transition=back]::view-transition-old(astro-osopz2bj-1) { 17 animation-name: astroFadeOut, astroSlideToRight; }[data-astro-transition=back]::view-transition-new(astro-osopz2bj-1) { 18 animation-name: astroFadeIn, astroSlideFromLeft; } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-osopz2bj-1"], 19 [data-astro-transition-fallback="old"][data-astro-transition-scope="astro-osopz2bj-1"] { 20 animation-duration: 90ms, 220ms; 21 animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1), cubic-bezier(0.76, 0, 0.24, 1); 22 animation-fill-mode: both, both; 23 animation-name: astroFadeOut, astroSlideToLeft; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-osopz2bj-1"], 24 [data-astro-transition-fallback="new"][data-astro-transition-scope="astro-osopz2bj-1"] { 25 animation-duration: 210ms, 220ms; 26 animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1), cubic-bezier(0.76, 0, 0.24, 1); 27 animation-delay: 30ms; 28 animation-fill-mode: both, both; 29 animation-name: astroFadeIn, astroSlideFromRight; }[data-astro-transition=back][data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-osopz2bj-1"], 30 [data-astro-transition=back][data-astro-transition-fallback="old"][data-astro-transition-scope="astro-osopz2bj-1"] { 31 animation-name: astroFadeOut, astroSlideToRight; }[data-astro-transition=back][data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-osopz2bj-1"], 32 [data-astro-transition=back][data-astro-transition-fallback="new"][data-astro-transition-scope="astro-osopz2bj-1"] { 33 animation-name: astroFadeIn, astroSlideFromLeft; }</style><style>[data-astro-transition-scope="astro-smooz4hq-2"] { view-transition-name: astro-smooz4hq-2; }@layer astro { ::view-transition-old(astro-smooz4hq-2) { animation: none; opacity: 0; mix-blend-mode: normal; }::view-transition-new(astro-smooz4hq-2) { animation: none; mix-blend-mode: normal; }::view-transition-group(astro-smooz4hq-2) { animation: none } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-smooz4hq-2"], 34 [data-astro-transition-fallback="old"][data-astro-transition-scope="astro-smooz4hq-2"] { animation: none; mix-blend-mode: normal; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-smooz4hq-2"], 35 [data-astro-transition-fallback="new"][data-astro-transition-scope="astro-smooz4hq-2"] { animation: none; mix-blend-mode: normal; }</style></head> <body class="dsn-effect-scroll- dsn-cursor-effect dsn-ajax"> <div class="fixed top-0 left-0 w-full h-1 z-50 hidden" id="load-indicator"> <div> <h4 class="sr-only">Status</h4> <div class="" aria-hidden="true"> <div class="overflow-hidden bg-gray-200"> <div id="load-progress" class="h-1 rounded-full bg-primary" style="width: 0%"></div> </div> <div class="mt-6 hidden grid-cols-4 text-sm font-medium text-gray-600 sm:grid"></div> </div> </div> </div> <!-- ========== Menu ========== --><div class="site-header dsn-container dsn-load-animate"> <div class="w-full h-10 text-right flex justify-center md:justify-end max-w-7xl mx-auto" id="top-contact"> <div class="text-white gap-x-2 text-xs h-10 mr-8 d-none d-md-block"> <a href="tel:+264812697271"> <img src="assets/img/phone.svg" alt="Phone Us" class="h-4 inline -mt-0.5"> 36++264 824 416 820 37</a> </div> <div class="text-white flex gap-x-2 text-xs h-10 mr-8 d-none d-md-block"> <a href="/cdn-cgi/l/email-protection#1f767179705f717e72767d767e326b6d7e7c746c327e717b326b6d7e76736c317c7072"> <img src="assets/img/envelope.svg" alt="Email Us" class="h-4 inline -mt-0.5">
38<span class="__cf_email__" data-cfemail="a4cdcac2cbe4cac5c9cdc6cdc589d0d6c5c7cfd789c5cac089d0d6c5cdc8d78ac7cbc9">[email protected]</span> 39</a> </div> <div class="-mt-0.5 mr-2 d-none d-md-block"> <button id="lang_button" class=""> <div><svg 40 xmlns="http://www.w3.org/2000/svg" 41 width="24" 42 height="24" 43 viewBox="0 0 32 32" 44 > 45 <rect 46 x="1" 47 y="4" 48 width="30" 49 height="24" 50 rx="4" 51 ry="4" 52 fill="#071b65" 53 ></rect> 54 <path 55 d="M5.101,4h-.101c-1.981,0-3.615,1.444-3.933,3.334L26.899,28h.101c1.981,0,3.615-1.444,3.933-3.334L5.101,4Z" 56 fill="#fff" 57 ></path> 58 <path 59 d="M22.25,19h-2.5l9.934,7.947c.387-.353,.704-.777,.929-1.257l-8.363-6.691Z" 60 fill="#b92932" 61 ></path> 62 <path 63 d="M1.387,6.309l8.363,6.691h2.5L2.316,5.053c-.387,.353-.704,.777-.929,1.257Z"
64 fill="#b92932" 65 ></path> 66 <path 67 d="M5,28h.101L30.933,7.334c-.318-1.891-1.952-3.334-3.933-3.334h-.101L1.067,24.666c.318,1.891,1.952,3.334,3.933,3.334Z" 68 fill="#fff" 69 ></path> 70 <rect x="13" y="4" width="6" height="24" fill="#fff"></rect> 71 <rect x="1" y="13" width="30" height="6" fill="#fff"></rect> 72 <rect 73 x="14" 74 y="4" 75 width="4" 76 height="24" 77 fill="#b92932" 78 ></rect> 79 <rect 80 x="14" 81 y="1" 82 width="4" 83 height="30" 84 transform="translate(32) rotate(90)" 85 fill="#b92932" 86 ></rect> 87 <path 88 d="M28.222,4.21l-9.222,7.376v1.414h.75l9.943-7.94c-.419-.384-.918-.671-1.471-.85Z" 89 fill="#b92932" 90 ></path> 91 <path 92 d="M2.328,26.957c.414,.374,.904,.656,1.447,.832l9.225-7.38v-1.408h-.75L2.328,26.957Z" 93 fill="#b92932" 94 ></path> 95 <path 96 d="M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z" 97 opacity=".15" 98 ></path> 99 <path 100 d="M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z" 101 fill="#fff" 102 opacity=".2" 103 ></path> 104 </svg></div> </button>
vendor: 109 bytes, line 104
104 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
104<script is="inline">(function(){const de_flag = "<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 32 32\"\n >\n <rect\n x=\"1\"\n y=\"4\"\n width=\"30\"\n height=\"24\"\n rx=\"4\"\n ry=\"4\"\n fill=\"#071b65\"\n ></rect>\n <path\n d=\"M5.101,4h-.101c-1.981,0-3.615,1.444-3.933,3.334L26.899,28h.101c1.981,0,3.615-1.444,3.933-3.334L5.101,4Z\"\n fill=\"#fff\"\n ></path>\n <path\n d=\"M22.25,19h-2.5l9.934,7.947c.387-.353,.704-.777,.929-1.257l-8.363-6.691Z\"\n fill=\"#b92932\"\n ></path>\n <path\n d=\"M1.387,6.309l8.363,6.691h2.5L2.316,5.053c-.387,.353-.704,.777-.929,1.257Z\"\n fill=\"#b92932\"\n ></path>\n <path\n d=\"M5,28h.101L30.933,7.334c-.318-1.891-1.952-3.334-3.933-3.334h-.101L1.067,24.666c.318,1.891,1.952,3.334,3.933,3.334Z\"\n fill=\"#fff\"\n ></path>\n <rect x=\"13\" y=\"4\" width=\"6\" height=\"24\" fill=\"#fff\"></rect>\n <rect x=\"1\" y=\"13\" width=\"30\" height=\"6\" fill=\"#fff\"></rect>\n <rect\n x=\"14\"\n y=\"4\"\n width=\"4\"\n height=\"24\"\n fill=\"#b92932\"\n ></rect>\n <rect\n x=\"14\"\n y=\"1\"\n width=\"4\"\n height=\"30\"\n transform=\"translate(32) rotate(90)\"\n fill=\"#b92932\"\n ></rect>\n <path\n d=\"M28.222,4.21l-9.222,7.376v1.414h.75l9.943-7.94c-.419-.384-.918-.671-1.471-.85Z\"\n fill=\"#b92932\"\n ></path>\n <path\n d=\"M2.328,26.957c.414,.374,.904,.656,1.447,.832l9.225-7.38v-1.408h-.75L2.328,26.957Z\"\n fill=\"#b92932\"\n ></path>\n <path\n d=\"M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z\"\n opacity=\".15\"\n ></path>\n <path\n d=\"M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z\"\n fill=\"#fff\"\n opacity=\".2\"\n ></path>\n </svg>"; 105const en_flag = "<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewB
105ox=\"0 0 32 32\"\n >\n <>\n <path fill=\"#cc2b1d\" d=\"M1 11H31V21H1z\" />\n <path d=\"M5,4H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z\" />\n <path\n d=\"M5,20H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z\"\n transform=\"rotate(180 16 24)\"\n fill=\"#f8d147\"\n />\n <path\n d=\"M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z\"\n opacity=\".15\"\n />\n <path\n d=\"M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z\"\n fill=\"#fff\"\n opacity=\".2\"\n />\n </>\n </svg>"; 106 107 document.addEventListener("astro:page-load", function () { 108 init_languauge(); 109 }); 110 111 // Function to check if localStorage is available 112 function is_storage_available() { 113 try { 114 const test = "__test__"; 115 localStorage.setItem(test, test); 116 localStorage.removeItem(test); 117 return true; 118 } catch (error) { 119 console.error("LocalStorage is not available."); 120 return false; 121 } 122 } 123 124 // Function to initialize language selection 125 function init_languauge() { 126 const languageButton = document.getElementById("lang_button"); 127 128 //Get current URL 129 const url = window.location.href; 130 //Get current path 131 const path = window.location.pathname.substring(1); 132 const pathArray = path.split("/"); 133 134 // Check if localStorage is available 135 // if (!is_storage_available()) { 136 // console.warn("localStorage not available, using default language."); 137 // return; 138 // } 139 140 // Retrieve saved language from localStorage or default to English (en) 141 const savedLanguage = localStorage.getItem("lang") || "en"; 142 143 //Check if Match 144 if (pathArray[0] !== savedLanguage) { 145 //CHeck if dynamic path or home 146 if (path.split("/").length > 1) { 147 //window.location.href = `/${savedLanguage}/${path}`;
148 } else { 149 //window.location.href = `/${savedLanguage}`; 150 } 151 } 152 153 set_language(savedLanguage); 154 //language = savedLanguage; 155 // Add click event listener to toggle language between "en" and "fr" 156 languageButton.addEventListener("click", function () { 157 const currentLanguage = localStorage.getItem("lang") || "en"; 158 159 // Toggle language between English ('en') and German ('de') 160 const newLanguage = currentLanguage === "en" ? "de" : "en"; 161 162 // Store the new language in localStorage 163 localStorage.setItem("lang", newLanguage); 164 set_language(newLanguage); 165 //language = newLanguage; 166 //console.log(`Language changed to: ${newLanguage}`); 167 window.location.href = `/${newLanguage}`; 168 }); 169 } 170 171 function set_language(savedLanguage) { 172 const languageButton = document.getElementById("lang_button"); 173 // Set the button text based on saved language 174 if (savedLanguage === "en") { 175 languageButton.innerHTML = en_flag; 176 } else { 177 languageButton.innerHTML = de_flag; 178 } 179 } 180})();</script>
180 </div> </div> <div class="extend-container d-flex w-100 align-items-top justify-content-between align-middle max-w-7xl mx-auto px-2"> <div class="inner-header p-relative"> <div class="main-logo"> <a href="/en" data-dsn="parallax" data-astro-rerun> <img src="/_image?href=%2F_astro%2Flogo_dark.J_OxEFOF.svg&f=svg" id="logo" alt="Namibia Tracks and Trails" class="dark-light- dark-logo" width="1024" height="380" loading="lazy" decoding="async"> <img src="/_image?href=%2F_astro%2Flogo_dark.J_OxEFOF.svg&f=svg" id="logo" alt="Namibia Tracks and Trails" class="dark-light- light-logo" width="1024" height="380" loading="lazy" decoding="async"> </a> </div> </div> <div class=" flex-col align-middle justify-center z-10 w-full xs:hidden sm:flex md:flex nav-bar-main"> <ul class="flex justify-end align-middle gap-x-8 mr-14"> <li><a href="https://www.namibia-tracks-and-trails.com/en/packages" class="menu-link">Tour Packages</a></li><li><a href="en/fleet" class="menu-link">Fleet</a></li><li><a href="en/camps" class="menu-link">Camps</a></li><li><a href="en/team" class="menu-link">Team</a></li><li><a href="en/about" class="menu-link">About Us</a></li><li><a href="en/contact" class="menu-link">Contact Us</a></li><li><a href="en/news" class="menu-link">News</a></li> </ul> </div> <div class="flex"> <button class="hover:cursor-pointer mr-6 pt-2 theme-toggle" id="theme-toggle" style="cursor:pointer"> <svg id="theme-toggle-dark-icon" class="w-6 h-6 top-menu-link text-white" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path> </svg> </button> <div class="menu-icon d-flex justify-center pt-8 -mt-1"> <div class="text-menu p-relative font-heading text-transform-upper" id="menu-button"> <div class="p-absolute text-button text-white top-menu-link -mt-0.5"> 181Menu 182</div> <div class="p-absolute text-open text-white top-menu-link -mt-0.5"> 183Open 184</div> <div class="p-absolute text-close text-white top-menu-link -mt-0.5"> 185Close 186</div> </div> <div class="icon-m -mt-5" data-dsn="parallax" data-dsn-move="10"> <span class="menu-icon-line p-relative d-inline-block icon-top"></span> <span class="menu-icon-line p-relative d-inline-block icon-center"></span> <span class="menu-icon-line p-relative d-block icon-bottom"></span> </div> </div> </div> <nav class="accent-menu dsn-container main-navigation p-absolute w-100 d-flex align-items-baseline"> <div class="menu-cover-title">Menu</div> <ul class="extend-container p-relative d-flex flex-column justify-content-center h-100"> <li> <a class="toplevel" href="#"> <span class="dsn-title-menu"> Home </span> <span class="dsn-meta-menu">01</span> <span class="dsn-bg-arrow"></span> </a> </li><li class="dsn-drop-down"> <a href="#" class="user-no-selection"> <span class="dsn-title-menu"> Our Camps </span> <span class="dsn-meta-menu">02</span> <span class="dsn-bg-arrow"></span> </a> <ul> <li class="dsn-back-menu"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="assets/img/left-chevron.svg" alt=""> <span class="dsn-title-menu">Our Camps</span> </li> 187 <li> <a class="alink" href="en/camps"> <span class="dsn-title-menu"> All Camps </span> <span class="dsn-meta-menu">02</span> </a> </li><li> <a class="alink" href="en/camps/desert-hills-glamping"> <span class="dsn-title-menu"> Desert Hills Glamping </span> <span class="dsn-meta-menu">02</span> </a> </li><li> <a class="alink" href="en/camps/ozondjou-trails-camp"> <span class="dsn-title-menu"> Ozondjou Trails Camp </span> <span class="dsn-meta-menu">03</span> </a> </li><li> <a class="alink" href="en/camps/malansrus"> <span class="dsn-title-menu"> Malansrus Tented Camp </span> <span class="dsn-meta-menu">04</span> </a> </li> </ul> </li><li> <a class="toplevel" href="en/fleet"> <span class="dsn-title-menu"> Our Fleet </span> <span class="dsn-meta-menu">03</span> <span class="dsn-bg-arrow"></span> </a> </li><li class="dsn-drop-down"> <a href="#" class="user-no-selection"> <span class="dsn-title-menu"> About Us </span> <span class="dsn-meta-menu">04</span> <span class="dsn-bg-arrow"></span> </a> <ul> <li class="dsn-back-menu"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="assets/img/left-chevron.svg" alt=""> <span class="dsn-title-menu">About Us</span> </li> 188 <li> <a class="alink" href="en/about"> <span class="dsn-title-menu"> About Us </span> <span class="dsn-meta-menu">02</span> </a> </li><li> <a class="alink" href="en/team"> <span class="dsn-title-menu"> Our Team </span> <span class="dsn-meta-menu">02</span> </a> </li> </ul> </li><li> <a class="toplevel" href="en/travel-info"> <span class="dsn-title-menu"> Travel info </span> <span class="dsn-meta-menu">05</span> <span class="dsn-bg-arrow"></span> </a> </li><li> <a class="toplevel" href="en/contact"> <span class="dsn-title-menu"> Contact Us </span> <span class="dsn-meta-menu">06</span> <span class="dsn-bg-arrow"></span> </a> </li><li class="dsn-drop-down"> <a href="#" class="user-no-selection"> <span class="dsn-title-menu"> Packages </span> <span class="dsn-meta-menu">07</span> <span class="dsn-bg-arrow"></span> </a> <ul> <li class="dsn-back-menu"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="assets/img/left-chevron.svg" alt=""> <span class="dsn-title-menu">Packages</span> </li> 189 <li> <a class="alink" href="en/packages"> <span class="dsn-title-menu"> All Packages </span> <span class="dsn-meta-menu">02</span> </a> </li><li> <a class="alink" href="en/packages/guided-camping-safari-426"> <span class="dsn-title-menu"> Guided Camping Safaris </span> <span class="dsn-meta-menu">02</span> </a> </li><li> <a class="alink" href="en/packages/guided-lodge-tour-425"> <span class="dsn-title-menu"> Guided Lodge Tours </span> <span class="dsn-meta-menu">03</span> </a> </li><li> <a class="alink" href="en/packages/self-drive-flying-combo-427"> <span class="dsn-title-menu"> Self Drive Flying Combo </span> <span class="dsn-meta-menu">04</span> </a> </li><li> <a class="alink" href="en/packages/self-drive-428"> <span class="dsn-title-menu"> Self Drive </span> <span class="dsn-meta-menu">05</span> </a> </li><li> <a class="alink" href="en/packages/flying-safari-429"> <span class="dsn-title-menu"> Flying Safaris </span> <span class="dsn-meta-menu">06</span> </a> </li> </ul> </li> </ul> <div class="container-content p-absolute h-100 left-60 d-flex flex-column justify-content-center"> <div class="nav__info"> <div class="nav-content"> <p class="title-line">Swakopmund</p> <p> 190C/O Bohr & Einstein Street, <br> 191Swakopmund, Namibia 192</p> <p class="links over-hidden"> <a href="tel:+26464416820" data-hover-text="+264 64 416820" class="link-hover">+264 64 416820</a> </p> <p class="links over-hidden"> <a href="tel:+264812697271" data-hover-text="+264 81 269 7271" class="link-hover">+264 81 269 7271</a> </p> </div> <div class="nav-content"> <p class="title-line">Windhoek</p> <p> 193Unit 1 Philadelphia House, 6 Newton Street, <br> 194Windhoek, Namibia 195</p> <p class="links over-hidden"> <a href="tel:+26461252197" data-hover-text="+264 61 252 197" class="link-hover">+264 61 252 197</a> </p> <p class="links over-hidden"> <a href="tel:+264811251359" data-hover-text="+264 81 125 1359" class="link-hover">+264 81 125 1359</a> </p> <p class="links over-hidden"> <a href="/cdn-cgi/l/email-protection#51383f373e113f303c383338307c252330323a227c303f357c252330383d227f323e3c" data-hover-text="[email protected]" class="link-hover"><span class="__cf_email__" data-cfemail="640d0a020b240a05090d060d0549101605070f1749050a00491016050d08174a070b09">[email protected]</span></a> </p> </div> </div> <div class="nav-social nav-content"> <div class="nav-social-inner p-relative"> <p class="title-line">Follow us</p> <ul> <li> <a href="#" target="_blank" rel="nofollow">Facebook. 196<div class="icon-circle"></div> </a> </li> <li> <a href="#" target="_blank" rel="nofollow">Instagram. 197<div class="icon-circle"></div> </a> </li> <li> <a href="#" target="_blank" rel="nofollow">Linkedin. 198<div class="icon-circle"></div> </a> </li> </ul> </div> </div> </div> </nav> </div> </div>
vendor: 109 bytes, line 198
198 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
198<script type="module" data-astro-rerun> 199 200 function navMenu() { 201 const siteHeader = document.querySelector(".site-header"); 202 //if (!siteHeader) return; 203 204 return { 205 init: function () { 206 //if (!siteHeader.length) return; 207 this.cutterText(); 208 this.hamburgerOpen(); 209 }, 210 cutterText: function () { 211 const textMenu = siteHeader.querySelector( 212 ".menu-icon .text-menu" 213 ); 214 if (!textMenu) return; 215 216 const textButton = textMenu.querySelector(".text-button"); 217 const textOpen = textMenu.querySelector(".text-open"); 218 const textClose = textMenu.querySelector(".text-close"); 219 220 if (textButton) dsnGrid.convertTextLine(textButton); 221 if (textOpen) dsnGrid.convertTextLine(textOpen); 222 if (textClose) dsnGrid.convertTextLine(textClose); 223 }, 224 hamburgerOpen: function () { 225 console.log("init hamburger"); 226 const mainIcon = siteHeader.querySelector(".menu-icon"); 227 const mainNav = siteHeader.querySelector(".main-navigation"); 228 229 const tl = gsap.timeline({ 230 paused: true, 231 onReverseComplete: () => { 232 setTimeout(() => { 233 const icons = mainIcon.querySelectorAll( 234 ".icon-top, .icon-bottom" 235 ); 236 icons.forEach((icon) => { 237 icon.style.transform = ""; 238 icon.style.display = ""; 239 }); 240 }, 50); 241 console.log("onReverseComplete : tl"); 242 }, 243 }); 244 245 let menuClick = gsap.timeline({ 246 onReverseComplete: () => { 247 menuClick = gsap.timeline(); 248 console.log("onReverseComplete : menuClick"); 249 }, 250 }); 251 const ease = Power3.easeOut; 252 253 // Open Menu 254 tl.set(mainIcon.querySelector(".icon-center"), { 255 display: "none", 256 }); 257 258 tl.to(mainIcon.querySelector(".icon-top"), { 259 duration: 0.5, 260 width: 23, 261 rotation: 45, 262 top: 0, 263 ease, 264 }); 265 tl.to( 266 mainIcon.querySelector(".icon-bottom"), 267 { 268 duration: 0.5, 269 width: 23, 270 rotation: -45, 271 top: 0, 272 ease, 273 }, 274 0 275 ); 276 277 tl.call(() => { 278 mainIcon.classList.toggle("nav-active"); 279 }); 280 281 tl.to( 282 mainNav, 283 { 284 duration: 0.5, 285 y: "0%", 286 autoAlpha: 1, 287 ease, 288 }, 289 0 290 ); 291 292 tl.fromTo( 293 mainNav, 294 { 295 duration: 0.5, 296 y: "-100%", 297 autoAlpha: 0, 298 }, 299 { 300 y: "0%", 301 autoAlpha: 1, 302 ease: Expo.easeInOut, 303 }, 304 0 305 ); 306 307 tl.to("ul.extend-container > li > a .dsn-title-menu", { 308 duration: 0.5, 309 autoAlpha: 1, 310 y: 0, 311 ease: Back.easeOut.config(1.7), 312 stagger: 0.05, 313 }); 314 315 tl.set( 316 mainNav.querySelectorAll( 317 "ul.extend-container > li > a .dsn-meta-menu" 318 ), 319 { 320 autoAlpha: 1, 321 ease, 322 } 323 ); 324 tl.to( 325 mainNav.querySelector(".container-content"), 326 { 327 duration: 1, 328 autoAlpha: 1, 329 }, 330 "-=1" 331 ); 332 333 tl.reverse(); 334 335 mainNav 336 .querySelectorAll("ul.extend-container > li.dsn-drop-down") 337 .forEach((dropDown) => { 338 dropDown.addEventListener("click", (e) => { 339 e.stopPropagation(); 340 e.preventDefault(); 341 if (menuClick._tDur > 0) return; 342 343 344 let subLinks = 345 dropDown.querySelectorAll("ul li a.alink"); 346 // //console.log("subLinks", subLinks); 347 subLinks.forEach((li) => { 348 //console.log("FOUND Link", li.href); 349 li.addEventListener("click", (e) => { 350 //console.log("Click link"); 351 window.location = li.href; 352 //navigate(li.href); 353 }); 354 }); 355 356 menuClick = gsap.timeline({ 357 onReverseComplete: () => { 358 menuClick = gsap.timeline(); 359 }, 360 }); 361 menuClick.set(dropDown.querySelector("ul"), { 362 display: "flex", 363 }); 364 menuClick.to( 365 mainNav.querySelectorAll( 366 "ul.extend-container > li > a .dsn-title-menu, .dsn-meta-menu" 367 ), 368 { 369 duration: 0.5, 370 y: -30, 371 autoAlpha: 0, 372 ease: Back.easeIn.config(1.7), 373 } 374 ); 375 menuClick.set( 376 ".site-header .extend-container .main-navigation ul.extend-container li", 377 { 378 overflow: "hidden", 379 } 380 ); 381 menuClick.staggerFromTo( 382 dropDown.querySelectorAll("ul li"), 383 0.5, 384 { 385 duration: 0.5, 386 x: 50, 387 autoAlpha: 0, 388 }, 389 { 390 x: 0, 391 autoAlpha: 1, 392 ease: Back.easeOut.config(1.7), 393 }, 394 0.1 395 ); 396 }); 397 }); 398 399 mainIcon.removeEventListener("click", function () {}); 400 mainIcon.addEventListener("click", function () { 401 if (!tl.isActive()) { 402 menuClick.reverse(-1); 403 tl.reversed(!tl.reversed()); 404 menuClick = gsap.timeline(); 405 } 406 }); 407 408 const backMenu = document.querySelectorAll(".dsn-back-menu"); 409 backMenu.forEach((menu) => { 410 menu.removeEventListener("click", function () {}); 411 menu.addEventListener("click", function (e) { 412 //console.log("backMenu:click"); 413 e.stopPropagation(); 414 menuClick.reverse(); 415 }); 416 }); 417 }, 418 }; 419 } 420 421 navMenu().init(); 422 423 424 425</script>
425 <!-- ========== End Menu ========== --> <main class="main-root" data-astro-transition-scope="astro-osopz2bj-1"> <div id="dsn-scrollbar"> <div class="main-content"> <div class="wrapper"> <header class="main-slider has-horizontal p-relative w-100 h-100-v dsn-header-animation"> <div class="content-slider p-relative w-100 h-100 over-hidden v-dark-head"> <div class="bg-container dsn-hero-parallax-img p-relative w-100 h-100"> <div class="slide-inner h-100"> <div class="swiper-wrapper"> <div class="slide-item swiper-slide over-hidden"> <div class="image-bg cover-bg w-100 h-100" data-overlay="5" data-swiper-parallax="50%" data-swiper-parallax-scale="1.5"> <img src="/_image?href=%2F_astro%2Fspitzkoppe_landscape_namibia.7KQJLruH.jpg&w=1800&h=920&f=webp" alt="About Us" id="cover-image" class="cover-bg-img ken-burns" width="1800" height="920" loading="lazy" decoding="async"> </div> <div class="slide-contents z-40 border border-black -mt-96 ml-10 md:ml-24 flex justify-center"> <div class="content p-relative"> <div class="d-block"></div> <h1 class="title user-no-selection d-inline-block dsn-up"> <a class="effect-ajaxs text-white" data-dsn-ajax="slider"> About Us </a> </h1> <p class="max-w570 mt-20 description text-white dsn-up"> Here to help you with your travel requirements throughout Namibia. Fueled by Nature </p> <hr class="mt-20"> <div class="max-w570 mt-20 description text-white dsn-up"><p>Namibia Tracks & Trails was founded by Karl-Heinz Grüttemeyer in 1986 with the construction of Palmwag Lodge. The company was known as Desert Adventure Safaris in those days and owned only 2 safari vehicles offering guided adventure safaris in Damaraland and Kaokoland.<br></p></div> </div> </div> </div> </div> </div> <div class="dsn-slider-content p-absolute h-100 w-100 -mt-10"> <div class="dsn-container d-flex align-items-end"></div> </div> </div> </div>
425<script type="module" data-astro-rerun> 426 document.addEventListener("astro:page-load", (event) => { 427 init_page_header(); 428 }); 429 function init_page_header() { 430 //All heading 431 const headings = document.querySelectorAll(".main-slider .dsn-up"); 432 //Heading FadeOut animation 433 var tweenHeadingFade = gsap 434 .timeline({yoyo: true}) 435 .fromTo( 436 headings, 437 {y: -50, opacity: 0, top: 50, yoyo: true}, 438 {y: 0, opacity: 1, top: 0}, 439 0 440 ) 441 .fromTo(headings, {y: 0, yoyo: true}, {y: 0}, 0); 442 //Scen for header fade 443 // new ScrollMagic.Scene({ 444 // //triggerElement: "#about-img", 445 // duration: 500, 446 // offset: 0, 447 // }) 448 // .setTween(tweenHeadingFade) 449 // //.setPin("#about-img") 450 // .addTo($controller); 451 452 // gsap.fromTo( 453 // headings, 454 // { 455 // y: 20, 456 // opacity: 0, 457 // }, 458 // { 459 // duration: 1, 460 // stagger: 0.1, 461 // y: 0, 462 // opacity: 1, 463 // ease: Back.easeOut.config(1.7), 464 // scrollTrigger: { 465 // trigger: ".dsn-up", 466 // start: "top +=400px", 467 // //markers: true, 468 // }, 469 // } 470 // ); 471 } 472 </script>
472 </header> <div class="main-content mt-40"> <div class="container mb-70 d-flex text-center flex-column align-items-center"> <p class="sub-heading line-shap line-shap-before mb-15"> <span class="line-bg-right"> About Us </span> </p> <h2 class="section-title title-cap"> Here to help you with your travel requirements throughout Namibia. Fueled by Nature </h2> </div> <div class="max-w-5xl mx-auto"> <div> <h3 class="text-md text-center drop-shadow-lg dsn-text-shadow dsn-up my-10"> Activities at the coast </h3> <div class="justify-center flex flex-wrap"> <a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Quadbiking </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Sandboarding </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Tandem Skydiving </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Dolphin Cruises </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Desert Tours </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Cape Cross Tours </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Bird Inspection Tours </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Scenic Flights </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Sandwich Harbour Tours </a> </div> </div> <div> <h3 class="text-md text-center drop-shadow-lg dsn-text-shadow dsn-up my-10"> What we offer </h3> <div class="justify-center flex flex-wrap"> <a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Guided Lodging Tours </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Camping Tours </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Accommodation reservations </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Exclusive Fly-ins </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Selfdrives </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Car rentals </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Incentives / Special Events </a> </div> </div> </div> <div class="my-20"> <div class="container mb-70 d-flex text-center flex-column align-items-center"> <p class="sub-heading line-shap line-shap-before mb-15"> <span class="line-bg-right"> Company History </span> </p> <h2 class="section-title title-cap"> The Story of Namibia Tracks and Trails </h2> </div> </div> <div class="max-w-3xl mx-auto my-20"> <div class="flex bg-gray-50 justify-center border border-gray-200"> <iframe width="100%" height="500" src="//www.youtube.com/embed/JHcYfsTmAN8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> <div class="max-w-5xl mx-auto p-10 mt-20"><div class="dsn-up mt-2"><p>Namibia Tracks & Trails was founded by Karl-Heinz Grüttemeyer in 1986 with the construction of Palmwag Lodge. The company was known as Desert Adventure Safaris in those days and owned only 2 safari vehicles offering guided adventure safaris
472in Damaraland and Kaokoland.</p></div></div><div class="max-w-5xl mx-auto p-10 mt-20"><section class="brand-client mt-10 gallery"> <!-- Slider main container --> <div class="w-full"> <div class="flex dsn-up gap-x-2 gap-y-2"> <div class="logo-box slide full p-10 bg-gray-150 border border-black max-w-xs "> <div class="box-img overflow-clip"> <a class="overflow-clip" href="https://img.ihms.co/unsafe/1280x720/images/1729103393770_4x4_safari_4.jpg" data-caption="" data-fancybox="gallery"> <img src="https://img.ihms.co/unsafe/400x450/images/1729103393770_4x4_safari_4.jpg" class="cover-bg-img hover:scale-105 transition-all duration-500 cursor-pointer" alt="" width="400" height="450" loading="lazy" decoding="async"> </a> </div> </div><div class="logo-box slide full p-10 bg-gray-150 border border-black max-w-xs "> <div class="box-img overflow-clip"> <a class="overflow-clip" href="https://img.ihms.co/unsafe/1280x720/images/1729103396818_mobile_tented_camp_2.jpg" data-caption="" data-fancybox="gallery"> <img src="https://img.ihms.co/unsafe/400x450/images/1729103396818_mobile_tented_camp_2.jpg" class="cover-bg-img hover:scale-105 transition-all duration-500 cursor-pointer" alt="" width="400" height="450" loading="lazy" decoding="async"> </a> </div> </div><div class="logo-box slide full p-10 bg-gray-150 border border-black max-w-xs "> <div class="box-img overflow-clip"> <a class="overflow-clip" href="https://img.ihms.co/unsafe/1280x720/images/1729103399507_mountain_zebra_1.jpg" data-caption="" data-fancybox="gallery"> <img src="https://img.ihms.co/unsafe/400x450/images/1729103399507_mountain_zebra_1.jpg" class="cover-bg-img hover:scale-105 transition-all duration-500 cursor-pointer" alt="" width="400" height="450" loading="lazy" decoding="async"> </a> </div> </div> </div> </div> </section>
472<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.umd.js"></script>
472 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.css">
472<script data-astro-rerun> 473 document.addEventListener("astro:page-load", function () { 474 init_brands(); 475 Fancybox.bind("[data-fancybox]", { 476 // Your custom options 477 }); 478 }); 479 function init_brands() { 480 gsap.fromTo( 481 document.querySelectorAll(".brand-client .logo-box"), 482 { 483 y: 20, 484 opacity: 0, 485 }, 486 { 487 duration: 1, 488 stagger: 0.2, 489 y: 0, 490 opacity: 1, 491 ease: Back.easeOut.config(1.7), 492 scrollTrigger: { 493 trigger: ".brand-client", 494 start: "top +=200px", 495 //markers: true, 496 }, 497 } 498 ); 499 } 500</script>
500</div><div class="max-w-5xl mx-auto p-10 mt-20"><div class="dsn-up mt-2"><p>In 1990, Karl-Heinzâ eldest son, Jockel, joined the business and Jockelâs wife, Monica, shortly thereafter. Together, the family ran the daily operations of Palmwag Lodge and Desert Adventure Safaris, which was later re-branded to Palmwag Lodge & Travel Shop, as the inbound tour and safari operation was further developed. A further name change occurred in 2010 when Palmwag Lodge was sold and the focus was is now only on inbound services and travel arrangements within Namibia and neighbouring countries and the company is now known as Namibia Tracks & Trails. In 2015, Jockel and Monicaâs first-born daughter, Wiebke, joined the team as the next generation within the family. Today, the Namibia Tracks & Trails family comprises of 90 permanent staff and a fleet of around 39 vehicles ranging from transfer vehicles, SUVs and specialized safari vehicles.<br></p></div></div><div class="max-w-5xl mx-auto p-10 mt-20"><div class="dsn-up mt-2"><p>Our team are fully trained to give you experienced advice regarding all aspects of your holiday in Namibia, whether exclusive fly-inâs, guided lodge tours, tented safaris or mapping out a personal itinerary for a self-drive tour. With friendly and efficient service we aim to ensure that every visit to Namibia results in a memorable experience.<br></p></div></div><div class="mx-auto mt-20"><section class="brand-client mt-10" data-astro-cid-qu7r3uzm> <!-- Slider main container --> <div class="w-full back-parallax" data-astro-cid-qu7r3uzm> <div class="absolute w-full h-100 bg-black opacity-50" data-astro-cid-qu7r3uzm></div> <div class="bg" style="background-image: url(https://img.ihms.co/unsafe/1280x720/images/1729173035882_footer_l.jpg" data-astro-cid-qu7r3uzm></div> <div class="w-full h-full z-20 top-0 left-0 right-0 bottom-0 align-middle flex justify-center flex-col max-w-3xl mx-auto" data-astro-cid-qu7r3uzm> <div data-astro-cid-qu7r3uzm> <h2 class="text-3xl md:text-2xl drop-shadow-lg dsn-text-shadow dsn-up text-white mx-auto text-left" data-astro-cid-qu7r3uzm> </h2> <h3 class="text-xl md:text-md drop-shadow-lg dsn-text-shadow dsn-up text-white mx-auto" data-astro-cid-qu7r3uzm> </h3> <div class="dsn-up mt-2 text-white cms-content p-4 md:p-0" data-astro-cid-qu7r3uzm><h3><font color="#ffffff">I hope you have an experience that alters the course of your life, </font></h3><h3><font color="#ffffff">because after Africa, nothing has ever been the same </font></h3><p><i><font color="#ffffff">- Suzanne Evans</font></i><br></p></div> </div> </div> </div> </section>
500<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.umd.js"></script>
500 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.css">
500<script data-astro-rerun> 501 document.addEventListener("astro:page-load", function () { 502 init_section(); 503 Fancybox.bind("[data-fancybox]", { 504 // Your custom options 505 }); 506 }); 507 function init_section() { 508 gsap.registerPlugin(ScrollTrigger); 509 510 let getRatio = (el) => 511 window.innerHeight / (window.innerHeight + el.offsetHeight); 512 let trigger = document.querySelector(".back-parallax"); 513 let section = document.querySelector(".bg"); 514 console.log("sectionBG ", section); 515 // the first image (i === 0) should be handled differently because it should start at the very top. 516 // use function-based values in order to keep things responsive 517 let i = 0; 518 // gsap.fromTo( 519 // section, 520 // { 521 // backgroundPosition: () => 522 // `50% ${-window.innerHeight * getRatio(section)}px`, 523 // }, 524 // { 525 // backgroundPosition: () => 526 // `50% ${window.innerHeight * (1 - getRatio(section))}px`, 527 // ease: "none", 528 // scrollTrigger: { 529 // trigger: trigger, 530 // start: () => "bottom bottom", 531 // end: "bottom top", 532 // scrub: true, 533 // //markers: true, 534 // invalidateOnRefresh: true, // to make it responsive 535 // }, 536 // } 537 // ); 538 539 //All heading 540 const headings = document.querySelectorAll(".brand-client .dsn-up"); 541 gsap.fromTo( 542 headings, 543 { 544 y: 20, 545 opacity: 0, 546 }, 547 { 548 duration: 1, 549 delay: 0.8, 550 stagger: 0.2, 551 y: 0, 552 opacity: 1, 553 ease: Back.easeOut.config(1.7), 554 scrollTrigger: { 555 trigger: ".dsn-up", 556 start: "top +=200px", 557 //markers: true, 558 }, 559 } 560 ); 561 } 562</script>
562</div><div class="max-w-5xl mx-auto p-10 mt-20"><div class="dsn-up mt-2"><p>For over 30 years, the Namibia Tracks and Trails team has been unbelievably lucky to share our home and serve as leaders in sustainable tourism across Namibia. Our humble beginnings can be traced back to the construction of the Palmwag Lodge in 1986, spearheaded by Namibia Tracks and Trails founder, Karl-Heinz Grüttemeyer. Just like his children and grandchildren who came after him, Karl-Heinz was an avid conservationist who believed that sustainable tourism offers a bright future for remote African communities, while also providing a strong incentive for ongoing cultural and natural conservation.</p><p><br></p><p>Working in the safari industry is a deeply rewarding experience for all of us at Namibia Tracks and Trails. It gives us the cherished opportunity to introduce to the world what we hold most dear: our home.</p><p><br></p><p>Namibia is â in our opinion â the best place on earth. We are home to unbelievably vast open spaces, the most pristine nature, amazing fauna and flora, the friendliest people, and unmatched diversity in landscape and scenery.</p><p><br></p><p>To top it all off, we get to share these treasures with our guests. We offer guests the opportunity to visit cultural and conservation projects across Namibia, providing both an enriching and educational experience about what conservation challenges are being faced by our country, and how sustainable tourism can help create a brighter future for the next generation of humans and animals alike.</p><p><br></p><p>There is no better detox from modern life than watching the sunset over Namibia, witnessing wildlife drinking at the waterhole, and absorbing the incredible ânothing-nessâ and silence of being in one of the most remote areas on earth.</p><p><br></p><blockquote>Our vision is to help our clients disconnect from day-to-day stress and reconnect with themselves by offering unforgettable wildlife encounters and cultural experiences across Namibia.</blockquote><p><br></p><p>Our mission is to support local conservation efforts, to change guestsâ lives, and to ensure a brighter future for Namibiaâs people and wildlife by providing educational, enriching, and sustainable African safari tours.</p><p><br></p><p>Our priority is to communicate the value and conservational importance of our offerings to encourage our guests to immerse themselves in an once-in-a-lifetime safari experience. We want to be passionate about our cause while still focusing on the comforts and experiences the guest is seeking on their holiday.<br></p><p><br></p></div></div> <!-- ========== blog Section ========== --> <section class="our-blog section-margin p-relative dsn-swiper" data-dsn-animate="section" data-dsn-option="{"slidesPerView":1.5 }" data-dsn-title="Latest News"> <div class="container mb-70 d-flex text-center flex-column align-items-center"> <p class="sub-heading line-shap line-shap-before mb-15"> <span class="line-bg-right"> Latest News </span> </p> <h2 class="section-title title-cap"> The Latest Travel News </h2> </div> <div class="dsn-container"> <div class="swiper-container" id="news_swiper"> <div class="swiper-wrapper"> <div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/ozondjou-local-residents-special"> Wed, 5 Aug 2026 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1785937641291_OzondjouLocalResidentsSpecial1.png" alt="Ozondjou Local Residents Special"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> </div> <h4 class="title-block mb-20"> <a href="en/news/ozondjou-local-residents-special"> Ozondjou Local Residents Special </a> </h4> <p><p><br></p></p> <a href="en/news/ozondjou-local-residents-special" class="link-vist p-relative mt-2
5620"> <span class="link-vist-text"> 563Load More 564</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/namibia-tracks-and-trails-joins-tosco"> Thu, 19 Jun 2025 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1750346677553_SocialMedia_Lion2.png" alt="Namibia Tracks and Trails Joins TOSCO"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Conservation </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/namibia-tracks-and-trails-joins-tosco"> Namibia Tracks and Trails Joins TOSCO </a> </h4> <p></p> <a href="en/news/namibia-tracks-and-trails-joins-tosco" class="link-vist p-relative mt-20"> <span class="link-vist-text"> 565Load More 566</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/latest-namibian-visa-requirements"> Mon, 14 Apr 2025 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1744629970855_Namibia_VIsa_requirementsmin.png" alt="Latest Namibian VISA Requirements"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> </div> <h4 class="title-block mb-20"> <a href="en/news/latest-namibian-visa-requirements"> Latest Namibian VISA Requirements </a> </h4> <p>Effective from 1 April 2025, Namibia has implemented updated visa regulations requiring travellers from specific countries to obtain a visa before arrival or upon entry.</p> <a href="en/news/latest-namibian-visa-requirements" class="link-vist p-relative mt-20"> <span class="link-vist-text"> 567Load More 568</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/celebrating-vulture-day"> Thu, 1 Oct 2020 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1727793610341_Onguma102.jpg" alt="Celebrating Vulture Day"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Conservation </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/celebrating-vulture-day"> Celebrating Vulture Day </a> </h4> <p></p> <a href="en/news/celebrating-vulture-day" class="link-vist p-relative mt-20"> <span class="link-vist-text"> 569Load More 570</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/confession-of-an-african-prey"> Sun, 20 Sept 2020 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1726844770524_BYQC7989.jpg" alt="Confession of an African prey"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Travel </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/confession-of-an-african-prey"> Confession of an African prey </a> </h4> <p></p> <a href="en/news/confession-of-an-african-prey" class="link-vist p-relative mt-2
5700"> <span class="link-vist-text"> 571Load More 572</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/keeping-rhinos-safe"> Sat, 1 Aug 2020 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1727794293182_DSCN2341.jpg" alt="Keeping Rhinos Safe"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Conservation </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/keeping-rhinos-safe"> Keeping Rhinos Safe </a> </h4> <p></p> <a href="en/news/keeping-rhinos-safe" class="link-vist p-relative mt-20"> <span class="link-vist-text"> 573Load More 574</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/photography-heaven"> Sat, 16 May 2020 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1727790655209_NTT0055BreathtakingNamibiaBotswanaLocationsEveryPhotographerMustSee.jpg" alt="Photography Heaven"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Photography </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/photography-heaven"> Photography Heaven </a> </h4> <p></p> <a href="en/news/photography-heaven" class="link-vist p-relative mt-20"> <span class="link-vist-text"> 575Load More 576</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/favorite-animals"> Sat, 1 Feb 2020 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1727790055849_NTT002SeasonalityGuidetoSeeingYourFavoriteAnimalsAcrossNamibia.jpg" alt="Favorite Animals"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Travel </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/favorite-animals"> Favorite Animals </a> </h4> <p></p> <a href="en/news/favorite-animals" class="link-vist p-relative mt-20"> <span class="link-vist-text"> 577Load More 578</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/packing-for-a-safari"> Fri, 17 Jan 2020 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1727789374944_NTT003WhattoPackonYourFirstSafari.jpg" alt="Packing for a Safari"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Safari </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/packing-for-a-safari"> Packing for a Safari </a> </h4> <p></p> <a href="en/news/packing-for-a-safari" class="link-vist p-relative mt-2
5780"> <span class="link-vist-text"> 579Load More 580</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/glamping-in-namibia"> Tue, 26 Nov 2019 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1727787054414_ntt.png" alt="Glamping in Namibia?"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Glamping </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/glamping-in-namibia"> Glamping in Namibia? </a> </h4> <p></p> <a href="en/news/glamping-in-namibia" class="link-vist p-relative mt-20"> <span class="link-vist-text"> 581Load More 582</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div> </div> <div class="dsn-pagination mt-30 dsn-container d-flex justify-content-between"> <div class="swiper-next"> <div class="next-container"> <div class="container-inner"> <div class="triangle"></div> <svg class="circle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <g class="circle-wrap" fill="none" stroke-width="1" stroke-linejoin="round" stroke-miterlimit="10"> <circle cx="12" cy="12" r="10.5"></circle> </g> </svg> </div> </div> </div> <div class="swiper-pagination"></div> <div class="swiper-prev"> <div class="prev-container"> <div class="container-inner"> <div class="triangle"></div> <svg class="circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g class="circle-wrap" fill="none" stroke-width="1" stroke-linejoin="round" stroke-miterlimit="10"> <circle cx="12" cy="12" r="10.5"></circle> </g> </svg> </div> </div> </div> </div> </div> <div class="text-center"> <a href="en/news" class="mt-30 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> All News <span>â¶</span> </a> </div> </div> </section>
582<script type="module" data-astro-rerun> 583 let s = new Swiper("#news_swiper", { 584 slidesPerView: 1, 585 centeredSlides: true, 586 spaceBetween: 0, 587 grabCursor: true, 588 speed: 1000, 589 parallax: true, 590 loop: true, 591 slideToClickedSlide: true, 592 pagination: { 593 el: document.querySelector("#news_swiper .swiper-pagination"), 594 clickable: true, 595 }, 596 navigation: { 597 nextEl: document.querySelector("#news_swiper .swiper-next"), 598 prevEl: document.querySelector("#news_swiper .swiper-prev"), 599 }, 600 breakpoints: { 601 575: { 602 slidesPerView: 1, 603 spaceBetween: 0, 604 }, 605 768: { 606 slidesPerView: 1.3, 607 spaceBetween: 20, 608 }, 609 992: { 610 slidesPerView: 1.5, 611 spaceBetween: 50, 612 }, 613 }, 614 }); 615</script>
615 <!-- ========== End blog Section ========== --> <footer class="footer p-relative background-section"> <div class="container"> <div class="footer-container"> <div class="d-flex align-items-center h-100"> <div class="column-left"> <div class="footer-social p-relative"> <ul> <li class="over-hidden"> <a href="https://www.facebook.com/namtracksandtrails/" data-dsn="parallax" target="_blank" rel="nofollow">Facebook.</a> </li> <li class="over-hidden"> <a href="https://na.linkedin.com/company/namibia-tracks-and-trails" data-dsn="parallax" target="_blank" rel="nofollow">Linkedin.</a> </li> <li class="over-hidden"> <a href="https://www.instagram.com/namibiatracksntrails/?hl=en" data-dsn="parallax" target="_blank" rel="nofollow">Instagram.</a> </li> </ul> </div> </div> <div class="scroll-top animation-rotate" data-dsn="parallax"> <img src="assets/img/scroll_top.svg" alt=""> <i class="fa fa-angle-up"></i> </div> <div class="column-right"> <h5> 2026 © Made in Swakopmund 616<img src="/_image?href=%2F_astro%2Fna.D79ffb4Z.svg&w=15&f=svg" alt="Tourism Namibia" class="inline" width="15" height="11" loading="lazy" decoding="async"> All Rights Reserved 617</h5> </div> </div> </div> </div> </footer>
617<script> 618 // Scroll to top 619 const scroll = document.querySelector(".scroll-top"); 620 scroll.addEventListener("click", () => { 621 window.scrollTo({ 622 top: 0, 623 behavior: "smooth", 624 }); 625 }); 626</script>
626 </div> </div> </div> <!-- ========== Scroll Right Page To Top Page ========== --> <div class="scroll-to-top"> <img src="assets/img/scroll_top.svg" alt=""> <div class="box-numper"> <span>10%</span> </div> </div> <!-- ========== End Scroll Right Page To Top Page ========== --> </div> </main> <!-- ========== Contact Form Model ========== --> <div class="contact-btn"> <div class="contact-btn-txt">Contact</div> </div> <div class="contact-modal background-section"> <div class="contact-container h-100 w-100 border-right"> <div class="box-contact-inner section-padding"> <div class="row align-items-center"> <div class="col-lg-7"> <div class="form-box"> <div class="line line-top"></div> <div class="line line-bottom"></div> <div class="line line-left"></div> <div class="line line-right"></div> <div class="mb-30 d-flex text-left flex-column align-items-start"> <p class="sub-heading line-shap line-shap-before mb-15"> <span class="line-bg-right">Have a Question?</span> </p> <h2 class="section-title title-cap"> Get in Touch </h2> </div> <p class="mb-30"> Let our team assist you with your Namibian travel requirements. </p> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
626<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();;(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script>
626<astro-island uid="UhQ3J" component-url="/_astro/ContactFormReact.CfT9s6t4.js" component-export="default" renderer-url="/_astro/client.DrE9CFQR.js" props="{"locale":[0,"en"]}" ssr="" client="only" opts="{"name":"ContactFormReact","value":true}"></astro-island> </div> </div> <div class="col-lg-5 contact-page"> <div class="box-info-contact container-content"> <div class="nav__info"> <div class="nav-content"> <p class="title-line">Swakopmund</p> <p> 627C/O Bohr & Einstein Street, <br> 628Swakopmund, Namibia 629</p> <p class="links over-hidden"> <a href="tel:+26464416820" data-hover-text="+264 64 416820" class="link-hover">+264 64 416820</a> </p> <p class="links over-hidden"> <a href="tel:+264812697271" data-hover-text="+264 81 269 7271" class="link-hover">+264 81 269 7271</a> </p> </div> <div class="nav-content"> <p class="title-line">Windhoek</p> <p> 630Unit 1 Philadelphia House, 6 Newton Street, <br> 631Windhoek, Namibia 632</p> <p class="links over-hidden"> <a href="tel:+26461252197" data-hover-text="+264 61 252 197" class="link-hover">+264 61 252 197</a> </p> <p class="links over-hidden"> <a href="tel:+264811251359" data-hover-text="+264 81 125 1359" class="link-hover">+264 81 125 1359</a> </p> <p class="links over-hidden"> <a href="/cdn-cgi/l/email-protection#751c1b131a351b14181c171c1458010714161e0658141b11580107141c19065b161a18" data-hover-text="[email protected]" class="link-hover"><span class="__cf_email__" data-cfemail="325b5c545d725c535f5b505b531f4640535159411f535c561f4640535b5e411c515d5f">[email protected]</span></a> </p> </div> </div> </div> </div> </div> </div> </div> </div> <!-- ========== End Contact Form Model ========== -->
vendor: 109 bytes, line 632
632 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
632<script src="assets/js/plugins.min.js"></script>
632
632<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
632
632<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
632
632<script src="assets/js/scrollmagic.min.js"></script>
632 <!--
632<script src="assets/js/three.min.js" is:inline></script>
632 -->
632<script src="assets/js/swiper.min.js"></script>
632 <!-- Swiper JS --> <!--
632<script 633 src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" 634 is:inline></script>
634 -->
634<script src="assets/js/dsn-grid-plain.min.js"></script>
634
634<script src="assets/js/custom.app.js" data-astro-rerun></script>
vendor: 112 bytes, line 634
634 <script type="text/partytown" async defer fetchpriority="low" src="https://www.googletagmanager.com/gtag/js?id=
634G-J9RBNXN9Y4
vendor: 12 bytes, line 634
634"></script>
634<script type="text/partytown"> 635
vendor: 174 bytes, lines 635-640
635window.dataLayer = window.dataLayer || []; 636 function gtag() { 637 dataLayer.push(arguments); 638 } 639 gtag("js", new Date()); 640 gtag("config", "
640G-J9RBNXN9Y4
vendor: 8 bytes, lines 640-641
640"); 641
641</script>
641
641<script> 642 let interval = null; 643 document.addEventListener("astro:before-preparation", function () { 644 document.body.style.cursor = "wait"; 645 document 646 .getElementById("load-indicator") 647 .classList.remove("hidden"); 648 interval = setInterval(() => { 649 document.getElementById("load-progress").style.width = 650 parseFloat( 651 document.getElementById("load-progress").style.width 652 ) + 653 0.5 + 654 "%"; 655 }, 10); 656 }); 657 document.addEventListener("astro:after-swap", function () { 658 interval && clearInterval(interval); 659 document.getElementById("load-indicator").classList.add("hidden"); 660 document.getElementById("load-progress").style.width = "0%"; 661 }); 662 </script>
662 <!--
662<script src="https://unpkg.com/[email protected]/dist/lenis.min.js" is:inline 663></script>
663 --> <!--
vendor: 152 bytes, lines 663-668
663 <script 664 type="text/partytown" 665 async 666 defer 667 fetchpriority="low" 668 src="https://www.googletagmanager.com/gtag/js?id=
668G-928K7MQWCG
vendor: 16 bytes, lines 668-669
668"></script> 669
669<script type="text/partytown"> 670
vendor: 174 bytes, lines 670-675
670window.dataLayer = window.dataLayer || []; 671 function gtag() { 672 dataLayer.push(arguments); 673 } 674 gtag("js", new Date()); 675 gtag("config", "
675G-928K7MQWCG
vendor: 8 bytes, lines 675-676
675"); 676
676</script>
676 -->
676<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"35dffbd3b94e4485929a19500be835fe","r":1,"spa":2}' crossorigin="anonymous"></script>
676 677</body><!-- Optional JavaScript --></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.