Untitled
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/> <style> *{ margin: 0; padding: 0; box-sizing: border-box; } nav{ position: sticky; z-index: 99; top:0; } nav .wrapper{ position: relative; max-width: 1300px; padding: 0px 2px; height: 70px; line-height: 70px; margin: auto; display: flex; align-items: center; justify-content: space-between; } .wrapper .logo a{ color: #f2f2f2; font-size: 30px; font-weight: 600; text-decoration: none; } .wrapper .nav-links{ display: inline-flex; } .nav-links li{ list-style: none; font-family: 'Rustico Regular Brush'; } .nav-links li a{ color: #f2f2f2; text-decoration: none; font-size: 18px; font-weight: 500; padding: 9px 15px; border-radius: 5px; transition: all 0.3s ease; font-family: 'Vista Sans'; } .nav-links li a:hover{ color:#EBAD32; } .nav-links .mobile-item{ display: none; } .nav-links .drop-menu{ position: absolute; background: #242526; width: 180px; line-height: 45px; top: 85px; opacity: 0; visibility: hidden; box-shadow: 0 6px 10px rgba(0,0,0,0.15); } .nav-links li:hover .drop-menu, .nav-links li:hover .mega-box{ transition: all 0.3s ease; top: 70px; opacity: 1; visibility: visible; } .drop-menu li a{ width: 100%; display: block; padding: 0 0 0 15px; font-weight: 400; border-radius: 0px; } .mega-box{ position: absolute; left: 0; width: 114%; top: 85px; opacity: 0; visibility: hidden; } .mega-box .content{ background: #242526; padding: 25px 20px; display: flex; width: 100%; justify-content: space-between; box-shadow: 0 6px 10px rgba(0,0,0,0.15); } .mega-box .content .row{ width: calc(25% - 30px); line-height: 45px; } .content .row img{ width: 100%; height: 100%; object-fit: cover; } .content .row header{ color: #f2f2f2; font-size: 20px; font-weight: 500; font-family: 'Rustico Regular Brush'; line-height: 30px; margin-bottom: 10px; } .content .row .mega-links{ margin-left: -40px; } .row .mega-links li{ padding: 0 20px; line-height: 20px; margin-bottom: 8px; } .row .mega-links li a{ padding: 0px; padding: 0 20px; color: #d9d9d9; font-size: 15px; display: block; } .row .mega-links li a:hover{ color: #EBAD32; } .wrapper .btn{ color: #fff; font-size: 20px; cursor: pointer; display: none; } .wrapper .btn.close-btn{ position: absolute; right: 30px; top: 10px; } @media screen and (max-width: 970px) { .wrapper .btn{ display: block; } .wrapper .nav-links{ position: fixed; height: 100vh; width: 100%; top: 0; left: -100%; background: #111a23e6; display: block; padding: 50px 10px; line-height: 50px; overflow-y: auto; box-shadow: 0px 15px 15px rgba(0,0,0,0.18); transition: all 0.3s ease; } /* custom scroll bar */ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #242526; } ::-webkit-scrollbar-thumb { background: #3A3B3C; } #menu-btn:checked ~ .nav-links{ left: 0%; } #menu-btn:checked ~ .btn.menu-btn{ display: none; } #close-btn:checked ~ .btn.menu-btn{ display: block; } .nav-links li{ margin: 15px 10px; } .nav-links li a{ padding: 0 20px; display: block; font-size: 20px; } .nav-links .drop-menu{ position: static; opacity: 1; top: 65px; visibility: visible; padding-left: 20px; width: 100%; max-height: 0px; overflow: hidden; box-shadow: none; transition: all 0.3s ease; } #showDrop:checked ~ .drop-menu, #showMega:checked ~ .mega-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showtravel:checked ~ .mega-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showwork:checked ~ .mega-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showlifestyle:checked ~ .mega-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showsecond:checked ~ .mega-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showtrins:checked ~ .tr-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showvs:checked ~ .vs-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showbnk:checked ~ .mega-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showfly:checked ~ .fly-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showds:checked ~ .ds-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showex:checked ~ .ex-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showflt:checked ~ .flt-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showvehirent:checked ~ .vehi-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showroadtrip:checked ~ .roadtrip-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showpackage:checked ~ .package-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showpractical:checked ~ .practical-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showupforwork:checked ~ .upforwork-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showhospi:checked ~ .hospi-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showfruit:checked ~ .fruit-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showtax:checked ~ .tax-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showchildren:checked ~ .children{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showjobs:checked ~ .job-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showconst:checked ~ .const-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showdayto:checked ~ .dayto-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showholiday:checked ~ .holiday-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showculture:checked ~ .culture-box{ max-height: 100%; } #showDrop:checked ~ .drop-menu, #showstay:checked ~ .stay-box{ max-height: 100%; } .arrow{ float:right; } .mobile-item:hover .arrow { transform: rotateZ(90deg); } .mobile-item:visited .arrow { transform: rotateZ(0deg); } .nav-links .desktop-item{ display: none; } .nav-links .mobile-item{ display: block; color: #f2f2f2; font-size: 20px; font-weight: 500; cursor: pointer; border-radius: 5px; transition: all 0.3s ease; } .nav-links .mobile-item:hover{ color: #EBAD32; } .drop-menu li{ margin: 0; } .drop-menu li a{ border-radius: 5px; font-size: 18px; } .mega-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .mega-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .mega-box .content .row{ width: 100%; margin-bottom: 15px; } .mega-box .content .row:nth-child(1), .mega-box .content .row:nth-child(2){ border-top: 0px; } .tax-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .tax-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .tax-box .content .row{ width: 100%; margin-bottom: 15px; } .tax-box .content .row:nth-child(1), .tax-box .content .row:nth-child(2){ border-top: 0px; } .fly-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .fly-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .fly-box .content .row{ width: 100%; margin-bottom: 15px; } .fly-box .content .row:nth-child(1), .fly-box .content .row:nth-child(2){ border-top: 0px; } .vehi-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .vehi-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .vehi-box .content .row{ width: 100%; margin-bottom: 15px; } .vehi-box .content .row:nth-child(1), .vehi-box .content .row:nth-child(2){ border-top: 0px; } .stay-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .stay-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .stay-box .content .row{ width: 100%; margin-bottom: 15px; } .stay-box .content .row:nth-child(1), .stay-box .content .row:nth-child(2){ border-top: 0px; } .const-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .const-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .const-box .content .row{ width: 100%; margin-bottom: 15px; } .const-box .content .row:nth-child(1), .const-box .content .row:nth-child(2){ border-top: 0px; } .ds-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .ds-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .ds-box .content .row{ width: 100%; margin-bottom: 15px; } .ds-box .content .row:nth-child(1), .ds-box .content .row:nth-child(2){ border-top: 0px; } .job-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .job-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .job-box .content .row{ width: 100%; margin-bottom: 15px; } .job-box .content .row:nth-child(1), .job-box .content .row:nth-child(2){ border-top: 0px; } .tr-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .tr-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .tr-box .content .row{ width: 100%; margin-bottom: 15px; } .tr-box .content .row:nth-child(1), .tr-box .content .row:nth-child(2){ border-top: 0px; } .vs-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .vs-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .vs-box .content .row{ width: 100%; margin-bottom: 15px; } .vs-box .content .row:nth-child(1), .vs-box .content .row:nth-child(2){ border-top: 0px; } .ex-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .ex-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .ex-box .content .row{ width: 100%; margin-bottom: 15px; } .ex-box .content .row:nth-child(1), .ex-box .content .row:nth-child(2){ border-top: 0px; } .flt-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .flt-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .flt-box .content .row{ width: 100%; margin-bottom: 15px; } .flt-box .content .row:nth-child(1), .flt-box .content .row:nth-child(2){ border-top: 0px; } .culture-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .culture-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .culture-box.content .row{ width: 100%; margin-bottom: 15px; } .culture-box .content .row:nth-child(1), .culture-box .content .row:nth-child(2){ border-top: 0px; } .holiday-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .holiday-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .holiday-box .content .row{ width: 100%; margin-bottom: 15px; } .holiday-box .content .row:nth-child(1), .holiday-box .content .row:nth-child(2){ border-top: 0px; } .roadtrip-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .roadtrip-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .roadtrip-box .content .row{ width: 100%; margin-bottom: 15px; } .roadtrip-box .content .row:nth-child(1), .roadtrip-box .content .row:nth-child(2){ border-top: 0px; } .package-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .package-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .package-box .content .row{ width: 100%; margin-bottom: 15px; } .package-box .content .row:nth-child(1), .package-box .content .row:nth-child(2){ border-top: 0px; } .content .row .mega-links{ border-left: 0px; padding-left: 15px; } .row .mega-links li{ margin: 0; } .content .row header{ font-size: 19px; } .practical-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .practical-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .practical-box .content .row{ width: 100%; margin-bottom: 15px; } .practical-box .content .row:nth-child(1), .practical-box .content .row:nth-child(2){ border-top: 0px; } .dayto-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .dayto-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .dayto-box .content .row{ width: 100%; margin-bottom: 15px; } .dayto-box .content .row:nth-child(1), .dayto-box .content .row:nth-child(2){ border-top: 0px; } .hospi-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .hospi-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .hospi-box .content .row{ width: 100%; margin-bottom: 15px; } .hospi-box .content .row:nth-child(1), .hospi-box .content .row:nth-child(2){ border-top: 0px; } .fruit-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .fruit-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .fruit-box .content .row{ width: 100%; margin-bottom: 15px; } .fruit-box .content .row:nth-child(1), .fruit-box .content .row:nth-child(2){ border-top: 0px; } .children{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .children .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .children .content .row{ width: 100%; margin-bottom: 15px; } .children .content .row:nth-child(1), .children .content .row:nth-child(2){ border-top: 0px; } .upforwork-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 2px 8%; max-height: 0px; overflow: hidden; transition: all 0.3s ease; } .upforwork-box .content{ box-shadow: none; flex-direction: column; padding: 18px 20px 0 1px; background: #16222d9e; } .upforwork-box .content .row{ width: 100%; margin-bottom: 15px; } .upforwork-box .content .row:nth-child(1), .upforwork-box .content .row:nth-child(2){ border-top: 0px; } } .dorik-code-n4qepxq2 { position: relative; } nav input{ display: none; } .body-text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0 30px; } .body-text div{ font-size: 45px; font-weight: 600; } </style> </head> <body> <nav> <div class="wrapper"> <div class="logo"><a href="#"><img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/oz-backpacker-logo-white-_uQHgm.png" alt="Oz Backpacker" width="332px"></a></div> <input type="radio" name="slider" id="menu-btn"> <input type="radio" name="slider" id="close-btn"> <ul class="nav-links"> <label for="close-btn" class="btn close-btn"><i class="fas fa-times"></i></label> <!--1st dropdown--> <li> <a href="#" class="desktop-item" style="font-family: 'Rustico Regular Brush';">PLAN</a> <input type="checkbox" id="showMega"> <label for="showMega" class="mobile-item">PLAN<span class ="arrow" >></span></label> <div class="mega-box"> <div class="content"> <div class="row desktop-item"> <header>PREPARE YOUR TRIP</header> <ul class="mega-links"> <li><a href="#">Before coming to Australia</a></li> <li><a href="#">Budget for your Working Holiday</a></li> <li><a href="#">The Working Holiday Visa</a></li> <li><a href="#">In which city to arrive in Australia</a></li> <li><a href="#">Packing Guide</a></li> <li><a href="#">Backpacker Travel Insurance</a></li> <li><a href="#">Cheap flights to Australia</a></li> <li><a href="#">What to do on arrival</a></li> </ul> </div> <input type="checkbox" id="showsecond"> <label for="showsecond" class="mobile-item">PREPARE YOUR TRIP<span class ="arrow">></span></label> <div class="mega-box mobile-item"> <div class="content"> <div class="row"> <ul class="mega-links"> <li><a href="#">Before coming to Australia</a></li> <li><a href="#">Budget for your Working Holiday</a></li> <li><a href="#">The Working Holiday Visa</a></li> <li><a href="#">In which city to arrive in Australia</a></li> <li><a href="#">Packing Guide</a></li> <li><a href="#">Backpacker Travel Insurance</a></li> <li><a href="#">Cheap flights to Australia</a></li> <li><a href="#">What to do on arrival</a></li> </ul> </div> </div> </div> <div class="row desktop-item"> <header>TRAVEL INSURANCE</header> <ul class="mega-links"> <li><a href="#">Travel insurance options</a></li> <li><a href="#">Australian healthcare system</a></li> <li><a href="#">Working Holiday Insurance</a></li> <li><a href="#">Backpacker travel insurance</a></li> <li><a href="#">Short term travel insurance</a></li> <li><a href="#">International student insurance</a></li> <li><a href="#">Travel insurance companies</a></li> <li><a href="#">Travel Insurance discount</a></li> </ul> </div> <input type="checkbox" id="showtrins"> <label for="showtrins" class="mobile-item">TRAVEL INSURANCE<span class ="arrow">></span></label> <div class="tr-box mobile-item"> <div class="content"> <div class="row"> <ul class="mega-links"> <li><a href="#">Travel insurance options</a></li> <li><a href="#">Australian healthcare system</a></li> <li><a href="#">Working Holiday Insurance</a></li> <li><a href="#">Backpacker travel insurance</a></li> <li><a href="#">Short term travel insurance</a></li> <li><a href="#">International student insurance</a></li> <li><a href="#">Travel insurance companies</a></li> <li><a href="#">Travel Insurance discount</a></li> </ul> </div> </div> </div> <div class="row"> <div class="desktop-item"> <header>VISA & IMMIGRATION</header> <ul class="mega-links"> <li><a href="#">How to migrate to Australia</a></li> <li><a href="#">Tourist Visa</a></li> <li><a href="#">Working Holiday Visa</a></li> <li><a href="#">Student Visa</a></li> <li><a href="#">TSS Visa Sponsorship</a></li> <li><a href="#">Partner Visa </a></li> </ul> </div> <input type="checkbox" id="showvs"> <label for="showvs" class="mobile-item">VISA & IMMIGRATION<span class ="arrow">></span></label> <div class="vs-box mobile-item"> <div class="content"> <div class="row"> <ul class="mega-links"> <li><a href="#">How to migrate to Australia</a></li> <li><a href="#">Tourist Visa</a></li> <li><a href="#">Working Holiday Visa</a></li> <li><a href="#">Student Visa</a></li> <li><a href="#">TSS Visa Sponsorship</a></li> <li><a href="#">Partner Visa </a></li> </ul> </div> </div> </div> <div class="desktop-item"> <header>BANK & MONEY TRANSFER</header> <ul class="mega-links"> <li><a href="#">Open a Bank account in Australia</a></li> <li><a href="#">How to transfer money</a></li> <li><a href="#">WISE money transfers</a></li> <li><a href="#">Western Union</a></li> </ul> </div> <input type="checkbox" id="showbnk"> <label for="showbnk" class="mobile-item">BANK & MONEY TRANSFER<span class ="arrow">></span></label> <div class="mega-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">Open a Bank account in Australia</a></li> <li><a href="#">How to transfer money</a></li> <li><a href="#">WISE money transfers</a></li> <li><a href="#">Western Union</a></li> </ul> </div> </div> </div> <div class="row desktop-item"> <header>FLYING BACK HOME</header> <ul class="mega-links"> <li><a href="#">How to claim your tax return</a></li> <li><a href="#">Claim your Superannuation</a></li> <li><a href="#">Claim GST on expenses</a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/okf-4-TrqX.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/wel-zHPc6R.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/wel3-ksc41g.png" alt=""></a></li> </ul> </div> <input type="checkbox" id="showfly"> <label for="showfly" class="mobile-item">FLYING BACK HOME<span class ="arrow">></span></label> <div class="fly-box mobile-item"> <div class="content"> <div class="row"> <ul class="mega-links"> <li><a href="#">How to claim your tax return</a></li> <li><a href="#">Claim your Superannuation</a></li> <li><a href="#">Claim GST on expenses</a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/okf-4-TrqX.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/wel-zHPc6R.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/wel3-ksc41g.png" alt=""></a></li> </ul> </div> </div> </div> </div> </div> </li> <!--2nd dropdown--> <li> <a href="#" class="desktop-item" style="font-family: 'Rustico Regular Brush';">TRAVEL</a> <input type="checkbox" id="showtravel"> <label for="showtravel" class="mobile-item">TRAVEL<span class ="arrow">></span></label> <div class="mega-box"> <div class="content"> <div class="row desktop-item"> <header>DESTINATIONS</header> <ul class="mega-links"> <li><a href="#">POPULAR CITIES</a></li> <li><a href="#">Sydney</a></li> <li><a href="#">Melbourne</a></li> <li><a href="#">Brisbane</a></li> <li><a href="#">Perth</a></li> <li><a href="#">Adelaide</a></li> <li><a href="#">Cairns</a></li> <li><a href="#">STATES & TERRITORIES</a></li> <li><a href="#">New South Wales</a></li> <li><a href="#">Victoria</a></li> <li><a href="#">Queensland</a></li> <li><a href="#">South Australia</a></li> <li><a href="#">Tasmania</a></li> <li><a href="#">Western Australia</a></li> <li><a href="#">Northern Territory</a></li> <li><a href="#">ACT</a></li> <li><a href="#">POPULAR SPOTS</a></li> </ul> </div> <input type="checkbox" id="showds"> <label for="showds" class="mobile-item">DESTINATIONS<span class ="arrow">></span></label> <div class="ds-box mobile-item"> <div class="content"> <div class="row"> <ul class="mega-links"> <li><a href="#">POPULAR CITIES</a></li> <li><a href="#">Sydney</a></li> <li><a href="#">Melbourne</a></li> <li><a href="#">Brisbane</a></li> <li><a href="#">Perth</a></li> <li><a href="#">Adelaide</a></li> <li><a href="#">Cairns</a></li> <li><a href="#">STATES & TERRITORIES</a></li> <li><a href="#">New South Wales</a></li> <li><a href="#">Victoria</a></li> <li><a href="#">Queensland</a></li> <li><a href="#">South Australia</a></li> <li><a href="#">Tasmania</a></li> <li><a href="#">Western Australia</a></li> <li><a href="#">Northern Territory</a></li> <li><a href="#">ACT</a></li> <li><a href="#">POPULAR SPOTS</a></li> </ul> </div> </div> </div> <div class="row desktop-item"> <header>EXPERIENCES</header> <ul class="mega-links"> <li><a href="#">View All</a></li> <li><a href="#">Fraser Island 4×4 Tours</a></li> <li><a href="#">Whitsundays Tours</a></li> <li><a href="#">Great Barrier Reef</a></li> <li><a href="#">Wildlife Experiences</a></li> <li><a href="#">Skydiving</a></li> <li><a href="#">Scuba Diving</a></li> <li><a href="#">Jet Skiing</a></li> <li><a href="#">Learn To Surf</a></li> <li><a href="#">Bungy Jumping</a></li> <li><a href="#">Uluru & Outback Tours</a></li> <li><a href="#">Food & Wine Tours</a></li> <li><a href="#">Best spots to surf in Australia</a></li> <li><a href="#">Great Barrier Tours - Best tours</a></li> </ul> </div> <input type="checkbox" id="showex"> <label for="showex" class="mobile-item">EXPERIENCES<span class ="arrow">></span></label> <div class="ex-box mobile-item"> <div class="content"> <div class="row"> <ul class="mega-links"> <li><a href="#">View All</a></li> <li><a href="#">Fraser Island 4×4 Tours</a></li> <li><a href="#">Whitsundays Tours</a></li> <li><a href="#">Great Barrier Reef</a></li> <li><a href="#">Wildlife Experiences</a></li> <li><a href="#">Skydiving</a></li> <li><a href="#">Scuba Diving</a></li> <li><a href="#">Jet Skiing</a></li> <li><a href="#">Learn To Surf</a></li> <li><a href="#">Bungy Jumping</a></li> <li><a href="#">Uluru & Outback Tours</a></li> <li><a href="#">Food & Wine Tours</a></li> <li><a href="#">Best spots to surf in Australia</a></li> <li><a href="#">Great Barrier Tours - Best tours</a></li> </ul> </div> </div> </div> <div class="row"> <div class="desktop-item"> <header>FLIGHTS</header> <ul class="mega-links"> <li><a href="#">Cheap flights to Australia</a></li> <li><a href="#">Best stopovers from Europe</a></li> <li><a href="#">When to buy your plane ticket</a></li> <li><a href="#">Customs in Australia</a></li> </ul> </div> <input type="checkbox" id="showflt"> <label for="showflt" class="mobile-item">FLIGHTS<span class ="arrow">></span></label> <div class="flt-box mobile-item"> <div class="content"> <div class="row"> <ul class="mega-links"> <li><a href="#">Cheap flights to Australia</a></li> <li><a href="#">Best stopovers from Europe</a></li> <li><a href="#">When to buy your plane ticket</a></li> <li><a href="#">Customs in Australia</a></li> </ul> </div> </div> </div> <div class="desktop-item"> <header>VEHICLE RENTALS</header> <ul class="mega-links"> <li><a href="#">Rent a cheap campervan in Australia</a></li> <li><a href="#">Motorhome rental in Australia</a></li> <li><a href="#">Car rentals in Australia</a></li> <li><a href="#">How to rent a vehicle in Australia</a></li> </ul> </div> <input type="checkbox" id="showvehirent"> <label for="showvehirent" class="mobile-item">VEHICLE RENTALS<span class ="arrow">></span></label> <div class="vehi-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">Rent a cheap campervan in Australia</a></li> <li><a href="#">Motorhome rental in Australia</a></li> <li><a href="#">Car rentals in Australia</a></li> <li><a href="#">How to rent a vehicle in Australia</a></li> </ul> </div> </div> </div> <div class="row"> <div class="desktop-item"> <header>ROAD TRIP </header> <ul class="mega-links"> <li><a href="#">Itineraries ideas</a></li> <li><a href="#">Road Trip Complete Guide</a></li> <li><a href="#">Budget Road Trip</a></li> <li><a href="#">Where to camp in Australia</a></li> <li><a href="#">Driving in Australia</a></li> <li><a href="#">Choose and buy a vehicle</a></li> <li><a href="#">Tips for everyday life</a></li> <li><a href="#">Greyhound Bus Passes</a></li> </ul> </div> <input type="checkbox" id="showroadtrip"> <label for="showroadtrip" class="mobile-item">ROAD TRIP<span class ="arrow">></span></label> <div class="roadtrip-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">Itineraries ideas</a></li> <li><a href="#">Road Trip Complete Guide</a></li> <li><a href="#">Budget Road Trip</a></li> <li><a href="#">Where to camp in Australia</a></li> <li><a href="#">Driving in Australia</a></li> <li><a href="#">Choose and buy a vehicle</a></li> <li><a href="#">Tips for everyday life</a></li> <li><a href="#">Greyhound Bus Passes</a></li> </ul> </div> </div> <div class="desktop-item"> <header>PACKAGE</header> <ul class="mega-links"> <li><a href="#">East Cost Packages</a></li> <li><a href="#">East Cost Package Builder</a></li> <li><a href="#">Build Your Own Trip</a></li> </ul> </div> <input type="checkbox" id="showpackage"> <label for="showpackage" class="mobile-item">PACKAGE<span class ="arrow">></span></label> <div class="package-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">East Cost Packages</a></li> <li><a href="#">East Cost Package Builder</a></li> <li><a href="#">Build Your Own Trip</a></li> </ul> </div> </div> </div> <div class="row"> <div class="desktop-item"> <header>PRACTICAL INFO</header> <ul class="mega-links"> <li><a href="#">Traveling around Australia</a></li> <li><a href="#">Travel Budget</a></li> <li><a href="#">Climate and seasons</a></li> <li><a href="#">Customs in Australia</a></li> </ul> </div> <input type="checkbox" id="showpractical"> <label for="showpractical" class="mobile-item">PRACTICAL INFO<span class ="arrow">></span></label> <div class="practical-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">Traveling around Australia</a></li> <li><a href="#">Travel Budget</a></li> <li><a href="#">Climate and seasons</a></li> <li><a href="#">Customs in Australia</a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/21-z257Jb.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/22-ei5K5M.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/23-ZcWcvA.png" alt=""></a></li> </ul> </div> </div> <header></header> <ul class="mega-links desktop-item"> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/21-z257Jb.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/22-ei5K5M.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/23-ZcWcvA.png" alt=""></a></li> </ul> </div> </div> </div> </li> <!--3rd copied dropdown--> <li> <a href="#" class="desktop-item" style="font-family: 'Rustico Regular Brush';">WORK</a> <input type="checkbox" id="showwork"> <label for="showwork" class="mobile-item">WORK<span class ="arrow">></span></label> <div class="mega-box"> <div class="content"> <div class="row"> <div class="desktop-item"> <header>SET YOU UP FOR WORK</header> <ul class="mega-links"> <li><a href="#">Working in Australia</a></li> <li><a href="#">Setting yourself up for work</a></li> <li><a href="#">How to write a resume in Australia</a></li> <li><a href="#">Wages in Australia</a></li> <li><a href="#">Backpacker jobs and salaries</a></li> <li><a href="#">Certificate and training</a></li> </div> <input type="checkbox" id="showupforwork"> <label for="showupforwork" class="mobile-item">PRACTICAL INFO<span class ="arrow">></span></label> <div class="upforwork-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">Working in Australia</a></li> <li><a href="#">Setting yourself up for work</a></li> <li><a href="#">How to write a resume in Australia</a></li> <li><a href="#">Wages in Australia</a></li> <li><a href="#">Backpacker jobs and salaries</a></li> <li><a href="#">Certificate and training</a></li> </ul> </div> </div> <div class="desktop-item"> <header>HOSPITALITY JOBS</header> <ul class="mega-links"> <li><a href="#">How to find a job in hospitality</a></li> <li><a href="#">Working in a bar</a></li> <li><a href="#">RSA Certificate</a></li> <li><a href="#">Coffee Barista course</a></li> <li><a href="#">Gambling establishments (RSG/RCG)</a></li> <li><a href="#">Housekeeping work</a></li> </ul> </div> <input type="checkbox" id="showhospi"> <label for="showhospi" class="mobile-item">HOSPITALITY JOBS<span class ="arrow">></span></label> <div class="hospi-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">How to find a job in hospitality</a></li> <li><a href="#">Working in a bar</a></li> <li><a href="#">RSA Certificate</a></li> <li><a href="#">Coffee Barista course</a></li> <li><a href="#">Gambling establishments (RSG/RCG)</a></li> <li><a href="#">Housekeeping work</a></li> </ul> </div> </div> </div> <div class="row"> <div class="desktop-item"> <header>FRUIT PICKING</header> <ul class="mega-links"> <li><a href="#">Fruit picking jobs</a></li> <li><a href="#">Fruit picking map - contacts</a></li> <li><a href="#">Fruit picking season - calendar</a></li> <li><a href="#">How to apply for a second year</a></li> <li><a href="#">Eligible areas for a second year</a></li> <li><a href="#">Eligibles jobs for a second year</a></li> </ul> </div> <input type="checkbox" id="showfruit"> <label for="showfruit" class="mobile-item">FRUIT PICKING<span class ="arrow">></span></label> <div class="fruit-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">Fruit picking jobs</a></li> <li><a href="#">Fruit picking map - contacts</a></li> <li><a href="#">Fruit picking season - calendar</a></li> <li><a href="#">How to apply for a second year</a></li> <li><a href="#">Eligible areas for a second year</a></li> <li><a href="#">Eligibles jobs for a second year</a></li> </ul> </div> </div> <div class="desktop-item"> <header style="padding-top:10px">TAXATION GUIDE</header> <ul class="mega-links"> <li><a href="#">How to get an ABN</a></li> <li><a href="#">How to claim your tax return</a></li> <li><a href="#">How to claim your superannuation</a></li> </ul> </div> <input type="checkbox" id="showtax"> <label for="showtax" class="mobile-item">TAXATION GUIDE<span class ="arrow">></span></label> <div class="tax-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">How to get an ABN</a></li> <li><a href="#">How to claim your tax return</a></li> <li><a href="#">How to claim your superannuation</a></li> </ul> </div> </div> </div> <div class="row"> <div class="desktop-item"> <header>WORK WITH CHILDREN</header> <ul class="mega-links"> <li><a href="#">Beeing au pair in Sydney</a></li> <li><a href="#">Get your Blue Card</a></li> </ul> </div> <input type="checkbox" id="showchildren"> <label for="showchildren" class="mobile-item">WORK WITH CHILDREN<span class ="arrow">></span></label> <div class="children mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">Beeing au pair in Sydney</a></li> <li><a href="#">Get your Blue Card</a></li> </ul> </div> </div> <div class="desktop-item"> <header>OTHER JOBS</header> <ul class="mega-links"> <li><a href="#">Volunteering in Australia</a></li> <li><a href="#">Work as a freelance</a></li> <li><a href="#">Best Outback jobs</a></li> <li><a href="#">Work in a road house</a></li> <li><a href="#">Working in a cattle station</a></li> <li><a href="#">Become a Hairdresser in Australia</a></li> <li><a href="#">Find a professional job</a></li> <li><a href="#">More job experiences</a></li> </ul> </div> <input type="checkbox" id="showjobs"> <label for="showjobs" class="mobile-item">OTHER JOBS<span class ="arrow">></span></label> <div class="job-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">Volunteering in Australia</a></li> <li><a href="#">Work as a freelance</a></li> <li><a href="#">Best Outback jobs</a></li> <li><a href="#">Work in a road house</a></li> <li><a href="#">Working in a cattle station</a></li> <li><a href="#">Become a Hairdresser in Australia</a></li> <li><a href="#">Find a professional job</a></li> <li><a href="#">More job experiences</a></li> </ul> </div> </div> </div> <div class="row"> <div class="desktop-item"> <header>CONSTRUCTION JOBS</header> <ul class="mega-links"> <li><a href="#">Work in construction</a></li> <li><a href="#">Work as a Traffic Controller</a></li> <li><a href="#">White Card certificate</a></li> </ul> <ul class="mega-links"> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/31-JOFwSQ.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/32-qrGy42.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/33-97bY60.png" alt=""></a></li> </ul> </div> <input type="checkbox" id="showconst"> <label for="showconst" class="mobile-item">CONSTRUCTION JOBS<span class ="arrow">></span></label> <div class="const-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">Work in construction</a></li> <li><a href="#">Work as a Traffic Controller</a></li> <li><a href="#">White Card certificate</a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/31-JOFwSQ.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/32-qrGy42.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/33-97bY60.png" alt=""></a></li> </ul> </div> </div> </div> </div> </div> </li> <!--4th copied dropdown--> <li> <a href="#" class="desktop-item" style="font-family: 'Rustico Regular Brush';">LIFESTYLE</a> <input type="checkbox" id="showlifestyle"> <label for="showlifestyle" class="mobile-item">LIFESTYLE<span class ="arrow">></span></label> <div class="mega-box"> <div class="content"> <div class="row"> <div class="desktop-item"> <header>DAY TO DAY LIFE</header> <ul class="mega-links"> <li><a href="#">Before coming to Australia</a></li> <li><a href="#">Budget for your Working Holiday</a></li> <li><a href="#">The Working Holiday Visa</a></li> <li><a href="#">In which city to arrive in Australia</a></li> <li><a href="#">Packing Guide</a></li> <li><a href="#">Backpacker Travel Insurance</a></li> <li><a href="#">Cheap flights to Australia</a></li> <li><a href="#">What to do on arrival</a></li> </ul> </div> <input type="checkbox" id="showdayto"> <label for="showdayto" class="mobile-item">DAY TO DAY LIFE<span class ="arrow">></span></label> <div class="dayto-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">Before coming to Australia</a></li> <li><a href="#">Budget for your Working Holiday</a></li> <li><a href="#">The Working Holiday Visa</a></li> <li><a href="#">In which city to arrive in Australia</a></li> <li><a href="#">Packing Guide</a></li> <li><a href="#">Backpacker Travel Insurance</a></li> <li><a href="#">Cheap flights to Australia</a></li> <li><a href="#">What to do on arrival</a></li> </ul> </div> </div> </div> <div class="row"> <div class="desktop-item"> <header>WORKING HOLIDAY</header> <ul class="mega-links"> <li><a href="#">Travel insurance options</a></li> <li><a href="#">Australian healthcare system</a></li> <li><a href="#">Working Holiday Insurance</a></li> <li><a href="#">Backpacker travel insurance</a></li> <li><a href="#">Short term travel insurance</a></li> <li><a href="#">International student insurance</a></li> <li><a href="#">Travel insurance companies</a></li> <li><a href="#">Travel Insurance discount</a></li> </ul> </div> <input type="checkbox" id="showholiday"> <label for="showholiday" class="mobile-item">WORKING HOLIDAY<span class ="arrow">></span></label> <div class="holiday-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">Travel insurance options</a></li> <li><a href="#">Australian healthcare system</a></li> <li><a href="#">Working Holiday Insurance</a></li> <li><a href="#">Backpacker travel insurance</a></li> <li><a href="#">Short term travel insurance</a></li> <li><a href="#">International student insurance</a></li> <li><a href="#">Travel insurance companies</a></li> <li><a href="#">Travel Insurance discount</a></li> </ul> </div> </div> </div> <div class="row"> <div class="desktop-item"> <header>CULTURE</header> <ul class="mega-links"> <li><a href="#">How to migrate to Australia</a></li> <li><a href="#">Tourist Visa</a></li> <li><a href="#">Working Holiday Visa</a></li> <li><a href="#">Student Visa</a></li> <li><a href="#">TSS Visa Sponsorship</a></li> <li><a href="#">Partner Visa </a></li> </ul> </div> <input type="checkbox" id="showculture"> <label for="showculture" class="mobile-item">setCULTURE<span class ="arrow">></span></label> <div class="culture-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">How to migrate to Australia</a></li> <li><a href="#">Tourist Visa</a></li> <li><a href="#">Working Holiday Visa</a></li> <li><a href="#">Student Visa</a></li> <li><a href="#">TSS Visa Sponsorship</a></li> <li><a href="#">Partner Visa </a></li> </ul> </div> </div> <div class="desktop-item"> <header>Staying?</header> <ul class="mega-links"> <li><a href="#">How to get your second and third WHV</a></li> <li><a href="#">Pros and Cons of each State in Australia</a></li> <li><a href="#">How to find a flat in Australia</a></li> <li><a href="#">Upcoming Events in 2024</a></li> </ul> </div> <input type="checkbox" id="showstay"> <label for="showstay" class="mobile-item">sStaying?<span class ="arrow">></span></label> <div class="stay-box mobile-item"> <div class="content"> <ul class="mega-links"> <li><a href="#">How to get your second and third WHV</a></li> <li><a href="#">Pros and Cons of each State in Australia</a></li> <li><a href="#">How to find a flat in Australia</a></li> <li><a href="#">Upcoming Events in 2024</a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/41-jyLXOi.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/42-mlW-cx.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/421-9LyOg0.png" alt=""></a></li> </ul> </div> </div> </div> <div class="row desktop-item"> <ul class="mega-links"> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/41-jyLXOi.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/42-mlW-cx.png" alt=""></a></li> <li style="padding-top: 20px"><a href="#"> <img src="https://cdn.cmsfly.com/642e5db2752e13008da9e538/421-9LyOg0.png" alt=""></a></li> </ul> </div> </div> </div> </li> </ul> <label for="menu-btn" class="btn menu-btn"><i class="fas fa-bars"></i></label> </div> </nav> </body> </html>
Leave a Comment