{"id":13286,"date":"2024-02-18T08:27:26","date_gmt":"2024-02-18T08:27:26","guid":{"rendered":"https:\/\/codewithcurious.com\/?p=13286"},"modified":"2024-09-08T10:56:54","modified_gmt":"2024-09-08T10:56:54","slug":"qr-code-generator-using-html-css-js","status":"publish","type":"post","link":"https:\/\/codewithcurious.com\/projects\/qr-code-generator-using-html-css-js\/","title":{"rendered":"QR Code Generator using HTML, CSS and JavaScript With Source Code"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"13286\" class=\"elementor elementor-13286\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03d0dea e-con-full e-flex e-con e-parent\" data-id=\"03d0dea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-18fc1cd e-con-full e-flex e-con e-child\" data-id=\"18fc1cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36ecb3c elementor-widget elementor-widget-heading\" data-id=\"36ecb3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">QR Code Generator using HTML, CSS and JavaScript With Source Code<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db5c498 elementor-widget elementor-widget-image\" data-id=\"db5c498\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/thumb-1-1024x574.png\" class=\"attachment-large size-large wp-image-13288\" alt=\"Thumbnail\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/thumb-1-1024x574.png.webp 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/thumb-1-300x168.png.webp 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/thumb-1-768x430.png.webp 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/thumb-1-1536x860.png.webp 1536w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/thumb-1-600x336.png.webp 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/thumb-1.png.webp 1596w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddac2a6 elementor-widget elementor-widget-heading\" data-id=\"ddac2a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Introduction :<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e3f3d0 elementor-widget elementor-widget-text-editor\" data-id=\"8e3f3d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The <strong>QR Code Generator<\/strong> project is a web application designed to facilitate the <strong>quick and effortless creation<\/strong> of QR codes from user-provided text or URLs. Developed using a combination of<strong> HTML, CSS, and JavaScript<\/strong>, this application offers a <strong>user-friendly interface<\/strong> that streamlines the QR code generation process. The primary goal of this project is to empower users to convert any arbitrary text or <strong>URL into a scannable QR code<\/strong>, enhancing accessibility and convenience in sharing information.<\/p><p>The user interface comprises a <strong>clean and intuitive design<\/strong>, featuring a prominent header that succinctly introduces the application as the &#8220;QR Code Generator.&#8221; Users are guided through the process with a clear call-to-action, prompting them to paste the desired text or URL in the designated input field. This input field benefits from real-time updates, responding dynamically to user interactions through event listeners.<\/p><p>The underlying logic, <strong>implemented in JavaScript,<\/strong> ensures a seamless experience. Upon clicking the &#8220;Generate QR Code&#8221; button, the application triggers an asynchronous process to fetch a QR code image from an external API. The integration of an event listener not only facilitates the timely update of the UI but also ensures that repetitive generation requests are efficiently managed, preventing unnecessary API calls.<\/p><p>In summary, the QR Code Generator project blends functionality with user experience, offering a straightforward solution for generating QR codes. Whether for sharing URLs, contact information, or any other text-based data, this web application provides a valuable tool for users seeking a quick and efficient QR code creation process.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-088f574 elementor-widget elementor-widget-heading\" data-id=\"088f574\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Explanation :<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e0bd14 elementor-widget elementor-widget-text-editor\" data-id=\"4e0bd14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h5>JavaScript Logic (<code>script.js<\/code>):<\/h5><p><strong>Querying DOM Elements:<\/strong><\/p><ul><li><code>const wrapper = document.querySelector(\".wrapper\")<\/code>: Selects the main content wrapper.<\/li><li><code>const qrInput = wrapper.querySelector(\".form input\")<\/code>: Selects the input field.<\/li><li><code>const generateBtn = wrapper.querySelector(\".form button\")<\/code>: Selects the generate button.<\/li><li><code>const qrImg = wrapper.querySelector(\".qr-code img\")<\/code>: Selects the image tag where the QR code will be displayed.<\/li><li><code>let preValue<\/code>: Holds the previous value of the input.<\/li><\/ul><p><strong>Event Listeners:<\/strong><\/p><ul><li><code>generateBtn.addEventListener(\"click\", () =&gt; {...})<\/code>: Listens for a click on the generate button.<ul><li>It checks if the input value is not empty and is different from the previous value.<\/li><li>Updates <code>preValue<\/code> and changes the button text to indicate QR code generation.<\/li><li>Dynamically sets the <code>src<\/code> attribute of the <code>qrImg<\/code> to the QR code generated from the entered value using an API.<\/li><li>Adds a load event listener to the <code>qrImg<\/code> to handle the completion of image loading.<\/li><li>Updates the UI by adding the &#8220;active&#8221; class and resetting the button text.<\/li><li><code>qrInput.addEventListener(\"keyup\", () =&gt; {...})<\/code>: Listens for keyup events in the input field.<\/li><li>If the input field is empty, removes the &#8220;active&#8221; class and resets <code>preValue<\/code>.<\/li><\/ul><\/li><\/ul><h5>Purpose of Functions:<\/h5><ul><li><strong>Purpose:<\/strong> To generate the QR code when the button is clicked.<\/li><li><strong>Steps:<\/strong><ol><li>Get the trimmed value from the input.<\/li><li>Check if the value is not empty and has changed.<\/li><li>Update <code>preValue<\/code> to the current value.<\/li><li>Change the button text to indicate QR code generation.<\/li><li>Set the <code>src<\/code> attribute of <code>qrImg<\/code> to the generated QR code.<\/li><li>Add a load event listener to handle UI updates after image loading.<\/li><\/ol><\/li><\/ul><ul><li><p><strong>Keyup Event Listener:<\/strong><\/p><ul><li><strong>Purpose:<\/strong> To reset the UI when the input field is empty.<\/li><li><strong>Steps:<\/strong><ol><li>Check if the input field is empty.<\/li><li>If empty, remove the &#8220;active&#8221; class and reset <code>preValue<\/code>.<\/li><\/ol><\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91f5252 elementor-widget elementor-widget-heading\" data-id=\"91f5252\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Source Code :<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75e192e elementor-widget elementor-widget-template\" data-id=\"75e192e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"4684\" class=\"elementor elementor-4684\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b180bea e-con-full e-flex e-con e-child\" data-id=\"b180bea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-217d52c elementor-widget elementor-widget-text-editor\" data-id=\"217d52c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"text-align: center;\"><span style=\"color: #0000ff;\">Get Discount on Top Educational Courses<\/span><\/h3><table><thead><tr><th>Brand Name<\/th><th>Discount Information<\/th><th>Coupon Codes Link<\/th><\/tr><\/thead><tbody><tr><td>Educative.io<\/td><td>20% discount on Educative courses and plans<\/td><td><a href=\"https:\/\/codewithcurious.com\/educative-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>W3Schools<\/td><td>20% discount on W3Schools courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/w3school-discount-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>KodeKloud<\/td><td>10% discount on KodeKloud courses and plans<\/td><td><a href=\"https:\/\/codewithcurious.com\/kodekloud-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>GeeksforGeeks<\/td><td>30% discount on GeeksforGeeks courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/geeksforgeeks-coupons-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>Target Test Prep<\/td><td>20% discount on Target Test Prep<\/td><td><a href=\"https:\/\/codewithcurious.com\/target-test-prep-discount-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>Coding Ninjas<\/td><td>\u20b95000 discount on Coding Ninjas courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/blogs\/codingninjas-coupon-codes\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>Skillshare<\/td><td>40% discount on Skillshare<\/td><td><a href=\"https:\/\/codewithcurious.com\/skillshare-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>DataCamp<\/td><td>50% discount on DataCamp<\/td><td><a href=\"https:\/\/codewithcurious.com\/datacamp-coupon-codes\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>365 Data Science<\/td><td>57% discount on 365 Data Science Plans<\/td><td><a href=\"https:\/\/codewithcurious.com\/365-data-science-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>Get Smarter<\/td><td>Flat 20% discount on Get Smarter courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/getsmarter-promo-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>SmartKeeda<\/td><td>Flat 40% discount on SmartKeeda courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/smartkeeda-coupon-codes\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>StackSocial<\/td><td>20% discount on StackSocial courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/stacksocial-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><\/tbody><\/table>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e426821 elementor-widget elementor-widget-heading\" data-id=\"e426821\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">HTML (index.html)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d5bbdd elementor-widget elementor-widget-code-highlight\" data-id=\"9d5bbdd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia  \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp>\r\n\r\n  \r\n      \r\n    <title>QR Code Generator | CodingNepal<\/title>\r\n    \r\n    \r\n  \r\n  \r\n    <header>\r\n      <h1>QR Code Generator<\/h1>\r\n      <p>Paste the URL\/Text here<\/p>\r\n    <\/header>\r\n    <div class=\"wrapper\">\r\n      <div class=\"form\">\r\n        \r\n        <button>Generate QR Code<\/button>\r\n      <\/div>\r\n      <div class=\"qr-code\">\r\n        <img decoding=\"async\" src=\"\" alt=\"qr-code\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    \r\n\r\n  \r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4243237 elementor-widget elementor-widget-heading\" data-id=\"4243237\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">CSS (style.css)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b34b2a elementor-widget elementor-widget-code-highlight\" data-id=\"2b34b2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia  \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp>@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&amp;display=swap');\r\n\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\nbody {\r\n  display: flex;\r\n  padding: 0 10px;\r\n  min-height: 100vh;\r\n  align-items: center;\r\n  background: #a6aeb4;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n}\r\n\r\n::selection {\r\n  color: #fff;\r\n  background: #3498DB;\r\n}\r\n\r\n.wrapper {\r\n  height: 265px;\r\n  max-width: 410px;\r\n  background: #e7d4d4;\r\n  border-radius: 7px;\r\n  padding: 20px 25px 0;\r\n  transition: height 0.2s ease;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.wrapper.active {\r\n  height: 530px;\r\n}\r\n\r\nheader {\r\n  margin: 2rem;\r\n  background-color: #c7d8e4;\r\n  padding: 1rem;\r\n  border-radius: 1.5rem;\r\n}\r\n\r\nheader h1 {\r\n  font-size: 40px;\r\n  font-weight: 500;\r\n  text-align: center;\r\n\r\n}\r\n\r\nheader p {\r\n  margin-top: 5px;\r\n  color: #575757;\r\n  font-size: 25px;\r\n  text-align: center;\r\n\r\n}\r\n\r\n.wrapper .form {\r\n  margin: 20px 0 25px;\r\n}\r\n\r\n.form :where(input, button) {\r\n  width: 100%;\r\n  height: 55px;\r\n  border: none;\r\n  outline: none;\r\n  border-radius: 5px;\r\n  transition: 0.1s ease;\r\n}\r\n\r\n.form input {\r\n  font-size: 18px;\r\n  padding: 0 17px;\r\n  border: 1px solid #999;\r\n}\r\n\r\n.form input:focus {\r\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13);\r\n}\r\n\r\n.form input::placeholder {\r\n  color: #999;\r\n}\r\n\r\n.form button {\r\n  color: #fff;\r\n  cursor: pointer;\r\n  margin-top: 20px;\r\n  font-size: 17px;\r\n  background: #44e14e;\r\n}\r\n\r\n.qr-code {\r\n  opacity: 0;\r\n  display: flex;\r\n  padding: 33px 0;\r\n  border-radius: 5px;\r\n  align-items: center;\r\n  pointer-events: none;\r\n  justify-content: center;\r\n  border: 1px solid #ccc;\r\n}\r\n\r\n.wrapper.active .qr-code {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n  transition: opacity 0.5s 0.05s ease;\r\n}\r\n\r\n.qr-code img {\r\n  width: 170px;\r\n}\r\n\r\n@media (max-width: 430px) {\r\n  .wrapper {\r\n    height: 255px;\r\n    padding: 16px 20px;\r\n  }\r\n\r\n  .wrapper.active {\r\n    height: 510px;\r\n  }\r\n\r\n  header p {\r\n    color: #696969;\r\n  }\r\n\r\n  .form :where(input, button) {\r\n    height: 52px;\r\n  }\r\n\r\n  .qr-code img {\r\n    width: 160px;\r\n  }\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4008e0e elementor-widget elementor-widget-heading\" data-id=\"4008e0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">JavaScript (script.js)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24c5ea6 elementor-widget elementor-widget-code-highlight\" data-id=\"24c5ea6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia  \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>const wrapper = document.querySelector(\".wrapper\"),\r\nqrInput = wrapper.querySelector(\".form input\"),\r\ngenerateBtn = wrapper.querySelector(\".form button\"),\r\nqrImg = wrapper.querySelector(\".qr-code img\");\r\nlet preValue;\r\n\r\ngenerateBtn.addEventListener(\"click\", () =&gt; {\r\n    let qrValue = qrInput.value.trim();\r\n    if(!qrValue || preValue === qrValue) return;\r\n    preValue = qrValue;\r\n    generateBtn.innerText = \"Generating QR Code...\";\r\n    qrImg.src = `https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=200x200&amp;data=${qrValue}`;\r\n    qrImg.addEventListener(\"load\", () =&gt; {\r\n        wrapper.classList.add(\"active\");\r\n        generateBtn.innerText = \"Generate QR Code\";\r\n    });\r\n});\r\n\r\nqrInput.addEventListener(\"keyup\", () =&gt; {\r\n    if(!qrInput.value.trim()) {\r\n        wrapper.classList.remove(\"active\");\r\n        preValue = \"\";\r\n    }\r\n});<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9614c77 elementor-widget elementor-widget-heading\" data-id=\"9614c77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Output: <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd80329 elementor-widget elementor-widget-image\" data-id=\"fd80329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output-1-1-1024x576.png\" class=\"attachment-large size-large wp-image-13290\" alt=\"output\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output-1-1-1024x576.png.webp 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output-1-1-300x169.png.webp 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output-1-1-768x432.png.webp 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output-1-1-1536x864.png.webp 1536w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output-1-1-600x338.png.webp 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output-1-1.png.webp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b654d5c elementor-widget elementor-widget-image\" data-id=\"b654d5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output2-1024x576.png\" class=\"attachment-large size-large wp-image-13291\" alt=\"\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output2-1024x576.png.webp 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output2-300x169.png.webp 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output2-768x432.png.webp 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output2-1536x863.png.webp 1536w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output2-600x337.png.webp 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/02\/output2.png.webp 1918w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5edacfa e-con-full e-flex e-con e-child\" data-id=\"5edacfa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38e9ec5 elementor-widget elementor-widget-template\" data-id=\"38e9ec5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"6006\" class=\"elementor elementor-6006\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3c78b1 e-flex e-con-boxed e-con e-parent\" data-id=\"d3c78b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85883f1 elementor-widget elementor-widget-heading\" data-id=\"85883f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Find More Projects<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9629c50 premium-blog-align-left elementor-widget elementor-widget-premium-addon-blog\" data-id=\"9629c50\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;force_height&quot;:&quot;true&quot;,&quot;premium_blog_grid&quot;:&quot;yes&quot;,&quot;premium_blog_layout&quot;:&quot;even&quot;,&quot;premium_blog_columns_number&quot;:&quot;50%&quot;,&quot;premium_blog_columns_number_tablet&quot;:&quot;50%&quot;,&quot;premium_blog_columns_number_mobile&quot;:&quot;100%&quot;,&quot;scroll_to_offset&quot;:&quot;yes&quot;}\" data-widget_type=\"premium-addon-blog.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\n\t\t\t\t<div class=\"premium-blog-wrap  premium-blog-even\" data-page=\"6006\" data-pagination=\"true\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"59\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/url-shortener-using-python-django\/\" target=\"_blank\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0005-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-26532\" alt=\"URL Shortener Using Python Django\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0005-768x432.jpg 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0005-300x169.jpg 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0005-1024x576.jpg 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0005-600x338.jpg 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0005.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-effect-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t<a class=\"premium-blog-post-link\" href=\"https:\/\/codewithcurious.com\/projects\/url-shortener-using-python-django\/\" target=\"_blank\"><span>URL Shortener Using Python Django<\/span><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/url-shortener-using-python-django\/\" target=\"_blank\">\n\t\t\t\tURL Shortener Using Python Django\t\t\t<\/a>\n\t\t<\/h2>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"premium-blog-post-author premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-user fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/author\/gauravsharma\/\" title=\"Posts by Gaurav Sharma\" rel=\"author\">Gaurav Sharma<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-time premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<span>September 23, 2025<\/span>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-categories premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-align-left fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/\" rel=\"category tag\">projects<\/a>, <a href=\"https:\/\/codewithcurious.com\/python-projects\/\" rel=\"category tag\">Python Projects<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"premium-blog-content-inner-wrapper\">\n\t\t<p class=\"premium-blog-post-content\">URL Shortener Using Python Django Introduction: Long URLs can be shortened into short, shareable links with the help of the URL Shortener \u2026<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"59\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/user-authentication-system-using-python-django\/\" target=\"_blank\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0003-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-26545\" alt=\"User Authentication System Using Python Django\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0003-768x432.jpg 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0003-300x169.jpg 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0003-1024x576.jpg 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0003-600x338.jpg 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0003.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-effect-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t<a class=\"premium-blog-post-link\" href=\"https:\/\/codewithcurious.com\/projects\/user-authentication-system-using-python-django\/\" target=\"_blank\"><span>User Authentication System Using Python Django<\/span><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/user-authentication-system-using-python-django\/\" target=\"_blank\">\n\t\t\t\tUser Authentication System Using Python Django\t\t\t<\/a>\n\t\t<\/h2>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"premium-blog-post-author premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-user fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/author\/gauravsharma\/\" title=\"Posts by Gaurav Sharma\" rel=\"author\">Gaurav Sharma<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-time premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<span>September 18, 2025<\/span>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-categories premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-align-left fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/\" rel=\"category tag\">projects<\/a>, <a href=\"https:\/\/codewithcurious.com\/python-projects\/\" rel=\"category tag\">Python Projects<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"premium-blog-content-inner-wrapper\">\n\t\t<p class=\"premium-blog-post-content\">User Authentication System Using Python Django Introduction: The implementation of safe and adaptable user authentication in Django is the main goal of \u2026<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"59\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/e-learning-system-using-java\/\" target=\"_blank\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/05\/Handwritten-Notes-3-1-768x432.png\" class=\"attachment-medium_large size-medium_large wp-image-24861\" alt=\"E-Learning System Using JAVA\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/05\/Handwritten-Notes-3-1-768x432.png 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/05\/Handwritten-Notes-3-1-300x169.png 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/05\/Handwritten-Notes-3-1-1024x576.png 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/05\/Handwritten-Notes-3-1-600x338.png 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/05\/Handwritten-Notes-3-1.png 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-effect-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t<a class=\"premium-blog-post-link\" href=\"https:\/\/codewithcurious.com\/projects\/e-learning-system-using-java\/\" target=\"_blank\"><span>E-Learning System Using JAVA<\/span><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/e-learning-system-using-java\/\" target=\"_blank\">\n\t\t\t\tE-Learning System Using JAVA\t\t\t<\/a>\n\t\t<\/h2>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"premium-blog-post-author premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-user fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/author\/madhvika\/\" title=\"Posts by Madhvika\" rel=\"author\">Madhvika<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-time premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<span>September 17, 2025<\/span>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-categories premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-align-left fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/java\/\" rel=\"category tag\">Java Projects<\/a>, <a href=\"https:\/\/codewithcurious.com\/projects\/\" rel=\"category tag\">projects<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"premium-blog-content-inner-wrapper\">\n\t\t<p class=\"premium-blog-post-content\">The E-Learning System using Java with a Graphical User Interface (GUI) Introduction The E-Learning System is developed using Java (with a Graphical \u2026<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"59\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/weather-app-using-python-django\/\" target=\"_blank\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0006-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-26533\" alt=\"Weather App Using Python Django\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0006-768x432.jpg 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0006-300x169.jpg 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0006-1024x576.jpg 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0006-600x338.jpg 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0006.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-effect-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t<a class=\"premium-blog-post-link\" href=\"https:\/\/codewithcurious.com\/projects\/weather-app-using-python-django\/\" target=\"_blank\"><span>Weather App Using Python Django with Source Code<\/span><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/weather-app-using-python-django\/\" target=\"_blank\">\n\t\t\t\tWeather App Using Python Django with Source Code\t\t\t<\/a>\n\t\t<\/h2>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"premium-blog-post-author premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-user fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/author\/gauravsharma\/\" title=\"Posts by Gaurav Sharma\" rel=\"author\">Gaurav Sharma<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-time premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<span>August 25, 2025<\/span>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-categories premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-align-left fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/\" rel=\"category tag\">projects<\/a>, <a href=\"https:\/\/codewithcurious.com\/python-projects\/\" rel=\"category tag\">Python Projects<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"premium-blog-content-inner-wrapper\">\n\t\t<p class=\"premium-blog-post-content\">Weather App Using Python Django Introduction: When a user enters the name of a city, the Weather App retrieves current weather information. \u2026<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"59\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/quiz-app-using-python-django\/\" target=\"_blank\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0009-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-26536\" alt=\"Quiz App Using Python Django\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0009-768x432.jpg 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0009-300x169.jpg 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0009-1024x576.jpg 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0009-600x338.jpg 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/07\/IMG-20250730-WA0009.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-effect-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t<a class=\"premium-blog-post-link\" href=\"https:\/\/codewithcurious.com\/projects\/quiz-app-using-python-django\/\" target=\"_blank\"><span>Quiz App Using Python Django with complete source code<\/span><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/quiz-app-using-python-django\/\" target=\"_blank\">\n\t\t\t\tQuiz App Using Python Django with complete source code\t\t\t<\/a>\n\t\t<\/h2>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"premium-blog-post-author premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-user fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/author\/gauravsharma\/\" title=\"Posts by Gaurav Sharma\" rel=\"author\">Gaurav Sharma<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-time premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<span>August 24, 2025<\/span>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-categories premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-align-left fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/\" rel=\"category tag\">projects<\/a>, <a href=\"https:\/\/codewithcurious.com\/python-projects\/\" rel=\"category tag\">Python Projects<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"premium-blog-content-inner-wrapper\">\n\t\t<p class=\"premium-blog-post-content\">Quiz App Using Python Django Introduction: Users can take quizzes in a variety of subjects, see their results, and monitor their progress \u2026<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"59\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/resume-screener-in-python\/\" target=\"_blank\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/06\/Handwritten-Notes-5-1-768x432.png\" class=\"attachment-medium_large size-medium_large wp-image-25778\" alt=\"\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/06\/Handwritten-Notes-5-1-768x432.png 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/06\/Handwritten-Notes-5-1-300x169.png 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/06\/Handwritten-Notes-5-1-1024x576.png 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/06\/Handwritten-Notes-5-1-600x338.png 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2025\/06\/Handwritten-Notes-5-1.png 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-effect-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t\t<a class=\"premium-blog-post-link\" href=\"https:\/\/codewithcurious.com\/projects\/resume-screener-in-python\/\" target=\"_blank\"><span>Resume Screener in python using GUI<\/span><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/resume-screener-in-python\/\" target=\"_blank\">\n\t\t\t\tResume Screener in python using GUI\t\t\t<\/a>\n\t\t<\/h2>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"premium-blog-post-author premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-user fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/author\/shivakshi\/\" title=\"Posts by Shivakshi Chouhan\" rel=\"author\">Shivakshi Chouhan<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-time premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<span>July 18, 2025<\/span>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"premium-blog-meta-separator\">\u2022<\/span>\n\t\t\t\t<div class=\"premium-blog-post-categories premium-blog-meta-data\">\n\t\t\t\t\t<i class=\"fa fa-align-left fa-fw\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/\" rel=\"category tag\">projects<\/a>, <a href=\"https:\/\/codewithcurious.com\/python-projects\/\" rel=\"category tag\">Python Projects<\/a>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"premium-blog-content-inner-wrapper\">\n\t\t<p class=\"premium-blog-post-content\">resume screener in python using python introduction The hiring process often begins with reviewing numerous resumes to filter out the most suitable \u2026<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"premium-blog-footer\">\n\t\t\t\t\t\t\t<nav class=\"premium-blog-pagination-container\" role=\"navigation\" aria-label=\"Pagination\">\n\t\t\t\t<span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13286\/page\/2\/\">2<\/a>\n<a class=\"page-numbers\" href=\"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13286\/page\/3\/\">3<\/a>\n<span class=\"page-numbers dots\">&hellip;<\/span>\n<a class=\"page-numbers\" href=\"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13286\/page\/5\/\">5<\/a>\n<a class=\"next page-numbers\" href=\"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13286\/page\/2\/\">Next \u00bb<\/a>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9392eb1 e-con-full e-flex e-con e-child\" data-id=\"9392eb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a34eb3 elementor-widget elementor-widget-shortcode\" data-id=\"9a34eb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"page\" data-elementor-id=\"10174\" class=\"elementor elementor-10174\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-575f8e7 e-flex e-con-boxed e-con e-parent\" data-id=\"575f8e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3417a28 e-flex e-con-boxed e-con e-child\" data-id=\"3417a28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8fa171 elementor-widget elementor-widget-heading\" data-id=\"e8fa171\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">More HTML CSS JS Projects<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed0dbdf elementor-widget elementor-widget-image\" data-id=\"ed0dbdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.awin1.com\/cread.php?awinmid=92143&#038;awinaffid=1916671\" target=\"_blank\" rel=\"nofollow noopener\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2023\/08\/1-1-1024x538.png\" class=\"attachment-large size-large wp-image-26812\" alt=\"target test prep promo code\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2023\/08\/1-1-1024x538.png 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2023\/08\/1-1-300x158.png 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2023\/08\/1-1-768x403.png 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2023\/08\/1-1.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44bc3b3 premium-blog-align-left elementor-widget elementor-widget-premium-addon-blog\" data-id=\"44bc3b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"premium-addon-blog.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\n\t\t\t\t<div class=\"premium-blog-wrap  premium-blog-list\" data-page=\"10174\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/10-responsive-navigation-menus-using-html-css-js\/\" target=\"_blank\">\n\t\t\t\t10 Responsive Navigation Menus using HTML CSS JS\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/10-ecommerce-pages-using-html-css-js\/\" target=\"_blank\">\n\t\t\t\t10+ eCommerce Pages using HTML, CSS &amp; JS\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/10-login-signup-forms-using-html-css-js-modern-stylish\/\" target=\"_blank\">\n\t\t\t\t10+ Login &amp; Signup Forms using HTML CSS JS (Modern + Stylish)\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/10-free-cryptocurrency-bitcoin-website-using-html-css-javascript-php\/\" target=\"_blank\">\n\t\t\t\t10+ Free Cryptocurrency &amp; Bitcoin Website Using HTML, CSS, JavaScript &amp; PHP\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/pet-food-shop-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tPet Food Shop Website Using Html CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/educational-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tEducational Website using html CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/how-to-create-a-video-background-with-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\thow to create a video background with html CSS JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/auto-text-effect-animation-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tAuto Text Effect Animation Using Html CSS &amp; JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/animated-search-bar-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tAnimated Search Bar using Html CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/best-quiz-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tBest Quiz Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/tower-blocks-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tTower Blocks Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/tilting-maze-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tTilting Maze Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/tetris-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tTetris Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/catch-the-insect-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tCatch The Insect Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/electronics-store-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\telectronics Store website using html CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/digital-marketing-agency-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tDigital Marketing Agency website Using HTML, CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/fruit-slicer-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tFruit Slicer Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/event-organizers-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tEvent Organizers Website Using Html Css And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/shape-clicker-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tShape Clicker Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/responsive-college-website-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tresponsive College Website Using Html CSS &amp; JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/whack-a-mole-game-with-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tWhack a Mole Game with HTML CSS\u00a0And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/3d-car-driving-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\t3D Car Driving Game Using Html CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/dice-rolling-game-using-html-css-and-javascript-2\/\" target=\"_blank\">\n\t\t\t\tDice Rolling Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/crossey-road-game-clone-using-html-css-and-javascript-2\/\" target=\"_blank\">\n\t\t\t\tCrossey Road Game Clone Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/memory-card-game-using-html-css-and-javascript-2\/\" target=\"_blank\">\n\t\t\t\tMemory Card Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/sudoku-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tsudoku game using html CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/video-call-website-using-html-css-and-javascript-source-code\/\" target=\"_blank\">\n\t\t\t\tVideo Call Website Using HTML, CSS, and JavaScript (Source Code)\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/promise-day-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tpromise day using html CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/age-calculator-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tAge Calculator Using HTML, CSS, and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/loan-calculator-using-html-css-and-javascript-with-source-code\/\" target=\"_blank\">\n\t\t\t\tLoan Calculator Using HTML, CSS, and JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/clone-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tClone Website using HTML, CSS, and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/travel-booking-app-ui-clone-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tTravel Booking App UI Clone Using HTML, CSS, and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/custom-music-player-with-playlist-using-javascript\/\" target=\"_blank\">\n\t\t\t\tCustom Music Player with Playlist Using JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/country-guide-app-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tCountry Guide App using HTML, CSS &amp; JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/gym-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tGym Website Using HTML, CSS, and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/jarvis-chatbot-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tJarvis Chatbot Using HTML CSS &amp; javaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/movie-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tmovie Website using HTML, CSS, and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/digital-clock-with-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tDigital Clock with HTML, CSS, and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/calendar-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tCalendar Using HTML, CSS, and JavaScript (Source Code)\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/funny-login-page-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tfunny login page using html css javascript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/create-26th-january-republic-day-with-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tCreate 26th January Republic Day with HTML, CSS, JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/number-guessing-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tNumber Guessing Game Using HTML CSS And JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/emoji-catcher-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tEmoji Catcher Game Using HTML CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/typing-challenge-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tTyping Challenge Using HTML CSS and JavaScript with complete source code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/breakout-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tBreakout Game Using HTML CSS and JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/digital-and-analog-clock-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tDigital and Analog Clock using HTML CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/coffee-shop-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tCoffee Shop Website using HTML CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/architectural-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tArchitectural Website using HTML CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/interior-design-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tInterior Design Website using HTML CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/candy-crush-game-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tCandy Crush Game Using HTML CSS JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/archery-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tArchery Game Using HTML CSS and JavaScript\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/instagram-clone-using-html-css-js\/\" target=\"_blank\">\n\t\t\t\tInstagram Clone Using HTML CSS Js\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/google-home-page-clone-html-css\/\" target=\"_blank\">\n\t\t\t\tGoogle Homepage Clone Using HTML and CSS With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/youtube-clone-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tYouTube Clone Using HTML, CSS and JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/whatsapp-web-clone-using-html-css-js\/\" target=\"_blank\">\n\t\t\t\tWhatsApp Web UI Clone using HTML &amp; CSS With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/real-time-chat-app-reactjs\/\" target=\"_blank\">\n\t\t\t\tReal Time Chat App Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/admin-dashboard-using-html-css-javascript-and-reactjs\/\" target=\"_blank\">\n\t\t\t\tAdmin Dashboard Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/crypto-tracker-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tCrypto Currency Tracker Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/facebook-messenger-using-reac\/\" target=\"_blank\">\n\t\t\t\tFacebook Messenger Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/exercise-app-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tExercise App using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/spotify-clone-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tSpotify Clone Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/figma-clone-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tFigma Clone Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/web-developement\/youtube-clone-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tYouTube Clone Using HTML, CSS, JavaScript and ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/chat-application-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tChat Application Using HTML , CSS And Javascript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/travel-planner-website-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tTravel Planner Website Using HTML , CSS And JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/dictionary-app-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tDictionary App using HTML, CSS, JavaScript &amp; ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/weather-app-using-reactjs-with-code\/\" target=\"_blank\">\n\t\t\t\tWeather App using HTML CSS, JavaScript &amp; React Js With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/invoice-generator-using-reactjs\/\" target=\"_blank\">\n\t\t\t\tInvoice\/Bill Generator App using HTML CSS, JavaScript &amp; React Js With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/news-app-html-css-js-react-framework\/\" target=\"_blank\">\n\t\t\t\tNews App using HTML, CSS, JavaScript &amp; ReactJs With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/rock-paper-scissor-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tRock Paper Scissor Game Using HTML , CSS And JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/color-guessing-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tColor Guessing Game using HTML , CSS And Javascript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/fanta-landing-page-using-html-css-and-js\/\" target=\"_blank\">\n\t\t\t\tFanta Landing Page Using HTML CSS And JS With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/youtube-thumbnail-downloader-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tYouTube Thumbnail Downloader Using HTML , CSS And JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/amezing-love-puzzle-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tAmazing Love Puzzle Using HTML , CSS And Javascript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/wrod-counter-website-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tWord Counter Website Using HTML , CSS And JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/responsive-restaurant-website-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tResponsive Restaurant Website Using HTML , CSS &amp; JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/student-registration-dashboard-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tStudent Registration Dashboard Using  HTML CSS And JavaScript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/finance-website-using-html-css-javascript\/\" target=\"_blank\">\n\t\t\t\tFinance Website Using HTML , CSS &amp; Javascript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/snake-game-using-html-css-and-javascript\/\" target=\"_blank\">\n\t\t\t\tSnake Game Using HTML , CSS And Javascript With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"2\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-modern\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper empty-thumb\">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/codewithcurious.com\/projects\/responsive-music-player-using-html-css-js\/\" target=\"_blank\">\n\t\t\t\tResponsive Music Player Using HTML , CSS &amp; JS With Source Code\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0843a9 elementor-widget elementor-widget-heading\" data-id=\"b0843a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Get Huge Discounts<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c7c27d elementor-widget elementor-widget-image\" data-id=\"3c7c27d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/educative-coupon-code\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2-1024x1024.png\" class=\"attachment-large size-large wp-image-13772\" alt=\"educative coupon code\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2-1024x1024.png.webp 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2-300x300.png.webp 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2-150x150.png.webp 150w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2-768x768.png.webp 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2-600x600.png.webp 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/2.png.webp 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c75f778 e-con-full e-flex e-con e-child\" data-id=\"c75f778\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0197362 elementor-widget elementor-widget-heading\" data-id=\"0197362\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Get Discount on Top EdTech Compnies<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-256e15c elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"256e15c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/skillshare-coupon-code\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">45% Discount on SkillShare<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/kodekloud-coupon-code\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">10% Discount on KodeKoloud<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/alma-better-coupon-code\/\" target=\"_blank\" rel=\"nofollow\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">30% Discount on AlmaBetter<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/blogs\/codingninjas-coupon-codes\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">10% Discount on Coding Ninjas<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/codewithcurious.com\/geeksforgeeks-coupons-code\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Upto 80% Discount on GeeksforGeeks<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>QR Code Generator using HTML, CSS and JavaScript With Source Code Introduction : The QR Code Generator project is a web application designed to facilitate the quick and effortless creation of QR codes from user-provided text or URLs. Developed using a combination of HTML, CSS, and JavaScript, this application offers a user-friendly interface that streamlines [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":13288,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[30,329],"tags":[444],"class_list":["post-13286","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-projects","category-web-developement","tag-qr-code-generator-using-html-css-and-javascript"],"_links":{"self":[{"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/comments?post=13286"}],"version-history":[{"count":20,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13286\/revisions"}],"predecessor-version":[{"id":18946,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13286\/revisions\/18946"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/media\/13288"}],"wp:attachment":[{"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/media?parent=13286"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/categories?post=13286"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/tags?post=13286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}