{"id":400,"date":"2025-07-07T03:12:05","date_gmt":"2025-07-07T03:12:05","guid":{"rendered":"https:\/\/tipsbyanita.in\/?page_id=400"},"modified":"2025-07-07T03:13:49","modified_gmt":"2025-07-07T03:13:49","slug":"free-resume-maker","status":"publish","type":"page","link":"https:\/\/tipsbyanita.in\/hi\/free-resume-maker\/","title":{"rendered":"Free resume maker"},"content":{"rendered":"<div class=\"anumi-resume-builder\">\r\n    <div class=\"container\">\r\n        <header>\r\n            <div class=\"logo\">\r\n                <i class=\"fas fa-file-alt\"><\/i>\r\n            <\/div>\r\n            <h1>Professional Resume Builder<\/h1>\r\n            <p class=\"subtitle\">Create, customize, and download your resume in minutes - optimized for all devices<\/p>\r\n        <\/header>\r\n\r\n        <div class=\"app-container\">\r\n            <!-- Mobile Tabs -->\r\n            <div class=\"mobile-tabs\">\r\n                <button class=\"tab-btn active\" data-tab=\"editor\">\r\n                    <i class=\"fas fa-edit\"><\/i> Editor\r\n                <\/button>\r\n                <button class=\"tab-btn\" data-tab=\"preview\">\r\n                    <i class=\"fas fa-eye\"><\/i> Preview\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Editor Panel -->\r\n            <div class=\"editor-container active\" id=\"editor\">\r\n                <!-- Personal Information -->\r\n                <div class=\"section\">\r\n                    <div class=\"section-header\">\r\n                        <div class=\"section-icon\">\r\n                            <i class=\"fas fa-user\"><\/i>\r\n                        <\/div>\r\n                        <h2 class=\"section-title\">Personal Information<\/h2>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label for=\"full-name\">Full Name<\/label>\r\n                            <input type=\"text\" id=\"full-name\" placeholder=\"John Doe\" value=\"Sarah Johnson\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"job-title\">Job Title<\/label>\r\n                            <input type=\"text\" id=\"job-title\" placeholder=\"Software Engineer\" value=\"Senior UX Designer\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"email\">Email<\/label>\r\n                            <input type=\"email\" id=\"email\" placeholder=\"john@example.com\" value=\"sarah.j@example.com\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"phone\">Phone<\/label>\r\n                            <input type=\"tel\" id=\"phone\" placeholder=\"(123) 456-7890\" value=\"(555) 123-4567\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"location\">Location<\/label>\r\n                            <input type=\"text\" id=\"location\" placeholder=\"City, Country\" value=\"San Francisco, CA\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label for=\"summary\">Professional Summary<\/label>\r\n                        <textarea id=\"summary\">Creative and detail-oriented UX designer with 5+ years of experience creating intuitive user experiences for web and mobile applications. Passionate about user-centered design and solving complex problems with elegant solutions.<\/textarea>\r\n                    <\/div>\r\n                    \r\n                    <!-- Direct Edit Checkbox -->\r\n                    <div id=\"direct-edit-container\">\r\n                        <input type=\"checkbox\" id=\"direct-edit\">\r\n                        <label for=\"direct-edit\">Edit directly in preview<\/label>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Work Experience -->\r\n                <div class=\"section\">\r\n                    <div class=\"section-header\">\r\n                        <div class=\"section-icon\">\r\n                            <i class=\"fas fa-briefcase\"><\/i>\r\n                        <\/div>\r\n                        <h2 class=\"section-title\">Work Experience<\/h2>\r\n                    <\/div>\r\n                    \r\n                    <div id=\"work-container\">\r\n                        <div class=\"experience-item\">\r\n                            <button class=\"remove-btn\">\r\n                                <i class=\"fas fa-times\"><\/i>\r\n                            <\/button>\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label>Job Title<\/label>\r\n                                    <input type=\"text\" class=\"work-title\" value=\"Senior UX Designer\">\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label>Company<\/label>\r\n                                    <input type=\"text\" class=\"work-company\" value=\"Tech Innovations Inc.\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label>Start Date<\/label>\r\n                                    <input type=\"text\" class=\"work-start\" value=\"Jan 2019\">\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label>End Date<\/label>\r\n                                    <input type=\"text\" class=\"work-end\" value=\"Present\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"form-group\">\r\n                                <label>Description<\/label>\r\n                                <textarea class=\"work-desc\">Led the redesign of the company's flagship product, resulting in a 30% increase in user engagement. Conducted user research, created wireframes and prototypes, and collaborated with developers to implement designs.<\/textarea>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"experience-item\">\r\n                            <button class=\"remove-btn\">\r\n                                <i class=\"fas fa-times\"><\/i>\r\n                            <\/button>\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label>Job Title<\/label>\r\n                                    <input type=\"text\" class=\"work-title\" value=\"UI\/UX Designer\">\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label>Company<\/label>\r\n                                    <input type=\"text\" class=\"work-company\" value=\"Creative Solutions\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label>Start Date<\/label>\r\n                                    <input type=\"text\" class=\"work-start\" value=\"Mar 2016\">\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label>End Date<\/label>\r\n                                    <input type=\"text\" class=\"work-end\" value=\"Dec 2018\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"form-group\">\r\n                                <label>Description<\/label>\r\n                                <textarea class=\"work-desc\">Designed user interfaces for mobile and web applications. Created style guides, conducted usability testing, and worked closely with product managers to define requirements.<\/textarea>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <button class=\"btn btn-block\" id=\"add-experience\">\r\n                        <i class=\"fas fa-plus\"><\/i> Add Experience\r\n                    <\/button>\r\n                <\/div>\r\n                \r\n                <!-- Education -->\r\n                <div class=\"section\">\r\n                    <div class=\"section-header\">\r\n                        <div class=\"section-icon\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i>\r\n                        <\/div>\r\n                        <h2 class=\"section-title\">Education<\/h2>\r\n                    <\/div>\r\n                    \r\n                    <div id=\"education-container\">\r\n                        <div class=\"education-item\">\r\n                            <button class=\"remove-btn\">\r\n                                <i class=\"fas fa-times\"><\/i>\r\n                            <\/button>\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label>Degree<\/label>\r\n                                    <input type=\"text\" class=\"edu-degree\" value=\"Master of Design\">\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label>Institution<\/label>\r\n                                    <input type=\"text\" class=\"edu-institution\" value=\"Stanford University\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label>Start Date<\/label>\r\n                                    <input type=\"text\" class=\"edu-start\" value=\"2014\">\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label>End Date<\/label>\r\n                                    <input type=\"text\" class=\"edu-end\" value=\"2016\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"form-group\">\r\n                                <label>Description<\/label>\r\n                                <textarea class=\"edu-desc\">Specialized in Human-Computer Interaction and User Experience Design. Graduated with honors.<\/textarea>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <button class=\"btn btn-block\" id=\"add-education\">\r\n                        <i class=\"fas fa-plus\"><\/i> Add Education\r\n                    <\/button>\r\n                <\/div>\r\n                \r\n                <!-- Skills -->\r\n                <div class=\"section\">\r\n                    <div class=\"section-header\">\r\n                        <div class=\"section-icon\">\r\n                            <i class=\"fas fa-tools\"><\/i>\r\n                        <\/div>\r\n                        <h2 class=\"section-title\">Skills<\/h2>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label>Skills (comma separated)<\/label>\r\n                        <textarea id=\"skills\">UI\/UX Design, User Research, Wireframing, Prototyping, Figma, Adobe XD, HTML\/CSS, JavaScript, Responsive Design, Usability Testing<\/textarea>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Customization -->\r\n                <div class=\"section\">\r\n                    <div class=\"section-header\">\r\n                        <div class=\"section-icon\">\r\n                            <i class=\"fas fa-palette\"><\/i>\r\n                        <\/div>\r\n                        <h2 class=\"section-title\">Customization<\/h2>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label>Select Template<\/label>\r\n                        <div class=\"template-gallery\" id=\"template-gallery\">\r\n                            <!-- Professional Template -->\r\n                            <div class=\"template-card selected\" data-template=\"professional\">\r\n                                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='260' viewBox='0 0 200 260'%3E%3Crect fill='%233498db' width='200' height='40'\/%3E%3Crect fill='%23ffffff' y='40' width='200' height='220'\/%3E%3Crect fill='%233498db' x='20' y='60' width='160' height='15' rx='2'\/%3E%3Crect fill='%237f8c8d' x='20' y='85' width='80' height='8' rx='2'\/%3E%3Crect fill='%233498db' x='20' y='110' width='160' height='15' rx='2'\/%3E%3Crect fill='%237f8c8d' x='20' y='135' width='120' height='8' rx='2'\/%3E%3Crect fill='%233498db' x='20' y='160' width='160' height='15' rx='2'\/%3E%3Crect fill='%237f8c8d' x='20' y='185' width='100' height='8' rx='2'\/%3E%3Ctext x='100' y='25' fill='white' font-family='Arial' font-size='14' text-anchor='middle'%3EProfessional%3C\/text%3E%3C\/svg%3E\" alt=\"Professional Template\">\r\n                                <div class=\"template-name\">Professional<\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- Modern Template -->\r\n                            <div class=\"template-card\" data-template=\"modern\">\r\n                                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='260' viewBox='0 0 200 260'%3E%3Crect fill='%239b59b6' width='200' height='100'\/%3E%3Crect fill='%23f8f9fa' y='100' width='200' height='160'\/%3E%3Ccircle fill='%239b59b6' cx='100' cy='50' r='25'\/%3E%3Crect fill='white' x='20' y='120' width='160' height='15' rx='2'\/%3E%3Crect fill='%239b59b6' x='20' y='150' width='160' height='8' rx='2'\/%3E%3Crect fill='white' x='20' y='170' width='160' height='15' rx='2'\/%3E%3Crect fill='%239b59b6' x='20' y='200' width='160' height='8' rx='2'\/%3E%3Ctext x='100' y='90' fill='white' font-family='Arial' font-size='14' text-anchor='middle'%3EModern%3C\/text%3E%3C\/svg%3E\" alt=\"Modern Template\">\r\n                                <div class=\"template-name\">Modern<\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- Creative Template -->\r\n                            <div class=\"template-card\" data-template=\"creative\">\r\n                                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='260' viewBox='0 0 200 260'%3E%3Crect fill='%23e74c3c' width='200' height='40'\/%3E%3Crect fill='%23ffffff' y='40' width='200' height='220'\/%3E%3Ccircle fill='%23e74c3c' cx='40' cy='100' r='30'\/%3E%3Crect fill='%23e74c3c' x='80' y='90' width='100' height='15' rx='2'\/%3E%3Crect fill='%237f8c8d' x='80' y='115' width='70' height='8' rx='2'\/%3E%3Crect fill='%23e74c3c' x='80' y='140' width='100' height='15' rx='2'\/%3E%3Crect fill='%237f8c8d' x='80' y='165' width='90' height='8' rx='2'\/%3E%3Crect fill='%23e74c3c' x='80' y='190' width='100' height='15' rx='2'\/%3E%3Crect fill='%237f8c8d' x='80' y='215' width='80' height='8' rx='2'\/%3E%3Ctext x='100' y='25' fill='white' font-family='Arial' font-size='14' text-anchor='middle'%3ECreative%3C\/text%3E%3C\/svg%3E\" alt=\"Creative Template\">\r\n                                <div class=\"template-name\">Creative<\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- Minimal Template -->\r\n                            <div class=\"template-card\" data-template=\"minimal\">\r\n                                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='260' viewBox='0 0 200 260'%3E%3Crect fill='%232c3e50' width='200' height='40'\/%3E%3Crect fill='%23ffffff' y='40' width='200' height='220'\/%3E%3Crect fill='%232c3e50' x='20' y='70' width='160' height='2'\/%3E%3Crect fill='%237f8c8d' x='20' y='90' width='140' height='8' rx='2'\/%3E%3Crect fill='%232c3e50' x='20' y='110' width='160' height='2'\/%3E%3Crect fill='%237f8c8d' x='20' y='130' width='120' height='8' rx='2'\/%3E%3Crect fill='%232c3e50' x='20' y='150' width='160' height='2'\/%3E%3Crect fill='%237f8c8d' x='20' y='170' width='100' height='8' rx='2'\/%3E%3Ctext x='100' y='25' fill='white' font-family='Arial' font-size='14' text-anchor='middle'%3EMinimal%3C\/text%3E%3C\/svg%3E\" alt=\"Minimal Template\">\r\n                                <div class=\"template-name\">Minimal<\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- Additional Templates -->\r\n                            <div class=\"template-card\" data-template=\"elegant\">\r\n                                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='260' viewBox='0 0 200 260'%3E%3Crect fill='%23336699' width='200' height='50'\/%3E%3Crect fill='%23ffffff' y='50' width='200' height='210'\/%3E%3Crect fill='%23336699' x='30' y='70' width='140' height='12' rx='1'\/%3E%3Crect fill='%23777777' x='30' y='90' width='100' height='6' rx='1'\/%3E%3Crect fill='%23336699' x='30' y='110' width='140' height='12' rx='1'\/%3E%3Crect fill='%23777777' x='30' y='130' width='120' height='6' rx='1'\/%3E%3Crect fill='%23336699' x='30' y='150' width='140' height='12' rx='1'\/%3E%3Crect fill='%23777777' x='30' y='170' width='80' height='6' rx='1'\/%3E%3Ctext x='100' y='30' fill='white' font-family='Arial' font-size='14' text-anchor='middle'%3EElegant%3C\/text%3E%3C\/svg%3E\" alt=\"Elegant Template\">\r\n                                <div class=\"template-name\">Elegant<\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"template-card\" data-template=\"bold\">\r\n                                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='260' viewBox='0 0 200 260'%3E%3Crect fill='%23e67e22' width='200' height='60'\/%3E%3Crect fill='%23f9f9f9' y='60' width='200' height='200'\/%3E%3Crect fill='%232c3e50' x='20' y='80' width='160' height='15' rx='2'\/%3E%3Crect fill='%237f8c8d' x='20' y='105' width='140' height='8' rx='2'\/%3E%3Crect fill='%232c3e50' x='20' y='125' width='160' height='15' rx='2'\/%3E%3Crect fill='%237f8c8d' x='20' y='150' width='100' height='8' rx='2'\/%3E%3Ctext x='100' y='35' fill='white' font-family='Arial' font-size='16' text-anchor='middle' font-weight='bold'%3EBold%3C\/text%3E%3C\/svg%3E\" alt=\"Bold Template\">\r\n                                <div class=\"template-name\">Bold<\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"template-card\" data-template=\"classic\">\r\n                                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='260' viewBox='0 0 200 260'%3E%3Crect fill='%232c3e50' width='200' height='40'\/%3E%3Crect fill='%23f5f5f5' y='40' width='200' height='220'\/%3E%3Crect fill='%232c3e50' x='20' y='60' width='160' height='2'\/%3E%3Crect fill='%237f8c8d' x='20' y='70' width='140' height='8' rx='1'\/%3E%3Crect fill='%232c3e50' x='20' y='90' width='160' height='2'\/%3E%3Crect fill='%237f8c8d' x='20' y='100' width='120' height='8' rx='1'\/%3E%3Crect fill='%232c3e50' x='20' y='120' width='160' height='2'\/%3E%3Crect fill='%237f8c8d' x='20' y='130' width='100' height='8' rx='1'\/%3E%3Ctext x='100' y='25' fill='white' font-family='Arial' font-size='14' text-anchor='middle'%3EClassic%3C\/text%3E%3C\/svg%3E\" alt=\"Classic Template\">\r\n                                <div class=\"template-name\">Classic<\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"template-card\" data-template=\"tech\">\r\n                                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='260' viewBox='0 0 200 260'%3E%3Crect fill='%231a73e8' width='200' height='50'\/%3E%3Crect fill='%23ffffff' y='50' width='200' height='210'\/%3E%3Ccircle fill='%231a73e8' cx='40' cy='25' r='15'\/%3E%3Crect fill='%231a73e8' x='70' y='75' width='110' height='12' rx='2'\/%3E%3Crect fill='%237f8c8d' x='70' y='95' width='80' height='6' rx='2'\/%3E%3Crect fill='%231a73e8' x='70' y='115' width='110' height='12' rx='2'\/%3E%3Crect fill='%237f8c8d' x='70' y='135' width='60' height='6' rx='2'\/%3E%3Ctext x='100' y='30' fill='white' font-family='Arial' font-size='14' text-anchor='middle'%3ETech%3C\/text%3E%3C\/svg%3E\" alt=\"Tech Template\">\r\n                                <div class=\"template-name\">Tech<\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"template-card\" data-template=\"clean\">\r\n                                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='260' viewBox='0 0 200 260'%3E%3Crect fill='%231abc9c' width='200' height='40'\/%3E%3Crect fill='%23ffffff' y='40' width='200' height='220'\/%3E%3Crect fill='%231abc9c' x='20' y='60' width='160' height='10' rx='1'\/%3E%3Crect fill='%237f8c8d' x='20' y='80' width='100' height='5' rx='1'\/%3E%3Crect fill='%231abc9c' x='20' y='100' width='160' height='10' rx='1'\/%3E%3Crect fill='%237f8c8d' x='20' y='120' width='120' height='5' rx='1'\/%3E%3Crect fill='%231abc9c' x='20' y='140' width='160' height='10' rx='1'\/%3E%3Crect fill='%237f8c8d' x='20' y='160' width='80' height='5' rx='1'\/%3E%3Ctext x='100' y='25' fill='white' font-family='Arial' font-size='14' text-anchor='middle'%3EClean%3C\/text%3E%3C\/svg%3E\" alt=\"Clean Template\">\r\n                                <div class=\"template-name\">Clean<\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"template-card\" data-template=\"executive\">\r\n                                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='260' viewBox='0 0 200 260'%3E%3Crect fill='%23344a5e' width='200' height='70'\/%3E%3Crect fill='%23f8f9fa' y='70' width='200' height='190'\/%3E%3Crect fill='%23344a5e' x='30' y='90' width='140' height='12' rx='1'\/%3E%3Crect fill='%238a9bac' x='30' y='110' width='100' height='6' rx='1'\/%3E%3Crect fill='%23344a5e' x='30' y='130' width='140' height='12' rx='1'\/%3E%3Crect fill='%238a9bac' x='30' y='150' width='120' height='6' rx='1'\/%3E%3Ctext x='100' y='40' fill='white' font-family='Arial' font-size='16' text-anchor='middle'%3EExecutive%3C\/text%3E%3C\/svg%3E\" alt=\"Executive Template\">\r\n                                <div class=\"template-name\">Executive<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label>Color Scheme<\/label>\r\n                        <div class=\"color-picker\" id=\"color-picker\">\r\n                            <div class=\"color-option selected\" data-color=\"#3498db\" style=\"background-color: #3498db;\"><\/div>\r\n                            <div class=\"color-option\" data-color=\"#2ecc71\" style=\"background-color: #2ecc71;\"><\/div>\r\n                            <div class=\"color-option\" data-color=\"#9b59b6\" style=\"background-color: #9b59b6;\"><\/div>\r\n                            <div class=\"color-option\" data-color=\"#e74c3c\" style=\"background-color: #e74c3c;\"><\/div>\r\n                            <div class=\"color-option\" data-color=\"#f39c12\" style=\"background-color: #f39c12;\"><\/div>\r\n                            <div class=\"color-option\" data-color=\"#1abc9c\" style=\"background-color: #1abc9c;\"><\/div>\r\n                            <div class=\"color-option\" data-color=\"#d35400\" style=\"background-color: #d35400;\"><\/div>\r\n                            <div class=\"color-option\" data-color=\"#16a085\" style=\"background-color: #16a085;\"><\/div>\r\n                            <div class=\"color-option\" data-color=\"#8e44ad\" style=\"background-color: #8e44ad;\"><\/div>\r\n                            <div class=\"color-option\" data-color=\"#2c3e50\" style=\"background-color: #2c3e50;\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label>Custom Color<\/label>\r\n                        <input type=\"color\" id=\"custom-color\" value=\"#3498db\" style=\"height: 50px;\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\" id=\"image-upload-section\">\r\n                        <label>Profile Image (for Creative\/Tech\/Executive Templates)<\/label>\r\n                        <div class=\"image-upload-container\">\r\n    <div class=\"image-preview\" id=\"image-preview\">\r\n        <i class=\"fas fa-user-circle\"><\/i>\r\n        <img decoding=\"async\" id=\"preview-image\" src=\"\" style=\"display: none;\">\r\n    <\/div>\r\n    <label class=\"image-upload-btn\" for=\"image-upload\">\r\n        <i class=\"fas fa-upload\"><\/i> Upload Image\r\n    <\/label>\r\n    <input type=\"file\" id=\"image-upload\" accept=\"image\/*\" style=\"display: none;\">\r\n<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Action Buttons -->\r\n                <div class=\"action-buttons\">\r\n                    <button class=\"btn btn-accent\" id=\"save-resume\">\r\n                        <i class=\"fas fa-save\"><\/i> Save Resume\r\n                    <\/button>\r\n                    <button class=\"btn\" id=\"download-pdf\">\r\n                        <i class=\"fas fa-file-pdf\"><\/i> Download PDF\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Preview Panel -->\r\n            <div class=\"preview-container\" id=\"preview\">\r\n                <div class=\"resume template-professional\" id=\"resume-preview\">\r\n                    <div class=\"resume-header\">\r\n                        <h1 class=\"resume-name\">Sarah Johnson<\/h1>\r\n                        <p class=\"resume-title\">Senior UX Designer<\/p>\r\n                        <div class=\"resume-contact\">\r\n                            <p><i class=\"fas fa-envelope\"><\/i> <span id=\"preview-email\">sarah.j@example.com<\/span><\/p>\r\n                            <p><i class=\"fas fa-phone\"><\/i> <span id=\"preview-phone\">(555) 123-4567<\/span><\/p>\r\n                            <p><i class=\"fas fa-map-marker-alt\"><\/i> <span id=\"preview-location\">San Francisco, CA<\/span><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"resume-section\">\r\n                        <h3 class=\"resume-section-title\">Professional Summary<\/h3>\r\n                        <p id=\"preview-summary\">Creative and detail-oriented UX designer with 5+ years of experience creating intuitive user experiences for web and mobile applications. Passionate about user-centered design and solving complex problems with elegant solutions.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"resume-section\">\r\n                        <h3 class=\"resume-section-title\">Work Experience<\/h3>\r\n                        \r\n                        <div class=\"resume-item\">\r\n                            <h4 class=\"resume-item-title\">Senior UX Designer<\/h4>\r\n                            <p class=\"resume-item-subtitle\">Tech Innovations Inc. | Jan 2019 - Present<\/p>\r\n                            <p>Led the redesign of the company's flagship product, resulting in a 30% increase in user engagement. Conducted user research, created wireframes and prototypes, and collaborated with developers to implement designs.<\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"resume-item\">\r\n                            <h4 class=\"resume-item-title\">UI\/UX Designer<\/h4>\r\n                            <p class=\"resume-item-subtitle\">Creative Solutions | Mar 2016 - Dec 2018<\/p>\r\n                            <p>Designed user interfaces for mobile and web applications. Created style guides, conducted usability testing, and worked closely with product managers to define requirements.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"resume-section\">\r\n                        <h3 class=\"resume-section-title\">Education<\/h3>\r\n                        \r\n                        <div class=\"resume-item\">\r\n                            <h4 class=\"resume-item-title\">Master of Design<\/h4>\r\n                            <p class=\"resume-item-subtitle\">Stanford University | 2014 - 2016<\/p>\r\n                            <p>Specialized in Human-Computer Interaction and User Experience Design. Graduated with honors.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"resume-section\">\r\n                        <h3 class=\"resume-section-title\">Skills<\/h3>\r\n                        <div class=\"resume-skills\" id=\"preview-skills\">\r\n                            <span class=\"skill-tag\">UI\/UX Design<\/span>\r\n                            <span class=\"skill-tag\">User Research<\/span>\r\n                            <span class=\"skill-tag\">Wireframing<\/span>\r\n                            <span class=\"skill-tag\">Prototyping<\/span>\r\n                            <span class=\"skill-tag\">Figma<\/span>\r\n                            <span class=\"skill-tag\">Adobe XD<\/span>\r\n                            <span class=\"skill-tag\">HTML\/CSS<\/span>\r\n                            <span class=\"skill-tag\">JavaScript<\/span>\r\n                            <span class=\"skill-tag\">Responsive Design<\/span>\r\n                            <span class=\"skill-tag\">Usability Testing<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <footer>\r\n            <p>\u00a9 2026 Professional Resume Builder | Designed for perfect mobile experience<\/p>\r\n            <p>All features fully accessible on any device size<\/p>\r\n        <\/footer>\r\n    <\/div>\r\n    \r\n    <div class=\"notification\" id=\"notification\">\r\n        Resume saved successfully!\r\n    <\/div>\r\n<\/div>\n\n\n\n<script async=\"async\" data-cfasync=\"false\" src=\"\/\/pl27069371.profitableratecpm.com\/eeacd1da57a176aa49dc612076ad87dc\/invoke.js\"><\/script>\n<div id=\"container-eeacd1da57a176aa49dc612076ad87dc\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-400","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/tipsbyanita.in\/hi\/wp-json\/wp\/v2\/pages\/400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tipsbyanita.in\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tipsbyanita.in\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tipsbyanita.in\/hi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tipsbyanita.in\/hi\/wp-json\/wp\/v2\/comments?post=400"}],"version-history":[{"count":1,"href":"https:\/\/tipsbyanita.in\/hi\/wp-json\/wp\/v2\/pages\/400\/revisions"}],"predecessor-version":[{"id":402,"href":"https:\/\/tipsbyanita.in\/hi\/wp-json\/wp\/v2\/pages\/400\/revisions\/402"}],"wp:attachment":[{"href":"https:\/\/tipsbyanita.in\/hi\/wp-json\/wp\/v2\/media?parent=400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}