It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.smilehawthorn.com.au/blog/?feed=rss2

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  <head>
  4.    <!-- Title -->
  5.    <title>Ooops! - The page you are looking for has moved.</title>
  6.  
  7.    <!-- Required Meta Tags Always Come First -->
  8.    <meta charset="utf-8">
  9.    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  10.    <meta http-equiv="x-ua-compatible" content="ie=edge">
  11.    <meta name="description" content="Ooops! - 404 Not Found">
  12. <meta name="author" content="Smile Hawthorn">
  13. <meta name="robots" content="noindex" />
  14.  
  15.    <!-- Favicon -->
  16.    <link rel="shortcut icon" href="/media/images/favicon.ico">
  17.  
  18.    <!-- Google Fonts -->
  19.    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans%3A400%2C300%2C500%2C600%2C700">
  20. <link rel="preconnect" href="https://fonts.gstatic.com">
  21. <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
  22.    <link href="https://fonts.googleapis.com/css2?family=Parisienne&display=swap" rel="stylesheet">
  23.    <link href="https://fonts.googleapis.com/css2?family=Allura&display=swap" rel="stylesheet">
  24.  
  25.    <!-- CSS Global Compulsory -->
  26.    <link rel="stylesheet" href="/assets/vendor/bootstrap/bootstrap.min.css">
  27. <link rel="stylesheet" href="/assets/vendor/bootstrap/offcanvas.css">
  28. <script src="https://unpkg.com/@popperjs/core@2"></script>
  29. <!-- CSS Global Icons -->
  30. <link rel="stylesheet" href="/assets/vendor/icon-awesome/css/font-awesome.min.css">
  31. <!--link rel="stylesheet" href="assets/vendor/icon-awesome/css/font-awesome.min.css"-->
  32. <link rel="stylesheet" href="/assets/vendor/icon-line/css/simple-line-icons.css">
  33. <link rel="stylesheet" href="/assets/vendor/icon-etlinefont/style.css">
  34. <link rel="stylesheet" href="/assets/vendor/icon-line-pro/style.css">
  35. <link rel="stylesheet" href="/assets/vendor/icon-hs/style.css">
  36. <link rel="stylesheet" href="/assets/vendor/animate.css">
  37. <link rel="stylesheet" href="/assets/vendor/hamburgers/hamburgers.min.css">
  38. <link rel="stylesheet" href="/assets/vendor/hs-megamenu/src/hs.megamenu.css">
  39.    <!-- CSS Unify -->
  40.    <link rel="stylesheet" href="/assets/css/unify.css">
  41. <link rel="stylesheet" href="/assets/css/unify-core.css">
  42.    <link rel="stylesheet" href="/assets/css/unify-components.css">
  43.    <link rel="stylesheet" href="/assets/css/unify-globals.css">
  44.  
  45.    <!-- CSS Customization -->
  46.    <link rel="stylesheet" href="/assets/css/custom.css">
  47.  </head>
  48.  
  49.  <body onload="getQuote();">
  50.  <main>
  51.        
  52.    
  53. <!-- Random Alert Small Alert -->
  54. <div class="row" style="margin-bottom: -15px;">
  55. <div class="col-lg-12">
  56. <!-- Alert Danger -->
  57. <div class="alert alert-success fade show" role="alert">
  58. <div class="container d-block d-md-none col-auto g-pos-rel">
  59. <div class="media">
  60. <div class="d-flex g-mr-10 g-ml-minus-10">
  61. <span class="u-icon-v3 u-icon-size--lg g-bg-white g-color-black g-rounded-50x">
  62. <i class="fa fa-bug"></i>
  63. <br>
  64. </span>
  65. </div>
  66. <div class="media-body">
  67. <p class="m-0 g-font-size-16 g-color-black"><strong>COVID-19: Smile Hawthorn is currently open for routine care in line with the Victorian Government guidelines. <br><a href="/covid.php" class="btn u-btn-white btn-xs rounded-15 g-font-size-14">
  68. <i class="fa fa-check g-mr-2"></i>
  69. Find out more
  70. </a> </strong></p>
  71. <br>
  72. <!--span class="g-font-size-14 g-color-black">We are able to see all patients who require <strong>routine dental care.</strong></span-->
  73. </div>
  74. <div class="d-flex g-ml-10 g-mr-minus-10">
  75. <button type="button" class="btn u-btn-white btn-xs rounded-15 g-font-size-16 pull-right"  data-dismiss="alert" aria-label="Close">
  76.                <i class="fa fa-close g-mr-2"></i>
  77.                Close
  78.                </button>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="container d-none d-md-block col-auto g-pos-rel">
  83. <div class="media">
  84. <div class="d-flex g-mr-10 g-ml-minus-10">
  85. <span class="u-icon-v3 u-icon-size--lg g-bg-white g-color-black g-rounded-50x">
  86. <i class="fa fa-bug"></i>
  87. <br>
  88. </span>
  89. </div>
  90. <div class="media-body">
  91. <p class="m-0 g-font-size-16 g-color-black"><strong>COVID-19: Smile Hawthorn is currently open for routine care in line with the Victorian Government guidelines. <br><a href="/covid.php" class="btn u-btn-white btn-xs rounded-15 g-font-size-14">
  92. <i class="fa fa-check g-mr-2"></i>
  93. Find out more
  94. </a> </strong></p>
  95. <br>
  96. <!--span class="g-font-size-14 g-color-black">We are able to see all patients who require <strong>routine dental care.</strong></span-->
  97. </div>
  98. <div class="d-flex g-ml-10 g-mr-minus-10">
  99. <button type="button" class="btn u-btn-white btn-xs rounded-15 g-font-size-16 pull-right"  data-dismiss="alert" aria-label="Close">
  100.                <i class="fa fa-close g-mr-2"></i>
  101.                Close
  102.                </button>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109.    <!-- End Red Alert -->
  110.    
  111.  
  112.     <header id="js-header" class="u-header u-header--static u-header--show-hide u-header--change-appearance--lg" data-header-fix-moment="500" data-header-fix-effect="slide" style="z-index: 100;">
  113.     <!-- Top Bar -->
  114. <div class="u-header__section u-header__section--hidden u-header__section--dark g-bg-gray-dark-v1 g-py-15" >
  115. <div class="container">
  116. <div class="row flex-column flex-md-row justify-content-between align-items-center text-uppercase g-font-weight-600 g-color-white">
  117.            
  118. <!-- view small ports only -->
  119. <div class="d-block d-md-none col-auto g-pos-rel g-px-5">
  120. <ul class="list-inline g-overflow-hidden g-font-size-14 g-mt-minus-10 g-mx-minus-4 mb-0">
  121. <li class="list-inline-item g-mx-0 g-mt-10">
  122. <!--i class="icon-communication-011 u-line-icon-pro g-valign-middle g-mr-minus-5"></i-->
  123. <a href="https://maps.google.com/?saddr=Current+Location&daddr=560+Glenferrie+Road+Hawthorn+Victoria+3122"  alt="Location - Get Directions" target="_new" class="g-color-white g-color-primary--hover g-text-underline--none--hover">560 Glenferrie Rd VIC 3122</a>
  124. </li>
  125. <li class="list-inline-item g-mx-0 g-mt-10">|</li>
  126. <li class="list-inline-item g-mx-0 g-mt-10">
  127. <!--i class="icon-communication-048 u-line-icon-pro g-valign-middle g-mr-minus-5"></i-->
  128. <a href="tel:+61399398006" class="g-color-white g-color-primary--hover g-text-underline--none--hover" alt="Call Us">03 9939 8006</a><br>
  129. </li>
  130. </ul>
  131. <br>
  132. </div>
  133. <!-- view large ports only -->
  134. <div class="d-none d-md-block col-auto g-pos-rel g-px-15">
  135. <ul class="list-inline g-overflow-hidden g-font-size-16 g-mt-minus-10 g-mx-minus-4 mb-0">
  136. <li class="list-inline-item g-mx-4 g-mt-10">
  137. <i class="icon-communication-011 u-line-icon-pro g-valign-middle g-mr-3"></i>
  138. <a href="https://maps.google.com/?daddr=560+Glenferrie+Road+Hawthorn+Victoria+3122" target="_new" alt="Location - Get Directions" class="g-color-white g-color-primary--hover g-text-underline--none--hover">560 Glenferrie Road, Hawthorn, VIC 3122</a>
  139. </li>
  140. <li class="list-inline-item g-mx-4 g-mt-10">|</li>
  141. <li class="list-inline-item g-mx-4 g-mt-10">
  142. <i class="icon-communication-048 u-line-icon-pro g-valign-middle g-mr-3"></i>
  143. <a href="tel:+61399398006" class="g-color-white g-color-primary--hover g-text-underline--none--hover" alt="Call Us">03 9939 8006</a>
  144. </li>
  145. </ul>
  146. </div>
  147.    
  148.    
  149. <div class="col-auto g-px-15">
  150. <div class="row">
  151.    <div class="col-auto g-px-15">
  152.        <div class="form-group">
  153.                              
  154.  
  155.      <select id="language" class="form-control selectpicker" data-role="select-dropdown" data-width="fit" onchange="translateLanguage(this.value);">
  156.        <option data-content='<span class="flag-icon flag-icon-au"></span>&nbsp;English' value="English"> English</option>
  157.                            <option   value="">-----</option>
  158.                          
  159.                            <option data-content='<span class="flag-icon flag-icon-af"></span>&nbsp;Afrikaans' value="Afrikaans"> Afrikaans</option>
  160.                            <option  data-content='<span class="flag-icon flag-icon-al"></span>&nbsp;Albanian' value="Albanian"> Albanian</option>
  161.                            <option  data-content='<span class="flag-icon flag-icon-ar"></span>&nbsp;Arabic' value="Arabic"> Arabic</option>
  162.                            <option  data-content='<span class="flag-icon flag-icon-am"></span>&nbsp; Armenian' value="Armenian"> Armenian</option>
  163.                            <option  data-content='<span class="flag-icon flag-icon-az"></span>&nbsp; Azerbaijani' value="Azerbaijani"> Azerbaijani</option>
  164.                            <option  data-content='<span class="flag-icon flag-icon-eu"></span>&nbsp;Basque' value="Basque"> Basque</option>
  165.                            <option  data-content='<span class="flag-icon flag-icon-be"></span>&nbsp;Belarusian' value="Belarusian"> Belarusian</option>
  166.                            <option  data-content='<span class="flag-icon flag-icon-bn"></span>&nbsp;Bengali' value="Bengali"> Bengali</option>
  167.                            <option  data-content='<span class="flag-icon flag-icon-bs"></span>&nbsp;Bosnian' value="Bosnian"> Bosnian</option>
  168.                            <option  data-content='<span class="flag-icon flag-icon-bg"></span>&nbsp;Bulgarian' value="Bulgarian"> Bulgarian</option>
  169.                            <option  data-content='<span class="flag-icon flag-icon-cu"></span>&nbsp;Catalan' value="Catalan"> Catalan</option>
  170.                            <option  data-content='<span class="flag-icon flag-icon-cn"></span>&nbsp;Chinese (Simplified)' value="Chinese (Simplified)"> Chinese (Simplified)</option>
  171.                            <option  data-content='<span class="flag-icon flag-icon-cn"></span>&nbsp;Chinese (Traditional)' value="Chinese (Traditional)"> Chinese (Traditional)</option>
  172.                            <option  data-content='<span class="flag-icon flag-icon-co"></span>&nbsp;Corsican' value="Corsican"> Corsican</option>
  173.                            <option  data-content='<span class="flag-icon flag-icon-hr"></span>&nbsp;Croatian' value="Croatian"> Croatian</option>
  174.                            <option  data-content='<span class="flag-icon flag-icon-cz"></span>&nbsp;Czech' value="Czech"> Czech</option>
  175.                            <option  data-content='<span class="flag-icon flag-icon-dk"></span>&nbsp;Danish' value="Danish"> Danish</option>
  176.                            <option  data-content='<span class="flag-icon flag-icon-nl"></span>&nbsp;Dutch' value="Dutch"> Dutch</option>
  177.                            <option  data-content='<span class="flag-icon flag-icon-et"></span>&nbsp;Estonian' value="Estonian"> Estonian</option>
  178.                            <option  data-content='<span class="flag-icon flag-icon-fi"></span>&nbsp;Finnish' value="Finnish"> Finnish</option>
  179.                            <option  data-content='<span class="flag-icon flag-icon-fr"></span>&nbsp;French' value="French"> French</option>
  180.                            <option  data-content='<span class="flag-icon flag-icon-gl"></span>&nbsp;Galician' value="Galician"> Galician</option>
  181.                            <option  data-content='<span class="flag-icon flag-icon-ge"></span>&nbsp;Georgian' value="Georgian"> Georgian</option>
  182.                            <option  data-content='<span class="flag-icon flag-icon-de"></span>&nbsp;German' value="German"> German</option>
  183.                            <option  data-content='<span class="flag-icon flag-icon-gr"></span>&nbsp;Greek' value="Greek"> Greek</option>
  184.                            <option  data-content='<span class="flag-icon flag-icon-gu"></span>&nbsp;Gujarati' value="Gujarati"> Gujarati</option>
  185.                            <option  data-content='<span class="flag-icon flag-icon-ht"></span>&nbsp;Haitian Creole' value="Haitian Creole"> Haitian Creole</option>
  186.                            <option  data-content='<span class="flag-icon flag-icon-il"></span>&nbsp;Hebrew' value="Hebrew"> Hebrew</option>
  187.                            <option  data-content='<span class="flag-icon flag-icon-in"></span>&nbsp;Hindi' value="Hindi"> Hindi</option>
  188.                            <option  data-content='<span class="flag-icon flag-icon-hu"></span>&nbsp;Hungarian' value="Hungarian"> Hungarian</option>
  189.                            <option  data-content='<span class="flag-icon flag-icon-is"></span>&nbsp;Icelandic' value="Icelandic"> Icelandic</option>
  190.                            <option  data-content='<span class="flag-icon flag-icon-id"></span>&nbsp;Indonesian' value="Indonesian"> Indonesian</option>
  191.                            <option  data-content='<span class="flag-icon flag-icon-ga"></span>&nbsp;Irish' value="Irish"> Irish</option>
  192.                            <option  data-content='<span class="flag-icon flag-icon-it"></span>&nbsp;Italian' value="Italian"> Italian</option>
  193.                            <option  data-content='<span class="flag-icon flag-icon-jp"></span>&nbsp;Japanese' value="Japanese"> Japanese</option>
  194.                            <option  data-content='<span class="flag-icon flag-icon-kn"></span>&nbsp;Kannada' value="Kannada"> Kannada</option>
  195.                            <option  data-content='<span class="flag-icon flag-icon-kz"></span>&nbsp;Kazakh' value="Kazakh"> Kazakh</option>
  196.                            <option  data-content='<span class="flag-icon flag-icon-km"></span>&nbsp;Khmer' value="Khmer"> Khmer</option>
  197.                            <option  data-content='<span class="flag-icon flag-icon-rw"></span>&nbsp;Kinyarwanda' value="Kinyarwanda"> Kinyarwanda</option>
  198.                            <option  data-content='<span class="flag-icon flag-icon-kr"></span>&nbsp;Korean' value="Korean"> Korean</option>
  199.                            <option  data-content='<span class="flag-icon flag-icon-ir"></span>&nbsp;Kurdish' value="Kurdish (Kurmanji)"> Kurdish</option>
  200.                            <option  data-content='<span class="flag-icon flag-icon-ky"></span>&nbsp;Kyrgyz' value="Kyrgyz"> Kyrgyz</option>
  201.                            <option  data-content='<span class="flag-icon flag-icon-la"></span>&nbsp;Lao' value="Lao"> Lao</option>
  202.                            <option  data-content='<span class="flag-icon flag-icon-lv"></span>&nbsp;Latvian' value="Latvian"> Latvian</option>
  203.                            <option  data-content='<span class="flag-icon flag-icon-lt"></span>&nbsp;Lithuanian' value="Lithuanian"> Lithuanian</option>
  204.                            <option  data-content='<span class="flag-icon flag-icon-lb"></span>&nbsp;Luxembourgish' value="Luxembourgish"> Luxembourgish</option>
  205.                            <option  data-content='<span class="flag-icon flag-icon-mk"></span>&nbsp;Macedonian' value="Macedonian"> Macedonian</option>
  206.                            <option  data-content='<span class="flag-icon flag-icon-mg"></span>&nbsp;Malagasy' value="Malagasy"> Malagasy</option>
  207.                            <option  data-content='<span class="flag-icon flag-icon-ms"></span>&nbsp;Malay' value="Malay"> Malay</option>
  208.                            <option  data-content='<span class="flag-icon flag-icon-ml"></span>&nbsp;Malayalam' value="Malayalam"> Malayalam</option>
  209.                            <option  data-content='<span class="flag-icon flag-icon-mt"></span>&nbsp;Maltese' value="Maltese"> Maltese</option>
  210.                            <option  data-content='<span class="flag-icon flag-icon-mr"></span>&nbsp;Marathi' value="Marathi"> Marathi</option>
  211.                            <option  data-content='<span class="flag-icon flag-icon-mn"></span>&nbsp;Mongolian' value="Mongolian"> Mongolian</option>
  212.                            <option  data-content='<span class="flag-icon flag-icon-my"></span>&nbsp;Myanmar (Burmese)' value="Myanmar (Burmese)"> Myanmar (Burmese)</option>
  213.                            <option  data-content='<span class="flag-icon flag-icon-ne"></span>&nbsp;Nepali' value="Nepali"> Nepali</option>
  214.                            <option  data-content='<span class="flag-icon flag-icon-no"></span>&nbsp;Norwegian' value="Norwegian"> Norwegian</option>
  215.                            <option  data-content='<span class="flag-icon flag-icon-mw"></span>&nbsp;Nyanja (Chichewa)' value="Nyanja (Chichewa)"> Nyanja (Chichewa)</option>
  216.                            <option  data-content='<span class="flag-icon flag-icon-ps"></span>&nbsp;Pashto' value="Pashto"> Pashto</option>
  217.                            <option  data-content='<span class="flag-icon flag-icon-pl"></span>&nbsp;Polish' value="Polish"> Polish</option>
  218.                            <option  data-content='<span class="flag-icon flag-icon-pt"></span>&nbsp;Portuguese (Portugal, Brazil)' value="Portuguese (Portugal, Brazil)"> Portuguese (Portugal, Brazil)</option>
  219.                            <option  data-content='<span class="flag-icon flag-icon-pa"></span>&nbsp;Punjabi' value="Punjabi"> Punjabi</option>
  220.                            <option  data-content='<span class="flag-icon flag-icon-ro"></span>&nbsp;Romanian' value="Romanian"> Romanian</option>
  221.                            <option  data-content='<span class="flag-icon flag-icon-ru"></span>&nbsp;Russian' value="Russian"> Russian</option>
  222.                            <option  data-content='<span class="flag-icon flag-icon-sm"></span>&nbsp;Samoan' value="Samoan"> Samoan</option>
  223.                            <option  data-content='<span class="flag-icon flag-icon-gd"></span>&nbsp;Scots Gaelic' value="Scots Gaelic"> Scots Gaelic</option>
  224.                            <option  data-content='<span class="flag-icon flag-icon-sr"></span>&nbsp;Serbian' value="Serbian"> Serbian</option>
  225.                            <option  data-content='<span class="flag-icon flag-icon-st"></span>&nbsp;Sesotho' value="Sesotho"> Sesotho</option>
  226.                            <option  data-content='<span class="flag-icon flag-icon-sn"></span>&nbsp;Shona' value="Shona"> Shona</option>
  227.                            <option  data-content='<span class="flag-icon flag-icon-sd"></span>&nbsp;Sindhi' value="Sindhi"> Sindhi</option>
  228.                            <option  data-content='<span class="flag-icon flag-icon-si"></span>&nbsp;Sinhala (Sinhalese)' value="Sinhala (Sinhalese)"> Sinhala (Sinhalese)</option>
  229.                            <option  data-content='<span class="flag-icon flag-icon-sk"></span>&nbsp;Slovak' value="Slovak"> Slovak</option>
  230.                            <option  data-content='<span class="flag-icon flag-icon-sl"></span>&nbsp;Slovenian' value="Slovenian"> Slovenian</option>
  231.                            <option  data-content='<span class="flag-icon flag-icon-so"></span>&nbsp;Somali' value="Somali"> Somali</option>
  232.                            <option  data-content='<span class="flag-icon flag-icon-es"></span>&nbsp;Spanish' value="Spanish"> Spanish</option>
  233.                            <option  data-content='<span class="flag-icon flag-icon-sv"></span>&nbsp;Swedish' value="Swedish"> Swedish</option>
  234.                            <option  data-content='<span class="flag-icon flag-icon-tl"></span>&nbsp;Tagalog (Filipino)' value="Tagalog (Filipino)"> Tagalog (Filipino)</option>
  235.                            <option  data-content='<span class="flag-icon flag-icon-tg"></span>&nbsp;Tajik' value="Tajik"> Tajik</option>
  236.                            <option  data-content='<span class="flag-icon flag-icon-tt"></span>&nbsp;Tatar' value="Tatar"> Tatar</option>
  237.                            <option  data-content='<span class="flag-icon flag-icon-th"></span>&nbsp;Thai' value="Thai"> Thai</option>
  238.                            <option  data-content='<span class="flag-icon flag-icon-tr"></span>&nbsp;Turkish' value="Turkish"> Turkish</option>
  239.                            <option  data-content='<span class="flag-icon flag-icon-tk"></span>&nbsp;Turkmen' value="Turkmen"> Turkmen</option>
  240.                            <option  data-content='<span class="flag-icon flag-icon-ua"></span>&nbsp;Ukrainian' value="Ukrainian"> Ukrainian</option>
  241.                            <option  data-content='<span class="flag-icon flag-icon-pk"></span>&nbsp;Urdu' value="Urdu"> Urdu</option>
  242.                            <option  data-content='<span class="flag-icon flag-icon-ug"></span>&nbsp;Uyghur' value="Uyghur"> Uyghur</option>
  243.                            <option  data-content='<span class="flag-icon flag-icon-uz"></span>&nbsp;Uzbek' value="Uzbek"> Uzbek</option>
  244.                            <option  data-content='<span class="flag-icon flag-icon-vi"></span>&nbsp;Vietnamese' value="Vietnamese"> Vietnamese</option>
  245.                            <option  data-content='<span class="flag-icon flag-icon-cy"></span>&nbsp;Welsh' value="Welsh"> Welsh</option>
  246.                            <option  data-content='<span class="flag-icon flag-icon-zw"></span>&nbsp;Xhosa' value="Xhosa"> Xhosa</option>
  247.      </select>
  248.    </div>
  249.    </div>
  250.    <div class="col-auto g-px-15">
  251.      <a href="/book-online/"  alt="Book Your Appointment Online" class="btn btn-md u-btn-teal g-mr-10 g-mb-15">
  252. <i class="icon-hotel-restaurant-182 u-line-icon-pro g-color-white g-mr-5"></i>
  253. Book Online
  254. </a>  
  255.    </div>
  256.    
  257. </div>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262.    <!-- End Top Bar -->
  263.        </header>
  264.    <!-- start nav bard-->
  265. <header id="js-header2" class="u-header u-header--static u-header--show-hide u-header--change-appearance--lg" data-header-fix-moment="500" data-header-fix-effect="slide"  style="z-index: 50;">
  266. <div class="u-header__section u-header__section--light g-bg-white g-transition-0_3 g-py-10" data-header-fix-moment-exclude="g-bg-white g-py-10" data-header-fix-moment-classes="g-bg-white-opacity-0_9 u-shadow-v18 g-py-0">
  267. <nav class="js-mega-menu navbar navbar-expand-lg">
  268. <div class="container">
  269. <!-- Responsive Toggle Button -->
  270. <button class="navbar-toggler navbar-toggler-right btn g-line-height-1 g-brd-none g-pa-0 g-pos-abs g-top-3 g-right-0" type="button" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navBar" data-toggle="collapse" data-target="#navBar">
  271. <span class="hamburger hamburger--slider">
  272. <span class="hamburger-box">
  273. <span class="hamburger-inner"></span>
  274. </span>
  275. </span>
  276. </button>
  277. <!-- End Responsive Toggle Button -->
  278. <!-- Logo -->
  279. <a href="/" class="navbar-brand">
  280. <img src="/media/images/web-logo.gif" height="90" width="296" alt="Image Description">
  281. </a>
  282. <!-- End Logo -->
  283. <!-- call navigation bar -->
  284. <!-- Navigation -->
  285. <div class="collapse navbar-collapse align-items-center flex-sm-row g-pt-10 g-pt-5--lg" id="navBar">
  286.    <ul class=" navbar-nav text-uppercase g-font-weight-600 g-font-size-16 ml-auto">
  287.    <!-- Mega Menu Item -->
  288.    <li class="hs-has-mega-menu nav-item g-mx-15--lg noactive" data-animation-in="fadeIn" data-animation-out="fadeOut" data-position="right" >
  289.            <a id="mega-menu-label-1" class="nav-link g-px-0" href="/about-us/" aria-haspopup="true" aria-expanded="false">
  290.                About Us
  291.                <i class="hs-icon hs-icon-arrow-bottom g-font-size-11 g-ml-5"></i>
  292.                </a>
  293.                <!-- Mega Menu -->
  294.                <div class="w-100 hs-mega-menu u-shadow-v11 g-text-transform-none g-font-weight-400 g-brd-top g-brd-primary g-brd-top-2 g-bg-white g-pa-30 g-mt-17 g-mt-7--lg--scrolling" aria-labelledby="mega-menu-label-3">
  295.                    <div class="row">
  296.                        <div class="col-lg-4">
  297.                            <article>
  298.                                <figure class="g-pos-rel">
  299.                                    <img loading="lazy" class="img-fluid g-mb-20" src="/media/images/menu_blurb1.png" width="96" height="110" alt="">
  300.                                </figure>
  301.                                <h5 class="pacif u-heading-v1__title">
  302.                                    The world always looks brighter from behind a smile. <br><br>– Unknown
  303.                                </h5>
  304.                                <hr>
  305.                            </article>
  306.                        </div>
  307.                        <div class="col-lg-8">
  308.                            <div class="u-heading-v2-3--bottom g-brd-primary g-mb-0">
  309.                                <h4 class="h5 text-uppercase g-font-weight-600 h3 u-heading-v2__title">About Us</h4>
  310.                            </div>
  311.                            <div class="row">
  312.                                <div class="col-lg-6">
  313.                                    <ul class="list-unstyled g-mb-25">
  314.                                        <li class="g-mb-0">
  315.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/about-us/our-team/">
  316.                                                Our Team
  317.                                            </a>
  318.                                        </li>
  319.                                        <ul class="g-list-style-circle">
  320.                                            <li class="g-mb-0">
  321.                                                <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/about-us/our-team/dr-andrew/">
  322.                                                    Dr Andrew Heredia
  323.                                                </a>
  324.                                            </li>
  325.                                            <li class="g-mb-0">
  326.                                                <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/about-us/our-team/dr-carolyn/">
  327.                                                    Dr Carolyn Ng
  328.                                                </a>
  329.                                            </li>
  330.                                        </ul>
  331.                                    </ul>
  332.                                </div>
  333.                                <div class="col-lg-6">
  334.                                    <ul class="list-unstyled g-mb-25">
  335.                                        <li class="g-mb-0">
  336.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/about-us/our-technology/">
  337.                                                Our Technology
  338.                                            </a>
  339.                                        </li>
  340.                                        <li class="g-mb-0">
  341.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/about-us/our-values/">
  342.                                                Our Values
  343.                                            </a>
  344.                                        </li>
  345.                                        <li class="g-mb-0">
  346.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/about-us/accreditation/">
  347.                                                Accreditation
  348.                                            </a>
  349.                                        </li>
  350.                                    </ul>
  351.                                </div>
  352.                            </div>
  353.                        </div>
  354.                    </div>
  355.                    <!-- End Mega Menu -->
  356.                </div>
  357.            </li>
  358.        <!-- end mega menu item -->
  359.        <!-- Mega Menu Item -->
  360.            <li class="hs-has-mega-menu nav-item g-mx-15--lg noactive" data-animation-in="fadeIn" data-animation-out="fadeOut" data-position="right" >
  361.                <a id="mega-menu-label-2" class="nav-link g-px-0" href="/services/dental/" aria-haspopup="true" aria-expanded="false">
  362.                    General Dental
  363.                    <i class="hs-icon hs-icon-arrow-bottom g-font-size-11 g-ml-5"></i>
  364.                </a>
  365.                <!-- Mega Menu -->
  366.                <div class="w-100 hs-mega-menu u-shadow-v11 g-text-transform-none g-font-weight-400 g-brd-top g-brd-primary g-brd-top-2 g-bg-white g-pa-30 g-mt-17 g-mt-7--lg--scrolling" aria-labelledby="mega-menu-label-3">
  367.                    <div class="row">
  368.                        <div class="col-lg-4">
  369.                            <article>
  370.                                <figure class="g-pos-rel">
  371.                                    <img loading="lazy" class="img-fluid g-mb-20" src="/media/images/menu_blurb2.png" width="96" height="110" alt="">
  372.                                </figure>
  373.                                <h5 class="pacif u-heading-v1__title">
  374.                                    I love those who can smile in trouble. <br><br>– Leonardo Da Vinci
  375.                                </h5>
  376.                                <hr>
  377.                            </article>
  378.                        </div>
  379.                        <div class="col-lg-8">
  380.                            <div class="u-heading-v2-3--bottom g-brd-primary g-mb-0">                                                    
  381.                                <h4 class="h5 text-uppercase g-font-weight-600 h3 u-heading-v2__title">
  382.                                    General Dentistry
  383.                                </h4>                                                
  384.                            </div>
  385.                            <div class="row">
  386.                                <div class="col-lg-6">
  387.                                    <ul class="list-unstyled g-mb-25">
  388.                                        <li class="g-mb-0">
  389.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/emergency/">
  390.                                                Emergency Care
  391.                                            </a>
  392.                                        </li>
  393.                                        <li class="g-mb-0">
  394.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/preventive/">
  395.                                                Preventive Care
  396.                                            </a>
  397.                                            <ul class="g-list-style-circle">
  398.                                                <li class="g-mb-0">
  399.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/preventive/routine-checkup/">
  400.                                                        Checkup & Teeth Cleaning
  401.                                                    </a>
  402.                                                </li>
  403.                                                <li class="g-mb-0">
  404.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/preventive/fissure-seal/">
  405.                                                        Fissure Seals
  406.                                                    </a>
  407.                                                </li>
  408.                                                <li class="g-mb-0">
  409.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/preventive/bad-breath/">
  410.                                                        Bad Breath
  411.                                                    </a>
  412.                                                </li>
  413.                                                <li class="g-mb-0">
  414.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/preventive/sensitivity/">
  415.                                                        Sensitivity
  416.                                                    </a>
  417.                                                </li>
  418.                                            </ul>
  419.                                        </li>
  420.                                        <li class="g-mb-0">
  421.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/children/">
  422.                                                Childrens Care
  423.                                            </a>
  424.                                            <ul class="g-list-style-circle">
  425.                                                <li class="g-mb-0">
  426.                                                    <a class="nav-link g-px-0  g-color-primary--hover noactive" href="/services/dental/children/child-dental-benefit-scheme/">
  427.                                                        Medicare CDBS
  428.                                                    </a>        
  429.                                                </li>        
  430.                                                <li class="g-mb-0">
  431.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/about-us/our-team/dr-carolyn">
  432.                                                        Orthodontics
  433.                                                    </a>        
  434.                                                </li>            
  435.                                            </ul>
  436.                                        </li>
  437.                                        <li class="g-mb-0">
  438.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/gums/">
  439.                                                Gum Care
  440.                                            </a>
  441.                                        </li>
  442.                                        <li class="g-mb-0">
  443.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/root-canal-therapy/">
  444.                                                Root Therapy
  445.                                            </a>
  446.                                        </li>
  447.                                        <li class="g-mb-0">
  448.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/wisdom-teeth/">
  449.                                                Wisdom Teeth
  450.                                            </a>
  451.                                        </li>
  452.                                    </ul>
  453.                                </div>
  454.                                <div class="col-lg-6">
  455.                                    <ul class="list-unstyled g-mb-25">
  456.                                        <li class="g-mb-0">
  457.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/trauma/">
  458.                                                Trauma
  459.                                            </a>
  460.                                        </li>
  461.                                        <li class="g-mb-0">
  462.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/prosthetics/">
  463.                                                Fillings & Prosthetics
  464.                                            </a>
  465.                                            <ul class="g-list-style-circle">      
  466.                                                <li class="g-mb-0">
  467.                                                    <a class="nav-link g-px-0  g-color-primary--hover noactive" href="/services/dental/prosthetics/fillings/">
  468.                                                        Tooth Coloured
  469.                                                    </a>        
  470.                                                </li>        
  471.                                                <li class="g-mb-0">
  472.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/prosthetics/crown-bridge/">
  473.                                                        Crowns & Bridges
  474.                                                    </a>        
  475.                                                </li>
  476.                                                <li class="g-mb-0">
  477.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/prosthetics/implant-denture/">
  478.                                                        Dentures & Implants
  479.                                                    </a>
  480.                                                </li>
  481.                                            </ul>
  482.                                        </li>
  483.                                        <li class="g-mb-0">
  484.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/cosmetics/">
  485.                                                Cosmetics
  486.                                            </a>
  487.                                            <ul class="g-list-style-circle">
  488.                                                <li class="g-mb-0">
  489.                                                    <a class="nav-link g-px-0  g-color-primary--hover noactive" href="/services/dental/cosmetics/bonding/">
  490.                                                        Bonding
  491.                                                    </a>
  492.                                                </li>
  493.                                                <li class="g-mb-0">
  494.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/cosmetics/veneers/">
  495.                                                        Veneers
  496.                                                    </a>
  497.                                                </li>
  498.                                                <li class="g-mb-0">
  499.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/cosmetics/whitening/">
  500.                                                        Teeth Whitening
  501.                                                    </a>
  502.                                                </li>
  503.                                            </ul>
  504.                                        </li>
  505.                                        <li class="g-mb-0">
  506.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/mouthguard/">
  507.                                                Mouthguards
  508.                                            </a>
  509.                                            <ul class="g-list-style-circle">
  510.                                                <li class="g-mb-0">
  511.                                                    <a class="nav-link g-px-0  g-color-primary--hover noactive" href="/services/dental/mouthguard/sports/">
  512.                                                        Sports
  513.                                                    </a>
  514.                                                </li>
  515.                                                <li class="g-mb-0">
  516.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/dental/mouthguard/splints/">
  517.                                                        Grinding
  518.                                                    </a>
  519.                                                </li>
  520.                                            </ul>
  521.                                        </li>
  522.                                    </ul>
  523.                                </div>
  524.                            </div>
  525.                        </div>
  526.                    </div>
  527.                </div>
  528.                <!-- End Mega Menu -->
  529.            </li>
  530.            <!-- end mega menu item -->
  531.            <!-- Mega Menu Item -->
  532.            <li class="hs-has-mega-menu nav-item g-mx-15--lg noactive" data-animation-in="fadeIn" data-animation-out="fadeOut" data-position="right">
  533.                <a id="mega-menu-label-3" class="nav-link g-px-0" href="/services/orthodontics/" aria-haspopup="true" aria-expanded="false">
  534.                    Specialist Braces
  535.                    <i class="hs-icon hs-icon-arrow-bottom g-font-size-11 g-ml-5"></i>
  536.                </a>
  537.                <!-- Mega Menu -->
  538.                <div class="w-100 hs-mega-menu u-shadow-v11 g-text-transform-none g-font-weight-400 g-brd-top g-brd-primary g-brd-top-2 g-bg-white g-pa-30 g-mt-17 g-mt-7--lg--scrolling" aria-labelledby="mega-menu-label-3">
  539.                    <div class="row">
  540.                        <div class="col-lg-4">
  541.                            <article>
  542.                                <figure class="g-pos-rel">
  543.                                    <img loading="lazy" class="img-fluid g-mb-20" src="/media/images/menu_blurb3.png" width="96" height="110" alt="">
  544.                                </figure>
  545.                                <h5 class="pacif u-heading-v1__title">
  546.                                    All people smile in the same language. <br><br>– Proverb
  547.                                </h5>
  548.                                <hr>
  549.                            </article>
  550.                        </div>
  551.                        <div class="col-lg-8">
  552.                            <div class="u-heading-v2-3--bottom g-brd-primary g-mb-0">
  553.                                <h4 class="h5 text-uppercase g-font-weight-600 h3 u-heading-v2__title">Specialist Orthodontics</h4>
  554.                            </div>
  555.                            <div class="row">
  556.                                <div class="col-lg-6">
  557.                                    <ul class="list-unstyled g-mb-25">
  558.                                        <li class="g-mb-0">
  559.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/orthodontics/treatment/">
  560.                                                Specialist Treatment
  561.                                            </a>
  562.                                        </li>
  563.                                        <li class="g-mb-0">
  564.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/orthodontics/ortho-problems/">
  565.                                                 Types of Problems: Gallery
  566.                                            </a>
  567.                                        </li>
  568.                                        <li class="g-mb-0">
  569.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/orthodontics/consult/">
  570.                                                Treatment Process
  571.                                            </a>
  572.                                        </li>
  573.                                        <li class="g-mb-0">
  574.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/orthodontics/early-treatment/">
  575.                                                Early Treatment
  576.                                            </a>
  577.                                        </li>
  578.                                        <li class="g-mb-0">
  579.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/orthodontics/kids-orthodontics/">
  580.                                                Orthdontics for Kids/Teens
  581.                                            </a>
  582.                                        </li>
  583.                                        <li class="g-mb-0">
  584.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/orthodontics/adult-orthodontics/">
  585.                                                Orthodontics for Adults
  586.                                            </a>
  587.                                        </li>
  588.                                        
  589.                                    </ul>
  590.                                </div>
  591.                                <div class="col-lg-6">
  592.                                    <ul class="list-unstyled g-mb-25">
  593.                                        <li class="g-mb-0">
  594.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/orthodontics/appliances/">
  595.                                                Appliances
  596.                                            </a>
  597.                                            <ul class="g-list-style-circle">
  598.                                                <li class="g-mb-0">
  599.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/orthodontics/appliances/braces-and-appliances/">
  600.                                                        Braces & Removable Appliances
  601.                                                    </a>
  602.                                                </li>
  603.                                                <li class="g-mb-0">
  604.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/orthodontics/appliances/invisible-braces/">
  605.                                                        Lingual & Hidden Braces
  606.                                                    </a>
  607.                                                </li>
  608.                                                <li class="g-mb-0">
  609.                                                    <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/orthodontics/appliances/invisalign/">
  610.                                                        Invisalign & Clear Aligners
  611.                                                    </a>
  612.                                                </li>
  613.                                            </ul>
  614.                                            <li class="g-mb-0">
  615.                                                <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/orthodontics/surgery/">
  616.                                                    Surgical Orthdontics / TADs
  617.                                                </a>
  618.                                            </li>
  619.                                            <li class="g-mb-0">
  620.                                                <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/services/orthodontics/retention/">
  621.                                                    Retention
  622.                                                </a>
  623.                                            </li>
  624.                                        </li>
  625.                                    </ul>
  626.                                </div>
  627.                            </div>
  628.                        </div>
  629.                    </div>
  630.                    <!-- End Mega Menu -->
  631.                </li>
  632.                <!-- end mega menu item -->
  633.                <!-- Mega Menu Item -->
  634.                <li class="hs-has-mega-menu nav-item g-mx-15--lg" data-animation-in="fadeIn" data-animation-out="fadeOut" data-position="right">
  635.                    <a id="mega-menu-label-4" class="nav-link g-px-0 noactive" href="/information/" aria-haspopup="true" aria-expanded="false">
  636.                        Patient Info
  637.                        <i class="hs-icon hs-icon-arrow-bottom g-font-size-11 g-ml-5"></i>
  638.                    </a>
  639.                    <!-- Mega Menu -->
  640.                    <div class="w-100 hs-mega-menu u-shadow-v11 g-text-transform-none g-font-weight-400 g-brd-top g-brd-primary g-brd-top-2 g-bg-white g-pa-30 g-mt-17 g-mt-7--lg--scrolling" aria-labelledby="mega-menu-label-3">
  641.                        <div class="row">
  642.                            <div class="col-lg-4">
  643.                                <article>
  644.                                    <figure class="g-pos-rel">
  645.                                        <img loading="lazy" class="img-fluid g-mb-20" src="/media/images/menu_blurb4.png" width="96" height="110" alt="">
  646.                                    </figure>
  647.                                    <h5 class="pacif u-heading-v1__title">
  648.                                        A smile is the prettiest thing you can wear. <br><br>– Unknown
  649.                                    </h5>
  650.                                    <hr>
  651.                                </article>
  652.                            </div>
  653.                            <div class="col-lg-4">
  654.                                <div class="u-heading-v2-3--bottom g-brd-primary g-mb-0">                                                    
  655.                                    <h4 class="h5 text-uppercase g-font-weight-600 h3 u-heading-v2__title">
  656.                                        General Info
  657.                                    </h4>                                                
  658.                                    </div>
  659.                                    <ul class="list-unstyled g-mb-25">
  660.                                        <li class="g-mb-0">
  661.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/information/specials/">
  662.                                                Specials
  663.                                            </a>
  664.                                        </li>
  665.                                        <li class="g-mb-0">
  666.                                            <a class="nav-link g-px-0  g-color-primary--hover noactive" href="/information/private-health-insurance/">
  667.                                                Private Health Insurance
  668.                                            </a>
  669.                                        </li>
  670.                                        <li>
  671.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/information/treatment-costs/">
  672.                                                Treatment Costs
  673.                                            </a>
  674.                                        </li>
  675.                                        <li class="g-mb-0">
  676.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/information/payment-plan/">
  677.                                                Payment Plan
  678.                                            </a>
  679.                                        </li>
  680.                                    </ul>
  681.                                </div>
  682.                                <div class="col-lg-4">
  683.                                    <div class="u-heading-v2-3--bottom g-brd-primary g-mb-0">
  684.                                        <h4 class="h5 text-uppercase g-font-weight-600 h3 u-heading-v2__title">
  685.                                            Resources
  686.                                        </h4>
  687.                                    </div>
  688.                                    <ul class="list-unstyled g-mb-25">
  689.                                        <li class="g-mb-0">
  690.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/information/faq">
  691.                                                Frequently Asked Questions
  692.                                            </a>
  693.                                        </li>
  694.                                        <li class="g-mb-0">
  695.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/patient-experience/">
  696.                                                Patient Experience
  697.                                            </a>
  698.                                        </li>
  699.                                    </ul>
  700.                                </div>
  701.                            </div>
  702.                        </div>
  703.                        <!-- End Mega Menu -->
  704.                    </li>
  705.                    <!-- end mega menu item -->
  706.                    <!-- Mega Menu Item -->
  707.                    <li class="hs-has-mega-menu nav-item g-mx-15--lg" data-animation-in="fadeIn" data-animation-out="fadeOut" data-position="right">
  708.                        <a id="mega-menu-label-5" class="nav-link g-px-0 noactive" href="/contact-us/" aria-haspopup="true" aria-expanded="false">
  709.                            Contact Info
  710.                            <i class="hs-icon hs-icon-arrow-bottom g-font-size-11 g-ml-5"></i>
  711.                        </a>
  712.                        <!-- Mega Menu -->
  713.                        <div class="w-100 hs-mega-menu u-shadow-v11 g-text-transform-none g-font-weight-400 g-brd-top g-brd-primary g-brd-top-2 g-bg-white g-pa-30 g-mt-17 g-mt-7--lg--scrolling" aria-labelledby="mega-menu-label-3">
  714.                            <div class="row">
  715.                                <div class="col-lg-4">
  716.                                    <article>
  717.                                        <figure class="g-pos-rel">
  718.                                            <img loading="lazy" class="img-fluid g-mb-20" src="/media/images/menu_blurb5.png" width="96" height="110" alt="">
  719.                                        </figure>
  720.                                        <h5 class="pacif u-heading-v1__title">
  721.                                            Smile more. Smiling can make you and others happy. <br><br>– Roy T Bennett
  722.                                        </h5>
  723.                                        <hr>
  724.                                    </article>
  725.                                </div>
  726.                                <div class="col-lg-8">
  727.                                    <div class="u-heading-v2-3--bottom g-brd-primary g-mb-0">                                                    
  728.                                        <h4 class="h5 text-uppercase g-font-weight-600 h3 u-heading-v2__title">
  729.                                            Contact Info
  730.                                        </h4>
  731.                                    </div>
  732.                                    <ul class="list-unstyled g-mb-25">
  733.                                        <li class="g-mb-0">
  734.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/contact-us/email-contact/">
  735.                                                Contact Us
  736.                                            </a>
  737.                                        </li>
  738.                                        <li class="g-mb-0">
  739.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/contact-us/location/">
  740.                                                Where We Are
  741.                                            </a>
  742.                                        </li>
  743.                                        <li class="g-mb-0">
  744.                                            <a class="nav-link g-px-0 g-color-primary--hover noactive" href="/contact-us/ortho-referral/">
  745.                                                Orthodontic Referral for dentists
  746.                                            </a>
  747.                                        </li>
  748.                                    </ul>
  749.                                </div>
  750.                            </div>
  751.                        </div>
  752.                        <!-- End Mega Menu -->
  753.                    </li>
  754.                    <!-- end mega menu item -->
  755.                    <li class="nav-item g-mx-15--lg g-mb-5 g-mb-0--lg">
  756.                        <a href="/the-wisdom-tooth/" class="nav-link g-px-0 g-color-primary--hover noactive">
  757.                            Wisdom Tooth
  758.                        </a>
  759.                    </li>
  760.                    <!-- end mega menu item -->
  761.                </ul>
  762.            </div>
  763.        <!-- End Navigation --> <!-- end call navigation bar -->
  764. </div>
  765. </nav>
  766. </div>
  767.    </header>
  768.  
  769.    
  770.    
  771.    
  772.  
  773.  
  774.  
  775. <!-- Promo Block -->
  776.    <section class="u-bg-overlay g-bg-img-hero g-bg-themeblue" style="background-image: url(/media/images/1920x800_babysmile_bg.jpg)">
  777.        <div class="container u-bg-overlay__inner text-center g-pt-150 g-pb-70">
  778.            <div class="g-mb-100">
  779.                <h1  class="allur g-color-white g-font-weight-700 g-font-size-40 g-font-size-70--md g-line-height-1_2 g-letter-spacing-10 mb-4">Oops - Something is not right!</h1>
  780.                
  781.            </div>
  782.            <div class="g-pos-abs g-left-0 g-right-0 g-z-index-2 g-bottom-30">
  783.                <a  class="js-go-to btn u-btn-outline-white g-color-white g-bg-white-opacity-0_1 g-color-black--hover g-bg-white--hover g-font-weight-600 text-uppercase g-rounded-50 g-px-30 g-py-11" href="#" data-target="#content">
  784.                    <i  class="icon-arrow-down"></i>
  785.                </a>
  786.            </div>
  787.        </div>
  788. <!-- SVG Bottom Background Shape -->
  789.      <svg class="g-pos-abs g-bottom-0 " version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1921 183.5" enable-background="new 0 0 1921 183.5" xml:space="preserve">
  790.        <path fill="#011627" d="M0,183.5v-142c0,0,250,171,1171,58c0,0,497-93,750,84H0z" />
  791.        <path opacity="0.2" fill="#011627" d="M0,183V0c0,0,250,220.4,1171,74.7c0,0,497-119.9,750,108.3H0z" />
  792.      </svg>
  793.      <!-- End SVG Bottom Background Shape -->
  794.    </section>
  795.    <!-- End Promo Block -->
  796.  
  797.    
  798.        <!-- Breadcrumbs -->
  799.    <section class="g-bg-themeblue g-color-white g-py-10 g-mb-10">
  800.        <div class="container g-bg-cover__inner">
  801.            <ul class="u-list-inline">
  802.                <li class="list-inline-item g-mr-7">
  803.                    <a class="u-link-v5 g-color-white g-color-black--hover" href="/index.php">Home</a>
  804.                    <i class="fa fa-angle-right g-ml-7"></i>
  805.                </li>
  806.                <li class="list-inline-item g-color-white">
  807.                    <span>404</span>
  808.                </li>
  809.            </ul>
  810.        </div>
  811.    </section>
  812.    <!-- end breadcrumbs -->
  813.  
  814.  
  815.    <!-- About -->
  816.    <section class="container g-pt-25 g-pb-25">
  817.        <div class="row align-items-center">
  818.            <div class="col-md-5 g-mb-30">
  819.                <img class="img-fluid mb-4 w-100 rounded" src="/media/images/600x360_monkey.jpg" alt="Image description">
  820.            </div>
  821.            <div class="col-md-7 g-mb-30">
  822.                <div class="u-heading-v1-3 g-bg-main g-brd-primary g-mb-20">
  823. <h2 class="pacif g-font-size-35 h3 u-heading-v1__title">
  824. 404 Error - Page not found!
  825. </h2>
  826. </div>
  827.                <p class="lead text-justify">It seems that <strong><em>"someone"</em></strong> has flung <strong>POO</strong> all over the page you were looking for!</p>
  828.                <p class="lead text-justify">The page has had to been changed as a result. </p>
  829.                <p class="lead text-justify">Please use the menu above to navigate to the most updated pages.</p>
  830.                <p class="lead text-justify">If you came here from a search engine - they are still updating their records to match the change.</p>
  831.            </div>
  832.        </div>
  833.    </section>
  834.    <!-- End About -->
  835.  
  836.  
  837.    
  838.    
  839.    
  840.    
  841.    
  842.    
  843.      
  844. <svg id="wave" style="transform:rotate(0deg); transition: 0.3s" viewBox="0 0 1440 160" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(1, 22, 39, 1)" offset="0%"></stop><stop stop-color="rgba(1, 22, 39, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 0px); opacity:1" fill="url(#sw-gradient-0)" d="M0,32L80,48C160,64,320,96,480,90.7C640,85,800,43,960,40C1120,37,1280,75,1440,96C1600,117,1760,123,1920,114.7C2080,107,2240,85,2400,77.3C2560,69,2720,75,2880,85.3C3040,96,3200,112,3360,114.7C3520,117,3680,107,3840,109.3C4000,112,4160,128,4320,120C4480,112,4640,80,4800,80C4960,80,5120,112,5280,120C5440,128,5600,112,5760,96C5920,80,6080,64,6240,56C6400,48,6560,48,6720,40C6880,32,7040,16,7200,26.7C7360,37,7520,75,7680,82.7C7840,91,8000,69,8160,72C8320,75,8480,101,8640,98.7C8800,96,8960,64,9120,50.7C9280,37,9440,43,9600,58.7C9760,75,9920,101,10080,109.3C10240,117,10400,107,10560,88C10720,69,10880,43,11040,40C11200,37,11360,59,11440,69.3L11520,80L11520,160L11440,160C11360,160,11200,160,11040,160C10880,160,10720,160,10560,160C10400,160,10240,160,10080,160C9920,160,9760,160,9600,160C9440,160,9280,160,9120,160C8960,160,8800,160,8640,160C8480,160,8320,160,8160,160C8000,160,7840,160,7680,160C7520,160,7360,160,7200,160C7040,160,6880,160,6720,160C6560,160,6400,160,6240,160C6080,160,5920,160,5760,160C5600,160,5440,160,5280,160C5120,160,4960,160,4800,160C4640,160,4480,160,4320,160C4160,160,4000,160,3840,160C3680,160,3520,160,3360,160C3200,160,3040,160,2880,160C2720,160,2560,160,2400,160C2240,160,2080,160,1920,160C1760,160,1600,160,1440,160C1280,160,1120,160,960,160C800,160,640,160,480,160C320,160,160,160,80,160L0,160Z"></path></svg>
  845.    
  846.   <!-- Call To Action -->
  847.  
  848.    <section class="g-bg-themeblue g-color-white g-pa-30" >
  849.        
  850. <div class="d-md-flex justify-content-md-center text-center">
  851.            
  852.            <div class="align-self-md-center">
  853.                <a class="btn btn-lg u-btn-primary text-uppercase g-font-weight-600 g-font-size-16" href="/book-online/">Book Your Appointment Online</a>
  854.            </div>
  855.        </div>
  856.    </section>
  857.    <!-- End Call To Action -->
  858.  
  859.  
  860.  
  861.    <!-- quote + footer + goto top button -->
  862.        <!-- Quote -->
  863.  
  864.  
  865.    <div class="text-center g-bg-themeteal g-color-white g-pa-30" style="background-image: url(/assets/img/bg/pattern5.png);">
  866.        <h3 class="paris g-font-size-25 g-font-size-40--md g-line-height-1_4 g-mb-10" >
  867.            <span class="g-color-white g-font-size-40 g-line-height-0_7 g-pos-rel g-top-5">“</span>
  868.            <span id="quotetext">Smile...so the world smiles with you</span>
  869.            <span class="g-color-white g-font-size-40 g-line-height-0_7 g-pos-rel g-top-5">”</span>
  870.        </h3>
  871.        <h4 class="g-font-size-20 mb-1">
  872.            <span class="d-inline-block align-middle g-width-30 g-height-2 g-bg-white mr-3"></span>
  873.            <span id="quotesource">Smile Hawthorn</span>
  874.            <span class="d-inline-block align-middle g-width-30 g-height-2 g-bg-white ml-3"></span>
  875.        </h4>
  876.    </div>
  877.  
  878.    <!-- End Quote -->
  879.    
  880.    
  881.  
  882.    <!-- goto top button -->
  883.    <a class="js-go-to u-go-to-v1" aria-label="Scroll to top" href="#" data-type="fixed" data-position='{"bottom": 15,"right": 15}' data-offset-top="400" data-compensation="#js-header" data-show-effect="zoomIn">
  884.      <i class="icon-arrow-up"></i>
  885.    </a>
  886.    <!-- end goto top -->
  887.    
  888.    
  889.    <!-- Footer -->
  890.    <div id="contacts-section" class="g-bg-black-opacity-0_9 g-color-white-opacity-0_8 g-py-60">
  891.        <div class="container">
  892.            <div class="row">
  893.                
  894.                <!-- Footer Content -->
  895.                <div class="col-lg-3 col-md-6">
  896.                    <div class="u-heading-v2-3--bottom g-brd-white-opacity-0_8 g-mb-20">
  897.                        <h2 class="u-heading-v2__title h6 text-uppercase mb-0">Our Contacts</h2>
  898.                    </div>
  899.                    <address class="g-bg-no-repeat g-font-size-12 mb-0" style="background-image: url(/assets/img/maps/map2.png);">
  900.                    <!-- Location -->
  901.                    <div class="d-flex g-mb-20">
  902.                        <div class="g-mr-10">
  903.                            <span class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-color-white-opacity-0_6">
  904.                                <i class="fa fa-map-marker"></i>
  905.                            </span>
  906.                        </div>
  907.                        <p class="mb-0">
  908.                            <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover" href="https://maps.google.com/?daddr=560+Glenferrie+Road+Hawthorn+Victoria+3122">560 Glenferrie Road,<br>Hawthorn, VIC 3122</a>
  909.                        </p>
  910.                    </div>
  911.                    <!-- End Location -->
  912.  
  913.                    <!-- Phone -->
  914.                    <div class="d-flex g-mb-20">
  915.                        <div class="g-mr-10">
  916.                            <span class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-color-white-opacity-0_6">
  917.                                <i class="fa fa-phone"></i>
  918.                            </span>
  919.                        </div>
  920.                        <p class="mb-0">
  921.                            <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover" href="tel:+61399398006">03 9939 8006</a>
  922.                        </p>
  923.                    </div>
  924.                    <!-- End Phone -->
  925.  
  926.                    <!-- Email and Website -->
  927.                    <div class="d-flex g-mb-20">
  928.                        <div class="g-mr-10">
  929.                            <span class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-color-white-opacity-0_6">
  930.                                <i class="fa fa-globe"></i>
  931.                            </span>
  932.                        </div>
  933.                        <p class="mb-0">
  934.                            <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover" href="/contact-us/email-contact/">Contact Us</a>
  935.                        </p>
  936.                    </div>
  937.                    <!-- End Email and Website -->
  938.                    
  939.                    <!-- Book online -->
  940.                    <div class="d-flex g-mb-20">
  941.                        <div class="g-mr-10">
  942.                            <span class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-color-white-opacity-0_6">
  943.                                <i class="fa fa-calendar"></i>
  944.                            </span>
  945.                        </div>
  946.                        <p class="mb-0">
  947.                            <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover" href="/book-online/">Book Online</a>
  948.                        </p>
  949.                    </div>
  950.                    <!-- End book online -->
  951.                    
  952.                    </address>
  953.                </div>
  954.                <!-- End Footer Content -->
  955.                
  956.                
  957.                <!-- Footer Content -->
  958.                <div class="col-lg-3 col-md-6 g-mb-40 g-mb-0--lg">
  959.                    <div class="u-heading-v2-3--bottom g-brd-white-opacity-0_8 g-mb-20">
  960.                        <h2 class="u-heading-v2__title h6 text-uppercase mb-0">About Us</h2>
  961.                    </div>
  962.                    <p class="g-font-size-16">At Smile Hawthorn, we see the beauty in every smile, and we aim to provide the highest levels of care to our patients, so they always smile their biggest and brightest.</p>
  963.                    <div class="">
  964.                        <table class="table text-left">
  965.                            <tbody class="g-font-size-16 g-color-white-opacity-0_5">
  966.                                <tr>
  967.                                    <th class="g-brd-white-opacity-0_1 g-color-white-opacity-0_8 align-middle" scope="row">Monday<br>to<br>Friday</th>
  968.                                    <td class="g-brd-white-opacity-0_1 align-middle">8:30 am<br>-<br>5:30 pm</td>
  969.                                </tr>
  970.                                <tr>
  971.                                    <th class="g-brd-white-opacity-0_1 g-color-white-opacity-0_8 align-middle" scope="row">Saturday</th>
  972.                                    <td class="g-brd-white-opacity-0_1 align-middle">By Appointment</td>
  973.                                </tr>
  974.                            </tbody>
  975.                        </table>
  976.                    </div>
  977.                </div>
  978.                <!-- End Footer Content -->
  979.          
  980.                <!-- Footer Content -->
  981.                <div class="col-lg-3 col-md-6 g-mb-40 g-mb-0--lg">
  982.                    <div class="u-heading-v2-3--bottom g-brd-white-opacity-0_8 g-mb-20">
  983.                        <h2 class="u-heading-v2__title h6 text-uppercase mb-0">Useful Links</h2>
  984.                    </div>
  985.                    <nav class="text-uppercase1">
  986.                        <ul class="list-unstyled g-mt-minus-10 mb-0">
  987.                            <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10">
  988.                                <h4 class="h6 g-pr-20 mb-0">
  989.                                    <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover" href="/about-us/">About Us</a>
  990.                                    <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
  991.                                </h4>
  992.                            </li>
  993.                            <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10">
  994.                                <h4 class="h6 g-pr-20 mb-0">
  995.                                    <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover" href="/services/dental/">General Dental</a>
  996.                                    <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
  997.                                </h4>
  998.                            </li>
  999.                            <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10">
  1000.                                <h4 class="h6 g-pr-20 mb-0">
  1001.                                    <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover" href="/services/orthodontics/">Specialist Braces</a>
  1002.                                    <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
  1003.                                </h4>
  1004.                            </li>
  1005.                            <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10">
  1006.                                <h4 class="h6 g-pr-20 mb-0">
  1007.                                    <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover" href="https://www.smilehawthorn.com.au/information/">Patient Info</a>
  1008.                                    <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
  1009.                                </h4>
  1010.                            </li>
  1011.                            <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10">
  1012.                                <h4 class="h6 g-pr-20 mb-0">
  1013.                                    <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover" href="https://www.smilehawthorn.com.au/contact-us/">Contact Info</a>
  1014.                                    <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
  1015.                                </h4>
  1016.                            </li>
  1017.                            <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10">
  1018.                                <h4 class="h6 g-pr-20 mb-0">
  1019.                                    <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover" href="https://www.smilehawthorn.com.au/the-wisdom-tooth/">Wisdom Tooth Blog</a>
  1020.                                    <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
  1021.                                </h4>
  1022.                            </li>
  1023.                            <li class="g-pos-rel g-py-10">
  1024.                                <h4 class="h6 g-pr-20 mb-0">
  1025.                                    <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover" href="/staff/">Staff Lounge</a>
  1026.                                    <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
  1027.                                </h4>
  1028.                            </li>
  1029.                        </ul>
  1030.                    </nav>
  1031.                </div>
  1032.                <!-- End Footer Content -->
  1033.                
  1034.                <!-- Footer Content -->
  1035.                <div class="col-lg-3 col-md-6 g-mb-40 g-mb-0--lg">
  1036.                    <div class="u-heading-v2-3--bottom g-brd-white-opacity-0_8 g-mb-20">
  1037.                        <h2 class="u-heading-v2__title h6 text-uppercase mb-0">From the Wisdom Tooth</h2>
  1038.                    </div>
  1039.                    <!-- PHP TO GET Post content -->
  1040.                    
  1041.                    <article class="media">
  1042.                        <a class="d-flex g-mt-4 mr-3" href="https://www.smilehawthorn.com.au/the-wisdom-tooth/?p=41">
  1043.                            <img class="g-width-90 g-height-60" src="https://www.smilehawthorn.com.au/the-wisdom-tooth/wp-content/uploads/2021/07/ebers.jpg" width="90" height="60" loading="lazy" alt="Image Description">
  1044.                        </a>
  1045.                        <div class="media-body">
  1046.                            <h3 class="h6 g-mb-2  text-truncate">
  1047.                                <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover d-inline-block text-truncate"  style="max-width: 150px;" href="https://www.smilehawthorn.com.au/the-wisdom-tooth/?p=41">Dental History - 1700-1550BC</a>
  1048.                            </h3>
  1049.                            <div class="g-font-size-12 g-color-white-opacity-0_6">15 Jan 2021</div>
  1050.                        </div>
  1051.                    </article>
  1052.                    <hr class="g-brd-white-opacity-0_1 g-my-10">
  1053.                                        
  1054.                    <article class="media">
  1055.                        <a class="d-flex g-mt-4 mr-3" href="https://www.smilehawthorn.com.au/the-wisdom-tooth/?page_id=339">
  1056.                            <img class="g-width-90 g-height-60" src="https://www.smilehawthorn.com.au/the-wisdom-tooth/wp-content/uploads/2022/04/easter4.jpg" width="90" height="60" loading="lazy" alt="Image Description">
  1057.                        </a>
  1058.                        <div class="media-body">
  1059.                            <h3 class="h6 g-mb-2  text-truncate">
  1060.                                <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover d-inline-block text-truncate"  style="max-width: 150px;" href="https://www.smilehawthorn.com.au/the-wisdom-tooth/?page_id=339">Enjoy an Egg-cellent Easter</a>
  1061.                            </h3>
  1062.                            <div class="g-font-size-12 g-color-white-opacity-0_6">14 Apr 2022</div>
  1063.                        </div>
  1064.                    </article>
  1065.                    <hr class="g-brd-white-opacity-0_1 g-my-10">
  1066.                                        
  1067.                    <article class="media">
  1068.                        <a class="d-flex g-mt-4 mr-3" href="https://www.smilehawthorn.com.au/the-wisdom-tooth/?p=151">
  1069.                            <img class="g-width-90 g-height-60" src="https://www.smilehawthorn.com.au/the-wisdom-tooth/wp-content/uploads/2021/07/700x502_family1.jpg" width="90" height="60" loading="lazy" alt="Image Description">
  1070.                        </a>
  1071.                        <div class="media-body">
  1072.                            <h3 class="h6 g-mb-2  text-truncate">
  1073.                                <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover d-inline-block text-truncate"  style="max-width: 150px;" href="https://www.smilehawthorn.com.au/the-wisdom-tooth/?p=151">Dental Health Week 2021</a>
  1074.                            </h3>
  1075.                            <div class="g-font-size-12 g-color-white-opacity-0_6">02 Aug 2021</div>
  1076.                        </div>
  1077.                    </article>
  1078.                    <hr class="g-brd-white-opacity-0_1 g-my-10">
  1079.                                        
  1080.                    <article class="media">
  1081.                        <a class="d-flex g-mt-4 mr-3" href="https://www.smilehawthorn.com.au/the-wisdom-tooth/?p=132">
  1082.                            <img class="g-width-90 g-height-60" src="https://www.smilehawthorn.com.au/the-wisdom-tooth/wp-content/uploads/2021/07/sugar_foods.jpg" width="90" height="60" loading="lazy" alt="Image Description">
  1083.                        </a>
  1084.                        <div class="media-body">
  1085.                            <h3 class="h6 g-mb-2  text-truncate">
  1086.                                <a class="g-font-size-16 g-color-white-opacity-0_8 g-color-white--hover d-inline-block text-truncate"  style="max-width: 150px;" href="https://www.smilehawthorn.com.au/the-wisdom-tooth/?p=132">Sugars can adversely affect your health!</a>
  1087.                            </h3>
  1088.                            <div class="g-font-size-12 g-color-white-opacity-0_6">06 Aug 2021</div>
  1089.                        </div>
  1090.                    </article>
  1091.                    <hr class="g-brd-white-opacity-0_1 g-my-10">
  1092.                                          
  1093.  
  1094.                </div>
  1095.                <!-- End Footer Content -->
  1096.  
  1097.                
  1098.            </div>
  1099.        </div>
  1100.    </div>
  1101.    <!-- End Footer -->
  1102.  
  1103.    <!-- Copyright Footer -->
  1104.    <footer class="g-bg-gray-dark-v1 g-color-white-opacity-0_8 g-py-20">
  1105.      <div class="container">
  1106.        <div class="row">
  1107.          <div class="col-md-8 text-center text-md-left g-mb-10 g-mb-0--md">
  1108.            <div class="d-lg-flex">
  1109.              <small class="d-block g-font-size-default g-mr-10 g-mb-10 g-mb-0--md">&copy; 2014<script>new Date().getFullYear()>2010&&document.write("-"+new Date().getFullYear());</script> - Smile Hawthorn</small>
  1110.              <ul class="u-list-inline">
  1111.                <li class="list-inline-item">
  1112.                  <span>|</span>
  1113.                </li>
  1114. <li class="list-inline-item">
  1115.                  <small class="d-block g-font-size-default g-mr-10 g-mb-10 g-mb-0--md">All Right Reserved</small>
  1116.                </li>
  1117. <li class="list-inline-item">
  1118.                  <span>|</span>
  1119.                </li>
  1120. <li class="list-inline-item">
  1121.                  <a class="d-block g-font-size-default g-mr-10 g-mb-10 g-mb-0--md g-color-white-opacity-0_8 g-color-white--hover" href="/information/privacy-policy/">Privacy Policy</a>
  1122.                </li>
  1123.                <li class="list-inline-item">
  1124.                  <span>|</span>
  1125.                </li>
  1126.                <li class="list-inline-item">
  1127.                  <a class="d-block g-font-size-default g-mr-10 g-mb-10 g-mb-0--md g-color-white-opacity-0_8 g-color-white--hover" href="/information/website-terms-of-use/">Terms of Use</a>
  1128.                </li>
  1129.              
  1130.                
  1131.              </ul>
  1132.            </div>
  1133.          </div>
  1134.  
  1135.          <div class="col-md-4 align-self-center">
  1136.            <ul class="list-inline text-center text-md-right mb-0">
  1137.              <li class="list-inline-item">                  
  1138.                <a class="d-block g-font-size-default g-mr-10 g-mb-10 g-mb-0--md g-color-white-opacity-0_8 g-color-white--hover" href="#!"  target="_blank" rel="noopener" >Charlesium-119 Design</a>                
  1139.              </li>
  1140.              <li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="Facebook">
  1141.                <a href="https://www.facebook.com/SmileHawthorn" target="_blank" rel="noopener" aria-label="Facebook" class="g-color-white-opacity-0_5 g-color-white--hover">
  1142.                  <i class="fa fa-facebook"></i>
  1143.                </a>
  1144.              </li>
  1145.              <li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="Linkedin">
  1146.                <a href="https://www.linkedin.com/company/smile-hawthorn/" target="_blank" rel="noopener" aria-label="Linked In"class="g-color-white-opacity-0_5 g-color-white--hover">
  1147.                  <i class="fa fa-linkedin"></i>
  1148.                </a>
  1149.              </li>
  1150.              <li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="Instagram">
  1151.                <a href="https://www.instagram.com/smilehawthorn/"  target="_blank" rel="noopener" aria-label="Instagram" class="g-color-white-opacity-0_5 g-color-white--hover">                  
  1152.                    <i class="fa fa-instagram"></i>
  1153.                </a>
  1154.              </li>
  1155.              <li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="Twitter">                
  1156.                <a href="https://twitter.com/smilehawthorn"   target="_blank" rel="noopener"  aria-label="Twitter" class="g-color-white-opacity-0_5 g-color-white--hover">
  1157.                    <i class="fa fa-twitter"></i>                
  1158.                </a>
  1159.            </li>
  1160.              
  1161.              
  1162.            </ul>
  1163.          </div>
  1164.        </div>
  1165.      </div>
  1166.    </footer>
  1167.    <!-- End Copyright Footer -->
  1168.    
  1169.    <!-- Demo modal window -->
  1170. <div id="modal1" class="text-left g-max-width-600 g-bg-white g-overflow-y-auto g-pa-20" style="display: none;">
  1171.  <button type="button" class="close" onclick="Custombox.modal.close();">
  1172.    <i class="hs-icon hs-icon-close"></i>
  1173.  </button>
  1174.  <h4 class="g-mb-20">Modal title</h4>
  1175.  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
  1176.    specimen book.</p>
  1177.  <p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more
  1178.    recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
  1179. </div>
  1180. <!-- End Demo modal window -->    
  1181.    
  1182.    
  1183.  
  1184.  </main>
  1185.  
  1186.    <!-- JS Global Compulsory -->
  1187.    <script src="/assets/vendor/jquery/jquery.min.js"></script>
  1188.    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
  1189.    <script src="/assets/vendor/jquery-migrate/jquery-migrate.min.js"></script>
  1190.    <script src="/assets/vendor/bootstrap/bootstrap.min.js"></script>
  1191. <script src="/assets/vendor/bootstrap/offcanvas.js"></script>
  1192. <!-- JS Implementing Plugins -->
  1193.  <script src="/assets/vendor/hs-megamenu/src/hs.megamenu.js"></script><!-- mega menu open -->
  1194.  
  1195.    <!-- JS Unify -->
  1196.    <script src="/assets/js/hs.core.js"></script>
  1197. <script src="/assets/js/components/hs.header.js"></script> <!-- hamburger -->
  1198. <script src="/assets/js/helpers/hs.hamburgers.js"></script> <!-- hamburger -->
  1199. <script src="/assets/js/components/hs.go-to.js"></script> <!-- goto top -->
  1200.    <!-- JS Custom -->
  1201.    <script src="/assets/js/custom.js"></script>
  1202. <script src="/assets/js/quotes.js"></script>
  1203. <!-- JS Plugins Init. -->
  1204.  <script>
  1205.    $(document).on('ready', function () {
  1206.      // initialization of go to
  1207.      $.HSCore.components.HSGoTo.init('.js-go-to');
  1208.  
  1209.      // initialization of carousel
  1210.      //$.HSCore.components.HSCarousel.init('.js-carousel');
  1211.  
  1212.  // initialization of tabs
  1213.      //$.HSCore.components.HSTabs.init('[data-tabs-mobile-type]');
  1214.  
  1215.      // initialization of masonry --> required for megamenu
  1216.      //$('.masonry-grid').imagesLoaded().then(function () {
  1217.        //$('.masonry-grid').masonry({
  1218.          //columnWidth: '.masonry-grid-sizer',
  1219.          //itemSelector: '.masonry-grid-item',
  1220.          //percentPosition: true
  1221.        //});
  1222.      //});
  1223.  
  1224.      // initialization of popups
  1225.      //$.HSCore.components.HSPopup.init('.js-fancybox');
  1226.    });
  1227.  
  1228.    $(window).on('load', function () {
  1229.      // initialization of header
  1230.      $.HSCore.components.HSHeader.init($('#js-header'));
  1231.      $.HSCore.helpers.HSHamburgers.init('.hamburger');
  1232.  
  1233.      // initialization of HSMegaMenu component
  1234.      $('.js-mega-menu').HSMegaMenu({
  1235.        event: 'hover',
  1236.        pageContainer: $('.container'),
  1237.        breakpoint: 991
  1238.      });
  1239.    });
  1240.  </script>
  1241.  
  1242.  <script>
  1243.  
  1244.  </script>
  1245.  
  1246.  
  1247.  
  1248.  </body>
  1249. </html>
  1250. <!-- language selector -->
  1251. <!-- Language selector -->
  1252.     <style>
  1253.        .goog-te-banner-frame.skiptranslate {
  1254.            display: none !important;
  1255.        }
  1256.        body {
  1257.            top: 0px !important;
  1258.        }
  1259.        .goog-logo-link {
  1260.            display:none !important;
  1261.        }
  1262.        
  1263.    </style>
  1264.    <div id="google_translate_element" style="display: none;"></div>
  1265.    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
  1266.    <link rel="stylesheet" href="/assets/vendor/bootstrap-select/css/bootstrap-select.min.css">
  1267.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/4.1.5/css/flag-icons.min.css" integrity="sha512-UwbBNAFoECXUPeDhlKR3zzWU3j8ddKIQQsDOsKhXQGdiB5i3IHEXr9kXx82+gaHigbNKbTDp3VY/G6gZqva6ZQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  1268.    <script src="/assets/vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
  1269.  
  1270.  
  1271.  
  1272.  
  1273.  <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>
  1274.  <script type="text/javascript">
  1275.        function googleTranslateElementInit() {
  1276.            new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false }, 'google_translate_element');
  1277.        }
  1278.  
  1279.        function translateLanguage(lang) {
  1280.            googleTranslateElementInit();
  1281.            
  1282.            var $frame = $('.goog-te-menu-frame:first');
  1283.            
  1284.            if (!$frame.size()) {
  1285.                jQuery("#langModalfail").modal('show');
  1286.                //alert("Error: Could not find Google translate frame.");
  1287.                return false;
  1288.            }
  1289.            jQuery("#langModal").modal('show');
  1290.            $frame.contents().find('.goog-te-menu2-item span.text:contains(' + lang + ')').get(0).click();
  1291.            return false;
  1292.            
  1293.        }
  1294.  
  1295.        
  1296.    </script>
  1297.  
  1298. <!-- success Modal -->
  1299.    <div class="modal" id="langModal">
  1300. <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-lg">
  1301.         <div class="modal-content">    
  1302.         <!-- Modal Header -->
  1303.         <div class="modal-header g-bg-themeblue">
  1304.         <div class="modal-title u-heading-v2-3--bottom g-brd-primary g-mb-10">
  1305.         <h3 class="pacif g-font-size-35 h3 u-heading-v2__title g-pb-0 g-color-white">
  1306.         Language Translation Tool!
  1307.         </h3>
  1308. </div>
  1309. </div>
  1310.         <!-- Modal body -->
  1311.         <div class="modal-body">
  1312.         <!-- Icon Blocks -->
  1313. <article class="media g-mb-20">
  1314.                <div class="d-flex align-self-center mr-4">
  1315. <span class="d-block g-color-primary g-font-size-75 g-line-height-1">                            
  1316.            <i class="icon-exclamation"></i>                        
  1317.            </span>
  1318.            </div>
  1319. <div class="media-body align-self-center">
  1320.            <h3 class="h4 g-color-black">Please Note!</h3>
  1321.            <p class="g-font-size-16 mb-0">This page translation is basic and is intended as an aid with communication.</p>
  1322.            <p class="g-font-size-16 mb-0">Please be mindful of this when interpreting the content on the website.</p>
  1323.            </div>
  1324.            </article>
  1325.            <!-- End Icon Blocks -->
  1326.            </div>            
  1327. <!-- Modal footer -->
  1328.            <div class="modal-footer">
  1329.                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
  1330.                </div>        
  1331.            </div>    
  1332.        </div>
  1333.    </div>
  1334. <!-- end success modal -->
  1335. <!-- success Modal -->
  1336.    <div class="modal" id="langModalfail">
  1337. <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-lg">
  1338.         <div class="modal-content">    
  1339.         <!-- Modal Header -->
  1340.         <div class="modal-header g-bg-themeblue">
  1341.         <div class="modal-title u-heading-v2-3--bottom g-brd-primary g-mb-10">
  1342.         <h3 class="pacif g-font-size-35 h3 u-heading-v2__title g-pb-0 g-color-white">
  1343.         Language Translation Tool!
  1344.         </h3>
  1345. </div>
  1346. </div>
  1347.         <!-- Modal body -->
  1348.         <div class="modal-body">
  1349.         <!-- Icon Blocks -->
  1350. <article class="media g-mb-20">
  1351.                <div class="d-flex align-self-center mr-4">
  1352. <span class="d-block g-color-primary g-font-size-75 g-line-height-1">                            
  1353.            <i class="icon-exclamation"></i>                        
  1354.            </span>
  1355.            </div>
  1356. <div class="media-body align-self-center">
  1357.            <h3 class="h4 g-color-black">Translation Error</h3>
  1358.            <p class="g-font-size-16 mb-0">Could not find Google translate frame.</p>
  1359.            
  1360.            </div>
  1361.            </article>
  1362.            <!-- End Icon Blocks -->
  1363.            </div>            
  1364. <!-- Modal footer -->
  1365.            <div class="modal-footer">
  1366.                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
  1367.                </div>        
  1368.            </div>    
  1369.        </div>
  1370.    </div>
  1371. <!-- end success modal -->
  1372.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda