This content originally appeared on DEV Community and was authored by Harish Kumar
[](linkedin.com/in/harishkumar-v-3a34942a8
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./home.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="icon"
href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTcnlpbTMfKlpoh5p9CXnHrfymIuglJ37sfvPBid5T8sw&s"
type="image/x-icon">
<title>Home page</title>
</head>
<body>
<nav>
<div class="nav-cnt">
<div class="left">
<div class="logo">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTcnlpbTMfKlpoh5p9CXnHrfymIuglJ37sfvPBid5T8sw&s"
alt="">
</div>
</div>
<div class="center">
<ul>
<li>
<input type="search" id="searchProduct">
</li>
<li>
<a href="./home.html">Home</a>
</li>
</ul>
</div>
<div class="right">
<ul>
<li><a href="./Cart.html">
<i class="fa-solid fa-cart-shopping"></i>
</a></li>
<li>
<a href="./Login.html">
<button>Login</button>
</a>
</li>
</ul>
</div>
</div>
</nav>
<div id="cnt">
</div>
<script src="./home.js">
</script>
<!-- Code injected by live-server -->
<script>
// <![CDATA[ <-- For SVG support
if ('WebSocket' in window) {
(function () {
function refreshCSS() {
var sheets = [].slice.call(document.getElementsByTagName("link"));
var head = document.getElementsByTagName("head")[0];
for (var i = 0; i < sheets.length; ++i) {
var elem = sheets[i];
var parent = elem.parentElement || head;
parent.removeChild(elem);
var rel = elem.rel;
if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") {
var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, '');
elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());
}
parent.appendChild(elem);
}
}
var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
var address = protocol + window.location.host + window.location.pathname + '/ws';
var socket = new WebSocket(address);
socket.onmessage = function (msg) {
if (msg.data == 'reload') window.location.reload();
else if (msg.data == 'refreshcss') refreshCSS();
};
if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {
console.log('Live reload enabled.');
sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);
}
})();
}
else {
console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.');
}
// ]]>
</script>
</body>
</html>
>
)
This content originally appeared on DEV Community and was authored by Harish Kumar