{"id":13853,"date":"2024-04-02T14:58:56","date_gmt":"2024-04-02T14:58:56","guid":{"rendered":"https:\/\/codewithcurious.com\/?p=13853"},"modified":"2024-10-14T19:25:51","modified_gmt":"2024-10-14T19:25:51","slug":"spotify-clone-using-html-css-and-js","status":"publish","type":"post","link":"https:\/\/codewithcurious.com\/projects\/spotify-clone-using-html-css-and-js\/","title":{"rendered":"Spotify Clone Using HTML CSS and JS With Source Code"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"13853\" class=\"elementor elementor-13853\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d24a390 e-con-full e-flex e-con e-parent\" data-id=\"d24a390\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-861572b e-con-full e-flex e-con e-child\" data-id=\"861572b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6069ac elementor-widget elementor-widget-heading\" data-id=\"c6069ac\" 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\">Spotify Clone Using HTML, CSS and JS 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-1880399 elementor-widget elementor-widget-image\" data-id=\"1880399\" 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=\"576\" src=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/04\/Handwritten-Notes-2024-09-12T030944.714-1024x576.png\" class=\"attachment-large size-large wp-image-19840\" alt=\"Spotify clone using html css js\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/04\/Handwritten-Notes-2024-09-12T030944.714-1024x576.png.webp 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/04\/Handwritten-Notes-2024-09-12T030944.714-300x169.png.webp 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/04\/Handwritten-Notes-2024-09-12T030944.714-768x432.png.webp 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/04\/Handwritten-Notes-2024-09-12T030944.714-600x338.png.webp 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/04\/Handwritten-Notes-2024-09-12T030944.714.png.webp 1280w\" 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-6315741 e-con-full e-flex e-con e-child\" data-id=\"6315741\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f8129e elementor-widget elementor-widget-heading\" data-id=\"4f8129e\" 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-8c51d59 elementor-widget elementor-widget-text-editor\" data-id=\"8c51d59\" 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>In this project, we have built a dynamic <strong>Spotify-inspired music streaming platform<\/strong> using the trio of <strong>HTML, CSS, and JavaScript.<\/strong> Our goal was to create a user-friendly interface that seamlessly navigates through artists, albums, and playlists, providing an immersive music listening experience.<\/p><p>With <strong>HTML<\/strong>, we&#8217;ve <strong>structured<\/strong> the foundation of our platform, ensuring clarity and ease of use in every interaction. <strong>CSS<\/strong> has enhanced the <strong>visual appeal<\/strong>, with stylish designs and responsive layouts that adapt flawlessly to various devices.<\/p><p><strong>JavaScript<\/strong> has powered interactivity, enabling dynamic features such as real-time song recommendations and instant playlist updates. Through client-side scripting, we&#8217;ve provided users with a seamless and engaging music streaming journey.<\/p><p>Together, these technologies have allowed us to craft a comprehensive music streaming experience that brings the joy of Spotify to life.<\/p><p><strong>&#8220;Welcome to our project \u2013 where music meets innovation&#8221;<\/strong><\/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-50dd73f elementor-widget elementor-widget-heading\" data-id=\"50dd73f\" 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\">Steps to create a Spotify Clone<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64a929f elementor-widget elementor-widget-text-editor\" data-id=\"64a929f\" 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<ul><li><strong>Project Setup:<\/strong>Create a new project folder on your computer.Inside the folder, create three files: <strong>index.html, style.css, and script.js.<\/strong><\/li><li><strong>HTML Structure: <\/strong>Open the index.html file and set up the basic HTML structure. Create <strong>sections<\/strong> for <strong>header, main content, footer,<\/strong> and any additional sections as needed. Within the main content section, include placeholders for displaying albums, playlists, and player controls.<\/li><li><strong>Styling with CSS:<\/strong>Open the styles.css file and begin styling the layout and components.Define the overall look and feel of your Spotify Clone, including colors, typography, and spacing.Use CSS to create responsive designs that adapt to different screen sizes.<\/li><li><strong>Adding Content:<\/strong>Populate the HTML file with placeholder content, such as sample albums, artist names, and playlist titles.Use dummy text or images to represent album covers and artist profiles for now.<\/li><li><strong>Implementing Interactive Features with JavaScript:<\/strong>Open the script.js file and start writing JavaScript code to add interactivity to your Spotify Clone.<\/li><li><strong>Testing and Debugging:<\/strong>Regularly test your project in different web browsers to ensure cross-browser compatibility. Debug any issues or errors that arise during testing. Use browser developer tools to inspect and troubleshoot CSS styles and JavaScript code.<\/li><\/ul>\t\t\t\t\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-62bca64 e-con-full e-flex e-con e-child\" data-id=\"62bca64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-108c5eb elementor-widget elementor-widget-heading\" data-id=\"108c5eb\" 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-7dd3c95 elementor-widget elementor-widget-heading\" data-id=\"7dd3c95\" 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\u200b)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0586834 elementor-widget elementor-widget-text-editor\" data-id=\"0586834\" 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>Our Spotify Clone project&#8217;s HTML structure forms the backbone of our music streaming platform. Let&#8217;s dissect the essentials:<\/p><p>The document type declaration (&lt;!DOCTYPE html&gt;) ensures compliance with HTML5 standards, while the HTML element (<strong>&lt;html lang=&#8221;en&#8221;&gt;<\/strong>) sets the document&#8217;s <strong>language to English.<\/strong><\/p><p>Within the <strong>head section (&lt;head&gt;),<\/strong> metadata and external resource links are crucial. These include character encoding (&lt;meta charset=&#8221;UTF-8&#8243;&gt;) and document <strong>title (&lt;title&gt;Spotify Clone&lt;\/title&gt;).<\/strong><\/p><p><strong>External resource links (&lt;link&gt;)<\/strong> bring additional functionality and styling. We integrate Font Awesome, Bootstrap libraries, and a custom stylesheet (style.css).<\/p><p>The <strong>body section (&lt;body&gt;)<\/strong> houses visible content, with the application container <strong>(&lt;div id=&#8221;root&#8221;&gt;&lt;\/div&gt;)<\/strong> serving as the canvas for our Spotify Clone. This container is targeted for dynamic content rendering via JavaScript.<\/p><p>JavaScript inclusions <strong>(&lt;script&gt;)<\/strong> link <strong>React libraries (react.production.min.js and react-dom.production.min.js)<\/strong> for interactive <strong>UI development<\/strong>. Additionally, a custom JavaScript file (script.js) tailors specific functionalities.<\/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-a975b6a elementor-widget elementor-widget-heading\" data-id=\"a975b6a\" 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 Styling<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3eecd96 elementor-widget elementor-widget-text-editor\" data-id=\"3eecd96\" 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<ul><li><strong>Body Styles:<\/strong><br \/>In our Spotify Clone project, the body styles lay the groundwork for visual appeal and readability. We utilize a standard font stack including &#8220;Poppins&#8221; and fallbacks to sans-serif, ensuring consistent legibility across various platforms. The chosen background color of #0d0d0d sets a dark tone, enhancing the platform&#8217;s modern aesthetic.<\/li><li><strong>Menu Bar Styling:<\/strong><br \/>The<strong> .menu-bar class<\/strong> defines the appearance of our menu bar. With a fixed height and width of 14em, it remains visible and accessible at all times. Positioned fixed at the top, its black background color provides a sleek contrast against the overall dark theme. Icons such as the podcast icon and heart icon are styled with specific colors for visual differentiation.<\/li><li><strong>Main Content Header Styles:<\/strong><br \/>Our main content header design exudes professionalism and clarity. Positioned fixed at the top, it features a vibrant green background color (#1DB954) to complement Spotify&#8217;s brand identity. The hamburger menu icon offers intuitive navigation options for users on smaller screens.<\/li><li><strong>Main Content Section Styling:<\/strong><br \/>Within the<strong> .main-content<\/strong> main section, we define the layout and styling for the primary content area. Utilizing margins and auto margins, we ensure optimal alignment and spacing. The content is positioned to the right with a margin-top of 4.5em, allowing for smooth scrolling and easy access to the header.<\/li><li><strong>Recent Activity Display Styling:<\/strong><br \/>The<strong> .recent-activity class<\/strong> governs the appearance of the recent activity section. Displayed in a grid layout, it showcases user interactions in a visually appealing manner. Each activity card is styled with a dark background color (#1a1a1a) and subtle hover effects for enhanced interactivity.<\/li><li><strong>Category Section Styles:<\/strong><br \/>Within the main content, categories are displayed in a visually organized manner. Utilizing grid layout and auto margins, we ensure consistent spacing and alignment across different screen sizes. Each category card features an image, title, and author, providing users with relevant information at a glance.<\/li><li><strong>Responsive Design:<\/strong><br \/>To ensure optimal user experience across devices, our CSS code includes media queries targeting various screen sizes. These queries adjust layout, spacing, and font sizes to maintain readability and functionality on smaller screens while maximizing content visibility.<\/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-20263d6 elementor-widget elementor-widget-heading\" data-id=\"20263d6\" 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\">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-381b084 elementor-widget elementor-widget-text-editor\" data-id=\"381b084\" 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>JavaScript code defines the structure and functionality of the Spotify clone application using React components. It handles user interactions, such as menu toggling and dropdown menu visibility, and dynamically generates content based on user actions and time of the day.<\/p><ul><li><strong>App Component:<\/strong>The App component is a class component that serves as the <strong>main component<\/strong> of the application.It renders two child components: <strong>Menu and MainContent.<\/strong><\/li><li><strong>Menu Component:<\/strong>The Menu component is a functional component responsible for <strong>rendering<\/strong> the <strong>navigation menu<\/strong> of the application. It consists of a menu bar containing links to different sections like <strong>Home, Search, and Your Library.<\/strong>Each link is represented by an <strong>&lt;a&gt;<\/strong> tag with an associated SVG icon.Additionally, there is a user collection section containing links for creating playlists, accessing liked songs, and viewing episodes.<\/li><li><strong>MainContent Component:<\/strong>The MainContent component is a functional component responsible for rendering the <strong>main content<\/strong> of the application.It consists of two child components: <strong>Header and Body.<\/strong><\/li><li><strong>Header Component:<\/strong>The Header component is a functional component responsible for rendering the <strong>header section<\/strong> of the application.It includes a hamburger menu icon for <strong>toggling the menu visibility<\/strong> and a user dropdown menu for accessing user-related options like<strong> account settings, profile, and logout<\/strong>.The visibility of the dropdown menu is controlled by state variables (profileVisibility and menuBarVisibility) using React hooks (useState).Event handlers are defined to toggle the visibility of the dropdown menu and the menu bar.<\/li><li><strong>Body Component:<\/strong>The Body component is a functional component responsible for rendering the <strong>main content body<\/strong> of the application.It dynamically <strong>generates<\/strong> <strong>content based on the time<\/strong> of the day (morning, afternoon, or evening) and displays recent activities, categories, and popular shows.<\/li><\/ul>\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 class=\"elementor-element elementor-element-3984dad elementor-widget elementor-widget-template\" data-id=\"3984dad\" 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<div class=\"elementor-element elementor-element-85ca7c3 e-con-full e-flex e-con e-child\" data-id=\"85ca7c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cdcaee elementor-widget elementor-widget-heading\" data-id=\"6cdcaee\" 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-7e42254 elementor-widget elementor-widget-html\" data-id=\"7e42254\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    \/* Styles for the container *\/\n    .download-container {\n        font-family: Arial, sans-serif;\n        text-align: center; \/* Center the content horizontally *\/\n    }\n\n    .timer-container {\n        font-size: 24px;\n    }\n\n    .red-circle {\n        display: inline-block;\n        width: 40px;\n        height: 40px;\n        border: 2px solid red;\n        border-radius: 50%;\n        text-align: center;\n        line-height: 36px;\n        color: red;\n        font-weight: bold;\n    }\n\n    .start-button {\n        padding: 10px 20px;\n        font-size: 18px;\n        background-color: #4CAF50;\n        color: white;\n        border: none;\n        cursor: pointer;\n        margin-bottom: 20px;\n    }\n\n    .start-button:hover {\n        background-color: #45a049;\n    }\n\n    .downloading-message {\n        font-size: 18px;\n        margin-top: 20px;\n        display: none;\n    }\n<\/style>\n\n<div class=\"download-container\">\n    <button class=\"start-button\">Download Complete Source Code Folder<\/button>\n    <div class=\"timer-container\"><\/div>\n    <div class=\"downloading-message\">Your download is starting now...<\/div>\n<\/div>\n\n<script>\n    const startButton = document.querySelector('.start-button');\n    const timerContainer = document.querySelector('.timer-container');\n    const downloadingMessage = document.querySelector('.downloading-message');\n    let timer, countdown, isPaused = false;\n\n    startButton.addEventListener('click', function () {\n        \/\/ Open the new webpage with \"dofollow\" when the button is clicked\n        window.open('https:\/\/codewithcurious.com\/stacksocial-coupon-code\/', '_blank', 'noopener,noreferrer'); \/\/ Replace with desired URL\n\n        countdown = 25; \/\/ Set countdown to 100 seconds\n        startButton.style.display = 'none'; \/\/ Hide the button when clicked\n        timerContainer.innerHTML = `Your download will begin in <span class=\"red-circle\">${countdown}<\/span> seconds.`;\n\n        startTimer(); \/\/ Start the countdown\n\n        \/\/ Listen for tab visibility change\n        document.addEventListener('visibilitychange', handleVisibilityChange);\n    });\n\n    function startTimer() {\n        timer = setInterval(function () {\n            if (!isPaused && countdown > 0) {\n                countdown--;\n                timerContainer.innerHTML = `Your download will begin in <span class=\"red-circle\">${countdown}<\/span> seconds.`;\n\n                if (countdown === 0) {\n                    clearInterval(timer);\n                    timerContainer.innerHTML = ''; \/\/ Clear the timer message\n                    downloadingMessage.style.display = 'block'; \/\/ Show the downloading message\n\n                    \/\/ Open the download link with \"nofollow\" after the timer ends\n                    window.open('https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/04\/spotify-clone.zip', '_blank', 'nofollow'); \n                    \n                    \/\/ Show the button again after redirection\n                    setTimeout(function() {\n                        startButton.style.display = 'inline-block'; \/\/ Show the button again\n                        downloadingMessage.style.display = 'none';  \/\/ Hide the downloading message\n                    }, 2000); \/\/ Delay of 2 seconds before showing the button again\n                }\n            }\n        }, 1000); \/\/ Decrease by 1 every second\n    }\n\n    function handleVisibilityChange() {\n        if (document.hidden) {\n            clearInterval(timer); \/\/ Pause the timer if the tab is hidden\n            isPaused = true;\n        } else {\n            isPaused = false; \/\/ Resume the timer when the tab becomes visible\n            startTimer(); \/\/ Start the timer again\n        }\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bef6e10 elementor-widget elementor-widget-heading\" data-id=\"bef6e10\" 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-fb2861a elementor-widget elementor-widget-code-highlight\" data-id=\"fb2861a\" 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-markup line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-markup\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\n<html lang=\"en\" >\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Spotify Clone<\/title>\n  <title>Spotify - Web Player<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\"><link rel='stylesheet' href='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.0.2\/css\/bootstrap.min.css'><link rel=\"stylesheet\" href=\".\/style.css\">\n<\/head>\n<body>\n<!-- partial:index.partial.html -->\n<div id=\"root\"><\/div>\n<!-- partial -->\n  <script src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/17.0.2\/umd\/react.production.min.js'><\/script>\n<script src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react-dom\/17.0.2\/umd\/react-dom.production.min.js'><\/script><script  src=\".\/script.js\"><\/script>\n\n<\/body>\n<\/html>\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-137a441 elementor-widget elementor-widget-heading\" data-id=\"137a441\" 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-32f8d31 elementor-widget elementor-widget-code-highlight\" data-id=\"32f8d31\" 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&display=swap\");\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n}\n\nbody {\n  background-color: #0d0d0d;\n  color: #fff;\n}\n\n.menu-bar {\n  height: 100vh;\n  width: 14em;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  background-color: #000;\n}\n.menu-bar img {\n  height: 3.75em;\n  width: 9.3em;\n  margin: 0.5em 0 0 0.9em;\n}\n.menu-bar .fa-podcast {\n  color: green;\n}\n.menu-bar .fa-heart {\n  color: #ff3333;\n}\n.menu-bar nav ul {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n.menu-bar nav ul li {\n  margin: 1em 0;\n}\n.menu-bar nav ul li a {\n  text-decoration: none;\n  color: #cccccc;\n  padding: 0.5em 0.5em;\n  margin-left: 1.2em;\n}\n.menu-bar nav ul li a:hover {\n  color: #fff;\n}\n.menu-bar nav ul li a svg {\n  margin: 0 1em 0.3em 0;\n}\n.menu-bar nav ul li a .fa {\n  margin-right: 1em;\n}\n.menu-bar .user-collection {\n  margin-bottom: 6em;\n}\n.menu-bar .install-app a {\n  text-decoration: none;\n  color: #cccccc;\n  padding: 0.5em 0.5em;\n  width: 2em;\n}\n.menu-bar .install-app a:hover {\n  color: #fff;\n}\n.menu-bar .install-app a .fa {\n  width: 2em;\n  margin-left: 1em;\n}\n\n.main-content header {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  justify-content: flex-end;\n  top: 0;\n  width: 100%;\n  height: 4em;\n  padding: 1em;\n  background-color: #1DB954;\n  z-index: 2;\n}\n.main-content header .hamburger {\n  visibility: hidden;\n  position: absolute;\n  left: 2em;\n  top: 1.45em;\n  cursor: pointer;\n}\n.main-content header .hamburger div {\n  height: 3px;\n  width: 25px;\n  margin-bottom: 0.3em;\n  background-color: #fff;\n}\n.main-content header button {\n  border: none;\n  padding: 0.5em 0.5em 0.5em 0;\n  border-radius: 1.2em;\n  background-color: #000;\n  color: #fff;\n}\n.main-content header button .fa {\n  margin: 0 0.5em;\n}\n.main-content header ul {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  position: fixed;\n  right: 0;\n  margin: 0.3em 1.2em 0 0;\n  background-color: #262626;\n  border-radius: 3%;\n  padding: 0.5em;\n  text-align: left;\n}\n.main-content header ul li a {\n  text-decoration: none;\n  color: #cccccc;\n  padding: 0.5em 0.5em;\n  display: block;\n  padding: 0.5em 1em;\n}\n.main-content header ul li a:hover {\n  color: #fff;\n}\n.main-content header ul li a:hover {\n  background-color: #404040;\n  border-radius: 3%;\n}\n.main-content header ul li .fa {\n  position: relative;\n  margin-left: 2em;\n  top: 0.1em;\n}\n.main-content main {\n  margin-left: 16em;\n  margin-top: 4.5em;\n}\n.main-content main .greeting h2 {\n  font-weight: bold;\n  margin-bottom: 0.6em;\n}\n.main-content main .recent-activity {\n  margin-bottom: 1em;\n  display: grid;\n  grid-template-columns: auto auto auto;\n  grid-gap: 0 1.5em;\n}\n.main-content main .recent-activity .activity-info {\n  height: 5em;\n  width: 21em;\n  border-radius: 0.3em;\n  background-color: #1a1a1a;\n  margin-bottom: 1em;\n  display: flex;\n  align-items: center;\n}\n.main-content main .recent-activity .activity-info:hover {\n  transition: background-color 0.3s;\n  background-color: #262626;\n  cursor: pointer;\n}\n.main-content main .recent-activity .activity-info .img-div {\n  height: 100%;\n  width: 5em;\n  border-radius: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 1em;\n  background-color: #333333;\n}\n.main-content main .recent-activity .activity-info .img-div img {\n  height: 100%;\n  width: 100%;\n  border-radius: 0;\n}\n.main-content main .recent-activity .activity-info p {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 75%;\n  margin: 0;\n}\n.main-content main .category .title {\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n}\n.main-content main .category .title .popular-shows {\n  display: flex;\n  flex-direction: column;\n}\n.main-content main .category .title .popular-shows p {\n  font-size: 0.8em;\n  margin-bottom: 0.2em;\n}\n.main-content main .category .title .popular-shows h3 {\n  font-size: 1em;\n  margin-bottom: 0;\n}\n.main-content main .category .title a {\n  text-decoration: none;\n  color: #cccccc;\n  padding: 0.5em 0.5em;\n  font-size: 0.85em;\n  margin-right: 2em;\n}\n.main-content main .category .title a:hover {\n  color: #fff;\n}\n.main-content main .category .title a:hover {\n  text-decoration: underline;\n}\n.main-content main .category div {\n  margin-bottom: 1em;\n  display: grid;\n  grid-template-columns: auto auto auto;\n  grid-gap: 0 1.5em;\n  grid-template-columns: auto auto auto auto auto;\n  overflow-x: auto;\n  overflow-y: hidden;\n  \/* Hide scrollbar for Chrome, Safari *\/\n  \/* Hide scrollbar for IE, Edge and Firefox *\/\n}\n.main-content main .category div::-webkit-scrollbar {\n  display: none;\n}\n.main-content main .category div {\n  -ms-overflow-style: none;\n  \/* IE and Edge *\/\n  scrollbar-width: none;\n  \/* Firefox *\/\n}\n.main-content main .category div .category-info {\n  height: 16em;\n  width: 12em;\n  border-radius: 0.3em;\n  margin-top: 0.5em;\n  background-color: #1a1a1a;\n  padding: 1em;\n  display: flex;\n  flex-direction: column;\n}\n.main-content main .category div .category-info:hover {\n  transition: background-color 0.3s;\n  background-color: #262626;\n  cursor: pointer;\n}\n.main-content main .category div .category-info .img-div {\n  height: 10em;\n  width: 10em;\n  border-radius: 6%;\n  background-color: #333333;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.main-content main .category div .category-info .img-div img {\n  height: 100%;\n  width: 100%;\n  border-radius: 6%;\n}\n.main-content main .category div .category-info p {\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.main-content main .category div .category-info .category-name {\n  margin-bottom: 0.5em;\n  font-size: 0.95em;\n}\n.main-content main .category div .category-info .author {\n  color: #bfbfbf;\n  font-size: 0.83em;\n}\n.main-content main .final-category {\n  margin-bottom: 1em;\n}\n.main-content main .final-category .title .popular-shows p {\n  font-size: 0.7em;\n}\n.main-content main .final-category .title .popular-shows h3 {\n  padding-bottom: 0.1em;\n}\n\n@media (min-width: 1400px) {\n  .main-content main .category .title a {\n    margin-right: 3em;\n  }\n}\n@media (max-width: 1000px) {\n  .main-content main {\n    margin-left: 15em;\n  }\n}\n@media (min-width: 1100px) and (max-width: 1200px) {\n  .main-content main .recent-activity {\n    grid-template-columns: auto auto;\n  }\n\n  .main-content main .recent-activity .activity-info {\n    height: 5em;\n    width: 25em;\n    border-radius: 0.3em;\n  }\n}\n@media (min-width: 1000px) and (max-width: 1100px) {\n  .main-content main .recent-activity {\n    grid-template-columns: auto auto;\n    justify-content: center;\n  }\n\n  .main-content main .recent-activity .activity-info {\n    height: 4em;\n    width: 21em;\n    border-radius: 0.3em;\n  }\n}\n@media (min-width: 900px) and (max-width: 1000px) {\n  .main-content main .recent-activity {\n    grid-template-columns: auto auto;\n    justify-content: center;\n  }\n\n  .main-content main .recent-activity .activity-info {\n    height: 4em;\n    width: 19em;\n    border-radius: 0.3em;\n  }\n}\n@media (min-width: 800px) and (max-width: 900px) {\n  .main-content main .recent-activity {\n    grid-template-columns: auto auto;\n    grid-gap: 0.5em;\n  }\n\n  .main-content main .recent-activity .activity-info {\n    height: 4em;\n    width: 17em;\n    border-radius: 0.3em;\n  }\n  .main-content main .recent-activity .activity-info:nth-child(n+5) {\n    display: none;\n  }\n  .main-content main .recent-activity .activity-info .img-div {\n    margin-right: 0.5em;\n  }\n}\n@media (min-width: 700px) and (max-width: 800px) {\n  .main-content main .recent-activity {\n    grid-template-columns: auto auto;\n    grid-gap: 0.5em;\n  }\n\n  .main-content main .recent-activity .activity-info {\n    height: 4em;\n    width: 14em;\n    border-radius: 0.3em;\n  }\n  .main-content main .recent-activity .activity-info:nth-child(n+5) {\n    display: none;\n  }\n  .main-content main .recent-activity .activity-info .img-div {\n    margin-right: 0.5em;\n  }\n}\n@media (max-width: 700px) {\n  .menu-bar {\n    visibility: hidden;\n  }\n\n  .main-content header .hamburger {\n    visibility: visible;\n  }\n\n  .main-content main {\n    margin-left: 0;\n    padding: 0.5em;\n  }\n\n  .main-content main .category .title a {\n    margin-right: 0;\n  }\n\n  .main-content main .recent-activity {\n    justify-content: center;\n    grid-template-columns: auto auto;\n    grid-gap: 0.5em;\n  }\n\n  .main-content main .recent-activity .activity-info {\n    height: 4em;\n    width: 16em;\n    border-radius: 0.3em;\n    margin-bottom: 0.2em;\n  }\n  .main-content main .recent-activity .activity-info:nth-child(n+5) {\n    display: none;\n  }\n  .main-content main .recent-activity .activity-info .img-div {\n    margin-right: 0.5em;\n  }\n\n  .main-content main .category div .category-info {\n    margin-top: 0.2em;\n  }\n\n  .main-content main .greeting h2 {\n    margin-bottom: 0.5em;\n  }\n}\n@media (max-width: 530px) {\n  .main-content main .recent-activity .activity-info {\n    height: 4em;\n    width: 12em;\n    border-radius: 0.3em;\n    margin-bottom: 0.2em;\n  }\n}\n@media (max-width: 400px) {\n  .main-content main .recent-activity {\n    justify-content: center;\n    grid-template-columns: auto;\n  }\n\n  .main-content main .recent-activity .activity-info {\n    height: 4em;\n    width: 12em;\n    border-radius: 0.3em;\n    margin-bottom: 0.2em;\n  }\n\n  .main-content main .recent-activity .activity-info {\n    height: 4em;\n    width: 16em;\n    border-radius: 0.3em;\n    margin-bottom: 0.2em;\n  }\n  .main-content main .recent-activity .activity-info:nth-child(n+3) {\n    display: none;\n  }\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-6d110a9 elementor-widget elementor-widget-heading\" data-id=\"6d110a9\" 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\">JS (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-8841a5b elementor-widget elementor-widget-code-highlight\" data-id=\"8841a5b\" 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>class App extends React.Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    return \/*#__PURE__*\/(\n      React.createElement(\"div\", null, \/*#__PURE__*\/\n      React.createElement(Menu, null), \/*#__PURE__*\/\n      React.createElement(MainContent, null)));\n\n\n  }}\n\n\nconst Menu = () => {\n  return \/*#__PURE__*\/(\n    React.createElement(\"div\", { id: \"menu-bar\", class: \"menu-bar\" }, \/*#__PURE__*\/\n    React.createElement(\"span\", null, \/*#__PURE__*\/React.createElement(\"a\", { href: \"#\" }, \/*#__PURE__*\/React.createElement(\"img\", { src: \"https:\/\/getheavy.com\/wp-content\/uploads\/2019\/12\/spotify2019-830x350.jpg\", alt: \"Spotify Logo\" }))), \/*#__PURE__*\/\n    React.createElement(\"nav\", { class: \"navbar\" }, \/*#__PURE__*\/\n    React.createElement(\"ul\", null, \/*#__PURE__*\/\n    React.createElement(\"li\", null, \/*#__PURE__*\/React.createElement(\"a\", { class: \"active\", href: \"#\" }, \/*#__PURE__*\/React.createElement(\"svg\", { viewBox: \"0 0 512 512\", width: \"24\", height: \"24\", xmlns: \"http:\/\/www.w3.org\/2000\/svg\" }, \/*#__PURE__*\/React.createElement(\"path\", { d: \"M448 463.746h-149.333v-149.333h-85.334v149.333h-149.333v-315.428l192-111.746 192 110.984v316.19z\", fill: \"currentColor\" })), \"Home\")), \/*#__PURE__*\/\n    React.createElement(\"li\", null, \/*#__PURE__*\/React.createElement(\"a\", { href: \"#\" }, \/*#__PURE__*\/React.createElement(\"svg\", { viewBox: \"0 0 512 512\", width: \"24\", height: \"24\", xmlns: \"http:\/\/www.w3.org\/2000\/svg\" }, \/*#__PURE__*\/React.createElement(\"path\", { d: \"M349.714 347.937l93.714 109.969-16.254 13.969-93.969-109.969q-48.508 36.825-109.207 36.825-36.826 0-70.476-14.349t-57.905-38.603-38.603-57.905-14.349-70.476 14.349-70.476 38.603-57.905 57.905-38.603 70.476-14.349 70.476 14.349 57.905 38.603 38.603 57.905 14.349 70.476q0 37.841-14.73 71.619t-40.889 58.921zM224 377.397q43.428 0 80.254-21.461t58.286-58.286 21.461-80.254-21.461-80.254-58.286-58.285-80.254-21.46-80.254 21.46-58.285 58.285-21.46 80.254 21.46 80.254 58.285 58.286 80.254 21.461z\", fill: \"currentColor\", \"fill-rule\": \"evenodd\" })), \"Search\")), \/*#__PURE__*\/\n    React.createElement(\"li\", null, \/*#__PURE__*\/React.createElement(\"a\", { href: \"#\" }, \/*#__PURE__*\/React.createElement(\"svg\", { viewBox: \"0 0 512 512\", width: \"24\", height: \"24\", xmlns: \"http:\/\/www.w3.org\/2000\/svg\" }, \/*#__PURE__*\/React.createElement(\"path\", { d: \"M291.301 81.778l166.349 373.587-19.301 8.635-166.349-373.587zM64 463.746v-384h21.334v384h-21.334zM192 463.746v-384h21.334v384h-21.334z\", fill: \"currentColor\" })), \"Your Library\")))), \/*#__PURE__*\/\n\n\n\n    React.createElement(\"nav\", { class: \"user-collection\" }, \/*#__PURE__*\/\n    React.createElement(\"ul\", null, \/*#__PURE__*\/\n    React.createElement(\"li\", null, \/*#__PURE__*\/React.createElement(\"a\", { href: \"#\" }, \/*#__PURE__*\/React.createElement(\"i\", { class: \"fa fa-plus-square fa-lg\", \"aria-hidden\": \"true\" }), \"Create Playlist\")), \/*#__PURE__*\/\n    React.createElement(\"li\", null, \/*#__PURE__*\/React.createElement(\"a\", { href: \"#\" }, \/*#__PURE__*\/React.createElement(\"i\", { class: \"fa fa-heart fa-lg\", \"aria-hidden\": \"true\" }), \"Liked Songs\")), \/*#__PURE__*\/\n    React.createElement(\"li\", null, \/*#__PURE__*\/React.createElement(\"a\", { href: \"#\" }, \/*#__PURE__*\/React.createElement(\"i\", { class: \"fa fa-podcast fa-lg\", \"aria-hidden\": \"true\" }), \"Your Episodes\")))), \/*#__PURE__*\/\n\n\n\n    React.createElement(\"span\", { class: \"install-app\" }, \/*#__PURE__*\/React.createElement(\"a\", { href: \"#\" }, \/*#__PURE__*\/React.createElement(\"i\", { class: \"fa fa-arrow-circle-down fa-lg\", \"aria-hidden\": \"true\" }), \"Install App\"))));\n\n\n};\n\nconst MainContent = () => {\n  return \/*#__PURE__*\/(\n    React.createElement(\"div\", { class: \"main-content\" }, \/*#__PURE__*\/\n    React.createElement(Header, null), \/*#__PURE__*\/\n    React.createElement(Body, null)));\n\n\n};\n\nconst Header = () => {\n  const [profileVisibility, setProfileVisibility] = React.useState('hidden');\n  const handleClick = () => {\n    if (profileVisibility == 'hidden') {\n      setProfileVisibility('visible');\n    } else\n    {\n      setProfileVisibility('hidden');\n    }\n  };\n\n  const [menuBarVisibility, setMenuBarVisibility] = React.useState('visible');\n  const handleMenuBar = () => {\n    if (menuBarVisibility == 'hidden') {\n      setMenuBarVisibility('visible');\n      document.getElementById('bar1').style.transform = 'none';\n      document.getElementById('bar1').style.transition = 'transform .4s ease';\n      document.getElementById('bar2').style.opacity = 1;\n      document.getElementById('bar2').style.transition = 'opacity .5s ease';\n      document.getElementById('bar3').style.transform = 'none';\n      document.getElementById('bar3').style.transition = 'transform .4s ease';\n      document.getElementById('menu-bar').style.transition = 'visibility .2s ease-in-out';\n    } else\n    {\n      setMenuBarVisibility('hidden');\n      document.getElementById('bar1').style.transform = 'rotate(-45deg) translate(-9px, 6px)';\n      document.getElementById('bar1').style.transition = 'transform .4s ease';\n      document.getElementById('bar2').style.opacity = 0;\n      document.getElementById('bar2').style.transition = 'opacity .5s ease';\n      document.getElementById('bar3').style.transform = 'rotate(45deg)translate(-5px, -3px)';\n      document.getElementById('bar3').style.transition = 'transform .4s ease';\n      document.getElementById('menu-bar').style.transition = 'visibility .2s ease-n-out';\n\n    }\n    document.getElementById('menu-bar').style.visibility = menuBarVisibility;\n  };\n  return \/*#__PURE__*\/(\n    React.createElement(\"header\", null, \/*#__PURE__*\/\n    React.createElement(\"div\", null, \/*#__PURE__*\/\n    React.createElement(\"div\", { onClick: handleMenuBar, class: \"hamburger\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { id: \"bar1\", class: \"bar1\" }), \/*#__PURE__*\/\n    React.createElement(\"div\", { id: \"bar2\", class: \"bar2\" }), \/*#__PURE__*\/\n    React.createElement(\"div\", { id: \"bar3\", class: \"bar3\" })), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"dropdown\" }, \/*#__PURE__*\/\n    React.createElement(\"button\", { onClick: handleClick }, \/*#__PURE__*\/\n    React.createElement(\"i\", { class: \"fa fa-user-circle fa-lg\", \"aria-hidden\": \"true\" }), \"curious_coder\", \/*#__PURE__*\/\n\n    React.createElement(\"i\", { className: `fa fa-caret-${profileVisibility == 'hidden' ? 'down' : 'up'}`, \"aria-hidden\": \"true\" })), \/*#__PURE__*\/\n\n    React.createElement(\"ul\", { style: { visibility: `${profileVisibility}` } }, \/*#__PURE__*\/\n    React.createElement(\"li\", null, \/*#__PURE__*\/React.createElement(\"a\", { href: \"#\", target: \"_blank\" }, \"Account\", \/*#__PURE__*\/React.createElement(\"i\", { class: \"fa fa-external-link\", \"aria-hidden\": \"true\" }))), \/*#__PURE__*\/\n\n    React.createElement(\"li\", null, \/*#__PURE__*\/React.createElement(\"a\", { href: \"#\" }, \"Profile\")), \/*#__PURE__*\/\n    React.createElement(\"li\", null, \/*#__PURE__*\/React.createElement(\"a\", { href: \"#\" }, \"Log Out\")))))));\n\n\n\n\n\n};\n\nconst Body = () => {\n  const hours = new Date().getHours();\n  const greeting = hours < 12 ? \"Morning\" : hours < 17 ? \"Afternoon\" : \"Evening\";\n\n  return \/*#__PURE__*\/(\n    React.createElement(\"main\", null, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"greeting\" }, \/*#__PURE__*\/\n    React.createElement(\"h2\", null, \"Good \", greeting)), \/*#__PURE__*\/\n\n\n    React.createElement(\"div\", { class: \"recent-activity\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"activity-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/seed-mix-image.spotifycdn.com\/v6\/img\/pop\/4AK6F7OLvEQ5QYCBNiQWHq\/en\/default\", alt: \"Pop Mix playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", null, \"Pop Mix\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"activity-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67656300005f1f854bce22cb0e6890dba92dd8\", alt: \"The Athletic Football Tactics Podcast cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", null, \"The Athletic Football Tactics Podcast\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"activity-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67706f00000002b75cdf3f088c129cc350c0f8\", alt: \"This Is One Direction playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", null, \"This Is One Direction\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"activity-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab6761610000e5eb6e9a17ce6d67c02312e3fb89\", alt: \"Alessia Cara cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", null, \"Alessia Cara\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"activity-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/dailymix-images.scdn.co\/v2\/img\/ab6761610000e5eb26dbdbdacda5c30dc95e0c2c\/3\/en\/default\", alt: \"Daily Mix 3 playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", null, \"Daily Mix 3\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"activity-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67706f000000021373358fa4ff03aac54f188e\", alt: \"All Out 10s playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", null, \"All Out 10s\"))), \/*#__PURE__*\/\n\n\n\n    React.createElement(\"div\", { class: \"category\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"title\" }, \/*#__PURE__*\/\n    React.createElement(\"h3\", null, \"Your Shows\"), \/*#__PURE__*\/\n    React.createElement(\"a\", { href: \"#\" }, \"SEE ALL\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", null, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/a3313c9ff4f806345e71728b502022782e92cf34\", alt: \"HTML All The Things podcast cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"HTML All The Things\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Show. Matt & Mike\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67656300005f1f854bce22cb0e6890dba92dd8\", alt: \"The Athletic Football Podcast cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"The Athletic Football Podcast\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Show. The Athletic\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67656300005f1fcf5b0c37fe67ebbcdceb930b\", alt: \"Headline: Breaking Football News playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Headline: Breaking Football News\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Show. The Athletic\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/fedc8e1c8b93cc9b8e49e8e101ec9d9b8795d1fe\", alt: \"Raj Prakash Paul playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Raj Prakash Paul\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Show. Raj Prakash Paul\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67656300005f1f6d655e4364ad1ed1dad7a83d\", alt: \"The Here We Go Podcast cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"The Here We Go Podcast\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Show. Here We Go\")))), \/*#__PURE__*\/\n\n\n\n\n    React.createElement(\"div\", { class: \"category\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"title\" }, \/*#__PURE__*\/\n    React.createElement(\"h3\", null, \"Made For curious_coder\"), \/*#__PURE__*\/\n    React.createElement(\"a\", { href: \"#\" }, \"SEE ALL\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", null, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/dailymix-images.scdn.co\/v2\/img\/ab6761610000e5eb031619e5eb9ed3b9806b648b\/1\/en\/default\", alt: \"Daily Mix 1 cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Daily Mix 1\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Ella Mai, Shawn Mendes, Jason Derulo\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/dailymix-images.scdn.co\/v2\/img\/ab6761610000e5eb6e9a17ce6d67c02312e3fb89\/2\/en\/default\", alt: \"Daily Mix 2 cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Daily Mix 2\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Alessia Cara, 5 Seconds Of Summer\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/dailymix-images.scdn.co\/v2\/img\/ab6761610000e5eb26dbdbdacda5c30dc95e0c2c\/3\/en\/default\", alt: \"Daily Mix 3 cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Daily Mix 3\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Taylor Swift, Fifth Harmony\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/dailymix-images.scdn.co\/v2\/img\/ab6761610000e5eb7aff8a274fcec288dd534abc\/4\/en\/default\", alt: \"Daily Mix 4 cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Daily Mix 4\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Jesus Culture, Bethel Music\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/dailymix-images.scdn.co\/v2\/img\/ab6761610000e5eb70859a2e628fd00e8be3a696\/5\/en\/default\", alt: \"Daily Mix 5 cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Daily Mix 5\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Benny Joshua, Allen Ganta\")))), \/*#__PURE__*\/\n\n\n\n\n    React.createElement(\"div\", { class: \"category\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"title\" }, \/*#__PURE__*\/\n    React.createElement(\"h3\", null, \"Charts\"), \/*#__PURE__*\/\n    React.createElement(\"a\", { href: \"#\" }, \"SEE ALL\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", null, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/charts-images.scdn.co\/assets\/locale_en\/regional\/daily\/region_in_default.jpg\", alt: \"Top 50 India playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Top 50 India\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67706f00000002b545db24c5864981ff896f07\", alt: \"Hot Hits India playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Hot Hits India\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/charts-images.scdn.co\/assets\/locale_en\/regional\/daily\/region_global_default.jpg\", alt: \"Top 50 Global playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Top 50 Global\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67706c0000da84fc156bed23ef2df5814fb190\", alt: \"Top Albums - Global playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Top Albums - Global\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/charts-images.scdn.co\/assets\/locale_en\/viral\/daily\/region_global_default.jpg\", alt: \"Viral 50 - India playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Viral 50 - India\")))), \/*#__PURE__*\/\n\n\n\n\n    React.createElement(\"div\", { class: \"category\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"title\" }, \/*#__PURE__*\/\n    React.createElement(\"h3\", null, \"Best Of Artists\"), \/*#__PURE__*\/\n    React.createElement(\"a\", { href: \"#\" }, \"SEE ALL\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", null, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67706f000000021230c7f75023a90181e914a0\", alt: \"This is Alessia Cara playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"This Is Alessia Cara\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67706f00000002a0a577ed169a7792c9363d6c\", alt: \"This is Hillsong Worship playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"This Is Hillsong Worship\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67706f00000002181896dd694bc09e4a0f13c8\", alt: \"This is Camila Cabello playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"This Is Camila Cabello\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67706f000000027988283d13d5654287988494\", alt: \"This is Shawn Mendes playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"This Is Shawn Mendes\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67706f00000002b75cdf3f088c129cc350c0f8\", alt: \"This is One Direction playlist cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"This Is One Direction\")))), \/*#__PURE__*\/\n\n\n\n\n    React.createElement(\"div\", { class: \"category final-category\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"title\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"popular-shows\" }, \/*#__PURE__*\/\n    React.createElement(\"p\", null, \"POPULAR WITH LISTENERS OF\"), \/*#__PURE__*\/\n    React.createElement(\"h3\", null, \"Headline: Breaking Football News\")), \/*#__PURE__*\/\n\n    React.createElement(\"a\", { href: \"#\" }, \"SEE ALL\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", null, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67656300005f1f6070c8c3beddfeef90cd9044\", alt: \"Football Cliches podcast cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Football Cliches\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Show. The Athletic\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67656300005f1fff3db692e1f2dbe7c73951e2\", alt: \"The Athletic Football Podcast podcast cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"The Athletic Football Podcast\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Show. The Athletic\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67656300005f1fea8a7821ffed11a7bfe73c71\", alt: \"Beyond the Headline podcast cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"Beyond the Headline\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Show. The Athletic\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/ab67656300005f1f31a9464d4951d231128babc6\", alt: \"The Next Big Thing podcast cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"The Next Big Thing\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Show. The Athletic\")), \/*#__PURE__*\/\n\n    React.createElement(\"div\", { class: \"category-info\" }, \/*#__PURE__*\/\n    React.createElement(\"div\", { class: \"img-div\" }, \/*#__PURE__*\/\n    React.createElement(\"img\", { src: \"https:\/\/i.scdn.co\/image\/bdd990bddb85baa44c320b2ffba328549e184643\", alt: \"The Scouted Football Podcast podcast cover photo\" })), \/*#__PURE__*\/\n\n    React.createElement(\"p\", { class: \"category-name\" }, \"The Scouted Football Podcast\"), \/*#__PURE__*\/\n    React.createElement(\"p\", { class: \"author\" }, \"Show. Scouted Football\"))))));\n\n\n\n\n\n};\n\nReactDOM.render( \/*#__PURE__*\/React.createElement(App, null), document.getElementById('root'));<\/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>\n\t\t<div class=\"elementor-element elementor-element-4dbda83 e-con-full e-flex e-con e-child\" data-id=\"4dbda83\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61154c1 elementor-widget elementor-widget-heading\" data-id=\"61154c1\" 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-2726a49 elementor-widget elementor-widget-gallery\" data-id=\"2726a49\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;columns&quot;:2,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/04\/WhatsApp-Image-2024-04-02-at-7.55.33-PM.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"2726a49\" data-elementor-lightbox-title=\"WhatsApp Image 2024-04-02 at 7.55.33 PM\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTM5MjIsInVybCI6Imh0dHBzOlwvXC9jb2Rld2l0aGN1cmlvdXMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI0XC8wNFwvV2hhdHNBcHAtSW1hZ2UtMjAyNC0wNC0wMi1hdC03LjU1LjMzLVBNLmpwZWciLCJzbGlkZXNob3ciOiIyNzI2YTQ5In0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/04\/WhatsApp-Image-2024-04-02-at-7.55.33-PM-768x350.jpeg\" data-width=\"768\" data-height=\"350\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/04\/WhatsApp-Image-2024-04-02-at-7.56.20-PM.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"2726a49\" data-elementor-lightbox-title=\"WhatsApp Image 2024-04-02 at 7.56.20 PM\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTM5MjEsInVybCI6Imh0dHBzOlwvXC9jb2Rld2l0aGN1cmlvdXMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI0XC8wNFwvV2hhdHNBcHAtSW1hZ2UtMjAyNC0wNC0wMi1hdC03LjU2LjIwLVBNLmpwZWciLCJzbGlkZXNob3ciOiIyNzI2YTQ5In0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/04\/WhatsApp-Image-2024-04-02-at-7.56.20-PM-768x350.jpeg\" data-width=\"768\" data-height=\"350\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\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 class=\"elementor-element elementor-element-523bf81 elementor-widget elementor-widget-template\" data-id=\"523bf81\" 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 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 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\/13853\/page\/2\/\">2<\/a>\n<a class=\"page-numbers\" href=\"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13853\/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\/13853\/page\/5\/\">5<\/a>\n<a class=\"next page-numbers\" href=\"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13853\/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<div class=\"elementor-element elementor-element-21d56ee e-con-full e-flex e-con e-child\" data-id=\"21d56ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0cc6e8 elementor-widget elementor-widget-shortcode\" data-id=\"e0cc6e8\" 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>Spotify Clone Using HTML, CSS and JS With Source Code Introduction : In this project, we have built a dynamic Spotify-inspired music streaming platform using the trio of HTML, CSS, and JavaScript. Our goal was to create a user-friendly interface that seamlessly navigates through artists, albums, and playlists, providing an immersive music listening experience. With [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":19840,"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":[],"class_list":["post-13853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-projects","category-web-developement"],"_links":{"self":[{"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13853","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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/comments?post=13853"}],"version-history":[{"count":41,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13853\/revisions"}],"predecessor-version":[{"id":21380,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13853\/revisions\/21380"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/media\/19840"}],"wp:attachment":[{"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/media?parent=13853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/categories?post=13853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/tags?post=13853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}