{"id":16988,"date":"2024-10-25T18:58:48","date_gmt":"2024-10-25T18:58:48","guid":{"rendered":"https:\/\/qandycode.com\/qardaction-45709\/"},"modified":"2024-10-28T21:21:08","modified_gmt":"2024-10-28T21:21:08","slug":"qardaction-45709","status":"publish","type":"post","link":"https:\/\/qandycode.com\/es\/qardaction-45709\/","title":{"rendered":"qardaction-45709"},"content":{"rendered":"<style class=\"wpcode-css-snippet\">.bigwrapper {\r\n\tposition: absolute;\r\n  top: 10%;\r\n \u00a0left: 50%;\r\n \u00a0transform: translate(-50%, -50%);\r\n\twidth:100%;\r\n}\r\n.actioncontainer {\r\n  height: 70vh;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-evenly;\r\n}\r\n.action {\r\n  position: relative;\r\n  padding: 2.5rem;\r\n  width: 350px;\r\n  height: 450px;\r\n  \/*box-shadow: -1px 15px 30px -12px rgb(32, 32, 32);*\/\r\n  border-radius: 0.9rem;\r\n  color: #ffffff;\r\n\tfont-family: \"urbane-rounded\", sans-serif;\r\n}\r\n\r\n.action .fa-solid {\r\n\tcolor:#ff6600;\r\n\tfont-size:60px;\r\n\ttext-align:center;\r\n}\r\n\r\n.action-image {\r\n  height: 170px;\r\n\ttext-align:center;\r\n  width: 100%;\r\n transform: translate(0, -1.5rem);\r\n  transition: transform 500ms ease-in-out;\r\n\r\n}\r\n.action-image img {\r\n  width:100%;\r\n\tmin-height: 100px;\r\n\tmax-height:140px;\r\n\tobject-fit:contain;\r\n\tmargin-top:10px;\r\n}\r\n.barcode-image img {\r\n  width:100%;\r\n\tmargin-top:10px;\r\n}\r\n.action-info {\r\n\ttext-align:center;\r\n}\r\n.action-valid {\r\n  text-align: center;\r\n\tcolor:#212121;\r\n\ttext-transform:uppercase;\r\n\tmargin-bottom:0;\r\n}\r\n\/*.action:hover .action-image {\r\n  transform: translate(0, -7rem) rotate(0deg);\r\n}*\/\r\n\r\n.action-info h2 {\r\n\tpadding-top: 0;\r\nmargin-bottom: 15px;\r\nfont-size: 2.5rem;\r\n  font-weight: 600;\r\n\tcolor:#212121;\r\n\tline-height:30px;\r\nfont-family: \"urbane-rounded\", sans-serif;\r\nfont-weight: 500;\r\nfont-style: normal;\r\n}\r\n.action-info p {\r\n  margin: 0 0.4rem;\r\n\tpadding:5px 0 10px;\r\n   font-size: 1.3rem;\r\n\tline-height:18px;\r\n  font-weight: 600;\r\n\tcolor:#212121;\r\nfont-family: \"urbane-rounded\", sans-serif;\r\nfont-weight: 500;\r\nfont-style: normal;\r\nborder:none;\r\nwidth:100%;\r\n\r\n}\r\n.actiondate {\r\n  font-size: 1.7rem;\r\n  font-weight: 500;\r\n\tcolor:#212121;\r\nfont-family: \"urbane-rounded\", sans-serif;\r\nfont-weight: 500;\r\nfont-style: normal;\r\n\tpadding-top: 10px;\r\n\ttext-align:center;\r\n}\r\n.abtn {\r\n  display: flex;\r\n  justify-content: space-evenly;\r\n  align-items: center;\r\n  margin-top: 0.8rem;\r\n\r\n}\r\n.actionabtn {\r\n  background-color: transparent;\r\n  padding: 1rem 4rem;\r\n  font-weight: 600;\r\n  font-size: 2rem;\r\n  transition: 300ms ease;\r\nborder: solid 2px #212121;\r\nborder-radius: 8px;\r\ncolor:#212121;\r\n\ttext-transform:uppercase;\r\n\tletter-spacing:1px;\r\n\tmargin-top:20px;\r\n}\r\n.actionabtn:hover {\r\n  border: solid 2px #212121;\r\ncolor:#212121;\r\n}\r\n\r\n.actiondisclaimer {\r\n\ttext-align:center;\t\r\n}\r\n.actiondisclaimer p {\r\n\tcolor:#212121;\r\n\tfont-size:10px;\r\n\tfont-family:Arial;\r\n\tline-height: 10px;\r\npadding-top: 30px;\r\n}\r\n.qposfooter {\r\n   display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  \tposition: fixed;\r\n  \tleft: 0;\r\n  \tbottom: 0;\r\n\tborder-top:solid 1px #bb57ea;\r\n\theight:90px;\r\n \twidth: 100%;\r\n\tbackground:rgba(0,0,0, .5);\r\n}\r\n\r\n.qposfooter p {\r\n\t\tfont-family: \"urbane-rounded\", sans-serif !important;\r\n\t\tfont-weight: 300 !important;\r\n\t\tfont-style: normal;\r\n\t\tcolor:#fff;\r\n\t\ttext-transform:capitalize;\r\n\t\ttext-align:center;\r\n\t\talign-content:center;\r\n\t\tfont-size:1.4em;\r\n\t}\r\n\r\n@media only screen and (max-width:350px) {\r\n\t.qposfooter {\r\n\theight:50px;\r\n}\r\n.bigwrapper {\r\n\twidth:100vw;\r\n}\r\n.action-image img {\r\n\tmargin-top:18px;\r\n}\r\n\t\r\n.actioncontainer {\r\n\t\twidth: 100vw;\r\n\t\tmargin-top:-25%;\r\n\t}\r\n\t.action-info h2 {\r\n\t\tpadding-top:10px;\r\n\tmargin-bottom: 10px;\r\n\t\tfont-size: 25px;\r\n\t\tline-height:30px;\r\n\t}\r\n\t.action-info p {\r\n\tpadding:6px 0 10px;\r\n  font-size: 1rem;\r\n\tline-height:14px;\r\n}\r\n\t.actiondate {\r\n  font-size: 2rem;\r\n}\r\n\t.action {\r\n  height: 300px;\r\n\t\twidth:100%;\r\n\t}\r\n\t.actiondate {\r\n  font-size: 1rem;\r\n}\r\n\t.actionabtn {\r\n\tmargin:7px 0 7px 0;\r\n}\r\n\t.actiondisclaimer p {\r\npadding-top: 10px;\r\n}\r\n}<\/style>\r\n<div class=\"bigwrapper\"><div class=\"actioncontainer\">\r\n  <div class=\"action\">\r\n    <div class=\"action-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/qandycode.com\/wp-content\/uploads\/formidable\/53\/ai-generated-8985388_1280.jpg\" draggable=\"false\" \/>\r\n    <\/div>\r\n<div class=\"action-info\">\r\n      <h2>Short Offer Title<\/h2>\r\n      <p><p>Offer or Discount paragraph describing perks, benefits or rewards and more and more<\/p>\n<\/p>\r\n    <\/div>\r\n<p class=\"action-valid\">date valid:<\/p>\r\n <div class=\"actiondate\">10\/17\/2024 - 10\/23\/2024<\/div>\r\n<div class=\"abtn\">\r\n        <form action=\"http:\/\/jk.com\">\r\n      <button class=\"actionabtn\">redeem now<\/button>\r\n        <\/form>\r\n    <\/div>\r\n\r\n<div class=\"actiondisclaimer\"><p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pulvinar viverra dui. Donec nec tortor sit amet nibh commodo elementum. Duis sed euismod dolor, a dapibus nulla. Mauris quis congue sapien. Morbi ex ex, lobortis at odio nec, viverra imperdiet metus. Cras sagittis risus eu ipsum dictum malesuada. Proin accumsan auctor ligula, eu laoreet est iaculis nec.<\/p>\n<\/p><\/div>\r\n    <\/div>\r\n    <\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Short Offer Title Offer or Discount paragraph describing perks, benefits or rewards and more and more date valid: 10\/17\/2024 &#8211; 10\/23\/2024 redeem now Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pulvinar viverra dui. Donec nec tortor sit amet nibh commodo elementum. Duis sed euismod dolor, a dapibus nulla. Mauris quis congue sapien. Morbi [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"qardaction-45709 - Qandycode","description":"Short Offer Title Offer or Discount paragraph describing perks, benefits or rewards and more and more date valid: 10\/17\/2024 - 10\/23\/2024 redeem now Lorem ipsum"},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-16988","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/posts\/16988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/comments?post=16988"}],"version-history":[{"count":19,"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/posts\/16988\/revisions"}],"predecessor-version":[{"id":17343,"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/posts\/16988\/revisions\/17343"}],"wp:attachment":[{"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/media?parent=16988"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/categories?post=16988"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/tags?post=16988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}