CV-Plus Micro-Tasking Platform<\/title>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n \/* Reset and Base Styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .cvplus-platform {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #f4f7f6;\n color: #333;\n line-height: 1.6;\n min-height: 100vh;\n }\n\n \/* Header Navigation *\/\n .cvplus-header {\n background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);\n color: white;\n padding: 1rem 0;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n position: sticky;\n top: 0;\n z-index: 1000;\n }\n\n .cvplus-nav-container {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 2rem;\n }\n\n .cvplus-logo {\n font-size: 1.8rem;\n font-weight: bold;\n color: #f39c12;\n }\n\n .cvplus-nav-menu {\n display: flex;\n list-style: none;\n gap: 2rem;\n }\n\n .cvplus-nav-item {\n color: white;\n text-decoration: none;\n padding: 0.5rem 1rem;\n border-radius: 5px;\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .cvplus-nav-item:hover,\n .cvplus-nav-item.active {\n background-color: rgba(243, 156, 18, 0.2);\n color: #f39c12;\n }\n\n \/* Main Container *\/\n .cvplus-main {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem;\n }\n\n \/* Section Styles *\/\n .cvplus-section {\n display: none;\n animation: fadeIn 0.5s ease-in;\n }\n\n .cvplus-section.active {\n display: block;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Dashboard Styles *\/\n .cvplus-hero {\n background: linear-gradient(135deg, #3498db 0%, #2c3e50 100%);\n color: white;\n padding: 3rem 2rem;\n border-radius: 15px;\n text-align: center;\n margin-bottom: 2rem;\n }\n\n .cvplus-hero h1 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n\n .cvplus-hero p {\n font-size: 1.2rem;\n opacity: 0.9;\n }\n\n .cvplus-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n }\n\n .cvplus-stat-card {\n background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n color: white;\n padding: 2rem;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n }\n\n .cvplus-stat-card:hover {\n transform: translateY(-5px);\n }\n\n .cvplus-stat-number {\n font-size: 2.5rem;\n font-weight: bold;\n margin-bottom: 0.5rem;\n }\n\n .cvplus-stat-label {\n font-size: 1rem;\n opacity: 0.9;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Dashboard Layout *\/\n .cvplus-dashboard-content {\n display: grid;\n grid-template-columns: 1fr 300px;\n gap: 2rem;\n margin-top: 2rem;\n }\n\n .cvplus-main-content {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .cvplus-sidebar {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n height: fit-content;\n }\n\n \/* Activity Feed *\/\n .cvplus-activity-item {\n display: flex;\n align-items: flex-start;\n padding: 1rem;\n border-bottom: 1px solid #eee;\n transition: background-color 0.3s ease;\n }\n\n .cvplus-activity-item:hover {\n background-color: #f8f9fa;\n }\n\n .cvplus-activity-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n margin-right: 1rem;\n flex-shrink: 0;\n }\n\n .cvplus-activity-content h4 {\n color: #2c3e50;\n margin-bottom: 0.5rem;\n }\n\n .cvplus-activity-content p {\n color: #666;\n font-size: 0.9rem;\n margin-bottom: 0.5rem;\n }\n\n .cvplus-activity-time {\n color: #999;\n font-size: 0.8rem;\n }\n\n \/* Quick Actions *\/\n .cvplus-quick-actions {\n margin-bottom: 2rem;\n }\n\n .cvplus-action-btn {\n display: block;\n width: 100%;\n padding: 1rem;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n color: white;\n text-decoration: none;\n border-radius: 10px;\n text-align: center;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n }\n\n .cvplus-action-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);\n }\n\n .cvplus-action-btn i {\n margin-right: 0.5rem;\n }\n\n \/* Task Listing Styles *\/\n .cvplus-filters {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n margin-bottom: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .cvplus-filter-row {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n .cvplus-filter-group {\n display: flex;\n flex-direction: column;\n }\n\n .cvplus-filter-group label {\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: #2c3e50;\n }\n\n .cvplus-filter-group select,\n .cvplus-filter-group input {\n padding: 0.75rem;\n border: 2px solid #e0e0e0;\n border-radius: 8px;\n font-size: 1rem;\n transition: border-color 0.3s ease;\n }\n\n .cvplus-filter-group select:focus,\n .cvplus-filter-group input:focus {\n outline: none;\n border-color: #3498db;\n }\n\n .cvplus-filter-btn {\n background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n color: white;\n border: none;\n padding: 0.75rem 2rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n\n .cvplus-filter-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(243, 156, 18, 0.3);\n }\n\n \/* Task Cards *\/\n .cvplus-tasks-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n }\n\n .cvplus-task-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border-left: 5px solid #3498db;\n }\n\n .cvplus-task-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n }\n\n .cvplus-task-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 1rem;\n }\n\n .cvplus-task-category {\n background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);\n color: white;\n padding: 0.3rem 0.8rem;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 600;\n }\n\n .cvplus-task-price {\n font-size: 1.5rem;\n font-weight: bold;\n color: #2ecc71;\n }\n\n .cvplus-task-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #2c3e50;\n margin-bottom: 1rem;\n }\n\n .cvplus-task-description {\n color: #666;\n margin-bottom: 1rem;\n line-height: 1.6;\n }\n\n .cvplus-task-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1rem;\n font-size: 0.9rem;\n color: #666;\n }\n\n .cvplus-task-meta i {\n margin-right: 0.3rem;\n color: #3498db;\n }\n\n .cvplus-apply-btn {\n width: 100%;\n background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n color: white;\n border: none;\n padding: 1rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1rem;\n font-weight: 600;\n transition: all 0.3s ease;\n }\n\n .cvplus-apply-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(243, 156, 18, 0.3);\n }\n\n \/* Task Creation Form *\/\n .cvplus-form {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .cvplus-form-group {\n margin-bottom: 1.5rem;\n }\n\n .cvplus-form-group label {\n display: block;\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: #2c3e50;\n }\n\n .cvplus-form-group input,\n .cvplus-form-group select,\n .cvplus-form-group textarea {\n width: 100%;\n padding: 1rem;\n border: 2px solid #e0e0e0;\n border-radius: 8px;\n font-size: 1rem;\n transition: border-color 0.3s ease;\n }\n\n .cvplus-form-group input:focus,\n .cvplus-form-group select:focus,\n .cvplus-form-group textarea:focus {\n outline: none;\n border-color: #3498db;\n }\n\n .cvplus-form-group textarea {\n resize: vertical;\n min-height: 120px;\n }\n\n .cvplus-form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n }\n\n .cvplus-checkbox-group {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n }\n\n .cvplus-checkbox-group input[type=\"checkbox\"] {\n width: auto;\n margin-right: 0.5rem;\n }\n\n .cvplus-form-actions {\n display: flex;\n gap: 1rem;\n margin-top: 2rem;\n }\n\n .cvplus-btn-secondary {\n background: #95a5a6;\n color: white;\n border: none;\n padding: 1rem 2rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n\n .cvplus-btn-primary {\n background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n color: white;\n border: none;\n padding: 1rem 2rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n flex: 1;\n }\n\n .cvplus-btn-primary:hover,\n .cvplus-btn-secondary:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n }\n\n \/* Social Media Integration *\/\n .cvplus-achievement-badge {\n background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n color: white;\n padding: 1.5rem;\n border-radius: 15px;\n text-align: center;\n margin-bottom: 2rem;\n box-shadow: 0 5px 15px rgba(243, 156, 18, 0.3);\n }\n\n .cvplus-achievement-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n\n .cvplus-achievement-title {\n font-size: 1.5rem;\n font-weight: bold;\n margin-bottom: 0.5rem;\n }\n\n .cvplus-achievement-description {\n opacity: 0.9;\n margin-bottom: 1rem;\n }\n\n .cvplus-share-buttons {\n display: flex;\n gap: 1rem;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .cvplus-share-btn {\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 25px;\n cursor: pointer;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .cvplus-share-btn.facebook {\n background: #4267B2;\n color: white;\n }\n\n .cvplus-share-btn.twitter {\n background: #1DA1F2;\n color: white;\n }\n\n .cvplus-share-btn.linkedin {\n background: #0077B5;\n color: white;\n }\n\n .cvplus-share-btn.whatsapp {\n background: #25D366;\n color: white;\n }\n\n .cvplus-share-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n }\n\n \/* Earnings Section *\/\n .cvplus-earnings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n }\n\n .cvplus-earnings-card {\n background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n color: white;\n padding: 2rem;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .cvplus-earnings-amount {\n font-size: 2rem;\n font-weight: bold;\n margin-bottom: 0.5rem;\n }\n\n .cvplus-earnings-label {\n opacity: 0.9;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-size: 0.9rem;\n }\n\n .cvplus-transactions-table {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n overflow-x: auto;\n }\n\n .cvplus-table {\n width: 100%;\n border-collapse: collapse;\n }\n\n .cvplus-table th,\n .cvplus-table td {\n padding: 1rem;\n text-align: left;\n border-bottom: 1px solid #eee;\n }\n\n .cvplus-table th {\n background-color: #f8f9fa;\n font-weight: 600;\n color: #2c3e50;\n }\n\n .cvplus-status-badge {\n padding: 0.3rem 0.8rem;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 600;\n }\n\n .cvplus-status-completed {\n background: #d4edda;\n color: #155724;\n }\n\n .cvplus-status-pending {\n background: #fff3cd;\n color: #856404;\n }\n\n \/* AdSense Integration *\/\n .cvplus-adsense {\n background: #f8f9fa;\n border: 2px dashed #dee2e6;\n border-radius: 10px;\n padding: 2rem;\n text-align: center;\n margin: 2rem 0;\n color: #6c757d;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .cvplus-nav-menu {\n display: none;\n }\n\n .cvplus-dashboard-content {\n grid-template-columns: 1fr;\n }\n\n .cvplus-stats {\n grid-template-columns: 1fr;\n }\n\n .cvplus-tasks-grid {\n grid-template-columns: 1fr;\n }\n\n .cvplus-form-row {\n grid-template-columns: 1fr;\n }\n\n .cvplus-earnings-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .cvplus-share-buttons {\n flex-direction: column;\n }\n }\n\n \/* Loading States *\/\n .cvplus-loading {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 2rem;\n }\n\n .cvplus-spinner {\n width: 40px;\n height: 40px;\n border: 4px solid #f3f3f3;\n border-top: 4px solid #3498db;\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n \/* Success\/Error Messages *\/\n .cvplus-alert {\n padding: 1rem;\n border-radius: 8px;\n margin-bottom: 1rem;\n }\n\n .cvplus-alert-success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n }\n\n .cvplus-alert-error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n }\n\n \/* Modal Styles *\/\n .cvplus-modal {\n display: none;\n position: fixed;\n z-index: 2000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0,0,0,0.5);\n }\n\n .cvplus-modal-content {\n background-color: white;\n margin: 5% auto;\n padding: 2rem;\n border-radius: 15px;\n width: 90%;\n max-width: 600px;\n position: relative;\n }\n\n .cvplus-modal-close {\n position: absolute;\n right: 1rem;\n top: 1rem;\n font-size: 1.5rem;\n cursor: pointer;\n color: #999;\n }\n\n .cvplus-modal-close:hover {\n color: #333;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"cvplus-platform\">\n \n <header class=\"cvplus-header\">\n <div class=\"cvplus-nav-container\">\n <div class=\"cvplus-logo\">CV-Plus Micro-Tasking<\/div>\n <nav>\n <ul class=\"cvplus-nav-menu\">\n <li><a href=\"#\" class=\"cvplus-nav-item active\" data-section=\"dashboard\">Dashboard<\/a><\/li>\n <li><a href=\"#\" class=\"cvplus-nav-item\" data-section=\"browse-tasks\">Browse Tasks<\/a><\/li>\n <li><a href=\"#\" class=\"cvplus-nav-item\" data-section=\"create-task\">Create Task<\/a><\/li>\n <li><a href=\"#\" class=\"cvplus-nav-item\" data-section=\"earnings\">Earnings<\/a><\/li>\n <li><a href=\"#\" class=\"cvplus-nav-item\" data-section=\"profile\">Profile<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <main class=\"cvplus-main\">\n \n <section id=\"dashboard\" class=\"cvplus-section active\">\n <div class=\"cvplus-hero\">\n <h1>Welcome to CV-Plus Micro-Tasking<\/h1>\n <p>Earn money by completing simple tasks or get your work done efficiently<\/p>\n <\/div>\n\n <div class=\"cvplus-stats\">\n <div class=\"cvplus-stat-card\">\n <div class=\"cvplus-stat-number\">1,247<\/div>\n <div class=\"cvplus-stat-label\">Active Tasks<\/div>\n <\/div>\n <div class=\"cvplus-stat-card\">\n <div class=\"cvplus-stat-number\">R 2,450<\/div>\n <div class=\"cvplus-stat-label\">Total Earnings<\/div>\n <\/div>\n <div class=\"cvplus-stat-card\">\n <div class=\"cvplus-stat-number\">89<\/div>\n <div class=\"cvplus-stat-label\">Completed Tasks<\/div>\n <\/div>\n <div class=\"cvplus-stat-card\">\n <div class=\"cvplus-stat-number\">4.8<\/div>\n <div class=\"cvplus-stat-label\">Average Rating<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-dashboard-content\">\n <div class=\"cvplus-main-content\">\n <h2>Recent Activity<\/h2>\n <div class=\"cvplus-activity-feed\">\n <div class=\"cvplus-activity-item\">\n <div class=\"cvplus-activity-icon\">\n <i class=\"fas fa-check\"><\/i>\n <\/div>\n <div class=\"cvplus-activity-content\">\n <h4>Task Completed: Data Entry Project<\/h4>\n <p>You successfully completed the data entry task for ABC Company. Payment has been processed.<\/p>\n <span class=\"cvplus-activity-time\">2 hours ago<\/span>\n <\/div>\n <\/div>\n <div class=\"cvplus-activity-item\">\n <div class=\"cvplus-activity-icon\">\n <i class=\"fas fa-plus\"><\/i>\n <\/div>\n <div class=\"cvplus-activity-content\">\n <h4>New Task Available<\/h4>\n <p>Social media content creation task matching your skills is now available.<\/p>\n <span class=\"cvplus-activity-time\">4 hours ago<\/span>\n <\/div>\n <\/div>\n <div class=\"cvplus-activity-item\">\n <div class=\"cvplus-activity-icon\">\n <i class=\"fas fa-user\"><\/i>\n <\/div>\n <div class=\"cvplus-activity-content\">\n <h4>Profile Updated<\/h4>\n <p>Your profile has been updated with new skills and certifications.<\/p>\n <span class=\"cvplus-activity-time\">1 day ago<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"cvplus-achievement-badge\">\n <div class=\"cvplus-achievement-icon\">\ud83c\udfc6<\/div>\n <div class=\"cvplus-achievement-title\">Top Performer<\/div>\n <div class=\"cvplus-achievement-description\">You’ve completed 50+ tasks with a 5-star rating!<\/div>\n <div class=\"cvplus-share-buttons\">\n <button class=\"cvplus-share-btn facebook\" onclick=\"shareAchievement('facebook')\">\n <i class=\"fab fa-facebook-f\"><\/i> Share on Facebook\n <\/button>\n <button class=\"cvplus-share-btn twitter\" onclick=\"shareAchievement('twitter')\">\n <i class=\"fab fa-twitter\"><\/i> Share on Twitter\n <\/button>\n <button class=\"cvplus-share-btn linkedin\" onclick=\"shareAchievement('linkedin')\">\n <i class=\"fab fa-linkedin-in\"><\/i> Share on LinkedIn\n <\/button>\n <button class=\"cvplus-share-btn whatsapp\" onclick=\"shareAchievement('whatsapp')\">\n <i class=\"fab fa-whatsapp\"><\/i> Share on WhatsApp\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-sidebar\">\n <h3>Quick Actions<\/h3>\n <div class=\"cvplus-quick-actions\">\n <button class=\"cvplus-action-btn\" onclick=\"showSection('browse-tasks')\">\n <i class=\"fas fa-search\"><\/i> Browse Tasks\n <\/button>\n <button class=\"cvplus-action-btn\" onclick=\"showSection('create-task')\">\n <i class=\"fas fa-plus\"><\/i> Post a Task\n <\/button>\n <button class=\"cvplus-action-btn\" onclick=\"showSection('earnings')\">\n <i class=\"fas fa-chart-line\"><\/i> View Earnings\n <\/button>\n <button class=\"cvplus-action-btn\" onclick=\"showSection('profile')\">\n <i class=\"fas fa-user\"><\/i> Edit Profile\n <\/button>\n <\/div>\n\n \n <div class=\"cvplus-adsense\">\n <p><strong>Advertisement<\/strong><\/p>\n <p>Google AdSense Advertisement Placeholder<\/p>\n <small>Publisher ID: pub-6943304898639392<\/small>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"browse-tasks\" class=\"cvplus-section\">\n <div class=\"cvplus-hero\">\n <h1>Available Tasks<\/h1>\n <p>Browse and apply for tasks that match your skills<\/p>\n <\/div>\n\n <div class=\"cvplus-filters\">\n <h3>Filter Tasks<\/h3>\n <div class=\"cvplus-filter-row\">\n <div class=\"cvplus-filter-group\">\n <label for=\"category\">Category<\/label>\n <select id=\"category\">\n <option value=\"\">All Categories<\/option>\n <option value=\"data-entry\">Data Entry<\/option>\n <option value=\"content-writing\">Content Writing<\/option>\n <option value=\"social-media\">Social Media<\/option>\n <option value=\"design\">Design<\/option>\n <option value=\"research\">Research<\/option>\n <option value=\"translation\">Translation<\/option>\n <\/select>\n <\/div>\n <div class=\"cvplus-filter-group\">\n <label for=\"price-range\">Price Range<\/label>\n <select id=\"price-range\">\n <option value=\"\">Any Price<\/option>\n <option value=\"10-50\">R 10 – R 50<\/option>\n <option value=\"50-100\">R 50 – R 100<\/option>\n <option value=\"100-500\">R 100 – R 500<\/option>\n <option value=\"500+\">R 500+<\/option>\n <\/select>\n <\/div>\n <div class=\"cvplus-filter-group\">\n <label for=\"duration\">Duration<\/label>\n <select id=\"duration\">\n <option value=\"\">Any Duration<\/option>\n <option value=\"1h\">Less than 1 hour<\/option>\n <option value=\"1-3h\">1-3 hours<\/option>\n <option value=\"3-8h\">3-8 hours<\/option>\n <option value=\"1d+\">1+ days<\/option>\n <\/select>\n <\/div>\n <div class=\"cvplus-filter-group\">\n <label> <\/label>\n <button class=\"cvplus-filter-btn\" onclick=\"filterTasks()\">Apply Filters<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-tasks-grid\" id=\"tasks-container\">\n \n <\/div>\n <\/section>\n\n \n <section id=\"create-task\" class=\"cvplus-section\">\n <div class=\"cvplus-hero\">\n <h1>Create a New Task<\/h1>\n <p>Post your task and get it completed by skilled freelancers<\/p>\n <\/div>\n\n <div class=\"cvplus-form\">\n <form id=\"task-form\">\n <div class=\"cvplus-form-row\">\n <div class=\"cvplus-form-group\">\n <label for=\"task-title\">Task Title *<\/label>\n <input type=\"text\" id=\"task-title\" placeholder=\"Enter a clear, descriptive title for your task\" required>\n <\/div>\n <div class=\"cvplus-form-group\">\n <label for=\"task-category\">Category *<\/label>\n <select id=\"task-category\" required>\n <option value=\"\">Select a category<\/option>\n <option value=\"data-entry\">Data Entry<\/option>\n <option value=\"content-writing\">Content Writing<\/option>\n <option value=\"social-media\">Social Media<\/option>\n <option value=\"design\">Design<\/option>\n <option value=\"research\">Research<\/option>\n <option value=\"translation\">Translation<\/option>\n <option value=\"virtual-assistant\">Virtual Assistant<\/option>\n <option value=\"other\">Other<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-form-group\">\n <label for=\"task-description\">Task Description *<\/label>\n <textarea id=\"task-description\" placeholder=\"Provide detailed instructions for your task. Include any specific requirements, deliverables, and expectations.\" required><\/textarea>\n <\/div>\n\n <div class=\"cvplus-form-row\">\n <div class=\"cvplus-form-group\">\n <label for=\"task-budget\">Budget (ZAR) *<\/label>\n <input type=\"number\" id=\"task-budget\" placeholder=\"0\" min=\"10\" required>\n <\/div>\n <div class=\"cvplus-form-group\">\n <label for=\"task-deadline\">Deadline *<\/label>\n <input type=\"date\" id=\"task-deadline\" required>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-form-group\">\n <label for=\"task-skills\">Required Skills<\/label>\n <input type=\"text\" id=\"task-skills\" placeholder=\"e.g., Excel, Writing, Photoshop (comma-separated)\">\n <\/div>\n\n <div class=\"cvplus-form-group\">\n <label for=\"task-attachments\">Attachments<\/label>\n <input type=\"file\" id=\"task-attachments\" multiple>\n <small>Upload any files that will help freelancers understand your task better<\/small>\n <\/div>\n\n <div class=\"cvplus-checkbox-group\">\n <input type=\"checkbox\" id=\"urgent-task\">\n <label for=\"urgent-task\">Mark as urgent (+20% fee)<\/label>\n <\/div>\n\n <div class=\"cvplus-checkbox-group\">\n <input type=\"checkbox\" id=\"featured-task\">\n <label for=\"featured-task\">Feature this task (+R 50)<\/label>\n <\/div>\n\n <div class=\"cvplus-form-actions\">\n <button type=\"button\" class=\"cvplus-btn-secondary\" onclick=\"saveDraft()\">Save as Draft<\/button>\n <button type=\"submit\" class=\"cvplus-btn-primary\">Post Task<\/button>\n <\/div>\n <\/form>\n\n \n <div class=\"cvplus-achievement-badge\" style=\"margin-top: 2rem;\">\n <div class=\"cvplus-achievement-title\">Boost Your Task Visibility<\/div>\n <div class=\"cvplus-achievement-description\">Share your task on social media to attract more qualified applicants<\/div>\n <div class=\"cvplus-share-buttons\">\n <button class=\"cvplus-share-btn facebook\" onclick=\"shareTask('facebook')\">\n <i class=\"fab fa-facebook-f\"><\/i> Facebook\n <\/button>\n <button class=\"cvplus-share-btn twitter\" onclick=\"shareTask('twitter')\">\n <i class=\"fab fa-twitter\"><\/i> Twitter\n <\/button>\n <button class=\"cvplus-share-btn linkedin\" onclick=\"shareTask('linkedin')\">\n <i class=\"fab fa-linkedin-in\"><\/i> LinkedIn\n <\/button>\n <button class=\"cvplus-share-btn whatsapp\" onclick=\"shareTask('whatsapp')\">\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"earnings\" class=\"cvplus-section\">\n <div class=\"cvplus-hero\">\n <h1>Your Earnings<\/h1>\n <p>Track your income and manage your payments<\/p>\n <\/div>\n\n <div class=\"cvplus-earnings-grid\">\n <div class=\"cvplus-earnings-card\">\n <div class=\"cvplus-earnings-amount\">R 2,450<\/div>\n <div class=\"cvplus-earnings-label\">Total Earned<\/div>\n <\/div>\n <div class=\"cvplus-earnings-card\">\n <div class=\"cvplus-earnings-amount\">R 350<\/div>\n <div class=\"cvplus-earnings-label\">This Month<\/div>\n <\/div>\n <div class=\"cvplus-earnings-card\">\n <div class=\"cvplus-earnings-amount\">R 180<\/div>\n <div class=\"cvplus-earnings-label\">Pending<\/div>\n <\/div>\n <div class=\"cvplus-earnings-card\">\n <div class=\"cvplus-earnings-amount\">R 2,270<\/div>\n <div class=\"cvplus-earnings-label\">Available<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-transactions-table\">\n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;\">\n <h3>Recent Transactions<\/h3>\n <button class=\"cvplus-btn-primary\" onclick=\"withdrawFunds()\">Withdraw Funds<\/button>\n <\/div>\n <table class=\"cvplus-table\">\n <thead>\n <tr>\n <th>Date<\/th>\n <th>Task<\/th>\n <th>Amount<\/th>\n <th>Status<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>2025-09-02<\/td>\n <td>Data Entry Project<\/td>\n <td>+R 150<\/td>\n <td><span class=\"cvplus-status-badge cvplus-status-completed\">Completed<\/span><\/td>\n <\/tr>\n <tr>\n <td>2025-09-01<\/td>\n <td>Blog Article Writing<\/td>\n <td>+R 200<\/td>\n <td><span class=\"cvplus-status-badge cvplus-status-completed\">Completed<\/span><\/td>\n <\/tr>\n <tr>\n <td>2025-08-30<\/td>\n <td>Social Media Posts<\/td>\n <td>R 80<\/td>\n <td><span class=\"cvplus-status-badge cvplus-status-pending\">Pending<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n \n <div class=\"cvplus-adsense\">\n <p><strong>Advertisement<\/strong><\/p>\n <p>Google AdSense Advertisement Placeholder<\/p>\n <small>Publisher ID: pub-6943304898639392<\/small>\n <\/div>\n <\/section>\n\n \n <section id=\"profile\" class=\"cvplus-section\">\n <div class=\"cvplus-hero\">\n <h1>Your Profile<\/h1>\n <p>Manage your account settings and preferences<\/p>\n <\/div>\n\n <div class=\"cvplus-form\">\n <form id=\"profile-form\">\n <div class=\"cvplus-form-row\">\n <div class=\"cvplus-form-group\">\n <label for=\"first-name\">First Name<\/label>\n <input type=\"text\" id=\"first-name\" value=\"John\">\n <\/div>\n <div class=\"cvplus-form-group\">\n <label for=\"last-name\">Last Name<\/label>\n <input type=\"text\" id=\"last-name\" value=\"Doe\">\n <\/div>\n <\/div>\n\n <div class=\"cvplus-form-group\">\n <label for=\"email\">Email Address<\/label>\n <input type=\"email\" id=\"email\" value=\"john.doe@example.com\">\n <\/div>\n\n <div class=\"cvplus-form-group\">\n <label for=\"bio\">Bio<\/label>\n <textarea id=\"bio\" placeholder=\"Tell us about yourself and your skills\">Experienced freelancer with expertise in data entry, content writing, and social media management. I deliver high-quality work on time and maintain excellent communication throughout projects.<\/textarea>\n <\/div>\n\n <div class=\"cvplus-form-group\">\n <label for=\"skills\">Skills<\/label>\n <input type=\"text\" id=\"skills\" value=\"Data Entry, Content Writing, Social Media, Excel, WordPress\">\n <\/div>\n\n <div class=\"cvplus-form-row\">\n <div class=\"cvplus-form-group\">\n <label for=\"hourly-rate\">Hourly Rate (ZAR)<\/label>\n <input type=\"number\" id=\"hourly-rate\" value=\"75\">\n <\/div>\n <div class=\"cvplus-form-group\">\n <label for=\"availability\">Availability<\/label>\n <select id=\"availability\">\n <option value=\"full-time\">Full-time<\/option>\n <option value=\"part-time\" selected>Part-time<\/option>\n <option value=\"weekends\">Weekends only<\/option>\n <option value=\"evenings\">Evenings only<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-form-actions\">\n <button type=\"submit\" class=\"cvplus-btn-primary\">Update Profile<\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/section>\n <\/main>\n\n \n <div id=\"apply-modal\" class=\"cvplus-modal\">\n <div class=\"cvplus-modal-content\">\n <span class=\"cvplus-modal-close\" onclick=\"closeModal('apply-modal')\">×<\/span>\n <h2>Apply for Task<\/h2>\n <form id=\"apply-form\">\n <div class=\"cvplus-form-group\">\n <label for=\"cover-letter\">Cover Letter<\/label>\n <textarea id=\"cover-letter\" placeholder=\"Explain why you're the perfect fit for this task...\" required><\/textarea>\n <\/div>\n <div class=\"cvplus-form-group\">\n <label for=\"proposed-timeline\">Proposed Timeline<\/label>\n <input type=\"text\" id=\"proposed-timeline\" placeholder=\"e.g., 2-3 days\" required>\n <\/div>\n <div class=\"cvplus-form-group\">\n <label for=\"portfolio-links\">Portfolio Links (optional)<\/label>\n <input type=\"url\" id=\"portfolio-links\" placeholder=\"https:\/\/...\">\n <\/div>\n <div class=\"cvplus-form-actions\">\n <button type=\"button\" class=\"cvplus-btn-secondary\" onclick=\"closeModal('apply-modal')\">Cancel<\/button>\n <button type=\"submit\" class=\"cvplus-btn-primary\">Submit Application<\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Sample task data\n const sampleTasks = [\n {\n id: 1,\n title: \"Excel Data Entry - Customer Database\",\n category: \"Data Entry\",\n price: 120,\n description: \"Need someone to enter customer information from PDF files into Excel spreadsheet. Approximately 200 entries required.\",\n duration: \"3-4 hours\",\n deadline: \"2 days\",\n skills: [\"Excel\", \"Data Entry\"]\n },\n {\n id: 2,\n title: \"Blog Article - Career Tips\",\n category: \"Content Writing\",\n price: 250,\n description: \"Write a 1000-word article about job interview tips for recent graduates. Must be original and engaging.\",\n duration: \"2-3 hours\",\n deadline: \"5 days\",\n skills: [\"Writing\", \"Research\"]\n },\n {\n id: 3,\n title: \"Instagram Post Creation\",\n category: \"Social Media\",\n price: 80,\n description: \"Create 5 engaging Instagram posts for a local business. Include captions and hashtag suggestions.\",\n duration: \"1-2 hours\",\n deadline: \"3 days\",\n skills: [\"Social Media\", \"Content Creation\"]\n },\n {\n id: 4,\n title: \"Market Research - Local Restaurants\",\n category: \"Research\",\n price: 180,\n description: \"Research and compile information about restaurants in Cape Town CBD. Include contact details and specialties.\",\n duration: \"4-5 hours\",\n deadline: \"1 week\",\n skills: [\"Research\", \"Data Collection\"]\n },\n {\n id: 5,\n title: \"Logo Design - Small Business\",\n category: \"Design\",\n price: 300,\n description: \"Design a professional logo for a new consulting business. Provide 3 concept variations.\",\n duration: \"3-4 hours\",\n deadline: \"1 week\",\n skills: [\"Graphic Design\", \"Logo Design\"]\n },\n {\n id: 6,\n title: \"Online Survey Data Collection\",\n category: \"Data Entry\",\n price: 95,\n description: \"Conduct online surveys and compile responses. Target 50 completed surveys from specified demographics.\",\n duration: \"2-3 hours\",\n deadline: \"4 days\",\n skills: [\"Data Collection\", \"Surveys\"]\n }\n ];\n\n \/\/ Navigation functionality\n function showSection(sectionId) {\n \/\/ Hide all sections\n document.querySelectorAll('.cvplus-section').forEach(section => {\n section.classList.remove('active');\n });\n \n \/\/ Remove active class from all nav items\n document.querySelectorAll('.cvplus-nav-item').forEach(item => {\n item.classList.remove('active');\n });\n \n \/\/ Show selected section\n document.getElementById(sectionId).classList.add('active');\n \n \/\/ Add active class to corresponding nav item\n document.querySelector(`[data-section=\"${sectionId}\"]`).classList.add('active');\n \n \/\/ Load section-specific content\n if (sectionId === 'browse-tasks') {\n loadTasks();\n }\n }\n\n \/\/ Event listeners for navigation\n document.addEventListener('DOMContentLoaded', function() {\n document.querySelectorAll('.cvplus-nav-item').forEach(item => {\n item.addEventListener('click', function(e) {\n e.preventDefault();\n const sectionId = this.getAttribute('data-section');\n showSection(sectionId);\n });\n });\n \n \/\/ Load initial tasks\n loadTasks();\n \n \/\/ Form submissions\n document.getElementById('task-form').addEventListener('submit', handleTaskSubmission);\n document.getElementById('profile-form').addEventListener('submit', handleProfileUpdate);\n document.getElementById('apply-form').addEventListener('submit', handleTaskApplication);\n });\n\n \/\/ Load and display tasks\n function loadTasks() {\n const container = document.getElementById('tasks-container');\n container.innerHTML = '';\n \n sampleTasks.forEach(task => {\n const taskCard = createTaskCard(task);\n container.appendChild(taskCard);\n });\n }\n\n \/\/ Create task card element\n function createTaskCard(task) {\n const card = document.createElement('div');\n card.className = 'cvplus-task-card';\n card.innerHTML = `\n <div class=\"cvplus-task-header\">\n <span class=\"cvplus-task-category\">${task.category}<\/span>\n <span class=\"cvplus-task-price\">R ${task.price}<\/span>\n <\/div>\n <h3 class=\"cvplus-task-title\">${task.title}<\/h3>\n <p class=\"cvplus-task-description\">${task.description}<\/p>\n <div class=\"cvplus-task-meta\">\n <span><i class=\"fas fa-clock\"><\/i> ${task.duration}<\/span>\n <span><i class=\"fas fa-calendar\"><\/i> Due: ${task.deadline}<\/span>\n <\/div>\n <button class=\"cvplus-apply-btn\" onclick=\"applyForTask(${task.id})\">Apply Now<\/button>\n `;\n return card;\n }\n\n \/\/ Filter tasks\n function filterTasks() {\n const category = document.getElementById('category').value;\n const priceRange = document.getElementById('price-range').value;\n const duration = document.getElementById('duration').value;\n \n let filteredTasks = sampleTasks;\n \n if (category) {\n filteredTasks = filteredTasks.filter(task => \n task.category.toLowerCase().replace(' ', '-') === category\n );\n }\n \n if (priceRange) {\n filteredTasks = filteredTasks.filter(task => {\n const price = task.price;\n switch(priceRange) {\n case '10-50': return price >= 10 && price <= 50;\n case '50-100': return price >= 50 && price <= 100;\n case '100-500': return price >= 100 && price <= 500;\n case '500+': return price >= 500;\n default: return true;\n }\n });\n }\n \n const container = document.getElementById('tasks-container');\n container.innerHTML = '';\n \n if (filteredTasks.length === 0) {\n container.innerHTML = '<p style=\"text-align: center; color: #666; padding: 2rem;\">No tasks match your filters. Try adjusting your criteria.<\/p>';\n } else {\n filteredTasks.forEach(task => {\n const taskCard = createTaskCard(task);\n container.appendChild(taskCard);\n });\n }\n }\n\n \/\/ Apply for task\n function applyForTask(taskId) {\n const task = sampleTasks.find(t => t.id === taskId);\n if (task) {\n document.getElementById('apply-modal').style.display = 'block';\n \/\/ Store task ID for form submission\n document.getElementById('apply-form').setAttribute('data-task-id', taskId);\n }\n }\n\n \/\/ Close modal\n function closeModal(modalId) {\n document.getElementById(modalId).style.display = 'none';\n }\n\n \/\/ Handle task application\n function handleTaskApplication(e) {\n e.preventDefault();\n const taskId = e.target.getAttribute('data-task-id');\n const coverLetter = document.getElementById('cover-letter').value;\n const timeline = document.getElementById('proposed-timeline').value;\n const portfolio = document.getElementById('portfolio-links').value;\n \n \/\/ Simulate API call\n showAlert('Application submitted successfully! The task creator will review your application.', 'success');\n closeModal('apply-modal');\n \n \/\/ Reset form\n e.target.reset();\n }\n\n \/\/ Handle task form submission\n function handleTaskSubmission(e) {\n e.preventDefault();\n const formData = new FormData(e.target);\n \n \/\/ Simulate API call\n showAlert('Task posted successfully! It will be reviewed and published shortly.', 'success');\n \n \/\/ Reset form\n e.target.reset();\n }\n\n \/\/ Handle profile update\n function handleProfileUpdate(e) {\n e.preventDefault();\n \n \/\/ Simulate API call\n showAlert('Profile updated successfully!', 'success');\n }\n\n \/\/ Save draft\n function saveDraft() {\n showAlert('Task saved as draft!', 'success');\n }\n\n \/\/ Withdraw funds\n function withdrawFunds() {\n showAlert('Withdrawal request submitted! Funds will be processed within 2-3 business days.', 'success');\n }\n\n \/\/ Social sharing functions\n function shareAchievement(platform) {\n const text = \"\ud83c\udfc6 I just earned the Top Performer achievement on CV-Plus! I've completed 50+ tasks with a 5-star rating!\";\n const url = \"https:\/\/www.cv-plus.co.za\/microtasking\";\n \n shareContent(platform, text, url);\n }\n\n function shareTask(platform) {\n const title = document.getElementById('task-title').value || 'Check out this task';\n const text = `${title} - Available on CV-Plus Micro-Tasking Platform`;\n const url = \"https:\/\/www.cv-plus.co.za\/microtasking\";\n \n shareContent(platform, text, url);\n }\n\n function shareContent(platform, text, url) {\n let shareUrl = '';\n \n switch(platform) {\n case 'facebook':\n shareUrl = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(url)}`;\n break;\n case 'twitter':\n shareUrl = `https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(text)}&url=${encodeURIComponent(url)}`;\n break;\n case 'linkedin':\n shareUrl = `https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=${encodeURIComponent(url)}`;\n break;\n case 'whatsapp':\n shareUrl = `https:\/\/wa.me\/?text=${encodeURIComponent(text + ' ' + url)}`;\n break;\n }\n \n if (shareUrl) {\n window.open(shareUrl, '_blank', 'width=600,height=400');\n }\n }\n\n \/\/ Show alert messages\n function showAlert(message, type = 'success') {\n const alertDiv = document.createElement('div');\n alertDiv.className = `cvplus-alert cvplus-alert-${type}`;\n alertDiv.textContent = message;\n \n \/\/ Insert at the top of the current section\n const activeSection = document.querySelector('.cvplus-section.active');\n activeSection.insertBefore(alertDiv, activeSection.firstChild);\n \n \/\/ Remove after 5 seconds\n setTimeout(() => {\n alertDiv.remove();\n }, 5000);\n }\n\n \/\/ Close modal when clicking outside\n window.onclick = function(event) {\n const modals = document.querySelectorAll('.cvplus-modal');\n modals.forEach(modal => {\n if (event.target === modal) {\n modal.style.display = 'none';\n }\n });\n }\n\n \/\/ Set minimum date for task deadline to today\n document.addEventListener('DOMContentLoaded', function() {\n const today = new Date().toISOString().split('T')[0];\n document.getElementById('task-deadline').setAttribute('min', today);\n });\n\n \/\/ Simulate real-time updates\n setInterval(() => {\n \/\/ Update active tasks count\n const activeTasksElement = document.querySelector('.cvplus-stat-card .cvplus-stat-number');\n if (activeTasksElement) {\n const currentCount = parseInt(activeTasksElement.textContent.replace(',', ''));\n const newCount = currentCount + Math.floor(Math.random() * 3);\n activeTasksElement.textContent = newCount.toLocaleString();\n }\n }, 30000); \/\/ Update every 30 seconds\n\n \/\/ Initialize platform\n document.addEventListener('DOMContentLoaded', function() {\n console.log('CV-Plus Micro-Tasking Platform initialized');\n \n \/\/ Add smooth scrolling\n document.documentElement.style.scrollBehavior = 'smooth';\n \n \/\/ Initialize tooltips or other interactive elements\n initializeInteractiveElements();\n });\n\n function initializeInteractiveElements() {\n \/\/ Add hover effects to cards\n document.querySelectorAll('.cvplus-task-card, .cvplus-stat-card').forEach(card => {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n });\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>CV-Plus Micro-Tasking Platform CV-Plus Micro-Tasking Dashboard Browse Tasks Create Task Earnings Profile Welcome to CV-Plus Micro-Tasking Earn money by completing simple tasks or get your work done efficiently 1,247 Active Tasks R 2,450 Total Earnings 89 Completed Tasks 4.8 Average Rating Recent Activity Task Completed: Data Entry Project You successfully completed the data entry task […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":2,"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7,"date":"2026-02-23T20:30:57","date_gmt":"2026-02-23T20:30:57","guid":{"rendered":"https:\/\/www.microtasks.co.za\/?page_id=7"},"modified":"2026-02-23T20:32:05","modified_gmt":"2026-02-23T20:32:05","slug":"micro-tasking","status":"publish","type":"page","link":"https:\/\/www.microtasks.co.za\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n \n \n CV-Plus Micro-Tasking Platform<\/title>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n \/* Reset and Base Styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .cvplus-platform {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #f4f7f6;\n color: #333;\n line-height: 1.6;\n min-height: 100vh;\n }\n\n \/* Header Navigation *\/\n .cvplus-header {\n background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);\n color: white;\n padding: 1rem 0;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n position: sticky;\n top: 0;\n z-index: 1000;\n }\n\n .cvplus-nav-container {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 2rem;\n }\n\n .cvplus-logo {\n font-size: 1.8rem;\n font-weight: bold;\n color: #f39c12;\n }\n\n .cvplus-nav-menu {\n display: flex;\n list-style: none;\n gap: 2rem;\n }\n\n .cvplus-nav-item {\n color: white;\n text-decoration: none;\n padding: 0.5rem 1rem;\n border-radius: 5px;\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .cvplus-nav-item:hover,\n .cvplus-nav-item.active {\n background-color: rgba(243, 156, 18, 0.2);\n color: #f39c12;\n }\n\n \/* Main Container *\/\n .cvplus-main {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem;\n }\n\n \/* Section Styles *\/\n .cvplus-section {\n display: none;\n animation: fadeIn 0.5s ease-in;\n }\n\n .cvplus-section.active {\n display: block;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Dashboard Styles *\/\n .cvplus-hero {\n background: linear-gradient(135deg, #3498db 0%, #2c3e50 100%);\n color: white;\n padding: 3rem 2rem;\n border-radius: 15px;\n text-align: center;\n margin-bottom: 2rem;\n }\n\n .cvplus-hero h1 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n\n .cvplus-hero p {\n font-size: 1.2rem;\n opacity: 0.9;\n }\n\n .cvplus-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n }\n\n .cvplus-stat-card {\n background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n color: white;\n padding: 2rem;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n }\n\n .cvplus-stat-card:hover {\n transform: translateY(-5px);\n }\n\n .cvplus-stat-number {\n font-size: 2.5rem;\n font-weight: bold;\n margin-bottom: 0.5rem;\n }\n\n .cvplus-stat-label {\n font-size: 1rem;\n opacity: 0.9;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Dashboard Layout *\/\n .cvplus-dashboard-content {\n display: grid;\n grid-template-columns: 1fr 300px;\n gap: 2rem;\n margin-top: 2rem;\n }\n\n .cvplus-main-content {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .cvplus-sidebar {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n height: fit-content;\n }\n\n \/* Activity Feed *\/\n .cvplus-activity-item {\n display: flex;\n align-items: flex-start;\n padding: 1rem;\n border-bottom: 1px solid #eee;\n transition: background-color 0.3s ease;\n }\n\n .cvplus-activity-item:hover {\n background-color: #f8f9fa;\n }\n\n .cvplus-activity-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n margin-right: 1rem;\n flex-shrink: 0;\n }\n\n .cvplus-activity-content h4 {\n color: #2c3e50;\n margin-bottom: 0.5rem;\n }\n\n .cvplus-activity-content p {\n color: #666;\n font-size: 0.9rem;\n margin-bottom: 0.5rem;\n }\n\n .cvplus-activity-time {\n color: #999;\n font-size: 0.8rem;\n }\n\n \/* Quick Actions *\/\n .cvplus-quick-actions {\n margin-bottom: 2rem;\n }\n\n .cvplus-action-btn {\n display: block;\n width: 100%;\n padding: 1rem;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n color: white;\n text-decoration: none;\n border-radius: 10px;\n text-align: center;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n }\n\n .cvplus-action-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);\n }\n\n .cvplus-action-btn i {\n margin-right: 0.5rem;\n }\n\n \/* Task Listing Styles *\/\n .cvplus-filters {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n margin-bottom: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .cvplus-filter-row {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n .cvplus-filter-group {\n display: flex;\n flex-direction: column;\n }\n\n .cvplus-filter-group label {\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: #2c3e50;\n }\n\n .cvplus-filter-group select,\n .cvplus-filter-group input {\n padding: 0.75rem;\n border: 2px solid #e0e0e0;\n border-radius: 8px;\n font-size: 1rem;\n transition: border-color 0.3s ease;\n }\n\n .cvplus-filter-group select:focus,\n .cvplus-filter-group input:focus {\n outline: none;\n border-color: #3498db;\n }\n\n .cvplus-filter-btn {\n background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n color: white;\n border: none;\n padding: 0.75rem 2rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n\n .cvplus-filter-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(243, 156, 18, 0.3);\n }\n\n \/* Task Cards *\/\n .cvplus-tasks-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n }\n\n .cvplus-task-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border-left: 5px solid #3498db;\n }\n\n .cvplus-task-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n }\n\n .cvplus-task-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 1rem;\n }\n\n .cvplus-task-category {\n background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);\n color: white;\n padding: 0.3rem 0.8rem;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 600;\n }\n\n .cvplus-task-price {\n font-size: 1.5rem;\n font-weight: bold;\n color: #2ecc71;\n }\n\n .cvplus-task-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #2c3e50;\n margin-bottom: 1rem;\n }\n\n .cvplus-task-description {\n color: #666;\n margin-bottom: 1rem;\n line-height: 1.6;\n }\n\n .cvplus-task-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1rem;\n font-size: 0.9rem;\n color: #666;\n }\n\n .cvplus-task-meta i {\n margin-right: 0.3rem;\n color: #3498db;\n }\n\n .cvplus-apply-btn {\n width: 100%;\n background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n color: white;\n border: none;\n padding: 1rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1rem;\n font-weight: 600;\n transition: all 0.3s ease;\n }\n\n .cvplus-apply-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(243, 156, 18, 0.3);\n }\n\n \/* Task Creation Form *\/\n .cvplus-form {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .cvplus-form-group {\n margin-bottom: 1.5rem;\n }\n\n .cvplus-form-group label {\n display: block;\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: #2c3e50;\n }\n\n .cvplus-form-group input,\n .cvplus-form-group select,\n .cvplus-form-group textarea {\n width: 100%;\n padding: 1rem;\n border: 2px solid #e0e0e0;\n border-radius: 8px;\n font-size: 1rem;\n transition: border-color 0.3s ease;\n }\n\n .cvplus-form-group input:focus,\n .cvplus-form-group select:focus,\n .cvplus-form-group textarea:focus {\n outline: none;\n border-color: #3498db;\n }\n\n .cvplus-form-group textarea {\n resize: vertical;\n min-height: 120px;\n }\n\n .cvplus-form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n }\n\n .cvplus-checkbox-group {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n }\n\n .cvplus-checkbox-group input[type=\"checkbox\"] {\n width: auto;\n margin-right: 0.5rem;\n }\n\n .cvplus-form-actions {\n display: flex;\n gap: 1rem;\n margin-top: 2rem;\n }\n\n .cvplus-btn-secondary {\n background: #95a5a6;\n color: white;\n border: none;\n padding: 1rem 2rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n\n .cvplus-btn-primary {\n background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n color: white;\n border: none;\n padding: 1rem 2rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n flex: 1;\n }\n\n .cvplus-btn-primary:hover,\n .cvplus-btn-secondary:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n }\n\n \/* Social Media Integration *\/\n .cvplus-achievement-badge {\n background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n color: white;\n padding: 1.5rem;\n border-radius: 15px;\n text-align: center;\n margin-bottom: 2rem;\n box-shadow: 0 5px 15px rgba(243, 156, 18, 0.3);\n }\n\n .cvplus-achievement-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n\n .cvplus-achievement-title {\n font-size: 1.5rem;\n font-weight: bold;\n margin-bottom: 0.5rem;\n }\n\n .cvplus-achievement-description {\n opacity: 0.9;\n margin-bottom: 1rem;\n }\n\n .cvplus-share-buttons {\n display: flex;\n gap: 1rem;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .cvplus-share-btn {\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 25px;\n cursor: pointer;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .cvplus-share-btn.facebook {\n background: #4267B2;\n color: white;\n }\n\n .cvplus-share-btn.twitter {\n background: #1DA1F2;\n color: white;\n }\n\n .cvplus-share-btn.linkedin {\n background: #0077B5;\n color: white;\n }\n\n .cvplus-share-btn.whatsapp {\n background: #25D366;\n color: white;\n }\n\n .cvplus-share-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n }\n\n \/* Earnings Section *\/\n .cvplus-earnings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n }\n\n .cvplus-earnings-card {\n background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n color: white;\n padding: 2rem;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .cvplus-earnings-amount {\n font-size: 2rem;\n font-weight: bold;\n margin-bottom: 0.5rem;\n }\n\n .cvplus-earnings-label {\n opacity: 0.9;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-size: 0.9rem;\n }\n\n .cvplus-transactions-table {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n overflow-x: auto;\n }\n\n .cvplus-table {\n width: 100%;\n border-collapse: collapse;\n }\n\n .cvplus-table th,\n .cvplus-table td {\n padding: 1rem;\n text-align: left;\n border-bottom: 1px solid #eee;\n }\n\n .cvplus-table th {\n background-color: #f8f9fa;\n font-weight: 600;\n color: #2c3e50;\n }\n\n .cvplus-status-badge {\n padding: 0.3rem 0.8rem;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 600;\n }\n\n .cvplus-status-completed {\n background: #d4edda;\n color: #155724;\n }\n\n .cvplus-status-pending {\n background: #fff3cd;\n color: #856404;\n }\n\n \/* AdSense Integration *\/\n .cvplus-adsense {\n background: #f8f9fa;\n border: 2px dashed #dee2e6;\n border-radius: 10px;\n padding: 2rem;\n text-align: center;\n margin: 2rem 0;\n color: #6c757d;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .cvplus-nav-menu {\n display: none;\n }\n\n .cvplus-dashboard-content {\n grid-template-columns: 1fr;\n }\n\n .cvplus-stats {\n grid-template-columns: 1fr;\n }\n\n .cvplus-tasks-grid {\n grid-template-columns: 1fr;\n }\n\n .cvplus-form-row {\n grid-template-columns: 1fr;\n }\n\n .cvplus-earnings-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .cvplus-share-buttons {\n flex-direction: column;\n }\n }\n\n \/* Loading States *\/\n .cvplus-loading {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 2rem;\n }\n\n .cvplus-spinner {\n width: 40px;\n height: 40px;\n border: 4px solid #f3f3f3;\n border-top: 4px solid #3498db;\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n \/* Success\/Error Messages *\/\n .cvplus-alert {\n padding: 1rem;\n border-radius: 8px;\n margin-bottom: 1rem;\n }\n\n .cvplus-alert-success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n }\n\n .cvplus-alert-error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n }\n\n \/* Modal Styles *\/\n .cvplus-modal {\n display: none;\n position: fixed;\n z-index: 2000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0,0,0,0.5);\n }\n\n .cvplus-modal-content {\n background-color: white;\n margin: 5% auto;\n padding: 2rem;\n border-radius: 15px;\n width: 90%;\n max-width: 600px;\n position: relative;\n }\n\n .cvplus-modal-close {\n position: absolute;\n right: 1rem;\n top: 1rem;\n font-size: 1.5rem;\n cursor: pointer;\n color: #999;\n }\n\n .cvplus-modal-close:hover {\n color: #333;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"cvplus-platform\">\n \n <header class=\"cvplus-header\">\n <div class=\"cvplus-nav-container\">\n <div class=\"cvplus-logo\">CV-Plus Micro-Tasking<\/div>\n <nav>\n <ul class=\"cvplus-nav-menu\">\n <li><a href=\"#\" class=\"cvplus-nav-item active\" data-section=\"dashboard\">Dashboard<\/a><\/li>\n <li><a href=\"#\" class=\"cvplus-nav-item\" data-section=\"browse-tasks\">Browse Tasks<\/a><\/li>\n <li><a href=\"#\" class=\"cvplus-nav-item\" data-section=\"create-task\">Create Task<\/a><\/li>\n <li><a href=\"#\" class=\"cvplus-nav-item\" data-section=\"earnings\">Earnings<\/a><\/li>\n <li><a href=\"#\" class=\"cvplus-nav-item\" data-section=\"profile\">Profile<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <main class=\"cvplus-main\">\n \n <section id=\"dashboard\" class=\"cvplus-section active\">\n <div class=\"cvplus-hero\">\n <h1>Welcome to CV-Plus Micro-Tasking<\/h1>\n <p>Earn money by completing simple tasks or get your work done efficiently<\/p>\n <\/div>\n\n <div class=\"cvplus-stats\">\n <div class=\"cvplus-stat-card\">\n <div class=\"cvplus-stat-number\">1,247<\/div>\n <div class=\"cvplus-stat-label\">Active Tasks<\/div>\n <\/div>\n <div class=\"cvplus-stat-card\">\n <div class=\"cvplus-stat-number\">R 2,450<\/div>\n <div class=\"cvplus-stat-label\">Total Earnings<\/div>\n <\/div>\n <div class=\"cvplus-stat-card\">\n <div class=\"cvplus-stat-number\">89<\/div>\n <div class=\"cvplus-stat-label\">Completed Tasks<\/div>\n <\/div>\n <div class=\"cvplus-stat-card\">\n <div class=\"cvplus-stat-number\">4.8<\/div>\n <div class=\"cvplus-stat-label\">Average Rating<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-dashboard-content\">\n <div class=\"cvplus-main-content\">\n <h2>Recent Activity<\/h2>\n <div class=\"cvplus-activity-feed\">\n <div class=\"cvplus-activity-item\">\n <div class=\"cvplus-activity-icon\">\n <i class=\"fas fa-check\"><\/i>\n <\/div>\n <div class=\"cvplus-activity-content\">\n <h4>Task Completed: Data Entry Project<\/h4>\n <p>You successfully completed the data entry task for ABC Company. Payment has been processed.<\/p>\n <span class=\"cvplus-activity-time\">2 hours ago<\/span>\n <\/div>\n <\/div>\n <div class=\"cvplus-activity-item\">\n <div class=\"cvplus-activity-icon\">\n <i class=\"fas fa-plus\"><\/i>\n <\/div>\n <div class=\"cvplus-activity-content\">\n <h4>New Task Available<\/h4>\n <p>Social media content creation task matching your skills is now available.<\/p>\n <span class=\"cvplus-activity-time\">4 hours ago<\/span>\n <\/div>\n <\/div>\n <div class=\"cvplus-activity-item\">\n <div class=\"cvplus-activity-icon\">\n <i class=\"fas fa-user\"><\/i>\n <\/div>\n <div class=\"cvplus-activity-content\">\n <h4>Profile Updated<\/h4>\n <p>Your profile has been updated with new skills and certifications.<\/p>\n <span class=\"cvplus-activity-time\">1 day ago<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"cvplus-achievement-badge\">\n <div class=\"cvplus-achievement-icon\">\ud83c\udfc6<\/div>\n <div class=\"cvplus-achievement-title\">Top Performer<\/div>\n <div class=\"cvplus-achievement-description\">You’ve completed 50+ tasks with a 5-star rating!<\/div>\n <div class=\"cvplus-share-buttons\">\n <button class=\"cvplus-share-btn facebook\" onclick=\"shareAchievement('facebook')\">\n <i class=\"fab fa-facebook-f\"><\/i> Share on Facebook\n <\/button>\n <button class=\"cvplus-share-btn twitter\" onclick=\"shareAchievement('twitter')\">\n <i class=\"fab fa-twitter\"><\/i> Share on Twitter\n <\/button>\n <button class=\"cvplus-share-btn linkedin\" onclick=\"shareAchievement('linkedin')\">\n <i class=\"fab fa-linkedin-in\"><\/i> Share on LinkedIn\n <\/button>\n <button class=\"cvplus-share-btn whatsapp\" onclick=\"shareAchievement('whatsapp')\">\n <i class=\"fab fa-whatsapp\"><\/i> Share on WhatsApp\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-sidebar\">\n <h3>Quick Actions<\/h3>\n <div class=\"cvplus-quick-actions\">\n <button class=\"cvplus-action-btn\" onclick=\"showSection('browse-tasks')\">\n <i class=\"fas fa-search\"><\/i> Browse Tasks\n <\/button>\n <button class=\"cvplus-action-btn\" onclick=\"showSection('create-task')\">\n <i class=\"fas fa-plus\"><\/i> Post a Task\n <\/button>\n <button class=\"cvplus-action-btn\" onclick=\"showSection('earnings')\">\n <i class=\"fas fa-chart-line\"><\/i> View Earnings\n <\/button>\n <button class=\"cvplus-action-btn\" onclick=\"showSection('profile')\">\n <i class=\"fas fa-user\"><\/i> Edit Profile\n <\/button>\n <\/div>\n\n \n <div class=\"cvplus-adsense\">\n <p><strong>Advertisement<\/strong><\/p>\n <p>Google AdSense Advertisement Placeholder<\/p>\n <small>Publisher ID: pub-6943304898639392<\/small>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"browse-tasks\" class=\"cvplus-section\">\n <div class=\"cvplus-hero\">\n <h1>Available Tasks<\/h1>\n <p>Browse and apply for tasks that match your skills<\/p>\n <\/div>\n\n <div class=\"cvplus-filters\">\n <h3>Filter Tasks<\/h3>\n <div class=\"cvplus-filter-row\">\n <div class=\"cvplus-filter-group\">\n <label for=\"category\">Category<\/label>\n <select id=\"category\">\n <option value=\"\">All Categories<\/option>\n <option value=\"data-entry\">Data Entry<\/option>\n <option value=\"content-writing\">Content Writing<\/option>\n <option value=\"social-media\">Social Media<\/option>\n <option value=\"design\">Design<\/option>\n <option value=\"research\">Research<\/option>\n <option value=\"translation\">Translation<\/option>\n <\/select>\n <\/div>\n <div class=\"cvplus-filter-group\">\n <label for=\"price-range\">Price Range<\/label>\n <select id=\"price-range\">\n <option value=\"\">Any Price<\/option>\n <option value=\"10-50\">R 10 – R 50<\/option>\n <option value=\"50-100\">R 50 – R 100<\/option>\n <option value=\"100-500\">R 100 – R 500<\/option>\n <option value=\"500+\">R 500+<\/option>\n <\/select>\n <\/div>\n <div class=\"cvplus-filter-group\">\n <label for=\"duration\">Duration<\/label>\n <select id=\"duration\">\n <option value=\"\">Any Duration<\/option>\n <option value=\"1h\">Less than 1 hour<\/option>\n <option value=\"1-3h\">1-3 hours<\/option>\n <option value=\"3-8h\">3-8 hours<\/option>\n <option value=\"1d+\">1+ days<\/option>\n <\/select>\n <\/div>\n <div class=\"cvplus-filter-group\">\n <label> <\/label>\n <button class=\"cvplus-filter-btn\" onclick=\"filterTasks()\">Apply Filters<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-tasks-grid\" id=\"tasks-container\">\n \n <\/div>\n <\/section>\n\n \n <section id=\"create-task\" class=\"cvplus-section\">\n <div class=\"cvplus-hero\">\n <h1>Create a New Task<\/h1>\n <p>Post your task and get it completed by skilled freelancers<\/p>\n <\/div>\n\n <div class=\"cvplus-form\">\n <form id=\"task-form\">\n <div class=\"cvplus-form-row\">\n <div class=\"cvplus-form-group\">\n <label for=\"task-title\">Task Title *<\/label>\n <input type=\"text\" id=\"task-title\" placeholder=\"Enter a clear, descriptive title for your task\" required>\n <\/div>\n <div class=\"cvplus-form-group\">\n <label for=\"task-category\">Category *<\/label>\n <select id=\"task-category\" required>\n <option value=\"\">Select a category<\/option>\n <option value=\"data-entry\">Data Entry<\/option>\n <option value=\"content-writing\">Content Writing<\/option>\n <option value=\"social-media\">Social Media<\/option>\n <option value=\"design\">Design<\/option>\n <option value=\"research\">Research<\/option>\n <option value=\"translation\">Translation<\/option>\n <option value=\"virtual-assistant\">Virtual Assistant<\/option>\n <option value=\"other\">Other<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-form-group\">\n <label for=\"task-description\">Task Description *<\/label>\n <textarea id=\"task-description\" placeholder=\"Provide detailed instructions for your task. Include any specific requirements, deliverables, and expectations.\" required><\/textarea>\n <\/div>\n\n <div class=\"cvplus-form-row\">\n <div class=\"cvplus-form-group\">\n <label for=\"task-budget\">Budget (ZAR) *<\/label>\n <input type=\"number\" id=\"task-budget\" placeholder=\"0\" min=\"10\" required>\n <\/div>\n <div class=\"cvplus-form-group\">\n <label for=\"task-deadline\">Deadline *<\/label>\n <input type=\"date\" id=\"task-deadline\" required>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-form-group\">\n <label for=\"task-skills\">Required Skills<\/label>\n <input type=\"text\" id=\"task-skills\" placeholder=\"e.g., Excel, Writing, Photoshop (comma-separated)\">\n <\/div>\n\n <div class=\"cvplus-form-group\">\n <label for=\"task-attachments\">Attachments<\/label>\n <input type=\"file\" id=\"task-attachments\" multiple>\n <small>Upload any files that will help freelancers understand your task better<\/small>\n <\/div>\n\n <div class=\"cvplus-checkbox-group\">\n <input type=\"checkbox\" id=\"urgent-task\">\n <label for=\"urgent-task\">Mark as urgent (+20% fee)<\/label>\n <\/div>\n\n <div class=\"cvplus-checkbox-group\">\n <input type=\"checkbox\" id=\"featured-task\">\n <label for=\"featured-task\">Feature this task (+R 50)<\/label>\n <\/div>\n\n <div class=\"cvplus-form-actions\">\n <button type=\"button\" class=\"cvplus-btn-secondary\" onclick=\"saveDraft()\">Save as Draft<\/button>\n <button type=\"submit\" class=\"cvplus-btn-primary\">Post Task<\/button>\n <\/div>\n <\/form>\n\n \n <div class=\"cvplus-achievement-badge\" style=\"margin-top: 2rem;\">\n <div class=\"cvplus-achievement-title\">Boost Your Task Visibility<\/div>\n <div class=\"cvplus-achievement-description\">Share your task on social media to attract more qualified applicants<\/div>\n <div class=\"cvplus-share-buttons\">\n <button class=\"cvplus-share-btn facebook\" onclick=\"shareTask('facebook')\">\n <i class=\"fab fa-facebook-f\"><\/i> Facebook\n <\/button>\n <button class=\"cvplus-share-btn twitter\" onclick=\"shareTask('twitter')\">\n <i class=\"fab fa-twitter\"><\/i> Twitter\n <\/button>\n <button class=\"cvplus-share-btn linkedin\" onclick=\"shareTask('linkedin')\">\n <i class=\"fab fa-linkedin-in\"><\/i> LinkedIn\n <\/button>\n <button class=\"cvplus-share-btn whatsapp\" onclick=\"shareTask('whatsapp')\">\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"earnings\" class=\"cvplus-section\">\n <div class=\"cvplus-hero\">\n <h1>Your Earnings<\/h1>\n <p>Track your income and manage your payments<\/p>\n <\/div>\n\n <div class=\"cvplus-earnings-grid\">\n <div class=\"cvplus-earnings-card\">\n <div class=\"cvplus-earnings-amount\">R 2,450<\/div>\n <div class=\"cvplus-earnings-label\">Total Earned<\/div>\n <\/div>\n <div class=\"cvplus-earnings-card\">\n <div class=\"cvplus-earnings-amount\">R 350<\/div>\n <div class=\"cvplus-earnings-label\">This Month<\/div>\n <\/div>\n <div class=\"cvplus-earnings-card\">\n <div class=\"cvplus-earnings-amount\">R 180<\/div>\n <div class=\"cvplus-earnings-label\">Pending<\/div>\n <\/div>\n <div class=\"cvplus-earnings-card\">\n <div class=\"cvplus-earnings-amount\">R 2,270<\/div>\n <div class=\"cvplus-earnings-label\">Available<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-transactions-table\">\n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;\">\n <h3>Recent Transactions<\/h3>\n <button class=\"cvplus-btn-primary\" onclick=\"withdrawFunds()\">Withdraw Funds<\/button>\n <\/div>\n <table class=\"cvplus-table\">\n <thead>\n <tr>\n <th>Date<\/th>\n <th>Task<\/th>\n <th>Amount<\/th>\n <th>Status<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>2025-09-02<\/td>\n <td>Data Entry Project<\/td>\n <td>+R 150<\/td>\n <td><span class=\"cvplus-status-badge cvplus-status-completed\">Completed<\/span><\/td>\n <\/tr>\n <tr>\n <td>2025-09-01<\/td>\n <td>Blog Article Writing<\/td>\n <td>+R 200<\/td>\n <td><span class=\"cvplus-status-badge cvplus-status-completed\">Completed<\/span><\/td>\n <\/tr>\n <tr>\n <td>2025-08-30<\/td>\n <td>Social Media Posts<\/td>\n <td>R 80<\/td>\n <td><span class=\"cvplus-status-badge cvplus-status-pending\">Pending<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n \n <div class=\"cvplus-adsense\">\n <p><strong>Advertisement<\/strong><\/p>\n <p>Google AdSense Advertisement Placeholder<\/p>\n <small>Publisher ID: pub-6943304898639392<\/small>\n <\/div>\n <\/section>\n\n \n <section id=\"profile\" class=\"cvplus-section\">\n <div class=\"cvplus-hero\">\n <h1>Your Profile<\/h1>\n <p>Manage your account settings and preferences<\/p>\n <\/div>\n\n <div class=\"cvplus-form\">\n <form id=\"profile-form\">\n <div class=\"cvplus-form-row\">\n <div class=\"cvplus-form-group\">\n <label for=\"first-name\">First Name<\/label>\n <input type=\"text\" id=\"first-name\" value=\"John\">\n <\/div>\n <div class=\"cvplus-form-group\">\n <label for=\"last-name\">Last Name<\/label>\n <input type=\"text\" id=\"last-name\" value=\"Doe\">\n <\/div>\n <\/div>\n\n <div class=\"cvplus-form-group\">\n <label for=\"email\">Email Address<\/label>\n <input type=\"email\" id=\"email\" value=\"john.doe@example.com\">\n <\/div>\n\n <div class=\"cvplus-form-group\">\n <label for=\"bio\">Bio<\/label>\n <textarea id=\"bio\" placeholder=\"Tell us about yourself and your skills\">Experienced freelancer with expertise in data entry, content writing, and social media management. I deliver high-quality work on time and maintain excellent communication throughout projects.<\/textarea>\n <\/div>\n\n <div class=\"cvplus-form-group\">\n <label for=\"skills\">Skills<\/label>\n <input type=\"text\" id=\"skills\" value=\"Data Entry, Content Writing, Social Media, Excel, WordPress\">\n <\/div>\n\n <div class=\"cvplus-form-row\">\n <div class=\"cvplus-form-group\">\n <label for=\"hourly-rate\">Hourly Rate (ZAR)<\/label>\n <input type=\"number\" id=\"hourly-rate\" value=\"75\">\n <\/div>\n <div class=\"cvplus-form-group\">\n <label for=\"availability\">Availability<\/label>\n <select id=\"availability\">\n <option value=\"full-time\">Full-time<\/option>\n <option value=\"part-time\" selected>Part-time<\/option>\n <option value=\"weekends\">Weekends only<\/option>\n <option value=\"evenings\">Evenings only<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"cvplus-form-actions\">\n <button type=\"submit\" class=\"cvplus-btn-primary\">Update Profile<\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/section>\n <\/main>\n\n \n <div id=\"apply-modal\" class=\"cvplus-modal\">\n <div class=\"cvplus-modal-content\">\n <span class=\"cvplus-modal-close\" onclick=\"closeModal('apply-modal')\">×<\/span>\n <h2>Apply for Task<\/h2>\n <form id=\"apply-form\">\n <div class=\"cvplus-form-group\">\n <label for=\"cover-letter\">Cover Letter<\/label>\n <textarea id=\"cover-letter\" placeholder=\"Explain why you're the perfect fit for this task...\" required><\/textarea>\n <\/div>\n <div class=\"cvplus-form-group\">\n <label for=\"proposed-timeline\">Proposed Timeline<\/label>\n <input type=\"text\" id=\"proposed-timeline\" placeholder=\"e.g., 2-3 days\" required>\n <\/div>\n <div class=\"cvplus-form-group\">\n <label for=\"portfolio-links\">Portfolio Links (optional)<\/label>\n <input type=\"url\" id=\"portfolio-links\" placeholder=\"https:\/\/...\">\n <\/div>\n <div class=\"cvplus-form-actions\">\n <button type=\"button\" class=\"cvplus-btn-secondary\" onclick=\"closeModal('apply-modal')\">Cancel<\/button>\n <button type=\"submit\" class=\"cvplus-btn-primary\">Submit Application<\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Sample task data\n const sampleTasks = [\n {\n id: 1,\n title: \"Excel Data Entry - Customer Database\",\n category: \"Data Entry\",\n price: 120,\n description: \"Need someone to enter customer information from PDF files into Excel spreadsheet. Approximately 200 entries required.\",\n duration: \"3-4 hours\",\n deadline: \"2 days\",\n skills: [\"Excel\", \"Data Entry\"]\n },\n {\n id: 2,\n title: \"Blog Article - Career Tips\",\n category: \"Content Writing\",\n price: 250,\n description: \"Write a 1000-word article about job interview tips for recent graduates. Must be original and engaging.\",\n duration: \"2-3 hours\",\n deadline: \"5 days\",\n skills: [\"Writing\", \"Research\"]\n },\n {\n id: 3,\n title: \"Instagram Post Creation\",\n category: \"Social Media\",\n price: 80,\n description: \"Create 5 engaging Instagram posts for a local business. Include captions and hashtag suggestions.\",\n duration: \"1-2 hours\",\n deadline: \"3 days\",\n skills: [\"Social Media\", \"Content Creation\"]\n },\n {\n id: 4,\n title: \"Market Research - Local Restaurants\",\n category: \"Research\",\n price: 180,\n description: \"Research and compile information about restaurants in Cape Town CBD. Include contact details and specialties.\",\n duration: \"4-5 hours\",\n deadline: \"1 week\",\n skills: [\"Research\", \"Data Collection\"]\n },\n {\n id: 5,\n title: \"Logo Design - Small Business\",\n category: \"Design\",\n price: 300,\n description: \"Design a professional logo for a new consulting business. Provide 3 concept variations.\",\n duration: \"3-4 hours\",\n deadline: \"1 week\",\n skills: [\"Graphic Design\", \"Logo Design\"]\n },\n {\n id: 6,\n title: \"Online Survey Data Collection\",\n category: \"Data Entry\",\n price: 95,\n description: \"Conduct online surveys and compile responses. Target 50 completed surveys from specified demographics.\",\n duration: \"2-3 hours\",\n deadline: \"4 days\",\n skills: [\"Data Collection\", \"Surveys\"]\n }\n ];\n\n \/\/ Navigation functionality\n function showSection(sectionId) {\n \/\/ Hide all sections\n document.querySelectorAll('.cvplus-section').forEach(section => {\n section.classList.remove('active');\n });\n \n \/\/ Remove active class from all nav items\n document.querySelectorAll('.cvplus-nav-item').forEach(item => {\n item.classList.remove('active');\n });\n \n \/\/ Show selected section\n document.getElementById(sectionId).classList.add('active');\n \n \/\/ Add active class to corresponding nav item\n document.querySelector(`[data-section=\"${sectionId}\"]`).classList.add('active');\n \n \/\/ Load section-specific content\n if (sectionId === 'browse-tasks') {\n loadTasks();\n }\n }\n\n \/\/ Event listeners for navigation\n document.addEventListener('DOMContentLoaded', function() {\n document.querySelectorAll('.cvplus-nav-item').forEach(item => {\n item.addEventListener('click', function(e) {\n e.preventDefault();\n const sectionId = this.getAttribute('data-section');\n showSection(sectionId);\n });\n });\n \n \/\/ Load initial tasks\n loadTasks();\n \n \/\/ Form submissions\n document.getElementById('task-form').addEventListener('submit', handleTaskSubmission);\n document.getElementById('profile-form').addEventListener('submit', handleProfileUpdate);\n document.getElementById('apply-form').addEventListener('submit', handleTaskApplication);\n });\n\n \/\/ Load and display tasks\n function loadTasks() {\n const container = document.getElementById('tasks-container');\n container.innerHTML = '';\n \n sampleTasks.forEach(task => {\n const taskCard = createTaskCard(task);\n container.appendChild(taskCard);\n });\n }\n\n \/\/ Create task card element\n function createTaskCard(task) {\n const card = document.createElement('div');\n card.className = 'cvplus-task-card';\n card.innerHTML = `\n <div class=\"cvplus-task-header\">\n <span class=\"cvplus-task-category\">${task.category}<\/span>\n <span class=\"cvplus-task-price\">R ${task.price}<\/span>\n <\/div>\n <h3 class=\"cvplus-task-title\">${task.title}<\/h3>\n <p class=\"cvplus-task-description\">${task.description}<\/p>\n <div class=\"cvplus-task-meta\">\n <span><i class=\"fas fa-clock\"><\/i> ${task.duration}<\/span>\n <span><i class=\"fas fa-calendar\"><\/i> Due: ${task.deadline}<\/span>\n <\/div>\n <button class=\"cvplus-apply-btn\" onclick=\"applyForTask(${task.id})\">Apply Now<\/button>\n `;\n return card;\n }\n\n \/\/ Filter tasks\n function filterTasks() {\n const category = document.getElementById('category').value;\n const priceRange = document.getElementById('price-range').value;\n const duration = document.getElementById('duration').value;\n \n let filteredTasks = sampleTasks;\n \n if (category) {\n filteredTasks = filteredTasks.filter(task => \n task.category.toLowerCase().replace(' ', '-') === category\n );\n }\n \n if (priceRange) {\n filteredTasks = filteredTasks.filter(task => {\n const price = task.price;\n switch(priceRange) {\n case '10-50': return price >= 10 && price <= 50;\n case '50-100': return price >= 50 && price <= 100;\n case '100-500': return price >= 100 && price <= 500;\n case '500+': return price >= 500;\n default: return true;\n }\n });\n }\n \n const container = document.getElementById('tasks-container');\n container.innerHTML = '';\n \n if (filteredTasks.length === 0) {\n container.innerHTML = '<p style=\"text-align: center; color: #666; padding: 2rem;\">No tasks match your filters. Try adjusting your criteria.<\/p>';\n } else {\n filteredTasks.forEach(task => {\n const taskCard = createTaskCard(task);\n container.appendChild(taskCard);\n });\n }\n }\n\n \/\/ Apply for task\n function applyForTask(taskId) {\n const task = sampleTasks.find(t => t.id === taskId);\n if (task) {\n document.getElementById('apply-modal').style.display = 'block';\n \/\/ Store task ID for form submission\n document.getElementById('apply-form').setAttribute('data-task-id', taskId);\n }\n }\n\n \/\/ Close modal\n function closeModal(modalId) {\n document.getElementById(modalId).style.display = 'none';\n }\n\n \/\/ Handle task application\n function handleTaskApplication(e) {\n e.preventDefault();\n const taskId = e.target.getAttribute('data-task-id');\n const coverLetter = document.getElementById('cover-letter').value;\n const timeline = document.getElementById('proposed-timeline').value;\n const portfolio = document.getElementById('portfolio-links').value;\n \n \/\/ Simulate API call\n showAlert('Application submitted successfully! The task creator will review your application.', 'success');\n closeModal('apply-modal');\n \n \/\/ Reset form\n e.target.reset();\n }\n\n \/\/ Handle task form submission\n function handleTaskSubmission(e) {\n e.preventDefault();\n const formData = new FormData(e.target);\n \n \/\/ Simulate API call\n showAlert('Task posted successfully! It will be reviewed and published shortly.', 'success');\n \n \/\/ Reset form\n e.target.reset();\n }\n\n \/\/ Handle profile update\n function handleProfileUpdate(e) {\n e.preventDefault();\n \n \/\/ Simulate API call\n showAlert('Profile updated successfully!', 'success');\n }\n\n \/\/ Save draft\n function saveDraft() {\n showAlert('Task saved as draft!', 'success');\n }\n\n \/\/ Withdraw funds\n function withdrawFunds() {\n showAlert('Withdrawal request submitted! Funds will be processed within 2-3 business days.', 'success');\n }\n\n \/\/ Social sharing functions\n function shareAchievement(platform) {\n const text = \"\ud83c\udfc6 I just earned the Top Performer achievement on CV-Plus! I've completed 50+ tasks with a 5-star rating!\";\n const url = \"https:\/\/www.cv-plus.co.za\/microtasking\";\n \n shareContent(platform, text, url);\n }\n\n function shareTask(platform) {\n const title = document.getElementById('task-title').value || 'Check out this task';\n const text = `${title} - Available on CV-Plus Micro-Tasking Platform`;\n const url = \"https:\/\/www.cv-plus.co.za\/microtasking\";\n \n shareContent(platform, text, url);\n }\n\n function shareContent(platform, text, url) {\n let shareUrl = '';\n \n switch(platform) {\n case 'facebook':\n shareUrl = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(url)}`;\n break;\n case 'twitter':\n shareUrl = `https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(text)}&url=${encodeURIComponent(url)}`;\n break;\n case 'linkedin':\n shareUrl = `https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=${encodeURIComponent(url)}`;\n break;\n case 'whatsapp':\n shareUrl = `https:\/\/wa.me\/?text=${encodeURIComponent(text + ' ' + url)}`;\n break;\n }\n \n if (shareUrl) {\n window.open(shareUrl, '_blank', 'width=600,height=400');\n }\n }\n\n \/\/ Show alert messages\n function showAlert(message, type = 'success') {\n const alertDiv = document.createElement('div');\n alertDiv.className = `cvplus-alert cvplus-alert-${type}`;\n alertDiv.textContent = message;\n \n \/\/ Insert at the top of the current section\n const activeSection = document.querySelector('.cvplus-section.active');\n activeSection.insertBefore(alertDiv, activeSection.firstChild);\n \n \/\/ Remove after 5 seconds\n setTimeout(() => {\n alertDiv.remove();\n }, 5000);\n }\n\n \/\/ Close modal when clicking outside\n window.onclick = function(event) {\n const modals = document.querySelectorAll('.cvplus-modal');\n modals.forEach(modal => {\n if (event.target === modal) {\n modal.style.display = 'none';\n }\n });\n }\n\n \/\/ Set minimum date for task deadline to today\n document.addEventListener('DOMContentLoaded', function() {\n const today = new Date().toISOString().split('T')[0];\n document.getElementById('task-deadline').setAttribute('min', today);\n });\n\n \/\/ Simulate real-time updates\n setInterval(() => {\n \/\/ Update active tasks count\n const activeTasksElement = document.querySelector('.cvplus-stat-card .cvplus-stat-number');\n if (activeTasksElement) {\n const currentCount = parseInt(activeTasksElement.textContent.replace(',', ''));\n const newCount = currentCount + Math.floor(Math.random() * 3);\n activeTasksElement.textContent = newCount.toLocaleString();\n }\n }, 30000); \/\/ Update every 30 seconds\n\n \/\/ Initialize platform\n document.addEventListener('DOMContentLoaded', function() {\n console.log('CV-Plus Micro-Tasking Platform initialized');\n \n \/\/ Add smooth scrolling\n document.documentElement.style.scrollBehavior = 'smooth';\n \n \/\/ Initialize tooltips or other interactive elements\n initializeInteractiveElements();\n });\n\n function initializeInteractiveElements() {\n \/\/ Add hover effects to cards\n document.querySelectorAll('.cvplus-task-card, .cvplus-stat-card').forEach(card => {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n });\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>CV-Plus Micro-Tasking Platform CV-Plus Micro-Tasking Dashboard Browse Tasks Create Task Earnings Profile Welcome to CV-Plus Micro-Tasking Earn money by completing simple tasks or get your work done efficiently 1,247 Active Tasks R 2,450 Total Earnings 89 Completed Tasks 4.8 Average Rating Recent Activity Task Completed: Data Entry Project You successfully completed the data entry task […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":2,"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/www.microtasks.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}