<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<ul class="nav navbar nav-dark top-right justify-content-center">
<li class="nav-item">
<a class="nav-link" href="#">Screen Reader Access </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"> Feedback</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sitemap.html">Sitemap</a>
</li>
<li class="nav-item">
<a class="nav-link " id="decreaseFont" href="#">A <sup>-</sup></a>
</li>
<li class="nav-item">
<a class="nav-link" id="increaseFont" href="#">A <sup>+</sup></a>
</li>
<li class="nav-item">
<a class="nav-link bg-white" id="resetFont" href="#">A <sup></sup></a>
</li>
<li class="nav-item">
<a class="nav-link text-light defTheme" href="#">A <sup></sup></a>
</li>
</ul>
<div class="row">
<div class="col-md-6 site-map-sec">
<h3 class="font-weight-bold">Primary Link</h3>
<ul class="list-inline main-line">
<li><a href="#"><span class="badge badge-pill badge-dark h3">Home</span></a></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">Introduction</span></a>
<ul class="child-list list-inline">
<li><a href="#"><span class="badge badge-pill badge-dark h3">COVID-19 NAGALAND</span></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">COVID-19 Bulletin</span></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">nCOVID-19 NAGALAND APP</span></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">AWARENESS ON COVID-19</span></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">COVID-19 BLOG</span></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">COVID-19 Q&A </span></li>
</ul>
</li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">COVID-19 NAGALAND</span></a></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">Advertisements</span></a></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">Departmental Set Up</span></a></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">RTI</span></a></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">Downloads</span></a></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">Gallery</span></a></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">Contact</span></a></li>
</ul>
</div>
<div class="col-md-6 site-map-sec">
<h3 class="font-weight-bold">Important Link</h3>
<ul class="list-inline main-line">
<li><a href="#"><span class="badge badge-pill badge-dark h3">vission</span></a></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">What news</span></a></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">Important Link</span></a></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">Blog</span></a></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">Terms of service</span></a></li>
<li><a href="#"><span class="badge badge-pill badge-dark h3">Privacy policy</span></a></li>
</ul>
</div>
</div>
</div>
.site-map-sec ul {
padding-left: 35px;
border-left: 1px solid #ddd;
padding-top: 25px;
padding-bottom: 25px;
}
.site-map-sec li{ position: relative;}
.site-map-sec li:before {
content: "";
position: absolute;
background: #ddd;
width: 35px;
height: 2px;
top: 13px;
left: -35px;
}
$(document).ready(function () {
textResizer = $(function (){
// Set Cookie
var docCookies = {
getItem: function (sKey) {
if (!sKey) { return null; }
return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null;
},
setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) {
if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) { return false; }
var sExpires = "";
if (vEnd) {
switch (vEnd.constructor) {
case Number:
sExpires = vEnd === Infinity ? "; expires=Fri, 31 Dec 9999 23:59:59 GMT" : "; max-age=" + vEnd;
break;
case String:
sExpires = "; expires=" + vEnd;
break;
case Date:
sExpires = "; expires=" + vEnd.toUTCString();
break;
}
}
document.cookie = encodeURIComponent(sKey) + "=" + encodeURIComponent(sValue) + sExpires + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : "") + (bSecure ? "; secure" : "");
return true;
},
removeItem: function (sKey, sPath, sDomain) {
if (!this.hasItem(sKey)) { return false; }
document.cookie = encodeURIComponent(sKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT" + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : "");
return true;
},
hasItem: function (sKey) {
if (!sKey) { return false; }
return (new RegExp("(?:^|;\\s*)" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=")).test(document.cookie);
},
keys: function () {
var aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, "").split(/\s*(?:\=[^;]*)?;\s*/);
for (var nLen = aKeys.length, nIdx = 0; nIdx < nLen; nIdx++) { aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]); }
return aKeys;
}
};
function changeSize(element, size) {
var current = parseInt(docCookies.getItem("FontSize"));
var newSize;
if (current !== "") {
current = parseInt(element.css('font-size'));
}
if (size === 'decrease') {
if (current > 12) {
newSize = current - 1;
}
} else if (size === 'increase') {
if (current < 18) {
newSize = current + 1;
}
} else if (size === 'resetf') {
newSize = 16;
}
element.css('font-size', newSize + 'px');
docCookies.setItem("FontSize", newSize, Infinity);
}
$('#decreaseFont').click(function (e) {
changeSize(text, 'decrease');
e.preventDefault();
});
$('#increaseFont').click(function (e) {
changeSize(text, 'increase');
e.preventDefault();
});
$('#resetFont').click(function (e) {
changeSize(text, 'resetf');
e.preventDefault();
});
$(".defTheme").click(function() {
$("#MSS").attr("href",'css/style-d.css');
});
$("#resetFont").click(function() {
$("#MSS").attr("href",'css/style.css');
});
var text = $("body"),
fontSize = docCookies.getItem("FontSize");
if (fontSize) {
text.css('font-size', fontSize + 'pt !important');
}
});
});