display footer navigation

footer.vm

<ul class="footer-nav">
	<div class="aui-layout-content">
	#foreach ($nav_item in $nav_items)
		#if($nav_item.getLayout().getExpandoBridge().getAttribute($customFieldName))

			<div class="aui-column aui-w25">
			#if ($nav_item.isSelected())
				<li class="selected">
			#else
				<li>
			#end
				<h4><span>$nav_item.icon() $nav_item.getName()</span></h4>

				#if ($nav_item.hasChildren())
					<ul class="child-menu">
						#foreach ($nav_child in $nav_item.getChildren())
							#if ($nav_child.isSelected())
								<li class="selected">
							#else
								<li>
							#end
								<a href="$nav_child.getURL()" $nav_child.getTarget()>$nav_child.getName()</a>
							</li>
						#end
					</ul>
				#end
			</li>
			</div>
		#end
	#end
	<div id="subscribe" class="aui-column aui-w25">
	#webform()

	</div>
	<div id="social" class="aui-column aui-w25">
		<ul>
		<h4>Find us on:</h4>
		<li><a class="facebook" href="//$theme.getSetting("facebook")" target="_blank"><span>Facebook</span></a></li>
		<li><a class="twitter" href="//$theme.getSetting("twitter")" target="_blank"><span>Twitter</span></a></li>
		<li><a class="youtube" href="//$theme.getSetting("youtube")" target="_blank"><span>Youtube</span></a></li>
		</ul>
	</div>
</ul>

init_custom.vm

## ---------- Footer Custom Field ---------- ##

#set ($customFieldName = "footer-navigation")
#if ($layout.getExpandoBridge().hasAttribute($customFieldName) == false)
	#set($VOID = $layout.getExpandoBridge().addAttribute($customFieldName, 1, false))
#end

navigation.vm

<nav class="$nav_css_class" id="navigation">
	<h1>
		<span>#language("navigation")</span>
	</h1>

	<ul>
		#foreach ($nav_item in $nav_items)
                   #if($nav_item.getLayout().getExpandoBridge().getAttribute($customFieldName) == false)
			#if ($nav_item.isSelected())
				<li class="selected">
			#else
				<li>
			#end
				<a href="$nav_item.getURL()" $nav_item.getTarget()><span>$nav_item.icon() $nav_item.getName()</span></a>

				#if ($nav_item.hasChildren())
					<ul class="child-menu">
						#foreach ($nav_child in $nav_item.getChildren())
							#if ($nav_child.isSelected())
								<li class="selected">
							#else
								<li>
							#end
								<a href="$nav_child.getURL()" $nav_child.getTarget()>$nav_child.getName()</a>
							</li>
						#end
					</ul>
				#end
			</li>
                    #end
		#end
	</ul>
</nav>