{"id":90,"date":"2024-06-25T17:25:39","date_gmt":"2024-06-25T17:25:39","guid":{"rendered":"https:\/\/odindesignthemes.com\/struninnuicards\/?p=90"},"modified":"2024-06-25T17:28:46","modified_gmt":"2024-06-25T17:28:46","slug":"demo-2","status":"publish","type":"post","link":"https:\/\/odindesignthemes.com\/struninnuicards\/demo-2\/","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=\"card-v1\">Sports Player Card V1<\/h2>\n\n\n    <!-- STRUNINN UI CARD SPORTS PLAYER -->\r\n    <div class=\"struninnuicard-sportsplayer struninnuicard-sportsplayer_theme-light\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"--card-primary-color: #ff3d3d; 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.png\" alt=\"\">\r\n                                <div class=\"quarter-circle quarter-circle_right\"><\/div>\r\n            <div class=\"card__badge-container card__badge-container_small card__badge-container_right\">\r\n              <img decoding=\"async\" class=\"card__badge-image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/A.png\" alt=\"\">\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\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n              <div class=\"card__column\">\r\n                <div class=\"card__metadata\">\r\n                                  <a class=\"card__link\" href=\"#\">\r\n                                  <h2 class=\"card__title\">Steven Rodgers<\/h2>\r\n                                  <\/a>\r\n                \r\n                                  <p class=\"card__text\">STRIKER<\/p>\r\n                                <\/div>\r\n              <\/div>\r\n\r\n                          <div class=\"card__column\">\r\n                <div class=\"tag tag_medium\">\r\n                  <p class=\"tag__text tag__text_medium\">10<\/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=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">SOCIAL ACCOUNTS:<\/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=\"#\" 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=\"#\" 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      <a class=\"social__link\" href=\"#\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_instagram social__icon\">\r\n      <use href=\"#svg-instagram\"><\/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 SPORTS PLAYER -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"card-v2\">Sports Player Card V2<\/h2>\n\n\n    <!-- STRUNINN UI CARD SPORTS PLAYER -->\r\n    <div class=\"struninnuicard-sportsplayer struninnuicard-sportsplayer_theme-light\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"--card-primary-color: #00ade3; 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-1.jpg\" alt=\"\">\r\n                                <div class=\"half-square-top half-square-top_left\"><\/div>\r\n            <div class=\"card__badge-container card__badge-container_medium\">\r\n              <img decoding=\"async\" class=\"card__badge-image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/B.png\" alt=\"\">\r\n            <\/div>\r\n          \r\n                      <div class=\"half-square-bottom half-square-bottom_bottom half-square-bottom_right\"><\/div>\r\n            <p class=\"card__number card__number_bottom card__number_right\">27<\/p>\r\n          \r\n                      <div class=\"tag tag_rounded tag_bottom tag_center\">\r\n              <p class=\"tag__text\">FORWARD<\/p>\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\">\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\">Jessica Parker<\/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                          <p class=\"card__text\">Blue Demons<\/p>\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 card__row_centered\">\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=\"#\" 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=\"#\" 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      <a class=\"social__link\" href=\"#\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_instagram social__icon\">\r\n      <use href=\"#svg-instagram\"><\/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 SPORTS PLAYER -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"card-v3\">Sports Player Card V3<\/h2>\n\n\n    <!-- STRUNINN UI CARD SPORTS PLAYER -->\r\n    <div class=\"struninnuicard-sportsplayer struninnuicard-sportsplayer_theme-light\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"--card-primary-color: #ff9a3d; max-width: 340px;\">\r\n              <div class=\"tag tag_big tag_right\">\r\n          <p class=\"tag__text tag__text_big\">19<\/p>\r\n        <\/div>\r\n            \r\n        <!-- CARD BODY -->\r\n        <div class=\"card__body\">\r\n                  <!-- CARD IMAGE CONTAINER -->\r\n          <div class=\"card__image-container card__image-container_medium\">\r\n                      <img decoding=\"async\" class=\"card__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/03-1.jpg\" alt=\"\">\r\n          \r\n            <div class=\"card__overlay\">\r\n              <div class=\"card__overlay-row\">\r\n                              <div class=\"card__badge-container\">\r\n                  <img decoding=\"async\" class=\"card__badge-image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/C.png\" alt=\"\">\r\n                <\/div>\r\n                                            <a class=\"card__link\" href=\"#\">\r\n                              <h2 class=\"card__title card__title_medium card__title_bold\">M. JAMESON<\/h2>\r\n                              <\/a>\r\n                              <div class=\"tag tag_rounded\">\r\n                  <p class=\"tag__text tag__text_small\">SHOOTING GUARD<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \/CARD IMAGE CONTAINER -->\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 card__row_centered\">\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=\"#\" 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=\"#\" 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      <a class=\"social__link\" href=\"#\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_instagram social__icon\">\r\n      <use href=\"#svg-instagram\"><\/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 SPORTS PLAYER -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"card-v4\">Sports Player Card V4<\/h2>\n\n\n    <!-- STRUNINN UI CARD SPORTS PLAYER -->\r\n    <div class=\"struninnuicard-sportsplayer struninnuicard-sportsplayer_theme-light\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"--card-primary-color: #a35aff; 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-1.jpg\" alt=\"\">\r\n                    \r\n            <div class=\"half-square-bottom half-square-bottom_long half-square-bottom_inverted half-square-bottom_bottom\"><\/div>\r\n            <div class=\"half-square-bottom half-square-bottom_long half-square-bottom_bottom half-square-bottom_right\"><\/div>\r\n\r\n                      <div class=\"card__badge-container card__badge-container_medium card__badge-container_center card__badge-container_bottom\">\r\n              <img decoding=\"async\" class=\"card__badge-image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/D.png\" alt=\"\">\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 card__body-content_small-padding\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row card__row_centered\">\r\n              <h2 class=\"card__title card__title_bold card__title_tiny\">LAUREN<\/h2>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row card__row_centered card__row_joined\">\r\n                          <a class=\"card__link\" href=\"#\">\r\n                          <h2 class=\"card__title card__title_bold card__title_big\">SAKURAMI<\/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=\"social__links\">\r\n        <a class=\"social__link\" href=\"#\" 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=\"#\" 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      <a class=\"social__link\" href=\"#\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_instagram social__icon\">\r\n      <use href=\"#svg-instagram\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/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_smaller\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n                      <div class=\"tag tag_small tag_float-center\">\r\n              <p class=\"tag__text\">48<\/p>\r\n            <\/div>\r\n          \r\n            <div class=\"card__column\">\r\n              <p class=\"card__text card__text_small\">PURPLE TEAM<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"card__column\">\r\n              <p class=\"card__text card__text_small\">FULL BACK<\/p>\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 SPORTS PLAYER -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"card-v1-dark\">Sports Player Card V1 &#8211; Dark Theme<\/h2>\n\n\n    <!-- STRUNINN UI CARD SPORTS PLAYER -->\r\n    <div class=\"struninnuicard-sportsplayer struninnuicard-sportsplayer_theme-dark\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"--card-primary-color: #ff3d3d; 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.png\" alt=\"\">\r\n                                <div class=\"quarter-circle quarter-circle_right\"><\/div>\r\n            <div class=\"card__badge-container card__badge-container_small card__badge-container_right\">\r\n              <img decoding=\"async\" class=\"card__badge-image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/A.png\" alt=\"\">\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\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row\">\r\n              <div class=\"card__column\">\r\n                <div class=\"card__metadata\">\r\n                                  <a class=\"card__link\" href=\"#\">\r\n                                  <h2 class=\"card__title\">Steven Rodgers<\/h2>\r\n                                  <\/a>\r\n                \r\n                                  <p class=\"card__text\">STRIKER<\/p>\r\n                                <\/div>\r\n              <\/div>\r\n\r\n                          <div class=\"card__column\">\r\n                <div class=\"tag tag_medium\">\r\n                  <p class=\"tag__text tag__text_medium\">10<\/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=\"card__metadata\">\r\n                <p class=\"card__text card__text_small\">SOCIAL ACCOUNTS:<\/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=\"#\" 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=\"#\" 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      <a class=\"social__link\" href=\"#\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_instagram social__icon\">\r\n      <use href=\"#svg-instagram\"><\/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 SPORTS PLAYER -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"card-v2-dark\">Sports Player Card V2 &#8211; Dark Theme<\/h2>\n\n\n    <!-- STRUNINN UI CARD SPORTS PLAYER -->\r\n    <div class=\"struninnuicard-sportsplayer struninnuicard-sportsplayer_theme-dark\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"--card-primary-color: #00ade3; 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-1.jpg\" alt=\"\">\r\n                                <div class=\"half-square-top half-square-top_left\"><\/div>\r\n            <div class=\"card__badge-container card__badge-container_medium\">\r\n              <img decoding=\"async\" class=\"card__badge-image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/B.png\" alt=\"\">\r\n            <\/div>\r\n          \r\n                      <div class=\"half-square-bottom half-square-bottom_bottom half-square-bottom_right\"><\/div>\r\n            <p class=\"card__number card__number_bottom card__number_right\">27<\/p>\r\n          \r\n                      <div class=\"tag tag_rounded tag_bottom tag_center\">\r\n              <p class=\"tag__text\">FORWARD<\/p>\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\">\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\">Jessica Parker<\/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                          <p class=\"card__text\">Blue Demons<\/p>\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 card__row_centered\">\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=\"#\" 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=\"#\" 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      <a class=\"social__link\" href=\"#\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_instagram social__icon\">\r\n      <use href=\"#svg-instagram\"><\/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 SPORTS PLAYER -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"card-v3-dark\">Sports Player Card V3 &#8211; Dark Theme<\/h2>\n\n\n    <!-- STRUNINN UI CARD SPORTS PLAYER -->\r\n    <div class=\"struninnuicard-sportsplayer struninnuicard-sportsplayer_theme-dark\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"--card-primary-color: #ff9a3d; max-width: 340px;\">\r\n              <div class=\"tag tag_big tag_right\">\r\n          <p class=\"tag__text tag__text_big\">19<\/p>\r\n        <\/div>\r\n            \r\n        <!-- CARD BODY -->\r\n        <div class=\"card__body\">\r\n                  <!-- CARD IMAGE CONTAINER -->\r\n          <div class=\"card__image-container card__image-container_medium\">\r\n                      <img decoding=\"async\" class=\"card__image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/03-1.jpg\" alt=\"\">\r\n          \r\n            <div class=\"card__overlay\">\r\n              <div class=\"card__overlay-row\">\r\n                              <div class=\"card__badge-container\">\r\n                  <img decoding=\"async\" class=\"card__badge-image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/C.png\" alt=\"\">\r\n                <\/div>\r\n                                            <a class=\"card__link\" href=\"#\">\r\n                              <h2 class=\"card__title card__title_medium card__title_bold\">M. JAMESON<\/h2>\r\n                              <\/a>\r\n                              <div class=\"tag tag_rounded\">\r\n                  <p class=\"tag__text tag__text_small\">SHOOTING GUARD<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \/CARD IMAGE CONTAINER -->\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 card__row_centered\">\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=\"#\" 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=\"#\" 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      <a class=\"social__link\" href=\"#\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_instagram social__icon\">\r\n      <use href=\"#svg-instagram\"><\/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 SPORTS PLAYER -->\r\n  \n\n\n\n<h2 class=\"wp-block-heading\" id=\"card-v4-dark\">Sports Player Card V4 &#8211; Dark Theme<\/h2>\n\n\n    <!-- STRUNINN UI CARD SPORTS PLAYER -->\r\n    <div class=\"struninnuicard-sportsplayer struninnuicard-sportsplayer_theme-dark\">\r\n      <!-- CARD -->\r\n      <div class=\"card\" style=\"--card-primary-color: #a35aff; 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-1.jpg\" alt=\"\">\r\n                    \r\n            <div class=\"half-square-bottom half-square-bottom_long half-square-bottom_inverted half-square-bottom_bottom\"><\/div>\r\n            <div class=\"half-square-bottom half-square-bottom_long half-square-bottom_bottom half-square-bottom_right\"><\/div>\r\n\r\n                      <div class=\"card__badge-container card__badge-container_medium card__badge-container_center card__badge-container_bottom\">\r\n              <img decoding=\"async\" class=\"card__badge-image\" src=\"https:\/\/odindesignthemes.com\/struninnuicards\/wp-content\/uploads\/2024\/06\/D.png\" alt=\"\">\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 card__body-content_small-padding\">\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row card__row_centered\">\r\n              <h2 class=\"card__title card__title_bold card__title_tiny\">LAUREN<\/h2>\r\n            <\/div>\r\n            <!-- \/CARD ROW -->\r\n\r\n            <!-- CARD ROW -->\r\n            <div class=\"card__row card__row_centered card__row_joined\">\r\n                          <a class=\"card__link\" href=\"#\">\r\n                          <h2 class=\"card__title card__title_bold card__title_big\">SAKURAMI<\/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=\"social__links\">\r\n        <a class=\"social__link\" href=\"#\" 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=\"#\" 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      <a class=\"social__link\" href=\"#\" target=\"_blank\">\r\n        <!-- ICON -->\r\n    <svg class=\"icon_instagram social__icon\">\r\n      <use href=\"#svg-instagram\"><\/use>\r\n    <\/svg>\r\n    <!-- ICON -->\r\n      <\/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_smaller\">\r\n          <!-- CARD ROW -->\r\n          <div class=\"card__row\">\r\n                      <div class=\"tag tag_small tag_float-center\">\r\n              <p class=\"tag__text\">48<\/p>\r\n            <\/div>\r\n          \r\n            <div class=\"card__column\">\r\n              <p class=\"card__text card__text_small\">PURPLE TEAM<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"card__column\">\r\n              <p class=\"card__text card__text_small\">FULL BACK<\/p>\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 SPORTS PLAYER -->\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: Sports Player Card V1 Sports Player Card V2 Sports Player Card V3 Sports Player Card V4 Sports Player Card V1 &#8211; Dark Theme Sports Player Card V2 &#8211; Dark Theme Sports Player Card V3 &#8211; Dark Theme Sports Player Card V4 &#8211; Dark Theme<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,2],"tags":[],"class_list":["post-90","post","type-post","status-publish","format-standard","hentry","category-sports-player","category-struninn-ui-cards"],"_links":{"self":[{"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/90"}],"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=90"}],"version-history":[{"count":4,"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/90\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/posts\/90\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/media?parent=90"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/categories?post=90"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/odindesignthemes.com\/struninnuicards\/wp-json\/wp\/v2\/tags?post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}