footer.html

<footer>
			<div class="container foot-container">
				<p class="editor-link"><a href="cloudcannon:collections/_data/footer.yml" class="btn"><strong>&#9998;</strong> Edit footer</a></p>
				<div class="nighthawk-logo">
					<a href="/" target="_blank" rel="noopener noreferrer"><img src="{{ site.baseurl }}/assets/images/logos/nighthawk/horizontal/nighthawk-text-side_white.svg" alt="Nighthawk Logo">	</a>
				<!-- <p>Nighthawk</p> -->
				</div>
				<div class="footer-columns">
					{% for column in site.data.footer %}
					<ul class="footer-links">
						<li><h2><strong>{{ column.title }}</strong></h2></li>
						{% for link in column.links %}
							<li><a {% if link.new_window %}target="_blank"{% endif %} href="{% include relative-src.html src=link.link %}" {% if link.social_icon %}class="{{ link.social_icon || downcase }}-icon"{% endif %}>
								{% if link.social_icon %}
									{% include social-icon.html icon=link.social_icon %}
								{% endif %}
								{{ link.name }}</a></li>
						{% endfor %}
					</ul>
					{% endfor %}	
				</div>
				<div class="footer-columns2">
					{% for column in site.data.footer %}
					<ul class="footer-links">
						<li><h2><strong>{{ column.title2 }}</strong></h2></li>
						{% for link in column.links2 %}
							<li><a {% if link.new_window %}target="_blank"{% endif %} href="{% include relative-src.html src=link.link %}" {% if link.social_icon %}class="{{ link.social_icon || downcase }}-icon"{% endif %}>
								{% if link.social_icon %}
									{% include social-icon.html icon=link.social_icon %}
								{% endif %}
								{{ link.name }}</a></li>
						{% endfor %}
					</ul>
					{% endfor %}

				</div>
<div>
	
</div>
			</div>
			<hr>
			<div class="row footer-social-row">
				<div class="col-lg-6">
					<p class="copyright-text"> <script>document.write(new Date().getFullYear())</script> © Layer5, Inc.<span class="copyright">&#169;</span></p>
				</div>
				<div class="col-lg-6 footer-social-div">
					{% for column in site.data.footer-social %}
					<ul class="footer-social-links">
						{% for link in column.links %}
							<li><a {% if link.new_window %}target="_blank"{% endif %} href="{% include relative-src.html src=link.link %}" {% if link.social_icon %}class="{{ link.social_icon || downcase }}-icon"{% endif %}>
								{% if link.social_icon %}
									{% include social-icon.html icon=link.social_icon %}
								{% endif %}
								</a></li>
						{% endfor %}
					</ul>
					{% endfor %}
				</div>
			</div>


		</footer>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
		{% if jekyll.environment == 'production' %}
       		<script src="{{ site.baseurl }}/assets/js/stellarnav.min.js"></script>
        {% else %}
		<script src="{{ site.baseurl }}/assets/js/stellarnav.js"></script>
	    {% endif %}

		<script src="{{ site.baseurl }}/assets/js/main.js"></script>

		<!-- Site Navigation Menu -->
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				jQuery('.stellarnav').stellarNav({breakpoint: 840});
				jQuery('.stellarnav.mobile').css('text-align','end');
			});
		</script>
		<!--Script for Copy to Clipboard-->
		<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
		<script>

		function resetCopyText(element) {
			let childElements = element.childNodes
			childElements[3].innerHTML="Copy to clipboard";
		}

		var clipboard = new ClipboardJS('.btn');
		clipboard.on('success', function(e) {
			console.info('Action:', e.action);
			console.info('Text:', e.text);
			console.info('Trigger:', e.trigger);
			let childElements = e.trigger.childNodes;
			childElements[3].innerHTML = "Copied!";
			e.clearSelection();
		});
		clipboard.on('error', function(e) {
			console.error('Action:', e.action);
			console.error('Trigger:', e.trigger);
		});
		</script>

		<script>
			function displayCode(id) {
				var divId = id + "_code";
				var element = document.getElementById(divId);
				element.classList.toggle("showDiv");
				var toggleDivs = document.getElementsByClassName("toggle");
				for(let i=0; i<toggleDivs.length; i++) {
					if(toggleDivs[i] != element)
						toggleDivs[i].classList.remove("showDiv");
				}
			}
		</script>
	</body>
</html>