The latest articles on DEV Community by Harish Kumar (@harish_kumar_9824dda278cc). https://dev.to/harish_kumar_9824dda278cc https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3537974%2F9795e8ab-8c73-4c24-8438-9f1dc1938b45.png https://dev.to/harish_kumar_9824dda278cc en Harish Kumar Mon, 29 Sep 2025 17:29:19 +0000 https://dev.to/harish_kumar_9824dda278cc/e-commerce-web-site-for-beginer-level-1766 https://dev.to/harish_kumar_9824dda278cc/e-commerce-web-site-for-beginer-level-1766 <p>[](linkedin.com/in/harishkumar-v-3a34942a8<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;link rel="stylesheet" href="./home.css"&gt; &lt;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" /&gt; &lt;link rel="icon" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTcnlpbTMfKlpoh5p9CXnHrfymIuglJ37sfvPBid5T8sw&amp;s" type="image/x-icon"&gt; &lt;title&gt;Home page&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;nav&gt; &lt;div class="nav-cnt"&gt; &lt;div class="left"&gt; &lt;div class="logo"&gt; &lt;img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTcnlpbTMfKlpoh5p9CXnHrfymIuglJ37sfvPBid5T8sw&amp;s" alt=""&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="center"&gt; &lt;ul&gt; &lt;li&gt; &lt;input type="search" id="searchProduct"&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="./home.html"&gt;Home&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="right"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="./Cart.html"&gt; &lt;i class="fa-solid fa-cart-shopping"&gt;&lt;/i&gt; &lt;/a&gt;&lt;/li&gt; &lt;li&gt; &lt;a href="./Login.html"&gt; &lt;button&gt;Login&lt;/button&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/nav&gt; &lt;div id="cnt"&gt; &lt;/div&gt; &lt;script src="./home.js"&gt; &lt;/script&gt; &lt;!-- Code injected by live-server --&gt; &lt;script&gt; // &lt;![CDATA[ &lt;-- 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 &lt; sheets.length; ++i) { var elem = sheets[i]; var parent = elem.parentElement || head; parent.removeChild(elem); var rel = elem.rel; if (elem.href &amp;&amp; typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") { var url = elem.href.replace(/(&amp;|\?)_cacheOverride=\d+/, ''); elem.href = url + (url.indexOf('?') &gt;= 0 ? '&amp;' : '?') + '_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 &amp;&amp; !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.'); } // ]]&gt; &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; &gt;  </code></pre> </div> <p>)</p>