{"id":13731,"date":"2024-03-31T17:11:53","date_gmt":"2024-03-31T17:11:53","guid":{"rendered":"https:\/\/codewithcurious.com\/?p=13731"},"modified":"2024-10-14T19:26:31","modified_gmt":"2024-10-14T19:26:31","slug":"facebook-login-using-html-css-js","status":"publish","type":"post","link":"https:\/\/codewithcurious.com\/projects\/facebook-login-using-html-css-js\/","title":{"rendered":"Facebook Login Using HTML CSS JS With Source Code"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"13731\" class=\"elementor elementor-13731\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9008b6f e-con-full e-flex e-con e-parent\" data-id=\"9008b6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e03a666 e-con-full e-flex e-con e-child\" data-id=\"e03a666\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06091dd elementor-widget elementor-widget-heading\" data-id=\"06091dd\" 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\">Facebook Login Using HTML CSS 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-be09c27 elementor-widget elementor-widget-image\" data-id=\"be09c27\" 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\/03\/Handwritten-Notes-2024-09-12T024748.572-1024x576.png\" class=\"attachment-large size-large wp-image-19820\" alt=\"Facebook Login Using HTML CSS JS With Source Code\" srcset=\"https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/Handwritten-Notes-2024-09-12T024748.572-1024x576.png 1024w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/Handwritten-Notes-2024-09-12T024748.572-300x169.png 300w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/Handwritten-Notes-2024-09-12T024748.572-768x432.png 768w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/Handwritten-Notes-2024-09-12T024748.572-600x338.png 600w, https:\/\/codewithcurious.com\/wp-content\/uploads\/2024\/03\/Handwritten-Notes-2024-09-12T024748.572.png 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-b26bd09 e-con-full e-flex e-con e-child\" data-id=\"b26bd09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6077e5d elementor-widget elementor-widget-heading\" data-id=\"6077e5d\" 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-c404cf8 elementor-widget elementor-widget-text-editor\" data-id=\"c404cf8\" 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&#8217;ve employed a blend of HTML, CSS, and JavaScript to craft a streamlined<strong> Facebook login page<\/strong> \u2013 a pivotal component of modern web applications. Seamlessly blending aesthetic appeal with functional design, our Facebook login page provides users with a familiar and intuitive interface, facilitating effortless access to their accounts.<\/p><p>Harnessing the power of <strong>HTML<\/strong>, we&#8217;ve <strong>structured<\/strong> the page to ensure clarity and accessibility, guiding users through the login process with ease.<strong> CSS<\/strong> brings life to the <strong>design<\/strong>, enhancing the visual appeal.<\/p><p><strong>JavaScript<\/strong> serves as the <strong>backbone<\/strong> of interactivity, enabling dynamic elements such as form validation and error handling. With client-side scripting, we enhance usability by providing instant feedback and guiding users through the login journey smoothly.<\/p><p>In this project, we prioritize user security and privacy, adhering to best practices recommended by Facebook&#8217;s developer guidelines. By integrating <strong>authentication,<\/strong> we ensure secure and seamless login experiences for our users.<\/p><p><strong>Welcome to our Facebook login page \u2013 where simplicity meets functionality, offering a gateway to connect with the world&#8217;s largest social network effortlessly.<\/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-b927611 elementor-widget elementor-widget-heading\" data-id=\"b927611\" 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 facebook login page<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50b28b3 elementor-widget elementor-widget-text-editor\" data-id=\"50b28b3\" 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>Set Up Your Project Directory:<\/strong><br \/>Create a new directory for your project. Inside this directory, create separate files for HTML, CSS, and JavaScript.<\/li><li><strong>Create HTML Structure:<\/strong><br \/>Open your HTML file (e.g., index.html) and create the basic structure. Include the necessary HTML tags such as &lt;!DOCTYPE html&gt;, &lt;html&gt;, &lt;head&gt;, and &lt;body&gt;. Inside the body tag, define the structure of your login page using appropriate HTML elements like divs, forms, input fields, buttons, etc.<\/li><li><strong>Style Your Page with CSS:<\/strong><br \/>Open your CSS file (e.g., styles.css) and add styles to make your login page visually appealing. Define styles for elements such as container divs, input fields, buttons, and any other elements you&#8217;ve used in your HTML.<\/li><li><strong>Add JavaScript Functionality:<\/strong><br \/>Open your JavaScript file (e.g., script.js) and write code to add interactivity to your login page. This may include form validation, handling user input, displaying error messages, etc.<\/li><li><strong>Implement Facebook Login Integration (Optional):<\/strong><br \/>If you want to allow users to log in with their Facebook accounts, you&#8217;ll need to integrate the Facebook Login API into your page. This involves registering your app with Facebook, obtaining an App ID, and following Facebook&#8217;s authentication flow.<\/li><li><strong>Test Your Page:<\/strong><br \/>Open your HTML file in a web browser to test your Facebook login page. Make sure all functionalities are working as expected and the page looks good.<\/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-ca80041 e-con-full e-flex e-con e-child\" data-id=\"ca80041\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f3acb6 elementor-widget elementor-widget-heading\" data-id=\"9f3acb6\" 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-f11c682 elementor-widget elementor-widget-heading\" data-id=\"f11c682\" 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-f537813 elementor-widget elementor-widget-text-editor\" data-id=\"f537813\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The index.html file serves as the <strong>entry point<\/strong> for our Facebook login page project. This login page aims to provide users with a <strong>seamless and secure authentication<\/strong> experience, allowing them to log in to their Facebook accounts or create new ones. With intuitive form fields and clear navigation, users can easily <strong>input<\/strong> their <strong>login credentials<\/strong> and access their accounts.<\/p><p>The <strong>&lt;!DOCTYPE html&gt;<\/strong> declaration sets the document type to <strong>HTML5,<\/strong> ensuring compatibility with modern browsers. The <strong>&lt;html&gt;<\/strong> element serves as the root of our document, with the lang attribute specifying the language as English.<\/p><p>Within the <strong>&lt;head&gt;<\/strong> section, we define essential metadata including character encoding and viewport settings for responsive design. The <strong>&lt;title&gt; tag, &#8220;Facebook Login,&#8221;<\/strong> provides a concise title for the webpage. Additionally, we link an external stylesheet (<strong>styles.css<\/strong>) to apply consistent styling across elements.<\/p><p>Moving to the <strong>&lt;body&gt;<\/strong> section, we encapsulate our content within a<strong> &lt;div&gt;<\/strong> with the class <strong>&#8220;login-container.&#8221;<\/strong> This container houses the entire login interface.<\/p><p>The<strong> &lt;h1&gt;<\/strong> element with the <strong>class &#8220;logo&#8221;<\/strong> displays the Facebook logo, providing users with visual recognition and reinforcing brand identity.<\/p><p>Within the<strong> &lt;form&gt;<\/strong> element with the <strong>id &#8220;login-form,&#8221;<\/strong> users can input their login credentials. Two &lt;input&gt; elements are included for <strong>email and password<\/strong>, with placeholders providing guidance to users. Both fields are marked as required for data validation.<\/p><p>A <strong>&lt;button&gt;<\/strong> element labeled <strong>&#8220;Log In&#8221;<\/strong> serves as the submission<strong> trigger<\/strong> for the login form, allowing users to initiate the authentication process.<\/p><p>A <strong>&lt;p&gt;<\/strong> element with the<strong> class &#8220;error-msg&#8221;<\/strong> and the <strong>id &#8220;login-error-msg&#8221;<\/strong> is provided for displaying error messages related to <strong>login authentication<\/strong>. This ensures clear communication with users in case of any issues.<\/p><p>Below the login form, a <strong>&lt;div&gt;<\/strong> with the <strong>class &#8220;separator&#8221;<\/strong> contains a <strong>&lt;span&gt;<\/strong> element marked with the class &#8220;or,&#8221; visually separating the login options.<\/p><p>A <strong>&lt;button&gt;<\/strong> with the<strong> class &#8220;btn-fb&#8221;<\/strong> and the <strong>id &#8220;login-fb-btn&#8221;<\/strong> enables users to log in with their Facebook accounts, leveraging the <strong>OAuth authentication protocol<\/strong> for seamless integration with the Facebook platform.<\/p><p>Lastly, a <strong>&lt;div&gt;<\/strong> with the <strong>class &#8220;signup-link&#8221;<\/strong> offers users the option to create a new account. The <strong>&lt;a&gt;<\/strong> element within this container, labeled &#8220;Create New Account,&#8221; allows users to navigate to the signup section of the page for account creation.<\/p><p>Towards the end of the file, we include a <strong>&lt;script&gt;<\/strong> tag referencing an external JavaScript file (<strong>script.js<\/strong>). This suggests the potential inclusion of dynamic functionalities such as form validation and user interaction handling, enhancing the overall user experience of our Facebook login page.<\/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-1b1722f elementor-widget elementor-widget-heading\" data-id=\"1b1722f\" 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\">facebook.html<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b36527 elementor-widget elementor-widget-text-editor\" data-id=\"8b36527\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The primary purpose of <strong>Facebook.html<\/strong> is to create a <strong>user interface<\/strong> that mimics the look and feel of the Facebook platform. By structuring the layout and content in a familiar manner, the file aims to provide users with a seamless and intuitive browsing experience that closely resembles their interactions on Facebook. It serves as the foundation upon which additional functionality and interactivity can be built to enhance user engagement and satisfaction.<\/p><ul><li><br \/><strong>Header Section:<\/strong> The header typically contains the Facebook logo and a navigation menu with links to different sections of the application, such as the <strong>home page, profile, friends, messages, notifications<\/strong>, and <strong>settings<\/strong>.<\/li><li><strong>Main Content Section:<\/strong> The main content area displays various elements characteristic of a social media platform, such as <strong>user posts, comments, likes, and shares.<\/strong> It allows users to scroll through a feed of content shared by themselves and others in their network.<\/li><li><strong>Footer Section:<\/strong> The footer typically includes information such as <strong>copyright notices, legal disclaimers, and links to privacy policies or terms of service.<\/strong> It serves to provide additional context and information to users.<\/li><li><strong>Interactivity:<\/strong> Facebook.html may incorporate JavaScript functionality to enable dynamic features such as real-time updates, notifications, messaging, and interactive elements like buttons and forms. These interactive components enhance user engagement and provide a more seamless browsing experience.<\/li><li><strong>Styling:<\/strong> While not explicitly defined in the HTML file itself, Facebook.html likely references an external stylesheet (e.g., <strong>style.css<\/strong>) to apply consistent styling across the application, ensuring a visually appealing and cohesive design.<\/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-4e3be90 elementor-widget elementor-widget-heading\" data-id=\"4e3be90\" 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-8a6f7c3 elementor-widget elementor-widget-text-editor\" data-id=\"8a6f7c3\" 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>We strive to create a Facebook clone that not only mirrors the visual aesthetics of the original platform but also prioritizes user experience, accessibility, and brand identity.<\/p><p><strong>1. Body Styles:<\/strong><\/p><p>The body selector sets the stage for our Facebook clone&#8217;s visual appeal and readability. We begin by resetting the <strong>default margin to zero<\/strong>, ensuring a seamless layout. The chosen <strong>font family<\/strong>, including &#8216;<strong>Helvetica Neue<\/strong>&#8216; and fallbacks, guarantees a modern, clean look across different devices. Additionally, the soothing background color of #f0f2f5 provides a comfortable browsing experience.<\/p><p><strong>2. Container Styling:<\/strong><\/p><p>Within the <strong>.container<\/strong> class, we define essential layout parameters. The<strong> max-width<\/strong> property limits the width to 1200 pixels, balancing content width and readability on larger screens. By setting <strong>margin: 0 auto<\/strong>, we center the container horizontally, adding a touch of elegance. The subtle<strong> padding<\/strong> of 0 20px ensures sufficient breathing space for content, maintaining readability without compromising on aesthetics.<\/p><p><strong>3. Header Design:<\/strong><\/p><p>Our header design epitomizes the essence of Facebook&#8217;s branding. A striking background-color of #3b5998 instantly captivates users, echoing Facebook&#8217;s iconic blue theme. The contrasting white text color ensures optimal readability against the dark background. With padding: 10px 0, we provide ample space for the header content, balancing visual appeal with functionality.<\/p><p><strong>4. Navigation Menu Styling:<\/strong><\/p><p>The navigation menu, encapsulated within <strong>nav ul<\/strong>, reflects Facebook&#8217;s user-friendly interface. By resetting the list style to none and zeroing padding and margin, we achieve a clean, clutter-free appearance. Each list item (<strong>nav ul li<\/strong>) is presented as an inline block, ensuring seamless alignment and spacing. The uppercase text transformation and bold font weight exude a sense of prominence and clarity, guiding users effortlessly through the platform.<\/p><p><strong>5. Main Content Layout:<\/strong><\/p><p>Within the main section, we establish a harmonious layout conducive to engaging user interactions. Subtle padding of 20px 0 imparts a balanced spacing, enhancing visual appeal while maintaining content hierarchy.<\/p><p><strong>6. Post Styling:<\/strong><\/p><p>Our post design elevates user-generated content, fostering meaningful interactions within the Facebook community. The .post class, characterized by a clean white background and rounded corners (border-radius: 8px), creates a visually pleasing container for posts. A subtle box shadow adds depth and dimension, enhancing the overall aesthetic.<\/p><p><strong>7. User Profile Styling:<\/strong><\/p><p>Each post header (post-header) features a user profile image (user-img) and username (h2). The circular user image, sized at 50px with border-radius: 50%, exudes a sense of familiarity and personalization. The margin-right: 10px ensures optimal spacing between the profile image and username, enhancing visual clarity and aesthetics.<\/p><p><strong>8. Post Content and Actions:<\/strong><\/p><p>The content of each post (post-content) is presented in a legible font size of 16px, ensuring easy readability. Post actions, such as like, comment, and share buttons (post-actions button), are styled with Facebook&#8217;s signature blue (#3b5998) and white color scheme. On hover, the buttons transform subtly to a darker shade (#2d4373), providing visual feedback and enhancing user interaction.<\/p><p><strong>9. Footer Design:<\/strong><\/p><p>Finally, the footer section epitomizes our commitment to user experience and brand integrity. A light background color (#f0f2f5) complements the overall color scheme, ensuring visual consistency. The centered alignment, coupled with a modest font size (14px), emphasizes clarity and accessibility. The copyright notice (&amp;copy; 2024 Facebook) reaffirms our dedication to maintaining transparency and legal compliance.<\/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-4e6cbe8 elementor-widget elementor-widget-heading\" data-id=\"4e6cbe8\" 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-8500401 elementor-widget elementor-widget-text-editor\" data-id=\"8500401\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The snippet employs the <strong>DOMContentLoaded<\/strong> event listener, triggering the enclosed function when the <strong>HTML document&#8217;s DOM content<\/strong> has been fully loaded. It ensures that JS functionality is applied only after the HTML elements are accessible, allowing for seamless DOM manipulation.<\/p><p>Here, we utilize <strong>getElementById()<\/strong> to select specific HTML elements by their unique IDs, such as the <strong>login form and signup link.<\/strong> These elements serve as anchors for JS functionality, enabling interactivity and user engagement.<\/p><p>These event listeners capture form submissions and link clicks, preventing default browser behavior <strong>(preventDefault())<\/strong> to ensure<strong> smooth handling<\/strong> by our JS logic. Upon submission or click, corresponding functionality is executed, such as form validation, user authentication, or navigation to the signup page.<\/p><p>we<strong> toggle<\/strong> the <strong>visibility<\/strong> of the<strong> signup<\/strong> container based on user interaction. By selecting the<strong> .signup-container<\/strong> element and setting its display property to &#8216;block&#8217;, we dynamically reveal the signup form when the signup link is clicked. This conditional display enhances user experience and streamlines navigation.<\/p><p>The code snippet showcases <strong>error handling<\/strong> functionality, where we dynamically update an error message element (<strong>login-error-msg<\/strong>) to provide users with informative feedback. By altering the textContent, we ensure that users are promptly notified of any encountered errors, facilitating troubleshooting and user assistance.<\/p><p>Finally, by including an external script (<strong>script.js<\/strong>) within the HTML document, we seamlessly integrate JS functionality into our web application. This modular approach enhances code organization, scalability, and maintainability, allowing for efficient development and future updates.<\/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-b888648 elementor-widget elementor-widget-template\" data-id=\"b888648\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"4684\" class=\"elementor elementor-4684\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b180bea e-con-full e-flex e-con e-child\" data-id=\"b180bea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-217d52c elementor-widget elementor-widget-text-editor\" data-id=\"217d52c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"text-align: center;\"><span style=\"color: #0000ff;\">Get Discount on Top Educational Courses<\/span><\/h3><table><thead><tr><th>Brand Name<\/th><th>Discount Information<\/th><th>Coupon Codes Link<\/th><\/tr><\/thead><tbody><tr><td>Educative.io<\/td><td>20% discount on Educative courses and plans<\/td><td><a href=\"https:\/\/codewithcurious.com\/educative-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>W3Schools<\/td><td>20% discount on W3Schools courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/w3school-discount-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>KodeKloud<\/td><td>10% discount on KodeKloud courses and plans<\/td><td><a href=\"https:\/\/codewithcurious.com\/kodekloud-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>GeeksforGeeks<\/td><td>30% discount on GeeksforGeeks courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/geeksforgeeks-coupons-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>Target Test Prep<\/td><td>20% discount on Target Test Prep<\/td><td><a href=\"https:\/\/codewithcurious.com\/target-test-prep-discount-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>Coding Ninjas<\/td><td>\u20b95000 discount on Coding Ninjas courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/blogs\/codingninjas-coupon-codes\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>Skillshare<\/td><td>40% discount on Skillshare<\/td><td><a href=\"https:\/\/codewithcurious.com\/skillshare-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>DataCamp<\/td><td>50% discount on DataCamp<\/td><td><a href=\"https:\/\/codewithcurious.com\/datacamp-coupon-codes\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>365 Data Science<\/td><td>57% discount on 365 Data Science Plans<\/td><td><a href=\"https:\/\/codewithcurious.com\/365-data-science-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>Get Smarter<\/td><td>Flat 20% discount on Get Smarter courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/getsmarter-promo-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>SmartKeeda<\/td><td>Flat 40% discount on SmartKeeda courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/smartkeeda-coupon-codes\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><tr><td>StackSocial<\/td><td>20% discount on StackSocial courses<\/td><td><a href=\"https:\/\/codewithcurious.com\/stacksocial-coupon-code\/\" target=\"_blank\" rel=\"noopener\"><button>Get Coupon<\/button><\/a><\/td><\/tr><\/tbody><\/table>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0347dd e-con-full e-flex e-con e-child\" data-id=\"b0347dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f0ca55 elementor-widget elementor-widget-heading\" data-id=\"1f0ca55\" 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-d1869cf elementor-widget elementor-widget-html\" data-id=\"d1869cf\" 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\/Facebook-login-using-htmlcss-js.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-a11ef4e elementor-widget elementor-widget-heading\" data-id=\"a11ef4e\" 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 File 1 (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-fb5a297 elementor-widget elementor-widget-code-highlight\" data-id=\"fb5a297\" 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 copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Facebook Login<\/title>\r\n  <link rel=\"stylesheet\" href=\"styles.css\">\r\n<\/head>\r\n<body>\r\n  <div class=\"login-container\">\r\n    <h1 class=\"logo\">Facebook<\/h1>\r\n    <form id=\"login-form\">\r\n      <div class=\"form-group\">\r\n        <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Email\" required>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <input type=\"password\" id=\"password\" name=\"password\" placeholder=\"Password\" required>\r\n      <\/div>\r\n      <button type=\"submit\">Log In<\/button>\r\n      <p class=\"error-msg\" id=\"login-error-msg\"><\/p>\r\n    <\/form>\r\n    <div class=\"separator\">\r\n      <span class=\"or\">or<\/span>\r\n    <\/div>\r\n    <button class=\"btn-fb\"id=\"login-fb-btn\">Log in with Facebook<\/button>\r\n    <div class=\"signup-link\">\r\n      <a href=\"#\" id=\"signup-link\">Create New Account<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"signup-container\" style=\"display: none;\">\r\n    <h1 class=\"logo\">Create a New Account<\/h1>\r\n    <form id=\"signup-form\">\r\n      <div class=\"form-group\">\r\n        <input type=\"text\" id=\"new-name\" name=\"name\" placeholder=\"Your Name\" required>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <input type=\"email\" id=\"new-email\" name=\"email\" placeholder=\"Email\" required>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <input type=\"password\" id=\"new-password\" name=\"password\" placeholder=\"Password\" required>\r\n      <\/div>\r\n      <button type=\"submit\" >Sign Up<\/button>\r\n      <p class=\"error-msg\" id=\"signup-error-msg\"><\/p>\r\n    <\/form>\r\n  <\/div>\r\n\r\n  <script src=\"script.js\"><\/script>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-443ec26 elementor-widget elementor-widget-heading\" data-id=\"443ec26\" 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 file 2 (facebook.html)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bb8e6e elementor-widget elementor-widget-code-highlight\" data-id=\"6bb8e6e\" 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 copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Facebook Clone<\/title>\r\n  <link rel=\"stylesheet\" href=\"style.css\">\r\n<\/head>\r\n<body>\r\n  <header>\r\n    <div class=\"container\">\r\n      <h1>facebook<\/h1>\r\n      <nav>\r\n        <ul>\r\n          <li>Home<\/li>\r\n          <li>Friends<\/li>\r\n          <li>Messages<\/li>\r\n          <!-- Add more navigation links as needed -->\r\n        <\/ul>\r\n      <\/nav>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <main>\r\n    <div class=\"container\">\r\n      <section class=\"post\">\r\n        <div class=\"post-header\">\r\n          <img decoding=\"async\" src=\"user.png\" alt=\"User\" class=\"user-img\">\r\n          <h2>User Name<\/h2>\r\n        <\/div>\r\n        <div class=\"post-content\">\r\n          <p>This is a dummy post.<\/p>\r\n        <\/div>\r\n        <div class=\"post-actions\">\r\n          <button>Like<\/button>\r\n          <button>Comment<\/button>\r\n          <button>Share<\/button>\r\n        <\/div>\r\n      <\/section>\r\n      <!-- Add more posts or content here -->\r\n    <\/div>\r\n  <\/main>\r\n\r\n  <footer>\r\n    <div class=\"container\">\r\n      <p>&copy; 2024 Facebook<\/p>\r\n    <\/div>\r\n  <\/footer>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-239352e elementor-widget elementor-widget-heading\" data-id=\"239352e\" 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 File 1 (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-33cf498 elementor-widget elementor-widget-code-highlight\" data-id=\"33cf498\" 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 copy-to-clipboard \">\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>body {\r\n    margin: 0;\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    background-color: #f0f2f5;\r\n  }\r\n  \r\n  .container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n  }\r\n  \r\n  header {\r\n    background-color: #3b5998;\r\n    color: #fff;\r\n    padding: 10px 0;\r\n  }\r\n  \r\n  header h1 {\r\n    font-size: 30px;\r\n    margin: 0;\r\n    font-weight: bold;\r\n    letter-spacing: -2px;\r\n  }\r\n  \r\n  nav ul {\r\n    list-style-type: none;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n  \r\n  nav ul li {\r\n    display: inline-block;\r\n    margin-right: 20px;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n  }\r\n  \r\n  main {\r\n    padding: 20px 0;\r\n  }\r\n  \r\n  .post {\r\n    background-color: #fff;\r\n    padding: 20px;\r\n    margin-bottom: 20px;\r\n    border-radius: 8px;\r\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\r\n  }\r\n  \r\n  .post-header {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 10px;\r\n  }\r\n  \r\n  .user-img {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    margin-right: 10px;\r\n  }\r\n  \r\n  .post-header h2 {\r\n    margin: 0;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #333;\r\n  }\r\n  \r\n  .post-content {\r\n    margin-bottom: 10px;\r\n    font-size: 16px;\r\n    color: #333;\r\n  }\r\n  \r\n  .post-actions button {\r\n    background-color: #3b5998;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 5px;\r\n    padding: 5px 10px;\r\n    margin-right: 10px;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n  }\r\n  \r\n  .post-actions button:hover {\r\n    background-color: #2d4373;\r\n  }\r\n  \r\n  footer {\r\n    background-color: #f0f2f5;\r\n    padding: 20px 0;\r\n    text-align: center;\r\n    color: #333;\r\n    font-size: 14px;\r\n  }\r\n  <\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34d07ad elementor-widget elementor-widget-heading\" data-id=\"34d07ad\" 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 File 2 (Styles.css)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98d6abc elementor-widget elementor-widget-code-highlight\" data-id=\"98d6abc\" 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 copy-to-clipboard \">\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>body {\r\n    font-family: 'Arial', sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 100vh;\r\n    background-color: #3b5998;\r\n  }\r\n  \r\n  .login-container {\r\n    background-color: #fff;\r\n    padding: 20px;\r\n    border-radius: 10px;\r\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n    text-align: center;\r\n    width: 350px;\r\n  }\r\n  \r\n  .logo {\r\n    color: #3b5998;\r\n    font-size: 2.5em;\r\n    margin-bottom: 20px;\r\n  }\r\n  \r\n  .form-group {\r\n    margin-bottom: 15px;\r\n  }\r\n  \r\n  input[type=\"email\"],\r\n  input[type=\"password\"],\r\n  input[type=\"text\"],\r\n  button,\r\n  .btn-fb {\r\n    width: 70%;\r\n    padding: 10px;\r\n    border: none;\r\n    border-radius: 5px;\r\n    font-size: 16px;\r\n  }\r\n  \r\n  input[type=\"email\"],\r\n  input[type=\"password\"],\r\n  input[type=\"text\"] {\r\n    background-color: #f5f6f7;\r\n    border: 1px solid #dddfe2;\r\n  }\r\n  \r\n  button,\r\n  .btn-fb {\r\n    background-color: #1877f2;\r\n    color: #fff;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n  }\r\n  \r\n  button:hover,\r\n  .btn-fb:hover {\r\n    background-color: #166fe5;\r\n  }\r\n  \r\n  .separator {\r\n    margin: 20px 0;\r\n    position: relative;\r\n  }\r\n  \r\n  .separator:before,\r\n  .separator:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 45%;\r\n    height: 1px;\r\n    background-color: #ddd;\r\n  }\r\n  \r\n  .separator:before {\r\n    left: 0;\r\n  }\r\n  \r\n  .separator:after {\r\n    right: 0;\r\n  }\r\n  \r\n  .or {\r\n    background-color: #fff;\r\n    padding: 0 10px;\r\n    position: relative;\r\n    top: -11px;\r\n  }\r\n  \r\n  .signup-link {\r\n    margin-top: 20px;\r\n  }\r\n  \r\n  .signup-link a {\r\n    color: #1877f2;\r\n    text-decoration: none;\r\n    font-weight: bold;\r\n  }\r\n  \r\n  .error-msg {\r\n    color: #ff0000;\r\n    margin-top: 10px;\r\n  }\r\n  \r\n  \/* Existing styles remain unchanged *\/\r\n\r\n.signup-container {\r\n    background-color: #fff;\r\n    padding: 20px;\r\n    border-radius: 10px;\r\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n    text-align: center;\r\n    max-width: 350px;\r\n  }\r\n  \r\n  .signup-container .logo {\r\n    color: #3b5998;\r\n    font-size: 2.5em;\r\n    margin-bottom: 20px;\r\n  }\r\n  \r\n  \/* Rest of the existing styles remain unchanged *\/\r\n  <\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37b45ea elementor-widget elementor-widget-heading\" data-id=\"37b45ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">JavaScript File 2 (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-a75d112 elementor-widget elementor-widget-code-highlight\" data-id=\"a75d112\" 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 copy-to-clipboard \">\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>\/\/ Existing login form submission event listener\r\ndocument.getElementById('login-form').addEventListener('submit', function(event) {\r\n    event.preventDefault();\r\n  \r\n    var email = document.getElementById('email').value;\r\n    var password = document.getElementById('password').value;\r\n  \r\n    \/\/ Simple validation (you may need to improve this)\r\n    if (email === \"\" || password === \"\") {\r\n      document.getElementById('login-error-msg').innerText = \"Please enter both email and password\";\r\n    } else {\r\n      if (email === \"example@gmail.com\" && password === \"password\") {\r\n        alert(\"Login successful!\");\r\n      } else {\r\n        document.getElementById('login-error-msg').innerText = \"Invalid email or password\";\r\n      }\r\n    }\r\n  });\r\n\r\n  \/\/ Adding event listener to \"Log in with Facebook\" button\r\ndocument.getElementById('login-fb-btn').addEventListener('click', function(event) {\r\n    event.preventDefault();\r\n    alert('Adding this feature soon!');\r\n  });\r\n  \r\n  \r\n\/\/ Store user credentials after signup\r\n\r\nvar users = [];\r\n\r\ndocument.getElementById('signup-form').addEventListener('submit', function(event) {\r\n  event.preventDefault();\r\n\r\n  var name = document.getElementById('new-name').value;\r\n  var email = document.getElementById('new-email').value;\r\n  var password = document.getElementById('new-password').value;\r\n\r\n  \/\/ Simple validation (you may need to improve this)\r\n  if (name === \"\" || email === \"\" || password === \"\") {\r\n    document.getElementById('signup-error-msg').innerText = \"Please fill in all fields\";\r\n  } else {\r\n    \/\/ Simulate account creation (you would replace this with actual account creation logic)\r\n    alert(\"Account created successfully!\");\r\n    \/\/ Store the user's information in the users array\r\n    users.push({name: name, email: email, password: password});\r\n\r\n    \/\/ Redirect user back to login page\r\n    document.querySelector('.login-container').style.display = 'block';\r\n    document.querySelector('.signup-container').style.display = 'none';\r\n  }\r\n});\r\n\r\n\/\/ Login form submission event listener\r\ndocument.getElementById('login-form').addEventListener('submit', function(event) {\r\n  event.preventDefault();\r\n\r\n  var email = document.getElementById('email').value;\r\n  var password = document.getElementById('password').value;\r\n\r\n  \/\/ Simple validation (you may need to improve this)\r\n  if (email === \"\" || password === \"\") {\r\n    document.getElementById('login-error-msg').innerText = \"Please enter both email and password\";\r\n  } else {\r\n    \/\/ Check if the provided credentials match any stored user\r\n    var user = users.find(function(u) {\r\n      return u.email === email && u.password === password;\r\n    });\r\n\r\n    if (user) {\r\n      alert(\"Login successful!\");\r\n      \/\/ Simulate redirecting to a dummy Facebook page\r\n      window.open(\"facebook.html\", \"_blank\");\r\n\r\n    } else {\r\n      document.getElementById('login-error-msg').innerText = \"Invalid email or password\";\r\n    }\r\n  }\r\n});\r\n\r\n\/\/ Toggle between login and signup forms\r\ndocument.getElementById('signup-link').addEventListener('click', function(event) {\r\n  event.preventDefault();\r\n  document.querySelector('.login-container').style.display = 'none';\r\n  document.querySelector('.signup-container').style.display = 'block';\r\n});\r\n\r\n  <\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ceda98 e-con-full e-flex e-con e-child\" data-id=\"0ceda98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f614aa9 elementor-widget elementor-widget-heading\" data-id=\"f614aa9\" 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-57d79a0 elementor-widget elementor-widget-gallery\" data-id=\"57d79a0\" 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\/03\/WhatsApp-Image-2024-03-31-at-9.37.31-PM.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"57d79a0\" data-elementor-lightbox-title=\"WhatsApp Image 2024-03-31 at 9.37.31 PM\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTM3MzgsInVybCI6Imh0dHBzOlwvXC9jb2Rld2l0aGN1cmlvdXMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI0XC8wM1wvV2hhdHNBcHAtSW1hZ2UtMjAyNC0wMy0zMS1hdC05LjM3LjMxLVBNLmpwZWciLCJzbGlkZXNob3ciOiI1N2Q3OWEwIn0%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\/03\/WhatsApp-Image-2024-03-31-at-9.37.31-PM-1024x464.jpeg\" data-width=\"1024\" data-height=\"464\" 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\/03\/WhatsApp-Image-2024-03-31-at-9.38.14-PM.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"57d79a0\" data-elementor-lightbox-title=\"WhatsApp Image 2024-03-31 at 9.38.14 PM\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTM3MzksInVybCI6Imh0dHBzOlwvXC9jb2Rld2l0aGN1cmlvdXMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI0XC8wM1wvV2hhdHNBcHAtSW1hZ2UtMjAyNC0wMy0zMS1hdC05LjM4LjE0LVBNLmpwZWciLCJzbGlkZXNob3ciOiI1N2Q3OWEwIn0%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\/03\/WhatsApp-Image-2024-03-31-at-9.38.14-PM-1024x467.jpeg\" data-width=\"1024\" data-height=\"467\" 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\/03\/WhatsApp-Image-2024-03-31-at-9.38.43-PM.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"57d79a0\" data-elementor-lightbox-title=\"WhatsApp Image 2024-03-31 at 9.38.43 PM\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTM3NDAsInVybCI6Imh0dHBzOlwvXC9jb2Rld2l0aGN1cmlvdXMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI0XC8wM1wvV2hhdHNBcHAtSW1hZ2UtMjAyNC0wMy0zMS1hdC05LjM4LjQzLVBNLmpwZWciLCJzbGlkZXNob3ciOiI1N2Q3OWEwIn0%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\/03\/WhatsApp-Image-2024-03-31-at-9.38.43-PM-1024x473.jpeg\" data-width=\"1024\" data-height=\"473\" 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\/03\/WhatsApp-Image-2024-03-31-at-9.39.03-PM.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"57d79a0\" data-elementor-lightbox-title=\"WhatsApp Image 2024-03-31 at 9.39.03 PM\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTM3NDEsInVybCI6Imh0dHBzOlwvXC9jb2Rld2l0aGN1cmlvdXMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI0XC8wM1wvV2hhdHNBcHAtSW1hZ2UtMjAyNC0wMy0zMS1hdC05LjM5LjAzLVBNLmpwZWciLCJzbGlkZXNob3ciOiI1N2Q3OWEwIn0%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\/03\/WhatsApp-Image-2024-03-31-at-9.39.03-PM-1024x467.jpeg\" data-width=\"1024\" data-height=\"467\" 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-f4690f8 elementor-widget elementor-widget-template\" data-id=\"f4690f8\" 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\/13731\/page\/2\/\">2<\/a>\n<a class=\"page-numbers\" href=\"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13731\/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\/13731\/page\/5\/\">5<\/a>\n<a class=\"next page-numbers\" href=\"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13731\/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-0aeff8f e-con-full e-flex e-con e-child\" data-id=\"0aeff8f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d24ce6 elementor-widget elementor-widget-shortcode\" data-id=\"1d24ce6\" 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>Facebook Login Using HTML CSS JS With Source Code Introduction : In this project, we&#8217;ve employed a blend of HTML, CSS, and JavaScript to craft a streamlined Facebook login page \u2013 a pivotal component of modern web applications. Seamlessly blending aesthetic appeal with functional design, our Facebook login page provides users with a familiar and [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":19820,"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-13731","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\/13731","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=13731"}],"version-history":[{"count":43,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13731\/revisions"}],"predecessor-version":[{"id":21389,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/posts\/13731\/revisions\/21389"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/media\/19820"}],"wp:attachment":[{"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/media?parent=13731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/categories?post=13731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codewithcurious.com\/wp-json\/wp\/v2\/tags?post=13731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}