xxxxxxxxxx1
<nav class="navbar navbar-expand-lg navbar-dark special-color-dark py-md-3">2
<div class="container">3
<!-- Navbar brand --> <a class="navbar-brand text-uppercase" href="#"><img4
src="logo.svg" height="80"5
width="80"></a> <!-- Collapse button --> <button class="navbar-toggler" type="button"6
data-toggle="collapse" data-target="#navbarSupportedContent2" aria-controls="navbarSupportedContent2"7
aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>8
<!-- Collapsible content -->9
<div class="collapse navbar-collapse w-100" id="navbarSupportedContent2">10
<ul class="navbar-nav mr-auto w-100 row">11
<!-- level 1-->12
<li class="nav-item dropdown mega-dropdown d-flex flex-fill h-100"> <a13
class="nav-link dropdown-toggle text-uppercase h-100 waves-effect waves-light"14
id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true"15
aria-expanded="false">About Cairns </a>16
<div class="dropdown-menu mega-menu v-2 z-depth-1 special-color py-5 px-3"17
aria-labelledby="navbarDropdownMenuLink2">18
<div class="row">19
<!-- level 2 -->20
<div class="col-md-6 col-xl-3 sub-menu mb-xl-0 mb-4"> <a href="#"21
class="menu-item waves-effect waves-light">22
<h6 class="sub-title text-uppercase font-weight-bold white-text">City Symbols</h6>23
</a> <!-- level 3-->24
<ul class="list-unstyled">25
<li> <a class="menu-item pl-0 waves-effect waves-light" href="#"> <i26
class="fas fa-caret-right pl-1 pr-3"></i>Level 3 Page 1 </a> </li>27
</ul>28
</div>29
<div class="col-md-6 col-xl-3 sub-menu mb-xl-0 mb-4"> <a href="#"30
class="menu-item waves-effect waves-light">31
<h6 class="sub-title text-uppercase font-weight-bold white-text">Statistics &32
Facts</h6>33
</a> <!-- level 3-->34
<ul class="list-unstyled"> </ul>35
</div>36
</div>37
</div>38
</li>39
<li class="nav-item dropdown mega-dropdown d-flex flex-fill h-100"> <a40
class="nav-link dropdown-toggle text-uppercase h-100 waves-effect waves-light"41
id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true"42
aria-expanded="false">About Council </a>43
<div class="dropdown-menu mega-menu v-2 z-depth-1 special-color py-5 px-3"44
aria-labelledby="navbarDropdownMenuLink2">45
<div class="row">46
<!-- level 2 -->47
<div class="col-md-6 col-xl-3 sub-menu mb-xl-0 mb-4"> <a href="#"48
class="menu-item waves-effect waves-light">49
<h6 class="sub-title text-uppercase font-weight-bold white-text">Contact Us</h6>50
</a> <!-- level 3-->51
<ul class="list-unstyled"> </ul>52
</div>53
<div class="col-md-6 col-xl-3 sub-menu mb-xl-0 mb-4"> <a href="#"54
class="menu-item waves-effect waves-light">55
<h6 class="sub-title text-uppercase font-weight-bold white-text">Awards &56
Recognition</h6>57
</a> <!-- level 3-->58
<ul class="list-unstyled"> </ul>59
</div>60
</div>61
</div>62
</li>63
<li class="nav-item dropdown mega-dropdown d-flex flex-fill h-100"> <a64
class="nav-link dropdown-toggle text-uppercase h-100 waves-effect waves-light"65
id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true"66
aria-expanded="false">Building Planning & Business </a>67
<div class="dropdown-menu mega-menu v-2 z-depth-1 special-color py-5 px-3"68
aria-labelledby="navbarDropdownMenuLink2">69
<div class="row">70
<!-- level 2 -->71
<div class="col-md-6 col-xl-3 sub-menu mb-xl-0 mb-4"> <a href="#"72
class="menu-item waves-effect waves-light">73
<h6 class="sub-title text-uppercase font-weight-bold white-text">Building Works</h6>74
</a> <!-- level 3-->75
<ul class="list-unstyled"> </ul>76
</div>77
<div class="col-md-6 col-xl-3 sub-menu mb-xl-0 mb-4"> <a href="#"78
class="menu-item waves-effect waves-light">79
<h6 class="sub-title text-uppercase font-weight-bold white-text">Business80
Regulations</h6>81
</a> <!-- level 3-->82
<ul class="list-unstyled"> </ul>83
</div>84
</div>85
</div>86
</li>87
<li class="nav-item dropdown mega-dropdown d-flex flex-fill h-100"> <a88
class="nav-link dropdown-toggle text-uppercase h-100 waves-effect waves-light"89
id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true"90
aria-expanded="false">Water, Waste & Roads </a>91
<div class="dropdown-menu mega-menu v-2 z-depth-1 special-color py-5 px-3"92
aria-labelledby="navbarDropdownMenuLink2">93
<div class="row">94
<!-- level 2 -->95
<div class="col-md-6 col-xl-3 sub-menu mb-xl-0 mb-4"> <a href="#"96
class="menu-item waves-effect waves-light">97
<h6 class="sub-title text-uppercase font-weight-bold white-text">Water Supply &98
Use</h6>99
</a> <!-- level 3-->100
<ul class="list-unstyled"> </ul>101
</div>102
<div class="col-md-6 col-xl-3 sub-menu mb-xl-0 mb-4"> <a href="#"103
class="menu-item waves-effect waves-light">104
<h6 class="sub-title text-uppercase font-weight-bold white-text">Waste &105
Recycling</h6>106
</a> <!-- level 3-->107
<ul class="list-unstyled"> </ul>108
</div>109
</div>110
</div>111
</li>112
<li class="nav-item dropdown mega-dropdown d-flex flex-fill h-100"> <a113
class="nav-link dropdown-toggle text-uppercase h-100 waves-effect waves-light"114
id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true"115
aria-expanded="false">Community & Environment </a>116
<div class="dropdown-menu mega-menu v-2 z-depth-1 special-color py-5 px-3"117
aria-labelledby="navbarDropdownMenuLink2">118
<div class="row">119
<!-- level 2 -->120
<div class="col-md-6 col-xl-3 sub-menu mb-xl-0 mb-4"> <a href="#"121
class="menu-item waves-effect waves-light">122
<h6 class="sub-title text-uppercase font-weight-bold white-text">Community Services123
</h6>124
</a> <!-- level 3-->125
<ul class="list-unstyled"> </ul>126
</div>127
<div class="col-md-6 col-xl-3 sub-menu mb-xl-0 mb-4"> <a href="#"128
class="menu-item waves-effect waves-light">129
<h6 class="sub-title text-uppercase font-weight-bold white-text">Natural Disasters130
</h6>131
</a> <!-- level 3-->132
<ul class="list-unstyled"> </ul>133
</div>134
</div>135
</div>136
</li>137
<li class="nav-item dropdown mega-dropdown d-flex flex-fill h-100"> <a138
class="nav-link dropdown-toggle text-uppercase h-100 waves-effect waves-light"139
id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true"140
aria-expanded="false">Facilities, Sport & Leisure </a>141
<div class="dropdown-menu mega-menu v-2 z-depth-1 special-color py-5 px-3"142
aria-labelledby="navbarDropdownMenuLink2">143
<div class="row">144
<!-- level 2 -->145
</div>146
</div>147
</li>148
<li class="nav-item dropdown mega-dropdown d-flex flex-fill h-100"> <a149
class="nav-link dropdown-toggle text-uppercase h-100 waves-effect waves-light"150
id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true"151
aria-expanded="false">What's On </a>152
<div class="dropdown-menu mega-menu v-2 z-depth-1 special-color py-5 px-3"153
aria-labelledby="navbarDropdownMenuLink2">154
<div class="row">155
<!-- level 2 -->156
</div>157
</div>158
</li>159
<li class="nav-item dropdown mega-dropdown d-flex flex-fill h-100"> <a160
class="nav-link dropdown-toggle text-uppercase h-100 waves-effect waves-light"161
id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true"162
aria-expanded="false">Online Services & Forms </a>163
<div class="dropdown-menu mega-menu v-2 z-depth-1 special-color py-5 px-3"164
aria-labelledby="navbarDropdownMenuLink2">165
<div class="row">166
<!-- level 2 -->167
</div>168
</div>169
</li>170
</ul>171
</div> <!-- Collapsible content -->172
</div>173
</nav>1
1
1
1
Console errors: 0