{"id":69,"date":"2026-04-05T20:36:37","date_gmt":"2026-04-05T20:36:37","guid":{"rendered":"https:\/\/www.coinpanel.net\/?page_id=69"},"modified":"2026-04-08T03:06:50","modified_gmt":"2026-04-08T03:06:50","slug":"give-feedback","status":"publish","type":"page","link":"https:\/\/www.coinpanel.net\/?page_id=69","title":{"rendered":"Give Feedback"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Give Feedback \u2013 CoinPanel<\/title>\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n        Oxygen, Ubuntu, Cantarell, sans-serif;\n      background-color: #ffffff;\n      color: #1a1a2e;\n      line-height: 1.6;\n      min-height: 100vh;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    main {\n      width: 100%;\n      max-width: 580px;\n      padding: 48px 16px 24px;\n      flex: 1;\n    }\n\n    .page-header {\n      margin-bottom: 36px;\n    }\n\n    .page-header p {\n      font-size: 15px;\n      color: #6b7280;\n      text-align: center;\n    }\n\n    form {\n      background: #ffffff;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      padding: 32px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04),\n                  0 4px 12px rgba(0, 0, 0, 0.03);\n    }\n\n    .section-title {\n      font-size: 13px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      color: #9ca3af;\n      margin-bottom: 16px;\n      padding-bottom: 8px;\n      border-bottom: 1px solid #f3f4f6;\n    }\n\n    .section-title:not(:first-child) {\n      margin-top: 28px;\n    }\n\n    .form-group {\n      margin-bottom: 20px;\n    }\n\n    label.field-label {\n      display: block;\n      font-size: 14px;\n      font-weight: 500;\n      color: #374151;\n      margin-bottom: 6px;\n    }\n\n    input[type=\"text\"],\n    input[type=\"email\"],\n    select,\n    textarea {\n      width: 100%;\n      padding: 10px 14px;\n      font-size: 14px;\n      font-family: inherit;\n      color: #1a1a2e;\n      background: #fafafa;\n      border: 1px solid #d1d5db;\n      border-radius: 8px;\n      transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;\n    }\n\n    input[type=\"text\"]:hover,\n    input[type=\"email\"]:hover,\n    select:hover,\n    textarea:hover {\n      border-color: #b0b5be;\n    }\n\n    input[type=\"text\"]:focus,\n    input[type=\"email\"]:focus,\n    select:focus,\n    textarea:focus {\n      outline: none;\n      border-color: #3b82f6;\n      background: #ffffff;\n      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);\n    }\n\n    input::placeholder,\n    textarea::placeholder {\n      color: #b0b5be;\n    }\n\n    select {\n      appearance: none;\n      background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6.5 6 6.5-6'\/%3E%3C\/svg%3E\");\n      background-repeat: no-repeat;\n      background-position: right 14px center;\n      background-size: 12px;\n      padding-right: 36px;\n      cursor: pointer;\n    }\n\n    textarea {\n      resize: vertical;\n      min-height: 100px;\n    }\n\n    fieldset {\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 16px 20px;\n      margin-bottom: 20px;\n      background: #fafafa;\n    }\n\n    legend {\n      font-size: 14px;\n      font-weight: 500;\n      color: #374151;\n      padding: 0 8px;\n    }\n\n    .rating-options {\n      display: flex;\n      justify-content: center;\n      gap: 8px;\n      margin-top: 12px;\n    }\n\n    .rating-options label {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      cursor: pointer;\n      padding: 8px 12px;\n      border-radius: 8px;\n      border: 2px solid transparent;\n      background: #ffffff;\n      border-color: #e5e7eb;\n      transition: all 0.2s;\n      user-select: none;\n    }\n\n    .rating-options label:hover {\n      border-color: #3b82f6;\n      background: #eff6ff;\n    }\n\n    .rating-options input[type=\"radio\"] {\n      display: none;\n    }\n\n    .rating-options input[type=\"radio\"]:checked + .emoji-wrap {\n      transform: scale(1.15);\n    }\n\n    .rating-options input[type=\"radio\"]:checked ~ .rating-label {\n      color: #3b82f6;\n      font-weight: 600;\n    }\n\n    .rating-options label:has(input:checked) {\n      border-color: #3b82f6;\n      background: #eff6ff;\n      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n    }\n\n    .emoji-wrap {\n      font-size: 24px;\n      transition: transform 0.2s;\n    }\n\n    .rating-label {\n      font-size: 11px;\n      color: #9ca3af;\n      margin-top: 4px;\n      transition: color 0.2s;\n    }\n\n    .row {\n      display: flex;\n      gap: 16px;\n    }\n\n    .row .form-group {\n      flex: 1;\n    }\n\n    button[type=\"submit\"] {\n      width: 100%;\n      padding: 12px 24px;\n      font-size: 15px;\n      font-weight: 600;\n      font-family: inherit;\n      color: #ffffff;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      border: none;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: box-shadow 0.2s, transform 0.15s;\n      margin-top: 8px;\n    }\n\n    button[type=\"submit\"]:hover {\n      box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);\n      transform: translateY(-1px);\n    }\n\n    button[type=\"submit\"]:active {\n      transform: translateY(0);\n      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);\n    }\n\n    footer {\n      width: 100%;\n      text-align: center;\n      padding: 20px 16px;\n      border-top: 1px solid #f3f4f6;\n    }\n\n    .footer-note {\n      font-size: 13px;\n      color: #9ca3af;\n    }\n\n    .footer-note a {\n      color: #3b82f6;\n      text-decoration: none;\n      font-weight: 500;\n    }\n\n    .footer-note a:hover {\n      text-decoration: underline;\n    }\n\n    @media (max-width: 480px) {\n      .row {\n        flex-direction: column;\n        gap: 0;\n      }\n\n      .rating-options {\n        gap: 4px;\n      }\n\n      .rating-options label {\n        padding: 6px 8px;\n      }\n\n      form {\n        padding: 24px 20px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <main>\n    <div class=\"page-header\">\n      <p>We&#8217;d love to hear from you. Help us make CoinPanel better. After you submit, your feedback will be reviewed and you&#8217;ll receive an email with the steps to claim your bonus $100 litecoin. This is valid until the 15th of April, 2026.<\/p>\n    <\/div>\n\n    <form>\n      <p class=\"section-title\">Your Details<\/p>\n\n      <div class=\"row\">\n        <div class=\"form-group\">\n          <label class=\"field-label\" for=\"name\">Name<\/label>\n          <input id=\"name\" name=\"name\" type=\"text\" placeholder=\"Your name\">\n        <\/div>\n        <div class=\"form-group\">\n          <label class=\"field-label\" for=\"email\">Email<\/label>\n          <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"you@example.com\">\n        <\/div>\n      <\/div>\n\n      <p class=\"section-title\">Your Feedback<\/p>\n\n      <div class=\"form-group\">\n        <label class=\"field-label\" for=\"category\">Category<\/label>\n        <select id=\"category\" name=\"category\">\n          <option value=\"\" selected disabled>Select a category<\/option>\n          <option value=\"bug\">Bug Report<\/option>\n          <option value=\"feature\">Feature Request<\/option>\n          <option value=\"ui\">Design \/ UI<\/option>\n          <option value=\"performance\">Performance<\/option>\n          <option value=\"other\">Other<\/option>\n        <\/select>\n      <\/div>\n\n      <fieldset>\n        <legend>Rating<\/legend>\n        <div class=\"rating-options\">\n          <label>\n            <input type=\"radio\" name=\"rating\" value=\"1\">\n            <span class=\"emoji-wrap\">\ud83d\ude21<\/span>\n            <span class=\"rating-label\">Awful<\/span>\n          <\/label>\n          <label>\n            <input type=\"radio\" name=\"rating\" value=\"2\">\n            <span class=\"emoji-wrap\">\ud83d\ude15<\/span>\n            <span class=\"rating-label\">Poor<\/span>\n          <\/label>\n          <label>\n            <input type=\"radio\" name=\"rating\" value=\"3\">\n            <span class=\"emoji-wrap\">\ud83d\ude10<\/span>\n            <span class=\"rating-label\">Okay<\/span>\n          <\/label>\n          <label>\n            <input type=\"radio\" name=\"rating\" value=\"4\">\n            <span class=\"emoji-wrap\">\ud83d\ude0a<\/span>\n            <span class=\"rating-label\">Good<\/span>\n          <\/label>\n          <label>\n            <input type=\"radio\" name=\"rating\" value=\"5\">\n            <span class=\"emoji-wrap\">\ud83e\udd29<\/span>\n            <span class=\"rating-label\">Great<\/span>\n          <\/label>\n        <\/div>\n      <\/fieldset>\n\n      <div class=\"form-group\">\n        <label class=\"field-label\" for=\"message\">Message<\/label>\n        <textarea\n          id=\"message\"\n          name=\"message\"\n          rows=\"5\"\n          placeholder=\"Tell us what's on your mind...\"\n        ><\/textarea>\n      <\/div>\n\n      <button type=\"submit\">Submit Feedback<\/button>\n    <\/form>\n  <\/main>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Give Feedback \u2013 CoinPanel We&#8217;d love to hear from you. Help us make CoinPanel better. After you submit, your feedback will be reviewed and you&#8217;ll receive an email with the<\/p>\n<p><a href=\"https:\/\/www.coinpanel.net\/?page_id=69\" class=\"btn btn-skin btn-radius\">Continue Reading<span class=\"screen-reader-text\">Give Feedback<\/span><\/a><\/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-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.coinpanel.net\/index.php?rest_route=\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.coinpanel.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.coinpanel.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.coinpanel.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coinpanel.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=69"}],"version-history":[{"count":5,"href":"https:\/\/www.coinpanel.net\/index.php?rest_route=\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":190,"href":"https:\/\/www.coinpanel.net\/index.php?rest_route=\/wp\/v2\/pages\/69\/revisions\/190"}],"wp:attachment":[{"href":"https:\/\/www.coinpanel.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}