{"id":31,"date":"2024-06-20T13:34:08","date_gmt":"2024-06-20T13:34:08","guid":{"rendered":"https:\/\/odindesignthemes.com\/struninnuicards\/?p=31"},"modified":"2024-06-25T15:21:53","modified_gmt":"2024-06-25T15:21:53","slug":"demo","status":"publish","type":"post","link":"https:\/\/odindesignthemes.com\/struninnuicards\/demo\/","title":{"rendered":"Demo"},"content":{"rendered":"\n<p>The following are examples for each widget that this plugin includes:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"digital-card-v1\">Digital Card V1<\/h2>\n\n\n    <!-- STRUNINN UI CARD DIGITAL -->\r\n    <div class=\"struninnuicard-digital struninnuicard-digital_theme-light\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"max-width: 340px;\">\r\n        <!-- CARD BODY -->\r\n        <div class=\"card__body\">\r\n                  <!-- CARD IMAGE CONTAINER -->\r\n          <div class=\"card__image-container\">\r\n                      <img decoding=\"async\" class=\"card__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/01.gif\" alt=\"\">\r\n                        <!-- TAG -->\r\n    <div class=\"tag tag_top tag_right\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_heart icon_gradient tag__icon\">\r\n      <use href=\"#svg-heart\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text\">22<\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n      <!-- TAG -->\r\n    <div class=\"tag tag_bottom tag_center struninn-countdown\" data-target-date=\"2026-04-24 00:00\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_watch icon_gradient tag__icon\">\r\n      <use href=\"#svg-watch\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text countdown__text\"><\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n            <\/div>\r\n          <!-- \/CARD IMAGE CONTAINER -->\r\n        \r\n          <!-- CARD BODY CONTENT -->\r\n          <div class=\"card__body-content\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n                          <a class=\"card__link\" href=\"#\">\r\n                            <h2 class=\"card__title\">DJ Pixel Kitty<\/h2>\r\n                          <\/a>\r\n                        <\/div>\r\n            <!-- \/CARD ROW -->\r\n\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n              <div class=\"card__column\">\r\n                    <div class=\"user__image-container user__image-container_small\">\r\n          <img decoding=\"async\" class=\"user__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/A.jpg\" alt=\"\">\r\n              <div class=\"verified-sticker verified-sticker_small\">\r\n          <!-- ICON -->\r\n    <svg class=\"icon_tick verified-sticker__icon\">\r\n      <use href=\"#svg-tick\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n        <\/div>\r\n        <\/div>\r\n                    <div class=\"card__metadata\">\r\n                                  <a class=\"card__link\" href=\"#\">\r\n                                    <p class=\"card__text\">@DexterStark<\/p>\r\n                                  <\/a>\r\n                                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n          <\/div>\r\n          <!-- \/CARD BODY CONTENT -->\r\n        <\/div>\r\n        <!-- \/CARD BODY -->\r\n\r\n              <!-- CARD FOOTER -->\r\n        <div class=\"card-footer card-footer_darker card-footer_small\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">CURRENT BID<\/p>\r\n                <p class=\"card__text card__text_bold\">24.50 U$D<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">SHARE<\/p>\r\n                  <div class=\"social__links\">\r\n        <a class=\"social__link\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_facebook social__icon\">\r\n      <use href=\"#svg-facebook\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <a class=\"social__link\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31&amp;text=DJ Pixel Kitty\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_x social__icon\">\r\n      <use href=\"#svg-x\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <\/div>\r\n                <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \/CARD ROW -->\r\n        <\/div>\r\n        <!-- \/CARD FOOTER -->\r\n            <\/div>\r\n      <!-- \/CARD -->\r\n    <\/div>\r\n    <!-- \/STRUNINN UI CARD DIGITAL -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"digital-card-v2\">Digital Card V2<\/h2>\n\n\n    <!-- STRUNINN UI CARD DIGITAL -->\r\n    <div class=\"struninnuicard-digital struninnuicard-digital_theme-light\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"max-width: 340px;\">\r\n        <!-- CARD BODY -->\r\n        <div class=\"card__body\">\r\n                  <!-- CARD IMAGE CONTAINER -->\r\n          <div class=\"card__image-container\">\r\n                      <img decoding=\"async\" class=\"card__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/02.jpg\" alt=\"\">\r\n                        <!-- TAG -->\r\n    <div class=\"tag tag_bottom tag_left struninn-countdown\" data-target-date=\"2026-04-24 00:00\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_watch icon_gradient tag__icon\">\r\n      <use href=\"#svg-watch\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text countdown__text\"><\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n            <\/div>\r\n          <!-- \/CARD IMAGE CONTAINER -->\r\n        \r\n          <!-- CARD BODY CONTENT -->\r\n          <div class=\"card__body-content\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n                          <a class=\"card__link\" href=\"#\">\r\n                            <h2 class=\"card__title\">Fractal Fire<\/h2>\r\n                          <\/a>\r\n                            <!-- TAG -->\r\n    <div class=\"tag\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_heart icon_gradient tag__icon\">\r\n      <use href=\"#svg-heart\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text\">22<\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n              <\/div>\r\n            <!-- \/CARD ROW -->\r\n          <\/div>\r\n          <!-- \/CARD BODY CONTENT -->\r\n        <\/div>\r\n        <!-- \/CARD BODY -->\r\n\r\n        <!-- CARD FOOTER -->\r\n        <div class=\"card-footer\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n            <div class=\"card__column\">\r\n                  <div class=\"user__image-container user__image-container_small\">\r\n          <img decoding=\"async\" class=\"user__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/B.jpg\" alt=\"\">\r\n              <div class=\"verified-sticker verified-sticker_small\">\r\n          <!-- ICON -->\r\n    <svg class=\"icon_tick verified-sticker__icon\">\r\n      <use href=\"#svg-tick\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n        <\/div>\r\n        <\/div>\r\n    \r\n              <div class=\"card__metadata\">\r\n                              <p class=\"card__text card__text_small\">AUTHOR<\/p>\r\n                            \r\n                              <a class=\"card__link\" href=\"#\">\r\n                                <p class=\"card__text card__text_bold\">@JackieJ<\/p>\r\n                              <\/a>\r\n                            <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                              <p class=\"card__text card__text_small\">STOCK<\/p>\r\n              \r\n                              <p class=\"card__text card__text_bold\">100\/450<\/p>\r\n                            <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \/CARD ROW -->\r\n        <\/div>\r\n        <!-- \/CARD FOOTER -->\r\n\r\n              <!-- CARD FOOTER -->\r\n        <div class=\"card-footer card-footer_darker card-footer_small\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">SHARE:<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                  <div class=\"social__links\">\r\n        <a class=\"social__link\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_facebook social__icon\">\r\n      <use href=\"#svg-facebook\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <a class=\"social__link\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31&amp;text=Fractal Fire\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_x social__icon\">\r\n      <use href=\"#svg-x\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <\/div>\r\n                <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \/CARD ROW -->\r\n        <\/div>\r\n        <!-- \/CARD FOOTER -->\r\n            <\/div>\r\n      <!-- \/CARD -->\r\n    <\/div>\r\n    <!-- \/STRUNINN UI CARD DIGITAL -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"digital-card-v3\">Digital Card V3<\/h2>\n\n\n    <!-- STRUNINN UI CARD DIGITAL -->\r\n    <div class=\"struninnuicard-digital struninnuicard-digital_theme-light\">\r\n      <!-- CARD -->\r\n      <div class=\"card card_small\" style=\"max-width: 220px;\">\r\n        <!-- CARD BODY -->\r\n        <div class=\"card__body card__body_no-padding\">\r\n                  <!-- CARD IMAGE CONTAINER -->\r\n          <div class=\"card__image-container\">\r\n                      <img decoding=\"async\" class=\"card__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/03.jpg\" alt=\"\">\r\n                        <!-- TAG -->\r\n    <div class=\"tag tag_bottom tag_center struninn-countdown\" data-target-date=\"2026-04-24 00:00\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_watch icon_gradient tag__icon\">\r\n      <use href=\"#svg-watch\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text countdown__text\"><\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n            <\/div>\r\n          <!-- \/CARD IMAGE CONTAINER -->\r\n        \r\n          <!-- CARD BODY CONTENT -->\r\n          <div class=\"card__body-content card__body-content_spaced\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row card__row_centered\">\r\n                          <a class=\"card__link\" href=\"#\">\r\n                            <h2 class=\"card__title card__title_small\">Breathing Nature<\/h2>\r\n                          <\/a>\r\n                        <\/div>\r\n            <!-- \/CARD ROW -->\r\n\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row card__row_centered\">\r\n              <div class=\"card__column\">\r\n                    <div class=\"user__image-container user__image-container_small\">\r\n          <img decoding=\"async\" class=\"user__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/C.jpg\" alt=\"\">\r\n              <div class=\"verified-sticker verified-sticker_small\">\r\n          <!-- ICON -->\r\n    <svg class=\"icon_tick verified-sticker__icon\">\r\n      <use href=\"#svg-tick\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n        <\/div>\r\n        <\/div>\r\n    \r\n                <div class=\"card__metadata\">\r\n                                  <p class=\"card__text card__text_small\">CURRENT BID<\/p>\r\n                                                  <p class=\"card__text card__text_bold\">90.55 U$D<\/p>\r\n                                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n          <\/div>\r\n          <!-- \/CARD BODY CONTENT -->\r\n        <\/div>\r\n        <!-- \/CARD BODY -->\r\n\r\n              <!-- CARD FOOTER -->\r\n        <div class=\"card-footer card-footer_darker card-footer_small\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n            <div class=\"card__column\">\r\n                <div class=\"social__links\">\r\n        <a class=\"social__link\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_facebook social__icon\">\r\n      <use href=\"#svg-facebook\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <a class=\"social__link\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31&amp;text=Breathing Nature\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_x social__icon\">\r\n      <use href=\"#svg-x\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <\/div>\r\n              <\/div>\r\n\r\n            <div class=\"card__column\">\r\n                <!-- TAG -->\r\n    <div class=\"tag tag_no-border tag_no-padding tag_small\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_heart icon_gradient tag__icon\">\r\n      <use href=\"#svg-heart\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text\">22<\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n              <\/div>\r\n          <\/div>\r\n          <!-- \/CARD ROW -->\r\n        <\/div>\r\n        <!-- \/CARD FOOTER -->\r\n            <\/div>\r\n      <!-- \/CARD -->\r\n    <\/div>\r\n    <!-- \/STRUNINN UI CARD DIGITAL -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"digital-card-v4\">Digital Card V4<\/h2>\n\n\n    <!-- STRUNINN UI CARD DIGITAL -->\r\n    <div class=\"struninnuicard-digital struninnuicard-digital_theme-light\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"max-width: 340px;\">\r\n        <!-- CARD BODY -->\r\n        <div class=\"card__body\">\r\n                  <!-- CARD IMAGE CONTAINER -->\r\n          <div class=\"card__image-container\">\r\n                      <img decoding=\"async\" class=\"card__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/04.jpg\" alt=\"\">\r\n                        <!-- TAG -->\r\n    <div class=\"tag tag_top tag_right\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_heart icon_gradient tag__icon\">\r\n      <use href=\"#svg-heart\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text\">22<\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n        <div class=\"user__image-container user__image-container_bordered\">\r\n          <img decoding=\"async\" class=\"user__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/D.jpg\" alt=\"\">\r\n              <div class=\"verified-sticker\">\r\n          <!-- ICON -->\r\n    <svg class=\"icon_tick verified-sticker__icon\">\r\n      <use href=\"#svg-tick\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n        <\/div>\r\n        <\/div>\r\n              <\/div>\r\n          <!-- \/CARD IMAGE CONTAINER -->\r\n        \r\n          <!-- CARD BODY CONTENT -->\r\n          <div class=\"card__body-content card__body-content_spaced\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n              <div class=\"card__column\">\r\n                <div class=\"card__metadata card__metadata_spaced\">\r\n                                      <div>\r\n                    <a class=\"card__link\" href=\"#\">\r\n                                        <h2 class=\"card__title\">Spongy Syrup<\/h2>\r\n                                      <\/a>\r\n                    <\/div>\r\n                  \r\n                                      <div>\r\n                    <a class=\"card__link\" href=\"#\">\r\n                                        <p class=\"card__text card__text_highlighted\">@DexterStark<\/p>\r\n                                      <\/a>\r\n                    <\/div>\r\n                                  <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n              <div class=\"card__column\">\r\n                <div class=\"card__metadata\">\r\n                  <p class=\"card__text card__text_medium card__text_bold\">90.55 U$D<\/p>\r\n                  <p class=\"card__text card__text_small\">CURRENT BID<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"card__column\">\r\n                <a class=\"card__button card__button_solid\" href=\"#\">Bid!<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n          <\/div>\r\n          <!-- \/CARD BODY CONTENT -->\r\n        <\/div>\r\n        <!-- \/CARD BODY -->\r\n\r\n              <!-- CARD FOOTER -->\r\n        <div class=\"card-footer card-footer_darker card-footer_small\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">ENDING IN<\/p>\r\n                              <div class=\"struninn-countdown\" data-target-date=\"2026-04-24 00:00\">\r\n                  <p class=\"card__text card__text_bold countdown__text\"><\/p>\r\n                <\/div>\r\n                            <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">SHARE<\/p>\r\n                  <div class=\"social__links\">\r\n        <a class=\"social__link\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_facebook social__icon\">\r\n      <use href=\"#svg-facebook\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <a class=\"social__link\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31&amp;text=Spongy Syrup\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_x social__icon\">\r\n      <use href=\"#svg-x\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <\/div>\r\n                <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \/CARD ROW -->\r\n        <\/div>\r\n        <!-- \/CARD FOOTER -->\r\n            <\/div>\r\n      <!-- \/CARD -->\r\n    <\/div>\r\n    <!-- \/STRUNINN UI CARD DIGITAL -->\r\n  \n\n\n    <!-- STRUNINN UI CARD DIGITAL -->\r\n    <div class=\"struninnuicard-digital struninnuicard-digital_theme-light\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"max-width: 340px;\">\r\n        <!-- CARD BODY -->\r\n        <div class=\"card__body\">\r\n                  <!-- CARD IMAGE CONTAINER -->\r\n          <div class=\"card__image-container\">\r\n                      <img decoding=\"async\" class=\"card__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/04.jpg\" alt=\"\">\r\n                        <!-- TAG -->\r\n    <div class=\"tag tag_top tag_right\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_heart icon_gradient tag__icon\">\r\n      <use href=\"#svg-heart\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text\">22<\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n        <div class=\"user__image-container user__image-container_bordered\">\r\n          <img decoding=\"async\" class=\"user__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/D.jpg\" alt=\"\">\r\n              <div class=\"verified-sticker\">\r\n          <!-- ICON -->\r\n    <svg class=\"icon_tick verified-sticker__icon\">\r\n      <use href=\"#svg-tick\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n        <\/div>\r\n        <\/div>\r\n              <\/div>\r\n          <!-- \/CARD IMAGE CONTAINER -->\r\n        \r\n          <!-- CARD BODY CONTENT -->\r\n          <div class=\"card__body-content card__body-content_spaced\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n              <div class=\"card__column\">\r\n                <div class=\"card__metadata card__metadata_spaced\">\r\n                                      <div>\r\n                    <a class=\"card__link\" href=\"#\">\r\n                                        <h2 class=\"card__title\">Spongy Syrup<\/h2>\r\n                                      <\/a>\r\n                    <\/div>\r\n                  \r\n                                      <div>\r\n                    <a class=\"card__link\" href=\"#\">\r\n                                        <p class=\"card__text card__text_highlighted\">@DexterStark<\/p>\r\n                                      <\/a>\r\n                    <\/div>\r\n                                  <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n              <div class=\"card__column\">\r\n                <div class=\"card__metadata\">\r\n                  <p class=\"card__text card__text_medium card__text_bold\">90.55 U$D<\/p>\r\n                  <p class=\"card__text card__text_small\">CURRENT BID<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"card__column\">\r\n                <a class=\"card__button card__button_outline\" href=\"#\">Buy Now<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n          <\/div>\r\n          <!-- \/CARD BODY CONTENT -->\r\n        <\/div>\r\n        <!-- \/CARD BODY -->\r\n\r\n              <!-- CARD FOOTER -->\r\n        <div class=\"card-footer card-footer_darker card-footer_small\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">ENDING IN<\/p>\r\n                              <div class=\"struninn-countdown\" data-target-date=\"2026-04-24 00:00\">\r\n                  <p class=\"card__text card__text_bold countdown__text\"><\/p>\r\n                <\/div>\r\n                            <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">SHARE<\/p>\r\n                  <div class=\"social__links\">\r\n        <a class=\"social__link\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_facebook social__icon\">\r\n      <use href=\"#svg-facebook\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <a class=\"social__link\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31&amp;text=Spongy Syrup\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_x social__icon\">\r\n      <use href=\"#svg-x\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <\/div>\r\n                <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \/CARD ROW -->\r\n        <\/div>\r\n        <!-- \/CARD FOOTER -->\r\n            <\/div>\r\n      <!-- \/CARD -->\r\n    <\/div>\r\n    <!-- \/STRUNINN UI CARD DIGITAL -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"digital-card-v1-dark\">Digital Card V1 &#8211; Dark Theme<\/h2>\n\n\n    <!-- STRUNINN UI CARD DIGITAL -->\r\n    <div class=\"struninnuicard-digital struninnuicard-digital_theme-dark\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"max-width: 340px;\">\r\n        <!-- CARD BODY -->\r\n        <div class=\"card__body\">\r\n                  <!-- CARD IMAGE CONTAINER -->\r\n          <div class=\"card__image-container\">\r\n                      <img decoding=\"async\" class=\"card__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/01.gif\" alt=\"\">\r\n                        <!-- TAG -->\r\n    <div class=\"tag tag_top tag_right\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_heart icon_gradient tag__icon\">\r\n      <use href=\"#svg-heart\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text\">22<\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n      <!-- TAG -->\r\n    <div class=\"tag tag_bottom tag_center struninn-countdown\" data-target-date=\"2026-04-24 00:00\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_watch icon_gradient tag__icon\">\r\n      <use href=\"#svg-watch\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text countdown__text\"><\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n            <\/div>\r\n          <!-- \/CARD IMAGE CONTAINER -->\r\n        \r\n          <!-- CARD BODY CONTENT -->\r\n          <div class=\"card__body-content\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n                          <a class=\"card__link\" href=\"#\">\r\n                            <h2 class=\"card__title\">DJ Kitty<\/h2>\r\n                          <\/a>\r\n                        <\/div>\r\n            <!-- \/CARD ROW -->\r\n\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n              <div class=\"card__column\">\r\n                    <div class=\"user__image-container user__image-container_small\">\r\n          <img decoding=\"async\" class=\"user__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/A.jpg\" alt=\"\">\r\n              <div class=\"verified-sticker verified-sticker_small\">\r\n          <!-- ICON -->\r\n    <svg class=\"icon_tick verified-sticker__icon\">\r\n      <use href=\"#svg-tick\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n        <\/div>\r\n        <\/div>\r\n                    <div class=\"card__metadata\">\r\n                                  <a class=\"card__link\" href=\"#\">\r\n                                    <p class=\"card__text\">@DexterStark<\/p>\r\n                                  <\/a>\r\n                                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n          <\/div>\r\n          <!-- \/CARD BODY CONTENT -->\r\n        <\/div>\r\n        <!-- \/CARD BODY -->\r\n\r\n              <!-- CARD FOOTER -->\r\n        <div class=\"card-footer card-footer_darker card-footer_small\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">CURRENT BID<\/p>\r\n                <p class=\"card__text card__text_bold\">24.50 U$D<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">SHARE<\/p>\r\n                  <div class=\"social__links\">\r\n        <a class=\"social__link\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_facebook social__icon\">\r\n      <use href=\"#svg-facebook\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <a class=\"social__link\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31&amp;text=DJ Kitty\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_x social__icon\">\r\n      <use href=\"#svg-x\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <\/div>\r\n                <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \/CARD ROW -->\r\n        <\/div>\r\n        <!-- \/CARD FOOTER -->\r\n            <\/div>\r\n      <!-- \/CARD -->\r\n    <\/div>\r\n    <!-- \/STRUNINN UI CARD DIGITAL -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"digital-card-v2-dark\">Digital Card V2 &#8211; Dark Theme<\/h2>\n\n\n    <!-- STRUNINN UI CARD DIGITAL -->\r\n    <div class=\"struninnuicard-digital struninnuicard-digital_theme-dark\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"max-width: 340px;\">\r\n        <!-- CARD BODY -->\r\n        <div class=\"card__body\">\r\n                  <!-- CARD IMAGE CONTAINER -->\r\n          <div class=\"card__image-container\">\r\n                      <img decoding=\"async\" class=\"card__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/02.jpg\" alt=\"\">\r\n                        <!-- TAG -->\r\n    <div class=\"tag tag_bottom tag_left struninn-countdown\" data-target-date=\"2026-04-24 00:00\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_watch icon_gradient tag__icon\">\r\n      <use href=\"#svg-watch\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text countdown__text\"><\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n            <\/div>\r\n          <!-- \/CARD IMAGE CONTAINER -->\r\n        \r\n          <!-- CARD BODY CONTENT -->\r\n          <div class=\"card__body-content\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n                          <a class=\"card__link\" href=\"#\">\r\n                            <h2 class=\"card__title\">Fractal Fire<\/h2>\r\n                          <\/a>\r\n                            <!-- TAG -->\r\n    <div class=\"tag\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_heart icon_gradient tag__icon\">\r\n      <use href=\"#svg-heart\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text\">22<\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n              <\/div>\r\n            <!-- \/CARD ROW -->\r\n          <\/div>\r\n          <!-- \/CARD BODY CONTENT -->\r\n        <\/div>\r\n        <!-- \/CARD BODY -->\r\n\r\n        <!-- CARD FOOTER -->\r\n        <div class=\"card-footer\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n            <div class=\"card__column\">\r\n                  <div class=\"user__image-container user__image-container_small\">\r\n          <img decoding=\"async\" class=\"user__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/B.jpg\" alt=\"\">\r\n              <div class=\"verified-sticker verified-sticker_small\">\r\n          <!-- ICON -->\r\n    <svg class=\"icon_tick verified-sticker__icon\">\r\n      <use href=\"#svg-tick\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n        <\/div>\r\n        <\/div>\r\n    \r\n              <div class=\"card__metadata\">\r\n                              <p class=\"card__text card__text_small\">AUTHOR<\/p>\r\n                            \r\n                              <a class=\"card__link\" href=\"#\">\r\n                                <p class=\"card__text card__text_bold\">@JackieJ<\/p>\r\n                              <\/a>\r\n                            <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                              <p class=\"card__text card__text_small\">STOCK<\/p>\r\n              \r\n                              <p class=\"card__text card__text_bold\">100\/450<\/p>\r\n                            <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \/CARD ROW -->\r\n        <\/div>\r\n        <!-- \/CARD FOOTER -->\r\n\r\n              <!-- CARD FOOTER -->\r\n        <div class=\"card-footer card-footer_darker card-footer_small\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">SHARE:<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                  <div class=\"social__links\">\r\n        <a class=\"social__link\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_facebook social__icon\">\r\n      <use href=\"#svg-facebook\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <a class=\"social__link\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31&amp;text=Fractal Fire\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_x social__icon\">\r\n      <use href=\"#svg-x\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <\/div>\r\n                <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \/CARD ROW -->\r\n        <\/div>\r\n        <!-- \/CARD FOOTER -->\r\n            <\/div>\r\n      <!-- \/CARD -->\r\n    <\/div>\r\n    <!-- \/STRUNINN UI CARD DIGITAL -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"digital-card-v3-dark\">Digital Card V3 &#8211; Dark theme<\/h2>\n\n\n    <!-- STRUNINN UI CARD DIGITAL -->\r\n    <div class=\"struninnuicard-digital struninnuicard-digital_theme-dark\">\r\n      <!-- CARD -->\r\n      <div class=\"card card_small\" style=\"max-width: 220px;\">\r\n        <!-- CARD BODY -->\r\n        <div class=\"card__body card__body_no-padding\">\r\n                  <!-- CARD IMAGE CONTAINER -->\r\n          <div class=\"card__image-container\">\r\n                      <img decoding=\"async\" class=\"card__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/03.jpg\" alt=\"\">\r\n                        <!-- TAG -->\r\n    <div class=\"tag tag_bottom tag_center struninn-countdown\" data-target-date=\"2026-04-24 00:00\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_watch icon_gradient tag__icon\">\r\n      <use href=\"#svg-watch\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text countdown__text\"><\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n            <\/div>\r\n          <!-- \/CARD IMAGE CONTAINER -->\r\n        \r\n          <!-- CARD BODY CONTENT -->\r\n          <div class=\"card__body-content card__body-content_spaced\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row card__row_centered\">\r\n                          <a class=\"card__link\" href=\"#\">\r\n                            <h2 class=\"card__title card__title_small\">Breathing Nature<\/h2>\r\n                          <\/a>\r\n                        <\/div>\r\n            <!-- \/CARD ROW -->\r\n\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row card__row_centered\">\r\n              <div class=\"card__column\">\r\n                    <div class=\"user__image-container user__image-container_small\">\r\n          <img decoding=\"async\" class=\"user__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/C.jpg\" alt=\"\">\r\n              <div class=\"verified-sticker verified-sticker_small\">\r\n          <!-- ICON -->\r\n    <svg class=\"icon_tick verified-sticker__icon\">\r\n      <use href=\"#svg-tick\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n        <\/div>\r\n        <\/div>\r\n    \r\n                <div class=\"card__metadata\">\r\n                                  <p class=\"card__text card__text_small\">CURRENT BID<\/p>\r\n                                                  <p class=\"card__text card__text_bold\">90.55 U$D<\/p>\r\n                                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n          <\/div>\r\n          <!-- \/CARD BODY CONTENT -->\r\n        <\/div>\r\n        <!-- \/CARD BODY -->\r\n\r\n              <!-- CARD FOOTER -->\r\n        <div class=\"card-footer card-footer_darker card-footer_small\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n            <div class=\"card__column\">\r\n                <div class=\"social__links\">\r\n        <a class=\"social__link\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_facebook social__icon\">\r\n      <use href=\"#svg-facebook\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <a class=\"social__link\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31&amp;text=Breathing Nature\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_x social__icon\">\r\n      <use href=\"#svg-x\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <\/div>\r\n              <\/div>\r\n\r\n            <div class=\"card__column\">\r\n                <!-- TAG -->\r\n    <div class=\"tag tag_no-border tag_no-padding tag_small\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_heart icon_gradient tag__icon\">\r\n      <use href=\"#svg-heart\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text\">22<\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n              <\/div>\r\n          <\/div>\r\n          <!-- \/CARD ROW -->\r\n        <\/div>\r\n        <!-- \/CARD FOOTER -->\r\n            <\/div>\r\n      <!-- \/CARD -->\r\n    <\/div>\r\n    <!-- \/STRUNINN UI CARD DIGITAL -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"digital-card-v4-dark\">Digital Card V4 &#8211; Dark theme<\/h2>\n\n\n    <!-- STRUNINN UI CARD DIGITAL -->\r\n    <div class=\"struninnuicard-digital struninnuicard-digital_theme-dark\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"max-width: 340px;\">\r\n        <!-- CARD BODY -->\r\n        <div class=\"card__body\">\r\n                  <!-- CARD IMAGE CONTAINER -->\r\n          <div class=\"card__image-container\">\r\n                      <img decoding=\"async\" class=\"card__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/04.jpg\" alt=\"\">\r\n                        <!-- TAG -->\r\n    <div class=\"tag tag_top tag_right\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_heart icon_gradient tag__icon\">\r\n      <use href=\"#svg-heart\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text\">22<\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n        <div class=\"user__image-container user__image-container_bordered\">\r\n          <img decoding=\"async\" class=\"user__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/D.jpg\" alt=\"\">\r\n              <div class=\"verified-sticker\">\r\n          <!-- ICON -->\r\n    <svg class=\"icon_tick verified-sticker__icon\">\r\n      <use href=\"#svg-tick\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n        <\/div>\r\n        <\/div>\r\n              <\/div>\r\n          <!-- \/CARD IMAGE CONTAINER -->\r\n        \r\n          <!-- CARD BODY CONTENT -->\r\n          <div class=\"card__body-content card__body-content_spaced\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n              <div class=\"card__column\">\r\n                <div class=\"card__metadata card__metadata_spaced\">\r\n                                      <div>\r\n                    <a class=\"card__link\" href=\"#\">\r\n                                        <h2 class=\"card__title\">Spongy Syrup<\/h2>\r\n                                      <\/a>\r\n                    <\/div>\r\n                  \r\n                                      <div>\r\n                    <a class=\"card__link\" href=\"#\">\r\n                                        <p class=\"card__text card__text_highlighted\">@DexterStark<\/p>\r\n                                      <\/a>\r\n                    <\/div>\r\n                                  <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n              <div class=\"card__column\">\r\n                <div class=\"card__metadata\">\r\n                  <p class=\"card__text card__text_medium card__text_bold\">90.55 U$D<\/p>\r\n                  <p class=\"card__text card__text_small\">CURRENT BID<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"card__column\">\r\n                <a class=\"card__button card__button_solid\" href=\"#\">Bid!<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n          <\/div>\r\n          <!-- \/CARD BODY CONTENT -->\r\n        <\/div>\r\n        <!-- \/CARD BODY -->\r\n\r\n              <!-- CARD FOOTER -->\r\n        <div class=\"card-footer card-footer_darker card-footer_small\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">ENDING IN<\/p>\r\n                              <div class=\"struninn-countdown\" data-target-date=\"2026-04-24 00:00\">\r\n                  <p class=\"card__text card__text_bold countdown__text\"><\/p>\r\n                <\/div>\r\n                            <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">SHARE<\/p>\r\n                  <div class=\"social__links\">\r\n        <a class=\"social__link\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_facebook social__icon\">\r\n      <use href=\"#svg-facebook\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <a class=\"social__link\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31&amp;text=Spongy Syrup\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_x social__icon\">\r\n      <use href=\"#svg-x\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <\/div>\r\n                <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \/CARD ROW -->\r\n        <\/div>\r\n        <!-- \/CARD FOOTER -->\r\n            <\/div>\r\n      <!-- \/CARD -->\r\n    <\/div>\r\n    <!-- \/STRUNINN UI CARD DIGITAL -->\r\n  \n\n\n    <!-- STRUNINN UI CARD DIGITAL -->\r\n    <div class=\"struninnuicard-digital struninnuicard-digital_theme-dark\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"max-width: 340px;\">\r\n        <!-- CARD BODY -->\r\n        <div class=\"card__body\">\r\n                  <!-- CARD IMAGE CONTAINER -->\r\n          <div class=\"card__image-container\">\r\n                      <img decoding=\"async\" class=\"card__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/04.jpg\" alt=\"\">\r\n                        <!-- TAG -->\r\n    <div class=\"tag tag_top tag_right\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_heart icon_gradient tag__icon\">\r\n      <use href=\"#svg-heart\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      \r\n          <p class=\"tag__text\">22<\/p>\r\n        <\/div>\r\n    <!-- \/TAG -->\r\n        <div class=\"user__image-container user__image-container_bordered\">\r\n          <img decoding=\"async\" class=\"user__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/D.jpg\" alt=\"\">\r\n              <div class=\"verified-sticker\">\r\n          <!-- ICON -->\r\n    <svg class=\"icon_tick verified-sticker__icon\">\r\n      <use href=\"#svg-tick\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n        <\/div>\r\n        <\/div>\r\n              <\/div>\r\n          <!-- \/CARD IMAGE CONTAINER -->\r\n        \r\n          <!-- CARD BODY CONTENT -->\r\n          <div class=\"card__body-content card__body-content_spaced\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n              <div class=\"card__column\">\r\n                <div class=\"card__metadata card__metadata_spaced\">\r\n                                      <div>\r\n                    <a class=\"card__link\" href=\"#\">\r\n                                        <h2 class=\"card__title\">Spongy Syrup<\/h2>\r\n                                      <\/a>\r\n                    <\/div>\r\n                  \r\n                                      <div>\r\n                    <a class=\"card__link\" href=\"#\">\r\n                                        <p class=\"card__text card__text_highlighted\">@DexterStark<\/p>\r\n                                      <\/a>\r\n                    <\/div>\r\n                                  <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n              <div class=\"card__column\">\r\n                <div class=\"card__metadata\">\r\n                  <p class=\"card__text card__text_medium card__text_bold\">90.55 U$D<\/p>\r\n                  <p class=\"card__text card__text_small\">CURRENT BID<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"card__column\">\r\n                <a class=\"card__button card__button_outline\" href=\"#\">Buy Now<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n          <\/div>\r\n          <!-- \/CARD BODY CONTENT -->\r\n        <\/div>\r\n        <!-- \/CARD BODY -->\r\n\r\n              <!-- CARD FOOTER -->\r\n        <div class=\"card-footer card-footer_darker card-footer_small\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">ENDING IN<\/p>\r\n                              <div class=\"struninn-countdown\" data-target-date=\"2026-04-24 00:00\">\r\n                  <p class=\"card__text card__text_bold countdown__text\"><\/p>\r\n                <\/div>\r\n                            <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card__column\">\r\n              <div class=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">SHARE<\/p>\r\n                  <div class=\"social__links\">\r\n        <a class=\"social__link\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_facebook social__icon\">\r\n      <use href=\"#svg-facebook\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <a class=\"social__link\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31&amp;text=Spongy Syrup\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_x social__icon\">\r\n      <use href=\"#svg-x\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/a>\r\n      <\/div>\r\n                <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \/CARD ROW -->\r\n        <\/div>\r\n        <!-- \/CARD FOOTER -->\r\n            <\/div>\r\n      <!-- \/CARD -->\r\n    <\/div>\r\n    <!-- \/STRUNINN UI CARD DIGITAL -->\r\n  \n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-2 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The following are examples for each widget that this plugin includes: Digital Card V1 Digital Card V2 Digital Card V3 Digital Card V4 Digital Card V1 &#8211; Dark Theme Digital Card V2 &#8211; Dark Theme Digital Card V3 &#8211; Dark theme Digital Card V4 &#8211; Dark theme<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,2],"tags":[],"class_list":["post-31","post","type-post","status-publish","format-standard","hentry","category-digital-items-and-auctions","category-struninn-ui-cards"],"_links":{"self":[{"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31"}],"collection":[{"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":7,"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/31\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/media?parent=31"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/categories?post=31"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/tags?post=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}