{"id":8,"date":"2025-06-19T12:04:49","date_gmt":"2025-06-19T12:04:49","guid":{"rendered":"https:\/\/webcrowd.co.in\/livecodeplayground\/?page_id=8"},"modified":"2025-07-02T18:44:03","modified_gmt":"2025-07-02T18:44:03","slug":"home","status":"publish","type":"page","link":"https:\/\/webcrowd.co.in\/livecodeplayground\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n \r\n \r\n \r\n \r\n \r\n <\/radialGradient>\r\n \r\n \r\n \r\n \r\n \r\n \r\n <\/linearGradient>\r\n <\/defs>\r\n \r\n \r\n \r\n \r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n \r\n \r\n <\/line>\r\n <\/g>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n \r\n \r\n \r\n \r\n <\/circle>\r\n <\/g>\r\n<\/svg>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Live Code Playground<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Right in Your Browser<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/span>\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
    \n\t\t
    \n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Ad Placement<\/h3>\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
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Code Tester - HTML\/PHP<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/webcrowd.co.in\/livecodeplayground\/playground\/style.css\">\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n <!-- JSZip Library for ZIP file creation -->\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jszip\/3.10.1\/jszip.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <header class=\"header\">\r\n <h1><i class=\"fas fa-code\"><\/i> Code Tester<\/h1>\r\n <div class=\"controls\">\r\n <div class=\"language-selector\">\r\n <select id=\"languageSelect\" class=\"language-select\">\r\n <option value=\"html\"><i class=\"fab fa-html5\"><\/i> HTML\/CSS\/JS<\/option>\r\n <option value=\"php\"><i class=\"fab fa-php\"><\/i> PHP<\/option>\r\n <\/select>\r\n <\/div>\r\n <button id=\"runBtn\" class=\"btn btn-primary\">\r\n <i class=\"fas fa-play\"><\/i> Run\r\n <\/button>\r\n <button id=\"clearBtn\" class=\"btn btn-secondary\">\r\n <i class=\"fas fa-trash\"><\/i> Clear\r\n <\/button>\r\n <button id=\"saveBtn\" class=\"btn btn-success\">\r\n <i class=\"fas fa-save\"><\/i> Save\r\n <\/button>\r\n <button id=\"loadBtn\" class=\"btn btn-info\">\r\n <i class=\"fas fa-folder-open\"><\/i> Load\r\n <\/button>\r\n <button id=\"themeToggle\" class=\"btn btn-secondary\">\r\n <i class=\"fas fa-moon\"><\/i> Theme\r\n <\/button>\r\n <button id=\"fullscreenBtn\" class=\"btn btn-secondary\">\r\n <i class=\"fas fa-expand\"><\/i> Fullscreen\r\n <\/button>\r\n <button id=\"responsiveModeBtn\" class=\"btn btn-secondary\" title=\"Toggle Responsive Mode\">\r\n <i class=\"fas fa-mobile-alt\"><\/i> Responsive\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"editor-container\">\r\n <div class=\"editor-panel\">\r\n <!-- HTML Mode Editors -->\r\n <div id=\"htmlMode\" class=\"language-mode\">\r\n <div class=\"editor-section\">\r\n <div class=\"editor-header\">\r\n <span><i class=\"fab fa-html5\"><\/i> HTML<\/span>\r\n <div class=\"editor-controls\">\r\n <button class=\"minimize-btn\" data-target=\"html\">\r\n <i class=\"fas fa-minus\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <textarea id=\"htmlEditor\" class=\"editor\" placeholder=\"<!DOCTYPE html>...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"editor-section\">\r\n <div class=\"editor-header\">\r\n <span><i class=\"fab fa-css3-alt\"><\/i> CSS<\/span>\r\n <div class=\"editor-controls\">\r\n <button class=\"minimize-btn\" data-target=\"css\">\r\n <i class=\"fas fa-minus\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <textarea id=\"cssEditor\" class=\"editor\" placeholder=\"body { ... }\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"editor-section\">\r\n <div class=\"editor-header\">\r\n <span><i class=\"fab fa-js-square\"><\/i> JavaScript<\/span>\r\n <div class=\"editor-controls\">\r\n <button class=\"minimize-btn\" data-target=\"js\">\r\n <i class=\"fas fa-minus\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <textarea id=\"jsEditor\" class=\"editor\" placeholder=\"function() { ... }\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- PHP Mode Editor -->\r\n <div id=\"phpMode\" class=\"language-mode hidden\">\r\n <div class=\"editor-section single-editor\">\r\n <div class=\"editor-header\">\r\n <span><i class=\"fab fa-php\"><\/i> PHP<\/span>\r\n <div class=\"editor-controls\">\r\n <button class=\"minimize-btn\" data-target=\"php\">\r\n <i class=\"fas fa-minus\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <textarea id=\"phpEditor\" class=\"editor large-editor\" placeholder=\"<?php ... ?>\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"output-panel\">\r\n <div class=\"output-header\">\r\n <span><i class=\"fas fa-desktop\"><\/i> Output<\/span>\r\n <div class=\"output-controls\">\r\n <button id=\"refreshOutput\" class=\"btn-icon\" title=\"Refresh\">\r\n <i class=\"fas fa-sync-alt\"><\/i>\r\n <\/button>\r\n <button id=\"consoleToggle\" class=\"btn-icon\" title=\"Console\">\r\n <i class=\"fas fa-terminal\"><\/i>\r\n <\/button>\r\n \r\n <button id=\"hideEditorBtn\" class=\"btn-icon\" title=\"Hide Editor\">\r\n <i class=\"fas fa-eye-slash\"><\/i>\r\n <\/button>\r\n <button id=\"exportBtn\" class=\"btn-icon\" title=\"Export Single File\">\r\n <i class=\"fas fa-download\"><\/i>\r\n <\/button>\r\n <button id=\"exportZipBtn\" class=\"btn-icon\" title=\"Export as ZIP\">\r\n <i class=\"fas fa-file-archive\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <iframe id=\"outputFrame\" class=\"output-frame\" title=\"Code output\"><\/iframe>\r\n <div id=\"console\" class=\"console hidden\">\r\n <div class=\"console-header\">\r\n <span>Console<\/span>\r\n <button id=\"clearConsole\" class=\"btn-icon\" title=\"Clear\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div id=\"consoleOutput\" class=\"console-output\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Save\/Load Modal -->\r\n <div id=\"saveLoadModal\" class=\"modal hidden\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h3 id=\"modalTitle\">Save Project<\/h3>\r\n <button id=\"closeModal\" class=\"btn-icon\" title=\"Close\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <div id=\"saveSection\">\r\n <label for=\"projectName\">Project Name:<\/label>\r\n <input type=\"text\" id=\"projectName\" placeholder=\"MyProject\">\r\n \r\n <div class=\"visibility-options\">\r\n <label>Visibility:<\/label>\r\n <div class=\"radio-group\">\r\n <input type=\"radio\" id=\"visibilityPublic\" name=\"visibility\" value=\"public\" checked>\r\n <label for=\"visibilityPublic\">Public (visible to everyone)<\/label>\r\n <\/div>\r\n <div class=\"radio-group\">\r\n <input type=\"radio\" id=\"visibilityPrivate\" name=\"visibility\" value=\"private\">\r\n <label for=\"visibilityPrivate\">Private (only in your dashboard)<\/label>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"modal-buttons\">\r\n <button id=\"saveProject\" class=\"btn btn-success\">\r\n <i class=\"fas fa-save\"><\/i> Save\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n <div id=\"loadSection\" class=\"hidden\">\r\n <div class=\"saved-projects\">\r\n <h4>Saved Projects<\/h4>\r\n <div id=\"projectsList\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/webcrowd.co.in\/livecodeplayground\/playground\/script.js\"><\/script>\r\n<\/body>\r\n<\/html>\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-7fba1a6 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"7fba1a6\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-6001dc1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"6001dc1\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5d1d76 ab elementor-widget elementor-widget-heading\" data-id=\"b5d1d76\" data-element_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\">Ad Placement<\/h4>\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<div class=\"elementor-element elementor-element-6c91af1 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"6c91af1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2c7b72b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"2c7b72b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e36edfd elementor-widget elementor-widget-heading\" data-id=\"e36edfd\" data-element_type=\"widget\" data-settings=\"{"_animation":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">About Multi-Language Code Tester<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4addf72 elementor-widget elementor-widget-text-editor\" data-id=\"4addf72\" data-element_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>Multi-Language Code Tester is a powerful, in-browser development playground that lets you write, test, and preview code in multiple languages \u2014 <br \/>all in real-time. Whether you’re a beginner learning how code works, or a developer quickly prototyping ideas, this tool provides a streamlined environment <br \/>for coding in:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73f0654 e-con-full animated-fast e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"73f0654\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInRight"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80bf974 elementor-position-left elementor-view-default elementor-mobile-position-top elementor-vertical-align-top elementor-widget elementor-widget-icon-box\" data-id=\"80bf974\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-html5\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tSupports HTML\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tBuild the structure of your web pages using clean and semantic HTML. Create headings, forms, images, buttons, \nand more with instant preview as you type. \t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\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-61fba2a e-con-full animated-fast e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"61fba2a\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInLeft","animation_delay":100}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-457fb89 elementor-position-left elementor-view-default elementor-mobile-position-top elementor-vertical-align-top elementor-widget elementor-widget-icon-box\" data-id=\"457fb89\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-js-square\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM243.8 381.4c0 43.6-25.6 63.5-62.9 63.5-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6 13.8 0 22.6-5.4 22.6-26.5V237.7h42.1v143.7zm99.6 63.5c-39.1 0-64.4-18.6-76.7-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6 17.4 0 28.6-8.7 28.6-20.8 0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5 0-31.6 24.1-55.6 61.6-55.6 26.8 0 46 9.3 59.8 33.7L368 290c-7.2-12.9-15-18-27.1-18-12.3 0-20.1 7.8-20.1 18 0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2 0 37.8-29.8 58.6-69.7 58.6z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tSupports Javascript\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAdd powerful interactivity with JavaScript. Handle events, manipulate DOM elements, \nand build dynamic features \u2014 all tested live in the browser.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\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-1020a48 e-con-full animated-fast e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"1020a48\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInRight","animation_delay":200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7766226 elementor-position-left elementor-view-default elementor-mobile-position-top elementor-vertical-align-top elementor-widget elementor-widget-icon-box\" data-id=\"7766226\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-css3-alt\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 32l34.9 395.8L192 480l157.1-52.2L384 32H0zm313.1 80l-4.8 47.3L193 208.6l-.3.1h111.5l-12.8 146.6-98.2 28.7-98.8-29.2-6.4-73.9h48.9l3.2 38.3 52.6 13.3 54.7-15.4 3.7-61.6-166.3-.5v-.1l-.2.1-3.6-46.3L193.1 162l6.5-2.7H76.7L70.9 112h242.2z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tSupports CSS\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tStyle your code beautifully with full CSS support. From layouts and colors to animations and responsive designs, customize every element in real-time.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\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 class=\"elementor-element elementor-element-01d9a66 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"01d9a66\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">CODE.<span style=\"color:#2C5364\">SHARE<\/span>.LEARN<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e88ba5f e-grid e-con-full wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"e88ba5f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1ffa054 e-con-full animated-fast e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"1ffa054\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInRight","animation_delay":200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93e29d3 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"93e29d3\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-save\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M433.941 129.941l-83.882-83.882A48 48 0 0 0 316.118 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V163.882a48 48 0 0 0-14.059-33.941zM224 416c-35.346 0-64-28.654-64-64 0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64zm96-304.52V212c0 6.627-5.373 12-12 12H76c-6.627 0-12-5.373-12-12V108c0-6.627 5.373-12 12-12h228.52c3.183 0 6.235 1.264 8.485 3.515l3.48 3.48A11.996 11.996 0 0 1 320 111.48z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tSave\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tEasily save your code snippets to \nyour account and revisit them anytime. \nKeep your experiments organized in one place.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\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-8be16a1 e-con-full animated-fast e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"8be16a1\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInRight","animation_delay":200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f82f9a elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"5f82f9a\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-folder\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tLoad\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tQuickly load any of your saved projects or starter templates with a single click. Jump back into your work instantly.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\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-1c34b7e e-con-full animated-fast e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"1c34b7e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInRight","animation_delay":200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a99fa elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"25a99fa\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-expand\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 180V56c0-13.3 10.7-24 24-24h124c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H64v84c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12zM288 44v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12V56c0-13.3-10.7-24-24-24H300c-6.6 0-12 5.4-12 12zm148 276h-40c-6.6 0-12 5.4-12 12v84h-84c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24V332c0-6.6-5.4-12-12-12zM160 468v-40c0-6.6-5.4-12-12-12H64v-84c0-6.6-5.4-12-12-12H12c-6.6 0-12 5.4-12 12v124c0 13.3 10.7 24 24 24h124c6.6 0 12-5.4 12-12z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tFullscreen\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tExpand the editor to fullscreen for distraction-free coding. Focus on your code with maximum screen space.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\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-9a0459e e-con-full animated-fast e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"9a0459e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInRight","animation_delay":200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb200aa elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"cb200aa\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-mobile-alt\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M272 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM160 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm112-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v312z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tResponsive Mode\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tEasily save your code snippets to \nyour account and revisit them anytime. \nKeep your experiments organized in one place.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\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-46f06b7 e-con-full animated-fast e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"46f06b7\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInRight","animation_delay":200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b3ea4f elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"6b3ea4f\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-terminal\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M257.981 272.971L63.638 467.314c-9.373 9.373-24.569 9.373-33.941 0L7.029 444.647c-9.357-9.357-9.375-24.522-.04-33.901L161.011 256 6.99 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L257.981 239.03c9.373 9.372 9.373 24.568 0 33.941zM640 456v-32c0-13.255-10.745-24-24-24H312c-13.255 0-24 10.745-24 24v32c0 13.255 10.745 24 24 24h304c13.255 0 24-10.745 24-24z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tConsole Popup\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tView your JavaScript output and errors in a real-time console popup. Debug your code without leaving the page.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\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-086a2bc e-con-full animated-fast e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"086a2bc\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInRight","animation_delay":200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ba7ffe elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"8ba7ffe\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-file-archive\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M128.3 160v32h32v-32zm64-96h-32v32h32zm-64 32v32h32V96zm64 32h-32v32h32zm177.6-30.1L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM256 51.9l76.1 76.1H256zM336 464H48V48h79.7v16h32V48H208v104c0 13.3 10.7 24 24 24h104zM194.2 265.7c-1.1-5.6-6-9.7-11.8-9.7h-22.1v-32h-32v32l-19.7 97.1C102 385.6 126.8 416 160 416c33.1 0 57.9-30.2 51.5-62.6zm-33.9 124.4c-17.9 0-32.4-12.1-32.4-27s14.5-27 32.4-27 32.4 12.1 32.4 27-14.5 27-32.4 27zm32-198.1h-32v32h32z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tDownload as ZIP\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDownload your full project (HTML, CSS, JS) in a ready-to-use .zip file. Great for offline editing or deployment.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7965fb2 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7965fb2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bf6fc27 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"bf6fc27\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fe489e elementor-widget elementor-widget-heading\" data-id=\"5fe489e\" data-element_type=\"widget\" data-settings=\"{"_animation":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">FAQ<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b5eb42 elementor-widget elementor-widget-n-accordion\" data-id=\"0b5eb42\" data-element_type=\"widget\" data-settings=\"{"default_state":"expanded","max_items_expended":"one","n_accordion_animation_duration":{"unit":"ms","size":400,"sizes":[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1190\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1190\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What types of code can I test here? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1190\" class=\"elementor-element elementor-element-caad01e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"caad01e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a34e1f6 elementor-widget elementor-widget-text-editor\" data-id=\"a34e1f6\" data-element_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 data-start=\"252\" data-end=\"452\">You can write and test <strong data-start=\"275\" data-end=\"283\">HTML<\/strong>, <strong data-start=\"285\" data-end=\"292\">CSS<\/strong>, and <strong data-start=\"298\" data-end=\"312\">JavaScript<\/strong> in real time. The tool renders your code instantly in the live preview area, making it perfect for learning, experimenting, or prototyping.<\/p>\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1191\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1191\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Do I need an account to use the tool? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1191\" class=\"elementor-element elementor-element-5cee1d0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"5cee1d0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa5322c elementor-widget elementor-widget-text-editor\" data-id=\"fa5322c\" data-element_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 data-start=\"252\" data-end=\"452\">No account is required to start coding. However, creating a free account allows you to <strong data-start=\"598\" data-end=\"616\">save your code<\/strong>, <strong data-start=\"618\" data-end=\"639\">fork others\u2019 pens<\/strong>, and <strong data-start=\"645\" data-end=\"671\">access your saved pens<\/strong> anytime.<\/p>\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1192\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1192\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can I save or download my code? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1192\" class=\"elementor-element elementor-element-5945ab4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"5945ab4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff6b947 elementor-widget elementor-widget-text-editor\" data-id=\"ff6b947\" data-element_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 data-start=\"733\" data-end=\"888\">Yes! You can save your code as a <strong data-start=\"766\" data-end=\"786\">single HTML file<\/strong> or download all components as a <strong data-start=\"819\" data-end=\"832\">.zip file<\/strong>. This lets you reuse or share your work easily offline.<\/p>\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1193\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1193\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Does it support JavaScript console logs? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1193\" class=\"elementor-element elementor-element-bfa43bc e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"bfa43bc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5bbb40 elementor-widget elementor-widget-text-editor\" data-id=\"c5bbb40\" data-element_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 data-start=\"733\" data-end=\"888\">Yes, the tool comes with a built-in <strong data-start=\"986\" data-end=\"1003\">console popup<\/strong> where you can see <code data-start=\"1022\" data-end=\"1037\">console.log()<\/code>, warnings, and errors from your JavaScript code just like in a browser’s dev tools.<\/p>\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1194\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1194\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Is the output mobile responsive? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1194\" class=\"elementor-element elementor-element-933ac8d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"933ac8d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a594868 elementor-widget elementor-widget-text-editor\" data-id=\"a594868\" data-element_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 data-start=\"733\" data-end=\"888\">Yes! The tool includes a <strong data-start=\"1200\" data-end=\"1219\">responsive mode<\/strong> that lets you preview your code on different screen sizes like desktop, tablet, and mobile. Perfect for testing responsive designs.<\/p>\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\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Live Code Playground Right in Your Browser Ad Placement Code Tester – HTML\/PHP Code Tester HTML\/CSS\/JS PHP Run Clear Save Load Theme Fullscreen Responsive HTML<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webcrowd.co.in\/livecodeplayground\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webcrowd.co.in\/livecodeplayground\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webcrowd.co.in\/livecodeplayground\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webcrowd.co.in\/livecodeplayground\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webcrowd.co.in\/livecodeplayground\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":127,"href":"https:\/\/webcrowd.co.in\/livecodeplayground\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":379,"href":"https:\/\/webcrowd.co.in\/livecodeplayground\/wp-json\/wp\/v2\/pages\/8\/revisions\/379"}],"wp:attachment":[{"href":"https:\/\/webcrowd.co.in\/livecodeplayground\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}