"Sitemap page"
Bootstrap 4.1.1 Snippet by yatendra00013

<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'); } }); });

Related: See More


Questions / Comments: