{"id":1839,"date":"2026-01-15T00:09:44","date_gmt":"2026-01-15T00:09:44","guid":{"rendered":"https:\/\/www.conideas.com.et\/?page_id=1839"},"modified":"2026-04-15T05:02:34","modified_gmt":"2026-04-15T05:02:34","slug":"professional-cv","status":"publish","type":"page","link":"https:\/\/www.conideas.com.et\/am\/professional-cv\/","title":{"rendered":"Create Your Professional CV"},"content":{"rendered":"\n<div class=\"cv-form-wrapper\">\n\n  <!-- SUCCESS MESSAGE -->\n  <div id=\"cv-success-message\" style=\"display:none;\">\n    <h1>\u2705 Request Submitted Successfully<\/h1>\n\n    <p>\n      Thank you for submitting your professional CV request.\n      Your information has been received and is now under review.\n    <\/p>\n\n    <p>\n      Once approved, your professional profile will be published\n      on our website.\n    <\/p>\n\n    <a class=\"home-link\" href=\"\/\">\u2190 Back to Home<\/a>\n  <\/div>\n\n  <!-- FORM -->\n  <div id=\"cv-form-container\">\n\n    <h1>Create Your Professional CV<\/h1>\n    <p class=\"intro-text\">\n      Fill in the form below to request a professionally designed CV.\n      You will receive a preview for approval before publishing.\n    <\/p>\n\n    <form method=\"post\" class=\"cv-form\">\n\n      <input type=\"hidden\" name=\"cv_form_submit\" value=\"1\">\n      <input type=\"text\" name=\"website\" style=\"display:none\">\n\n      <!-- PERSONAL INFO -->\n      <div class=\"cv-card\">\n        <h3>Personal Information<\/h3>\n        <p class=\"hint\">Basic information used on your CV<\/p>\n\n        <label>Full Name *<\/label>\n        <input type=\"text\" name=\"full_name\" required>\n\n        <label>Professional Title *<\/label>\n        <input type=\"text\" name=\"professional_title\" placeholder=\"e.g. Structural Engineer\" required>\n\n        <label>Email *<\/label>\n        <input type=\"email\" name=\"email\" required>\n\n        <label>Phone (optional)<\/label>\n        <input type=\"text\" name=\"phone\">\n      <\/div>\n\n      <!-- SUMMARY -->\n      <div class=\"cv-card\">\n        <h3>Professional Summary<\/h3>\n        <p class=\"hint\">2\u20134 sentences describing your experience<\/p>\n\n        <textarea name=\"summary\" rows=\"4\"><\/textarea>\n      <\/div>\n\n      <!-- EXPERIENCE -->\n      <div class=\"cv-card\">\n        <h3>Experience<\/h3>\n        <p class=\"hint\">List your most recent roles<\/p>\n\n        <textarea name=\"experience\" rows=\"6\"><\/textarea>\n      <\/div>\n\n      <!-- EDUCATION -->\n      <div class=\"cv-card\">\n        <h3>Education<\/h3>\n        <textarea name=\"education\" rows=\"4\"><\/textarea>\n      <\/div>\n\n      <!-- SKILLS -->\n      <div class=\"cv-card\">\n        <h3>Skills<\/h3>\n        <p class=\"hint\">Separate skills with commas<\/p>\n\n        <textarea name=\"skills\" rows=\"4\"><\/textarea>\n      <\/div>\n\n      <!-- LAYOUT -->\n      <div class=\"cv-card\">\n        <h3>Select CV Layout *<\/h3>\n        <p class=\"hint\">Choose how your CV will look<\/p>\n\n        <div class=\"layout-options\">\n          <label class=\"layout-card\">\n            <input type=\"radio\" name=\"cv_layout\" value=\"layout_a\" required>\n            <img decoding=\"async\" \n            src=\"https:\/\/www.conideas.com.et\/wp-content\/uploads\/2026\/01\/cv-layout-classic.png\" \n            alt=\"Classic CV Layout\">\n            <span>Classic<\/span>\n          <\/label>\n\n          <label class=\"layout-card\">\n            <input type=\"radio\" name=\"cv_layout\" value=\"layout_b\">\n            <img decoding=\"async\" \n            src=\"https:\/\/www.conideas.com.et\/wp-content\/uploads\/2026\/01\/cv-layout-modern.png\" \n            alt=\"Modern CV Layout\">\n            <span>Modern<\/span>\n          <\/label>\n\n          <label class=\"layout-card\">\n            <input type=\"radio\" name=\"cv_layout\" value=\"layout_c\">\n            <img decoding=\"async\" \n            src=\"https:\/\/www.conideas.com.et\/wp-content\/uploads\/2026\/01\/cv-layout-sidebar.png\" \n            alt=\"Sidebar CV Layout\">\n            <span>Timeline<\/span>\n          <\/label>\n        <\/div>\n\n    <!-- THEME SELECTION -->\n    <div class=\"cv-card\">\n      <h3>Select Color Theme<\/h3>\n\n      <div class=\"theme-options\">\n\n        <label class=\"theme-card theme-blue\">\n          <input type=\"radio\" name=\"cv_color_theme\" value=\"theme-blue\" checked>\n          <div class=\"theme-preview\"><\/div>\n          <span>Classic Blue<\/span>\n        <\/label>\n\n        <label class=\"theme-card theme-gray\">\n          <input type=\"radio\" name=\"cv_color_theme\" value=\"theme-gray\">\n          <div class=\"theme-preview\"><\/div>\n          <span>Professional Gray<\/span>\n        <\/label>\n\n        <label class=\"theme-card theme-dark\">\n          <input type=\"radio\" name=\"cv_color_theme\" value=\"theme-dark\">\n          <div class=\"theme-preview\"><\/div>\n          <span>Dark Executive<\/span>\n        <\/label>\n\n      <\/div>\n\n      <\/div>\n\n      <button type=\"submit\" class=\"submit-btn\">\n        Request My Professional CV\n      <\/button>\n\n    <\/form>\n  <\/div>\n<\/div>\n\n<style>\n.cv-form-wrapper {\n   max-width:800px; \n   margin:auto;\n   font-family:system-ui;\n }\n\n.cv-card {\n background:#fff;\n padding:20px;\n margin-bottom:20px;\n border-radius:12px;\n border:1px solid #e2e2e2;\n }\n\nlabel {\n font-weight:600;\n display:block;\n margin-top:12px;\n }\n\ninput, textarea {\n width:100%;\n padding:10px;\n border-radius:8px;\n border:1px solid #ccc;\n }\n\n\/* ========== LAYOUT SELECTION UX ========== *\/\n\n.layout-options {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 16px;\n}\n\n\/* Hide default radio *\/\n.layout-card input[type=\"radio\"] {\n  display: none;\n}\n\n\/* Card appearance *\/\n.layout-card {\n  border: 2px solid #ddd;\n  border-radius: 14px;\n  padding: 12px;\n  background: #fff;\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.25s ease;\n}\n\n\/* Thumbnail *\/\n.layout-card img {\n  width: 100%;\n  border-radius: 10px;\n  margin-bottom: 10px;\n}\n\n\/* Label text *\/\n.layout-card span {\n  display: block;\n  font-weight: 600;\n  font-size: 0.95rem;\n}\n\n\/* Selected state *\/\n.layout-card input:checked + img {\n  outline: 3px solid #0066cc;\n  outline-offset: 2px;\n}\n\n\/* Better selected feedback *\/\n.layout-card input:checked ~ span {\n  color: #0066cc;\n}\n\n\/* Hover (desktop) *\/\n.layout-card:hover {\n  transform: translateY(-2px);\n  border-color: #0066cc;\n}\n\n\/* \ud83d\udcf1 MOBILE IMPROVEMENTS *\/\n@media (max-width: 600px) {\n\n  .layout-options {\n    grid-template-columns: 1fr;\n  }\n\n  .layout-card {\n    padding: 16px;\n  }\n\n  .layout-card span {\n    font-size: 1rem;\n  }\n}\n\n.theme-preview {\n  height: 40px;\n  border-radius: 6px;\n  margin-bottom: 8px;\n}\n\n\/* THEME SELECTION CARDS *\/\n.theme-options {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  gap: 15px;\n}\n\n.theme-card {\n  border: 1px solid #ccc;\n  border-radius: 10px;\n  padding: 10px;\n  text-align: center;\n  cursor: pointer;\n  transition: transform 0.2s, box-shadow 0.2s;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.theme-card:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n\/* Hide radio button *\/\n.theme-card input[type=\"radio\"] {\n  display: none;\n}\n\n\/* Show selected border *\/\n.theme-card input[type=\"radio\"]:checked + .theme-preview {\n  border: 3px solid #0066cc;\n}\n\n\/* Preview box *\/\n.theme-preview {\n  width: 100%;\n  max-width: 120px;\n  height: 60px;\n  border-radius: 8px;\n  margin-bottom: 8px;\n  border: 2px solid #ccc;\n}\n\n\/* Theme colors *\/\n.theme-blue .theme-preview {\n  background: #1e5aa8;\n  color: #fff;\n}\n\n.theme-gray .theme-preview {\n  background: #888;\n  color: #fff;\n}\n\n.theme-dark .theme-preview {\n  background: #222;\n  color: #fff;\n}\n\n\/* Theme name *\/\n.theme-name {\n  font-size: 0.9em;\n  font-weight: 500;\n  color: #333;\n}\n\n\/* Optional: change text color for dark theme card *\/\n.theme-dark .theme-name {\n  color: #fff;\n}\n\n\n.submit-btn { width:100%; padding:14px; background:#0066cc; color:#fff; border:none; border-radius:10px; }\n#cv-success-message { text-align:center; padding:40px; background:#f7fdf9; border-radius:14px; }\n.home-link { display:inline-block; margin-top:20px; font-weight:600; color:#0066cc; }\n<\/style>\n\n<script>\n(function () {\n  const params = new URLSearchParams(window.location.search);\n  if (params.get('submitted') === '1') {\n    document.getElementById('cv-form-container').style.display = 'none';\n    document.getElementById('cv-success-message').style.display = 'block';\n  }\n})();\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u2705 Request Submitted Successfully Thank you for submitting your professional CV request. Your information has been received and is now under review. Once approved, your professional profile will be published on our website. \u2190 Back to Home Create Your Professional CV Fill in the form below to request a professionally designed CV. You will receive [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-1839","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.conideas.com.et\/am\/wp-json\/wp\/v2\/pages\/1839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conideas.com.et\/am\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.conideas.com.et\/am\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.conideas.com.et\/am\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.conideas.com.et\/am\/wp-json\/wp\/v2\/comments?post=1839"}],"version-history":[{"count":44,"href":"https:\/\/www.conideas.com.et\/am\/wp-json\/wp\/v2\/pages\/1839\/revisions"}],"predecessor-version":[{"id":1953,"href":"https:\/\/www.conideas.com.et\/am\/wp-json\/wp\/v2\/pages\/1839\/revisions\/1953"}],"wp:attachment":[{"href":"https:\/\/www.conideas.com.et\/am\/wp-json\/wp\/v2\/media?parent=1839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}