{"id":10,"date":"2022-11-03T13:01:06","date_gmt":"2022-11-03T13:01:06","guid":{"rendered":"https:\/\/adsimmons21.wordpress.com\/home-2\/"},"modified":"2023-04-10T23:14:08","modified_gmt":"2023-04-10T23:14:08","slug":"home-2","status":"publish","type":"page","link":"https:\/\/alyssadanae.art\/sneakers\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-f782e618 wp-block-group-is-layout-constrained\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<h2 class=\"wp-block-heading\" id=\"decor-for-the-cozy-interior\" style=\"font-size:clamp(35.2px, 2.2rem + ((1vw - 3.2px) * 3.273), 64px);\"><span class=\"uppercase\">Al&#8217;s Sneakers<\/span><\/h2>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:5vw;flex-basis:45%\">\n<h2 class=\"wp-block-heading has-x-large-font-size\" id=\"for-a-breath-of-fresh-air-welcome-a-new-plant-to-your-space\" style=\"line-height:1.25\">Why have boring sneakers when you can have some that pop?<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);\">We are a sneaker brand that uses ethically sourced sneakers, to bring pops of color and flavor to your everyday style!<\/p>\n\n\n\n<p>Each of our sneakers was specially designed by one of our master artists for you to enjoy. Whether you are a soccer mom or an average Chad you will enjoy our shoes.  <\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-medium-padding is-nowrap is-layout-flex wp-container-core-group-is-layout-b8310b85 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized wp-duotone-00d500-67ff66-1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dornademo.files.wordpress.com\/2022\/02\/frame-10.png?w=96\" alt=\"\" class=\"wp-image-29\" width=\"48\" height=\"49\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">They feel light and comfortable<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-medium-padding is-nowrap is-layout-flex wp-container-core-group-is-layout-b8310b85 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized wp-duotone-00ff00-ffffff-2\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dornademo.files.wordpress.com\/2022\/02\/icon-2.png?w=96\" alt=\"\" class=\"wp-image-30\" width=\"48\" height=\"48\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">great for activity<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-medium-padding is-nowrap is-layout-flex wp-container-core-group-is-layout-b8310b85 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized wp-duotone-00d500-67ff66-3\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dornademo.files.wordpress.com\/2022\/02\/icon-1-1.png?w=102\" alt=\"\" class=\"wp-image-31\" width=\"51\" height=\"48\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">Water-resistant<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading alignwide\" id=\"decor-for-the-cozy-interior\" style=\"font-size:clamp(35.2px, 2.2rem + ((1vw - 3.2px) * 3.273), 64px);text-transform:capitalize\">*<span class=\"uppercase\">Sneakers<\/span>*<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-e02df366 wp-block-columns-is-layout-flex\" style=\"padding-right:0;padding-left:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<!--\n          Source Tutorial\n          [https:\/\/www.youtube.com\/watch?v=jUByQLfakJ8]\n      -->\n\t  <style>\n\t\t\/*\n\t\t* Prefixed by https:\/\/autoprefixer.github.io\n\t\t* PostCSS: v7.0.29,\n\t\t* Autoprefixer: v9.7.6\n\t\t* Browsers: last 4 version\n\t\t*\/\n\t\t\n\t\t\/*\n\t\t  By HappyDias\n\t\t*\/\n\t\t\n\t\t\n\t\t:root {\n\t\t  --main-color : #9bdc28\n\t\t}\n\t\t\n\t\t* {\n\t\t  margin: 0;\n\t\t  padding: 0;\n\t\t}\n\t\t\n\t\tbody {\n\t\t  display: -webkit-box;\n\t\t  display: -ms-flexbox;\n\t\t  display: flex;\n\t\t  -webkit-box-pack: center;\n\t\t\t  -ms-flex-pack: center;\n\t\t\t\t  justify-content: center;\n\t\t  -webkit-box-align: center;\n\t\t\t  -ms-flex-align: center;\n\t\t\t\t  align-items: center;\n\t\t  min-height: 100vh;\n\t\t\n\t\t}\n\t\t\n\t\t.conainter {\n\t\t  position: relative\n\t\t}\n\t\t\n\t\t.container .card {\n\t\t  position: relative;\n\t\t  width: 320px;\n\t\t  height: 450px;\n\t\t  background: #232323;\n\t\t  border-radius: 20px;\n\t\t  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.9);\n\t\t\t\t  box-shadow: 0 0 10px 5px rgba(0,0,0,.9);\n\t\t  overflow: hidden;\n\t\t  -webkit-transition: .5s ease-in-out;\n\t\t  -o-transition: .5s ease-in-out;\n\t\t  transition: .5s ease-in-out\n\t\t}\n\t\t\n\t\t.container .card:hover {\n\t\t  -webkit-box-shadow: 0 30px 10px -20px rgba(0,0,0,1);\n\t\t\t\t  box-shadow: 0 30px 10px -20px rgba(0,0,0,1);\n\t\t}\n\t\t\n\t\t.container .card::before {\n\t\t  content: '';\n\t\t  position: absolute;\n\t\t  top: 0;\n\t\t  left: 0;\n\t\t  width: 100%;\n\t\t  height: 100%;\n\t\t  background: var(--main-color);\n\t\t  -webkit-clip-path: circle(150px at 80% 20%);\n\t\t\t\t  clip-path: circle(150px at 80% 20%);\n\t\t  -webkit-transition: .5s ease-in-out;\n\t\t  -o-transition: .5s ease-in-out;\n\t\t  transition: .5s ease-in-out\n\t\t}\n\t\t\n\t\t.container .card:hover::before {\n\t\t  -webkit-clip-path: circle(300px at 80% -20%);\n\t\t\t\t  clip-path: circle(300px at 80% -20%);\n\t\t}\n\t\t\n\t\t.container .card::after {\n\t\t  content: 'Als';\n\t\t  position: absolute;\n\t\t  top: 30%;\n\t\t  left: -20%;\n\t\t  font-size: 12em;\n\t\t  font-weight: 800;\n\t\t  font-style: italic;\n\t\t  color: rgba(255,255,255,0.04)\n\t\t}\n\t\t\n\t\t.container .card .imgbox {\n\t\t  position: absolute;\n\t\t  top: 50%;\n\t\t  -webkit-transform: translateY(-50%);\n\t\t\t  -ms-transform: translateY(-50%);\n\t\t\t\t  transform: translateY(-50%);\n\t\t  z-index: 1000;\n\t\t  width: 100%;\n\t\t  height: 220px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .imgbox {\n\t\t  top: 0%;\n\t\t  -webkit-transform: translateY(0%);\n\t\t\t  -ms-transform: translateY(0%);\n\t\t\t\t  transform: translateY(0%)\n\t\t}\n\t\t\n\t\t.container .card .imgbox img {\n\t\t  position: absolute;\n\t\t  top: 50%;\n\t\t  left: 50%;\n\t\t  -webkit-transform: translate(-50%,-50%) rotate(-25deg);\n\t\t\t  -ms-transform: translate(-50%,-50%) rotate(-25deg);\n\t\t\t\t  transform: translate(-50%,-50%) rotate(-25deg);\n\t\t  width: 270px\n\t\t}\n\t\t\n\t\t.container .card .contentbox {\n\t\t  position: absolute;\n\t\t  bottom: 0;\n\t\t  width: 100%;\n\t\t  height: 100px;\n\t\t  text-align: center;\n\t\t  -webkit-transition: 1s;\n\t\t  -o-transition: 1s;\n\t\t  transition: 1s;\n\t\t  z-index: 10\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox {\n\t\t  height: 210px\n\t\t}\n\t\t\n\t\t.container .card .contentbox h2 {\n\t\t  position: relative;\n\t\t  font-weight: 600;\n\t\t  letter-spacing: 1px;\n\t\t  color: #fff\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size,\n\t\t.container .card .contentbox .color{\n\t\t  display: -webkit-box;\n\t\t  display: -ms-flexbox;\n\t\t  display: flex;\n\t\t  -webkit-box-pack: center;\n\t\t\t  -ms-flex-pack: center;\n\t\t\t\t  justify-content: center;\n\t\t  -webkit-box-align: center;\n\t\t\t  -ms-flex-align: center;\n\t\t\t\t  align-items: center;\n\t\t  padding: 8px 20px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s;\n\t\t  opacity: 0;\n\t\t  visibility: hidden\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox .size {\n\t\t  opacity: 1;\n\t\t  visibility: visible;\n\t\t  -webkit-transition-delay: .5s;\n\t\t\t   -o-transition-delay: .5s;\n\t\t\t\t  transition-delay: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox .color {\n\t\t  opacity: 1;\n\t\t  visibility: visible;\n\t\t  -webkit-transition-delay: .7s;\n\t\t\t   -o-transition-delay: .7s;\n\t\t\t\t  transition-delay: .7s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size h3,\n\t\t.container .card .contentbox .color h3{\n\t\t  color:#fff;\n\t\t  font-weight: 300;\n\t\t  font-size: 14px;\n\t\t  text-transform: uppercase;\n\t\t  letter-spacing: 2px;\n\t\t  margin-right: 10px\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size span {\n\t\t  width: 26px;\n\t\t  height: 26px;\n\t\t  line-height: 26px;\n\t\t  text-align: center;\n\t\t  font-size: 14px;\n\t\t  display: inline-block;\n\t\t  color: #111;\n\t\t  background: #fff;\n\t\t  margin: 0 5px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s;\n\t\t  border-radius: 4px;\n\t\t  cursor: pointer\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size span:hover {\n\t\t  background: var(--main-color);\n\t\t  -webkit-transform: translateY(-5px);\n\t\t\t  -ms-transform: translateY(-5px);\n\t\t\t\t  transform: translateY(-5px);\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span {\n\t\t  width: 20px;\n\t\t  height:20px;\n\t\t  border-radius: 50%;\n\t\t  margin: 0 5px;\n\t\t  cursor: pointer;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:hover {\n\t\t  -webkit-transform: translateY(-5px);\n\t\t\t  -ms-transform: translateY(-5px);\n\t\t\t\t  transform: translateY(-5px);\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(2) {\n\t\t  background: var(--main-color)\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(3) {\n\t\t  background: #03a9f4;\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(4) {\n\t\t  background: #e91e63;\n\t\t}\n\t\t\n\t\t.container .card .contentbox a {\n\t\t display: inline-block;\n\t\t  padding: 10px 20px;\n\t\t  background: #fff;\n\t\t  border-radius: 4px;\n\t\t  margin-top: 10px;\n\t\t  text-decoration: none;\n\t\t  font-weight: 600;\n\t\t  color: #111;\n\t\t  opacity: 0;\n\t\t  -webkit-transform: translateY(50px);\n\t\t\t  -ms-transform: translateY(50px);\n\t\t\t\t  transform: translateY(50px);\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox a {\n\t\t  opacity: 1;\n\t\t  -webkit-transform: translateY(0px);\n\t\t\t  -ms-transform: translateY(0px);\n\t\t\t\t  transform: translateY(0px);\n\t\t  -webkit-transition-delay: .5s;\n\t\t\t   -o-transition-delay: .5s;\n\t\t\t\t  transition-delay: .5s\n\t\t}\n\n\t\t.container .card:hover .contentbox a:hover{\n\t\t\tbackground-color: var(--main-color);\n\t\t}\n\t\t.greent {\n\t\tcolor: var(--main-color);\n\t\t}\n\t\t\n\t\t<\/style>\n\t\t<div class=\"container\">\n\t\t  <div class=\"card\">\n\t\t\t<div class=\"imgbox\">\n\t\t\t  <img decoding=\"async\" src=\"https:\/\/alyssadanae.art\/sneakers\/wp-content\/uploads\/sites\/5\/2022\/12\/shoe-1.2-clear-1.png\">\n\t\t\t<\/div>\n\t\t\t<div class=\"contentbox\">\n\t\t\t  <h2>Stamps<\/h2>\n\t\t\t  <div class=\"size\">\n\t\t\t\t<h3>Sizes :<\/h3>\n\t\t\t\t<span>7<\/span>\n\t\t\t\t<span>8<\/span>\n\t\t\t\t<span>9<\/span>\n\t\t\t\t<span>10<\/span>\n\t\t\t  <\/div>\n\t\t\t  <div class=\"color\">\n\t\t\t\t<h3>Price: <span class=\"greent\"><big>84.99<\/big><\/span><\/h3>\n\t\t\t  <\/div>\n\t\t\t  <a href=\"https:\/\/alyssadanae.art\/sneakers\/stamps\/\" title=\"Buy Now\">More Info<\/a>\n\t\t\t<\/div>\n\t\t  <\/div>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t<!--\n\t\t  Photo Source :\n\t\t  http:\/\/pngimg.com\/download\/5816\n\t\t-->\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<!--\n          Source Tutorial\n          [https:\/\/www.youtube.com\/watch?v=jUByQLfakJ8]\n      -->\n\t  <style>\n\t\t\/*\n\t\t* Prefixed by https:\/\/autoprefixer.github.io\n\t\t* PostCSS: v7.0.29,\n\t\t* Autoprefixer: v9.7.6\n\t\t* Browsers: last 4 version\n\t\t*\/\n\t\t\n\t\t\/*\n\t\t  By HappyDias\n\t\t*\/\n\t\t\n\t\t\n\t\t:root {\n\t\t  --main-color : #9bdc28\n\t\t}\n\t\t\n\t\t* {\n\t\t  margin: 0;\n\t\t  padding: 0;\n\t\t}\n\t\t\n\t\tbody {\n\t\t  display: -webkit-box;\n\t\t  display: -ms-flexbox;\n\t\t  display: flex;\n\t\t  -webkit-box-pack: center;\n\t\t\t  -ms-flex-pack: center;\n\t\t\t\t  justify-content: center;\n\t\t  -webkit-box-align: center;\n\t\t\t  -ms-flex-align: center;\n\t\t\t\t  align-items: center;\n\t\t  min-height: 100vh;\n\t\t  \n\t\t}\n\t\t\n\t\t.conainter {\n\t\t  position: relative\n\t\t}\n\t\t\n\t\t.container .card {\n\t\t  position: relative;\n\t\t  width: 320px;\n\t\t  height: 450px;\n\t\t  background: #232323;\n\t\t  border-radius: 20px;\n\t\t  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.9);\n\t\t\t\t  box-shadow: 0 0 10px 5px rgba(0,0,0,.9);\n\t\t  overflow: hidden;\n\t\t  -webkit-transition: .5s ease-in-out;\n\t\t  -o-transition: .5s ease-in-out;\n\t\t  transition: .5s ease-in-out\n\t\t}\n\t\t\n\t\t.container .card:hover {\n\t\t  -webkit-box-shadow: 0 30px 10px -20px rgba(0,0,0,1);\n\t\t\t\t  box-shadow: 0 30px 10px -20px rgba(0,0,0,1);\n\t\t}\n\t\t\n\t\t.container .card::before {\n\t\t  content: '';\n\t\t  position: absolute;\n\t\t  top: 0;\n\t\t  left: 0;\n\t\t  width: 100%;\n\t\t  height: 100%;\n\t\t  background: var(--main-color);\n\t\t  -webkit-clip-path: circle(150px at 80% 20%);\n\t\t\t\t  clip-path: circle(150px at 80% 20%);\n\t\t  -webkit-transition: .5s ease-in-out;\n\t\t  -o-transition: .5s ease-in-out;\n\t\t  transition: .5s ease-in-out\n\t\t}\n\t\t\n\t\t.container .card:hover::before {\n\t\t  -webkit-clip-path: circle(300px at 80% -20%);\n\t\t\t\t  clip-path: circle(300px at 80% -20%);\n\t\t}\n\t\t\n\t\t.container .card::after {\n\t\t  content: 'Als';\n\t\t  position: absolute;\n\t\t  top: 30%;\n\t\t  left: -20%;\n\t\t  font-size: 12em;\n\t\t  font-weight: 800;\n\t\t  font-style: italic;\n\t\t  color: rgba(255,255,255,0.04)\n\t\t}\n\t\t\n\t\t.container .card .imgbox {\n\t\t  position: absolute;\n\t\t  top: 50%;\n\t\t  -webkit-transform: translateY(-50%);\n\t\t\t  -ms-transform: translateY(-50%);\n\t\t\t\t  transform: translateY(-50%);\n\t\t  z-index: 1000;\n\t\t  width: 100%;\n\t\t  height: 220px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .imgbox {\n\t\t  top: 0%;\n\t\t  -webkit-transform: translateY(0%);\n\t\t\t  -ms-transform: translateY(0%);\n\t\t\t\t  transform: translateY(0%)\n\t\t}\n\t\t\n\t\t.container .card .imgbox img {\n\t\t  position: absolute;\n\t\t  top: 50%;\n\t\t  left: 50%;\n\t\t  -webkit-transform: translate(-50%,-50%) rotate(-25deg);\n\t\t\t  -ms-transform: translate(-50%,-50%) rotate(-25deg);\n\t\t\t\t  transform: translate(-50%,-50%) rotate(-25deg);\n\t\t  width: 270px\n\t\t}\n\t\t\n\t\t.container .card .contentbox {\n\t\t  position: absolute;\n\t\t  bottom: 0;\n\t\t  width: 100%;\n\t\t  height: 100px;\n\t\t  text-align: center;\n\t\t  -webkit-transition: 1s;\n\t\t  -o-transition: 1s;\n\t\t  transition: 1s;\n\t\t  z-index: 10\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox {\n\t\t  height: 210px\n\t\t}\n\t\t\n\t\t.container .card .contentbox h2 {\n\t\t  position: relative;\n\t\t  font-weight: 600;\n\t\t  letter-spacing: 1px;\n\t\t  color: #fff\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size,\n\t\t.container .card .contentbox .color{\n\t\t  display: -webkit-box;\n\t\t  display: -ms-flexbox;\n\t\t  display: flex;\n\t\t  -webkit-box-pack: center;\n\t\t\t  -ms-flex-pack: center;\n\t\t\t\t  justify-content: center;\n\t\t  -webkit-box-align: center;\n\t\t\t  -ms-flex-align: center;\n\t\t\t\t  align-items: center;\n\t\t  padding: 8px 20px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s;\n\t\t  opacity: 0;\n\t\t  visibility: hidden\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox .size {\n\t\t  opacity: 1;\n\t\t  visibility: visible;\n\t\t  -webkit-transition-delay: .5s;\n\t\t\t   -o-transition-delay: .5s;\n\t\t\t\t  transition-delay: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox .color {\n\t\t  opacity: 1;\n\t\t  visibility: visible;\n\t\t  -webkit-transition-delay: .7s;\n\t\t\t   -o-transition-delay: .7s;\n\t\t\t\t  transition-delay: .7s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size h3,\n\t\t.container .card .contentbox .color h3{\n\t\t  color:#fff;\n\t\t  font-weight: 300;\n\t\t  font-size: 14px;\n\t\t  text-transform: uppercase;\n\t\t  letter-spacing: 2px;\n\t\t  margin-right: 10px\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size span {\n\t\t  width: 26px;\n\t\t  height: 26px;\n\t\t  line-height: 26px;\n\t\t  text-align: center;\n\t\t  font-size: 14px;\n\t\t  display: inline-block;\n\t\t  color: #111;\n\t\t  background: #fff;\n\t\t  margin: 0 5px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s;\n\t\t  border-radius: 4px;\n\t\t  cursor: pointer\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size span:hover {\n\t\t  background: var(--main-color);\n\t\t  -webkit-transform: translateY(-5px);\n\t\t\t  -ms-transform: translateY(-5px);\n\t\t\t\t  transform: translateY(-5px);\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span {\n\t\t  width: 20px;\n\t\t  height:20px;\n\t\t  border-radius: 50%;\n\t\t  margin: 0 5px;\n\t\t  cursor: pointer;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:hover {\n\t\t  -webkit-transform: translateY(-5px);\n\t\t\t  -ms-transform: translateY(-5px);\n\t\t\t\t  transform: translateY(-5px);\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(2) {\n\t\t  background: var(--main-color)\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(3) {\n\t\t  background: #03a9f4;\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(4) {\n\t\t  background: #e91e63;\n\t\t}\n\t\t\n\t\t.container .card .contentbox a {\n\t\t display: inline-block;\n\t\t  padding: 10px 20px;\n\t\t  background: #fff;\n\t\t  border-radius: 4px;\n\t\t  margin-top: 10px;\n\t\t  text-decoration: none;\n\t\t  font-weight: 600;\n\t\t  color: #111;\n\t\t  opacity: 0;\n\t\t  -webkit-transform: translateY(50px);\n\t\t\t  -ms-transform: translateY(50px);\n\t\t\t\t  transform: translateY(50px);\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox a {\n\t\t  opacity: 1;\n\t\t  -webkit-transform: translateY(0px);\n\t\t\t  -ms-transform: translateY(0px);\n\t\t\t\t  transform: translateY(0px);\n\t\t  -webkit-transition-delay: .5s;\n\t\t\t   -o-transition-delay: .5s;\n\t\t\t\t  transition-delay: .5s\n\t\t}\n\n\t\t.container .card:hover .contentbox a:hover{\n\t\t\tbackground-color: var(--main-color);\n\t\t}\n\t\t.greent {\n\t\tcolor: var(--main-color);\n\t\t}\n\t\t\n\t\t<\/style>\n\t\t<div class=\"container\">\n\t\t  <div class=\"card\">\n\t\t\t<div class=\"imgbox\">\n\t\t\t  <img decoding=\"async\" src=\"https:\/\/alyssadanae.art\/sneakers\/wp-content\/uploads\/sites\/5\/2022\/12\/shoe-1.2-clear-2.png\">\n\t\t\t<\/div>\n\t\t\t<div class=\"contentbox\">\n\t\t\t  <h2>The Secret Garden<\/h2>\n\t\t\t  <div class=\"size\">\n\t\t\t\t<h3>Sizes :<\/h3>\n\t\t\t\t<span>7<\/span>\n\t\t\t\t<span>8<\/span>\n\t\t\t\t<span>9<\/span>\n\t\t\t\t<span>10<\/span>\n\t\t\t  <\/div>\n\t\t\t  <div class=\"color\">\n\t\t\t\t<h3>Price: <span class=\"greent\"><big>84.99<\/big><\/span><\/h3>\n\t\t\t  <\/div>\n\t\t\t  <a href=\"https:\/\/alyssadanae.art\/sneakers\/for-the-flower-lover\/\" title=\"More Info\">More Info<\/a>\n\t\t\t<\/div>\n\t\t  <\/div>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t<!--\n\t\t  Photo Source :\n\t\t  http:\/\/pngimg.com\/download\/5816\n\t\t-->\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<!--\n          Source Tutorial\n          [https:\/\/www.youtube.com\/watch?v=jUByQLfakJ8]\n      -->\n\t  <style>\n\t\t\/*\n\t\t* Prefixed by https:\/\/autoprefixer.github.io\n\t\t* PostCSS: v7.0.29,\n\t\t* Autoprefixer: v9.7.6\n\t\t* Browsers: last 4 version\n\t\t*\/\n\t\t\n\t\t\/*\n\t\t  By HappyDias\n\t\t*\/\n\t\t\n\t\t\n\t\t:root {\n\t\t  --main-color : #9bdc28\n\t\t}\n\t\t\n\t\t* {\n\t\t  margin: 0;\n\t\t  padding: 0;\n\t\t}\n\t\t\n\t\tbody {\n\t\t  display: -webkit-box;\n\t\t  display: -ms-flexbox;\n\t\t  display: flex;\n\t\t  -webkit-box-pack: center;\n\t\t\t  -ms-flex-pack: center;\n\t\t\t\t  justify-content: center;\n\t\t  -webkit-box-align: center;\n\t\t\t  -ms-flex-align: center;\n\t\t\t\t  align-items: center;\n\t\t  min-height: 100vh;\n\t\t  \n\t\t}\n\t\t\n\t\t.conainter {\n\t\t  position: relative\n\t\t}\n\t\t\n\t\t.container .card {\n\t\t  position: relative;\n\t\t  width: 320px;\n\t\t  height: 450px;\n\t\t  background: #232323;\n\t\t  border-radius: 20px;\n\t\t  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.9);\n\t\t\t\t  box-shadow: 0 0 10px 5px rgba(0,0,0,.9);\n\t\t  overflow: hidden;\n\t\t  -webkit-transition: .5s ease-in-out;\n\t\t  -o-transition: .5s ease-in-out;\n\t\t  transition: .5s ease-in-out\n\t\t}\n\t\t\n\t\t.container .card:hover {\n\t\t  -webkit-box-shadow: 0 30px 10px -20px rgba(0,0,0,1);\n\t\t\t\t  box-shadow: 0 30px 10px -20px rgba(0,0,0,1);\n\t\t}\n\t\t\n\t\t.container .card::before {\n\t\t  content: '';\n\t\t  position: absolute;\n\t\t  top: 0;\n\t\t  left: 0;\n\t\t  width: 100%;\n\t\t  height: 100%;\n\t\t  background: var(--main-color);\n\t\t  -webkit-clip-path: circle(150px at 80% 20%);\n\t\t\t\t  clip-path: circle(150px at 80% 20%);\n\t\t  -webkit-transition: .5s ease-in-out;\n\t\t  -o-transition: .5s ease-in-out;\n\t\t  transition: .5s ease-in-out\n\t\t}\n\t\t\n\t\t.container .card:hover::before {\n\t\t  -webkit-clip-path: circle(300px at 80% -20%);\n\t\t\t\t  clip-path: circle(300px at 80% -20%);\n\t\t}\n\t\t\n\t\t.container .card::after {\n\t\t  content: 'Als';\n\t\t  position: absolute;\n\t\t  top: 30%;\n\t\t  left: -20%;\n\t\t  font-size: 12em;\n\t\t  font-weight: 800;\n\t\t  font-style: italic;\n\t\t  color: rgba(255,255,255,0.04)\n\t\t}\n\t\t\n\t\t.container .card .imgbox {\n\t\t  position: absolute;\n\t\t  top: 50%;\n\t\t  -webkit-transform: translateY(-50%);\n\t\t\t  -ms-transform: translateY(-50%);\n\t\t\t\t  transform: translateY(-50%);\n\t\t  z-index: 1000;\n\t\t  width: 100%;\n\t\t  height: 220px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .imgbox {\n\t\t  top: 0%;\n\t\t  -webkit-transform: translateY(0%);\n\t\t\t  -ms-transform: translateY(0%);\n\t\t\t\t  transform: translateY(0%)\n\t\t}\n\t\t\n\t\t.container .card .imgbox img {\n\t\t  position: absolute;\n\t\t  top: 50%;\n\t\t  left: 50%;\n\t\t  -webkit-transform: translate(-50%,-50%) rotate(-25deg);\n\t\t\t  -ms-transform: translate(-50%,-50%) rotate(-25deg);\n\t\t\t\t  transform: translate(-50%,-50%) rotate(-25deg);\n\t\t  width: 270px\n\t\t}\n\t\t\n\t\t.container .card .contentbox {\n\t\t  position: absolute;\n\t\t  bottom: 0;\n\t\t  width: 100%;\n\t\t  height: 100px;\n\t\t  text-align: center;\n\t\t  -webkit-transition: 1s;\n\t\t  -o-transition: 1s;\n\t\t  transition: 1s;\n\t\t  z-index: 10\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox {\n\t\t  height: 210px\n\t\t}\n\t\t\n\t\t.container .card .contentbox h2 {\n\t\t  position: relative;\n\t\t  font-weight: 600;\n\t\t  letter-spacing: 1px;\n\t\t  color: #fff\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size,\n\t\t.container .card .contentbox .color{\n\t\t  display: -webkit-box;\n\t\t  display: -ms-flexbox;\n\t\t  display: flex;\n\t\t  -webkit-box-pack: center;\n\t\t\t  -ms-flex-pack: center;\n\t\t\t\t  justify-content: center;\n\t\t  -webkit-box-align: center;\n\t\t\t  -ms-flex-align: center;\n\t\t\t\t  align-items: center;\n\t\t  padding: 8px 20px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s;\n\t\t  opacity: 0;\n\t\t  visibility: hidden\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox .size {\n\t\t  opacity: 1;\n\t\t  visibility: visible;\n\t\t  -webkit-transition-delay: .5s;\n\t\t\t   -o-transition-delay: .5s;\n\t\t\t\t  transition-delay: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox .color {\n\t\t  opacity: 1;\n\t\t  visibility: visible;\n\t\t  -webkit-transition-delay: .7s;\n\t\t\t   -o-transition-delay: .7s;\n\t\t\t\t  transition-delay: .7s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size h3,\n\t\t.container .card .contentbox .color h3{\n\t\t  color:#fff;\n\t\t  font-weight: 300;\n\t\t  font-size: 14px;\n\t\t  text-transform: uppercase;\n\t\t  letter-spacing: 2px;\n\t\t  margin-right: 10px\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size span {\n\t\t  width: 26px;\n\t\t  height: 26px;\n\t\t  line-height: 26px;\n\t\t  text-align: center;\n\t\t  font-size: 14px;\n\t\t  display: inline-block;\n\t\t  color: #111;\n\t\t  background: #fff;\n\t\t  margin: 0 5px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s;\n\t\t  border-radius: 4px;\n\t\t  cursor: pointer\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size span:hover {\n\t\t  background: var(--main-color);\n\t\t  -webkit-transform: translateY(-5px);\n\t\t\t  -ms-transform: translateY(-5px);\n\t\t\t\t  transform: translateY(-5px);\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span {\n\t\t  width: 20px;\n\t\t  height:20px;\n\t\t  border-radius: 50%;\n\t\t  margin: 0 5px;\n\t\t  cursor: pointer;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:hover {\n\t\t  -webkit-transform: translateY(-5px);\n\t\t\t  -ms-transform: translateY(-5px);\n\t\t\t\t  transform: translateY(-5px);\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(2) {\n\t\t  background: var(--main-color)\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(3) {\n\t\t  background: #03a9f4;\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(4) {\n\t\t  background: #e91e63;\n\t\t}\n\t\t\n\t\t.container .card .contentbox a {\n\t\t display: inline-block;\n\t\t  padding: 10px 20px;\n\t\t  background: #fff;\n\t\t  border-radius: 4px;\n\t\t  margin-top: 10px;\n\t\t  text-decoration: none;\n\t\t  font-weight: 600;\n\t\t  color: #111;\n\t\t  opacity: 0;\n\t\t  -webkit-transform: translateY(50px);\n\t\t\t  -ms-transform: translateY(50px);\n\t\t\t\t  transform: translateY(50px);\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox a {\n\t\t  opacity: 1;\n\t\t  -webkit-transform: translateY(0px);\n\t\t\t  -ms-transform: translateY(0px);\n\t\t\t\t  transform: translateY(0px);\n\t\t  -webkit-transition-delay: .5s;\n\t\t\t   -o-transition-delay: .5s;\n\t\t\t\t  transition-delay: .5s\n\t\t}\n\n\t\t.container .card:hover .contentbox a:hover{\n\t\t\tbackground-color: var(--main-color);\n\t\t}\n\t\t.greent {\n\t\tcolor: var(--main-color);\n\t\t}\n\t\t\n\t\t<\/style>\n\t\t<div class=\"container\">\n\t\t  <div class=\"card\">\n\t\t\t<div class=\"imgbox\">\n\t\t\t  <img decoding=\"async\" src=\"https:\/\/alyssadanae.art\/sneakers\/wp-content\/uploads\/sites\/5\/2022\/12\/shoe-6-1.png\">\n\t\t\t<\/div>\n\t\t\t<div class=\"contentbox\">\n\t\t\t  <h2>Bubbles<\/h2>\n\t\t\t  <div class=\"size\">\n\t\t\t\t<h3>Sizes :<\/h3>\n\t\t\t\t<span>7<\/span>\n\t\t\t\t<span>8<\/span>\n\t\t\t\t<span>9<\/span>\n\t\t\t\t<span>10<\/span>\n\t\t\t  <\/div>\n\t\t\t  <div class=\"color\">\n\t\t\t\t<h3>Price: <span class=\"greent\"><big>84.99<\/big><\/span><\/h3>\n\t\t\t  <\/div>\n\t\t\t  <a href=\"https:\/\/alyssadanae.art\/sneakers\/bubbles\/\" title=\"More Info\">More Info<\/a>\n\t\t\t<\/div>\n\t\t  <\/div>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t<!--\n\t\t  Photo Source :\n\t\t  http:\/\/pngimg.com\/download\/5816\n\t\t-->\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-e02df366 wp-block-columns-is-layout-flex\" style=\"padding-right:0;padding-left:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<!--\n          Source Tutorial\n          [https:\/\/www.youtube.com\/watch?v=jUByQLfakJ8]\n      -->\n\t  <style>\n\t\t\/*\n\t\t* Prefixed by https:\/\/autoprefixer.github.io\n\t\t* PostCSS: v7.0.29,\n\t\t* Autoprefixer: v9.7.6\n\t\t* Browsers: last 4 version\n\t\t*\/\n\t\t\n\t\t\/*\n\t\t  By HappyDias\n\t\t*\/\n\t\t\n\t\t\n\t\t:root {\n\t\t  --main-color : #9bdc28\n\t\t}\n\t\t\n\t\t* {\n\t\t  margin: 0;\n\t\t  padding: 0;\n\t\t}\n\t\t\n\t\tbody {\n\t\t  display: -webkit-box;\n\t\t  display: -ms-flexbox;\n\t\t  display: flex;\n\t\t  -webkit-box-pack: center;\n\t\t\t  -ms-flex-pack: center;\n\t\t\t\t  justify-content: center;\n\t\t  -webkit-box-align: center;\n\t\t\t  -ms-flex-align: center;\n\t\t\t\t  align-items: center;\n\t\t  min-height: 100vh;\n\t\t  \n\t\t}\n\t\t\n\t\t.conainter {\n\t\t  position: relative\n\t\t}\n\t\t\n\t\t.container .card {\n\t\t  position: relative;\n\t\t  width: 320px;\n\t\t  height: 450px;\n\t\t  background: #232323;\n\t\t  border-radius: 20px;\n\t\t  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.9);\n\t\t\t\t  box-shadow: 0 0 10px 5px rgba(0,0,0,.9);\n\t\t  overflow: hidden;\n\t\t  -webkit-transition: .5s ease-in-out;\n\t\t  -o-transition: .5s ease-in-out;\n\t\t  transition: .5s ease-in-out\n\t\t}\n\t\t\n\t\t.container .card:hover {\n\t\t  -webkit-box-shadow: 0 30px 10px -20px rgba(0,0,0,1);\n\t\t\t\t  box-shadow: 0 30px 10px -20px rgba(0,0,0,1);\n\t\t}\n\t\t\n\t\t.container .card::before {\n\t\t  content: '';\n\t\t  position: absolute;\n\t\t  top: 0;\n\t\t  left: 0;\n\t\t  width: 100%;\n\t\t  height: 100%;\n\t\t  background: var(--main-color);\n\t\t  -webkit-clip-path: circle(150px at 80% 20%);\n\t\t\t\t  clip-path: circle(150px at 80% 20%);\n\t\t  -webkit-transition: .5s ease-in-out;\n\t\t  -o-transition: .5s ease-in-out;\n\t\t  transition: .5s ease-in-out\n\t\t}\n\t\t\n\t\t.container .card:hover::before {\n\t\t  -webkit-clip-path: circle(300px at 80% -20%);\n\t\t\t\t  clip-path: circle(300px at 80% -20%);\n\t\t}\n\t\t\n\t\t.container .card::after {\n\t\t  content: 'Als';\n\t\t  position: absolute;\n\t\t  top: 30%;\n\t\t  left: -20%;\n\t\t  font-size: 12em;\n\t\t  font-weight: 800;\n\t\t  font-style: italic;\n\t\t  color: rgba(255,255,255,0.04)\n\t\t}\n\t\t\n\t\t.container .card .imgbox {\n\t\t  position: absolute;\n\t\t  top: 50%;\n\t\t  -webkit-transform: translateY(-50%);\n\t\t\t  -ms-transform: translateY(-50%);\n\t\t\t\t  transform: translateY(-50%);\n\t\t  z-index: 1000;\n\t\t  width: 100%;\n\t\t  height: 220px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .imgbox {\n\t\t  top: 0%;\n\t\t  -webkit-transform: translateY(0%);\n\t\t\t  -ms-transform: translateY(0%);\n\t\t\t\t  transform: translateY(0%)\n\t\t}\n\t\t\n\t\t.container .card .imgbox img {\n\t\t  position: absolute;\n\t\t  top: 50%;\n\t\t  left: 50%;\n\t\t  -webkit-transform: translate(-50%,-50%) rotate(-25deg);\n\t\t\t  -ms-transform: translate(-50%,-50%) rotate(-25deg);\n\t\t\t\t  transform: translate(-50%,-50%) rotate(-25deg);\n\t\t  width: 270px\n\t\t}\n\t\t\n\t\t.container .card .contentbox {\n\t\t  position: absolute;\n\t\t  bottom: 0;\n\t\t  width: 100%;\n\t\t  height: 100px;\n\t\t  text-align: center;\n\t\t  -webkit-transition: 1s;\n\t\t  -o-transition: 1s;\n\t\t  transition: 1s;\n\t\t  z-index: 10\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox {\n\t\t  height: 210px\n\t\t}\n\t\t\n\t\t.container .card .contentbox h2 {\n\t\t  position: relative;\n\t\t  font-weight: 600;\n\t\t  letter-spacing: 1px;\n\t\t  color: #fff\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size,\n\t\t.container .card .contentbox .color{\n\t\t  display: -webkit-box;\n\t\t  display: -ms-flexbox;\n\t\t  display: flex;\n\t\t  -webkit-box-pack: center;\n\t\t\t  -ms-flex-pack: center;\n\t\t\t\t  justify-content: center;\n\t\t  -webkit-box-align: center;\n\t\t\t  -ms-flex-align: center;\n\t\t\t\t  align-items: center;\n\t\t  padding: 8px 20px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s;\n\t\t  opacity: 0;\n\t\t  visibility: hidden\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox .size {\n\t\t  opacity: 1;\n\t\t  visibility: visible;\n\t\t  -webkit-transition-delay: .5s;\n\t\t\t   -o-transition-delay: .5s;\n\t\t\t\t  transition-delay: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox .color {\n\t\t  opacity: 1;\n\t\t  visibility: visible;\n\t\t  -webkit-transition-delay: .7s;\n\t\t\t   -o-transition-delay: .7s;\n\t\t\t\t  transition-delay: .7s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size h3,\n\t\t.container .card .contentbox .color h3{\n\t\t  color:#fff;\n\t\t  font-weight: 300;\n\t\t  font-size: 14px;\n\t\t  text-transform: uppercase;\n\t\t  letter-spacing: 2px;\n\t\t  margin-right: 10px\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size span {\n\t\t  width: 26px;\n\t\t  height: 26px;\n\t\t  line-height: 26px;\n\t\t  text-align: center;\n\t\t  font-size: 14px;\n\t\t  display: inline-block;\n\t\t  color: #111;\n\t\t  background: #fff;\n\t\t  margin: 0 5px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s;\n\t\t  border-radius: 4px;\n\t\t  cursor: pointer\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size span:hover {\n\t\t  background: var(--main-color);\n\t\t  -webkit-transform: translateY(-5px);\n\t\t\t  -ms-transform: translateY(-5px);\n\t\t\t\t  transform: translateY(-5px);\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span {\n\t\t  width: 20px;\n\t\t  height:20px;\n\t\t  border-radius: 50%;\n\t\t  margin: 0 5px;\n\t\t  cursor: pointer;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:hover {\n\t\t  -webkit-transform: translateY(-5px);\n\t\t\t  -ms-transform: translateY(-5px);\n\t\t\t\t  transform: translateY(-5px);\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(2) {\n\t\t  background: var(--main-color)\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(3) {\n\t\t  background: #03a9f4;\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(4) {\n\t\t  background: #e91e63;\n\t\t}\n\t\t\n\t\t.container .card .contentbox a {\n\t\t display: inline-block;\n\t\t  padding: 10px 20px;\n\t\t  background: #fff;\n\t\t  border-radius: 4px;\n\t\t  margin-top: 10px;\n\t\t  text-decoration: none;\n\t\t  font-weight: 600;\n\t\t  color: #111;\n\t\t  opacity: 0;\n\t\t  -webkit-transform: translateY(50px);\n\t\t\t  -ms-transform: translateY(50px);\n\t\t\t\t  transform: translateY(50px);\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox a {\n\t\t  opacity: 1;\n\t\t  -webkit-transform: translateY(0px);\n\t\t\t  -ms-transform: translateY(0px);\n\t\t\t\t  transform: translateY(0px);\n\t\t  -webkit-transition-delay: .5s;\n\t\t\t   -o-transition-delay: .5s;\n\t\t\t\t  transition-delay: .5s\n\t\t}\n\n\t\t.container .card:hover .contentbox a:hover{\n\t\t\tbackground-color: var(--main-color);\n\t\t}\n\t\t.greent {\n\t\tcolor: var(--main-color);\n\t\t}\n\t\t\n\t\t<\/style>\n\t\t<div class=\"container\">\n\t\t  <div class=\"card\">\n\t\t\t<div class=\"imgbox\">\n\t\t\t  <img decoding=\"async\" src=\"https:\/\/alyssadanae.art\/sneakers\/wp-content\/uploads\/sites\/5\/2022\/12\/shoe-3-1.png\">\n\t\t\t<\/div>\n\t\t\t<div class=\"contentbox\">\n\t\t\t  <h2>Creamsicle<\/h2>\n\t\t\t  <div class=\"size\">\n\t\t\t\t<h3>Sizes :<\/h3>\n\t\t\t\t<span>7<\/span>\n\t\t\t\t<span>8<\/span>\n\t\t\t\t<span>9<\/span>\n\t\t\t\t<span>10<\/span>\n\t\t\t  <\/div>\n\t\t\t  <div class=\"color\">\n\t\t\t\t<h3>Price: <span class=\"greent\"><big>84.99<\/big><\/span><\/h3>\n\t\t\t  <\/div>\n\t\t\t  <a href=\"https:\/\/alyssadanae.art\/sneakers\/dark-green-candy\/\" title=\"More Info\">More Info<\/a>\n\t\t\t<\/div>\n\t\t  <\/div>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t<!--\n\t\t  Photo Source :\n\t\t  http:\/\/pngimg.com\/download\/5816\n\t\t-->\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<!--\n          Source Tutorial\n          [https:\/\/www.youtube.com\/watch?v=jUByQLfakJ8]\n      -->\n\t  <style>\n\t\t\/*\n\t\t* Prefixed by https:\/\/autoprefixer.github.io\n\t\t* PostCSS: v7.0.29,\n\t\t* Autoprefixer: v9.7.6\n\t\t* Browsers: last 4 version\n\t\t*\/\n\t\t\n\t\t\/*\n\t\t  By HappyDias\n\t\t*\/\n\t\t\n\t\t\n\t\t:root {\n\t\t  --main-color : #9bdc28\n\t\t}\n\t\t\n\t\t* {\n\t\t  margin: 0;\n\t\t  padding: 0;\n\t\t}\n\t\t\n\t\tbody {\n\t\t  display: -webkit-box;\n\t\t  display: -ms-flexbox;\n\t\t  display: flex;\n\t\t  -webkit-box-pack: center;\n\t\t\t  -ms-flex-pack: center;\n\t\t\t\t  justify-content: center;\n\t\t  -webkit-box-align: center;\n\t\t\t  -ms-flex-align: center;\n\t\t\t\t  align-items: center;\n\t\t  min-height: 100vh;\n\t\t  \n\t\t}\n\t\t\n\t\t.conainter {\n\t\t  position: relative\n\t\t}\n\t\t\n\t\t.container .card {\n\t\t  position: relative;\n\t\t  width: 320px;\n\t\t  height: 450px;\n\t\t  background: #232323;\n\t\t  border-radius: 20px;\n\t\t  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.9);\n\t\t\t\t  box-shadow: 0 0 10px 5px rgba(0,0,0,.9);\n\t\t  overflow: hidden;\n\t\t  -webkit-transition: .5s ease-in-out;\n\t\t  -o-transition: .5s ease-in-out;\n\t\t  transition: .5s ease-in-out\n\t\t}\n\t\t\n\t\t.container .card:hover {\n\t\t  -webkit-box-shadow: 0 30px 10px -20px rgba(0,0,0,1);\n\t\t\t\t  box-shadow: 0 30px 10px -20px rgba(0,0,0,1);\n\t\t}\n\t\t\n\t\t.container .card::before {\n\t\t  content: '';\n\t\t  position: absolute;\n\t\t  top: 0;\n\t\t  left: 0;\n\t\t  width: 100%;\n\t\t  height: 100%;\n\t\t  background: var(--main-color);\n\t\t  -webkit-clip-path: circle(150px at 80% 20%);\n\t\t\t\t  clip-path: circle(150px at 80% 20%);\n\t\t  -webkit-transition: .5s ease-in-out;\n\t\t  -o-transition: .5s ease-in-out;\n\t\t  transition: .5s ease-in-out\n\t\t}\n\t\t\n\t\t.container .card:hover::before {\n\t\t  -webkit-clip-path: circle(300px at 80% -20%);\n\t\t\t\t  clip-path: circle(300px at 80% -20%);\n\t\t}\n\t\t\n\t\t.container .card::after {\n\t\t  content: 'Als';\n\t\t  position: absolute;\n\t\t  top: 30%;\n\t\t  left: -20%;\n\t\t  font-size: 12em;\n\t\t  font-weight: 800;\n\t\t  font-style: italic;\n\t\t  color: rgba(255,255,255,0.04)\n\t\t}\n\t\t\n\t\t.container .card .imgbox {\n\t\t  position: absolute;\n\t\t  top: 50%;\n\t\t  -webkit-transform: translateY(-50%);\n\t\t\t  -ms-transform: translateY(-50%);\n\t\t\t\t  transform: translateY(-50%);\n\t\t  z-index: 1000;\n\t\t  width: 100%;\n\t\t  height: 220px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .imgbox {\n\t\t  top: 0%;\n\t\t  -webkit-transform: translateY(0%);\n\t\t\t  -ms-transform: translateY(0%);\n\t\t\t\t  transform: translateY(0%)\n\t\t}\n\t\t\n\t\t.container .card .imgbox img {\n\t\t  position: absolute;\n\t\t  top: 50%;\n\t\t  left: 50%;\n\t\t  -webkit-transform: translate(-50%,-50%) rotate(-25deg);\n\t\t\t  -ms-transform: translate(-50%,-50%) rotate(-25deg);\n\t\t\t\t  transform: translate(-50%,-50%) rotate(-25deg);\n\t\t  width: 270px\n\t\t}\n\t\t\n\t\t.container .card .contentbox {\n\t\t  position: absolute;\n\t\t  bottom: 0;\n\t\t  width: 100%;\n\t\t  height: 100px;\n\t\t  text-align: center;\n\t\t  -webkit-transition: 1s;\n\t\t  -o-transition: 1s;\n\t\t  transition: 1s;\n\t\t  z-index: 10\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox {\n\t\t  height: 210px\n\t\t}\n\t\t\n\t\t.container .card .contentbox h2 {\n\t\t  position: relative;\n\t\t  font-weight: 600;\n\t\t  letter-spacing: 1px;\n\t\t  color: #fff\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size,\n\t\t.container .card .contentbox .color{\n\t\t  display: -webkit-box;\n\t\t  display: -ms-flexbox;\n\t\t  display: flex;\n\t\t  -webkit-box-pack: center;\n\t\t\t  -ms-flex-pack: center;\n\t\t\t\t  justify-content: center;\n\t\t  -webkit-box-align: center;\n\t\t\t  -ms-flex-align: center;\n\t\t\t\t  align-items: center;\n\t\t  padding: 8px 20px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s;\n\t\t  opacity: 0;\n\t\t  visibility: hidden\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox .size {\n\t\t  opacity: 1;\n\t\t  visibility: visible;\n\t\t  -webkit-transition-delay: .5s;\n\t\t\t   -o-transition-delay: .5s;\n\t\t\t\t  transition-delay: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox .color {\n\t\t  opacity: 1;\n\t\t  visibility: visible;\n\t\t  -webkit-transition-delay: .7s;\n\t\t\t   -o-transition-delay: .7s;\n\t\t\t\t  transition-delay: .7s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size h3,\n\t\t.container .card .contentbox .color h3{\n\t\t  color:#fff;\n\t\t  font-weight: 300;\n\t\t  font-size: 14px;\n\t\t  text-transform: uppercase;\n\t\t  letter-spacing: 2px;\n\t\t  margin-right: 10px\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size span {\n\t\t  width: 26px;\n\t\t  height: 26px;\n\t\t  line-height: 26px;\n\t\t  text-align: center;\n\t\t  font-size: 14px;\n\t\t  display: inline-block;\n\t\t  color: #111;\n\t\t  background: #fff;\n\t\t  margin: 0 5px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s;\n\t\t  border-radius: 4px;\n\t\t  cursor: pointer\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size span:hover {\n\t\t  background: var(--main-color);\n\t\t  -webkit-transform: translateY(-5px);\n\t\t\t  -ms-transform: translateY(-5px);\n\t\t\t\t  transform: translateY(-5px);\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span {\n\t\t  width: 20px;\n\t\t  height:20px;\n\t\t  border-radius: 50%;\n\t\t  margin: 0 5px;\n\t\t  cursor: pointer;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:hover {\n\t\t  -webkit-transform: translateY(-5px);\n\t\t\t  -ms-transform: translateY(-5px);\n\t\t\t\t  transform: translateY(-5px);\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(2) {\n\t\t  background: var(--main-color)\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(3) {\n\t\t  background: #03a9f4;\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(4) {\n\t\t  background: #e91e63;\n\t\t}\n\t\t\n\t\t.container .card .contentbox a {\n\t\t display: inline-block;\n\t\t  padding: 10px 20px;\n\t\t  background: #fff;\n\t\t  border-radius: 4px;\n\t\t  margin-top: 10px;\n\t\t  text-decoration: none;\n\t\t  font-weight: 600;\n\t\t  color: #111;\n\t\t  opacity: 0;\n\t\t  -webkit-transform: translateY(50px);\n\t\t\t  -ms-transform: translateY(50px);\n\t\t\t\t  transform: translateY(50px);\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox a {\n\t\t  opacity: 1;\n\t\t  -webkit-transform: translateY(0px);\n\t\t\t  -ms-transform: translateY(0px);\n\t\t\t\t  transform: translateY(0px);\n\t\t  -webkit-transition-delay: .5s;\n\t\t\t   -o-transition-delay: .5s;\n\t\t\t\t  transition-delay: .5s\n\t\t}\n\n\t\t.container .card:hover .contentbox a:hover{\n\t\t\tbackground-color: var(--main-color);\n\t\t}\n\t\t.greent {\n\t\tcolor: var(--main-color);\n\t\t}\n\t\t\n\t\t<\/style>\n\t\t<div class=\"container\">\n\t\t  <div class=\"card\">\n\t\t\t<div class=\"imgbox\">\n\t\t\t  <img decoding=\"async\" src=\"https:\/\/alyssadanae.art\/sneakers\/wp-content\/uploads\/sites\/5\/2022\/12\/shoe-5-2.png\">\n\t\t\t<\/div>\n\t\t\t<div class=\"contentbox\">\n\t\t\t  <h2>Winter<\/h2>\n\t\t\t  <div class=\"size\">\n\t\t\t\t<h3>Sizes :<\/h3>\n\t\t\t\t<span>7<\/span>\n\t\t\t\t<span>8<\/span>\n\t\t\t\t<span>9<\/span>\n\t\t\t\t<span>10<\/span>\n\t\t\t  <\/div>\n\t\t\t  <div class=\"color\">\n\t\t\t\t<h3>Price: <span class=\"greent\"><big>84.99<\/big><\/span><\/h3>\n\t\t\t  <\/div>\n\t\t\t  <a href=\"https:\/\/alyssadanae.art\/sneakers\/winter\/\" title=\"More Info\">More Info<\/a>\n\t\t\t<\/div>\n\t\t  <\/div>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t<!--\n\t\t  Photo Source :\n\t\t  http:\/\/pngimg.com\/download\/5816\n\t\t-->\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<!--\n          Source Tutorial\n          [https:\/\/www.youtube.com\/watch?v=jUByQLfakJ8]\n      -->\n\t  <style>\n\t\t\/*\n\t\t* Prefixed by https:\/\/autoprefixer.github.io\n\t\t* PostCSS: v7.0.29,\n\t\t* Autoprefixer: v9.7.6\n\t\t* Browsers: last 4 version\n\t\t*\/\n\t\t\n\t\t\/*\n\t\t  By HappyDias\n\t\t*\/\n\t\t\n\t\t\n\t\t:root {\n\t\t  --main-color : #9bdc28\n\t\t}\n\t\t\n\t\t* {\n\t\t  margin: 0;\n\t\t  padding: 0;\n\t\t}\n\t\t\n\t\tbody {\n\t\t  display: -webkit-box;\n\t\t  display: -ms-flexbox;\n\t\t  display: flex;\n\t\t  -webkit-box-pack: center;\n\t\t\t  -ms-flex-pack: center;\n\t\t\t\t  justify-content: center;\n\t\t  -webkit-box-align: center;\n\t\t\t  -ms-flex-align: center;\n\t\t\t\t  align-items: center;\n\t\t  min-height: 100vh;\n\t\t  \n\t\t}\n\t\t\n\t\t.conainter {\n\t\t  position: relative\n\t\t}\n\t\t\n\t\t.container .card {\n\t\t  position: relative;\n\t\t  width: 320px;\n\t\t  height: 450px;\n\t\t  background: #232323;\n\t\t  border-radius: 20px;\n\t\t  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.9);\n\t\t\t\t  box-shadow: 0 0 10px 5px rgba(0,0,0,.9);\n\t\t  overflow: hidden;\n\t\t  -webkit-transition: .5s ease-in-out;\n\t\t  -o-transition: .5s ease-in-out;\n\t\t  transition: .5s ease-in-out\n\t\t}\n\t\t\n\t\t.container .card:hover {\n\t\t  -webkit-box-shadow: 0 30px 10px -20px rgba(0,0,0,1);\n\t\t\t\t  box-shadow: 0 30px 10px -20px rgba(0,0,0,1);\n\t\t}\n\t\t\n\t\t.container .card::before {\n\t\t  content: '';\n\t\t  position: absolute;\n\t\t  top: 0;\n\t\t  left: 0;\n\t\t  width: 100%;\n\t\t  height: 100%;\n\t\t  background: var(--main-color);\n\t\t  -webkit-clip-path: circle(150px at 80% 20%);\n\t\t\t\t  clip-path: circle(150px at 80% 20%);\n\t\t  -webkit-transition: .5s ease-in-out;\n\t\t  -o-transition: .5s ease-in-out;\n\t\t  transition: .5s ease-in-out\n\t\t}\n\t\t\n\t\t.container .card:hover::before {\n\t\t  -webkit-clip-path: circle(300px at 80% -20%);\n\t\t\t\t  clip-path: circle(300px at 80% -20%);\n\t\t}\n\t\t\n\t\t.container .card::after {\n\t\t  content: 'Als';\n\t\t  position: absolute;\n\t\t  top: 30%;\n\t\t  left: -20%;\n\t\t  font-size: 12em;\n\t\t  font-weight: 800;\n\t\t  font-style: italic;\n\t\t  color: rgba(255,255,255,0.04)\n\t\t}\n\t\t\n\t\t.container .card .imgbox {\n\t\t  position: absolute;\n\t\t  top: 50%;\n\t\t  -webkit-transform: translateY(-50%);\n\t\t\t  -ms-transform: translateY(-50%);\n\t\t\t\t  transform: translateY(-50%);\n\t\t  z-index: 1000;\n\t\t  width: 100%;\n\t\t  height: 220px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .imgbox {\n\t\t  top: 0%;\n\t\t  -webkit-transform: translateY(0%);\n\t\t\t  -ms-transform: translateY(0%);\n\t\t\t\t  transform: translateY(0%)\n\t\t}\n\t\t\n\t\t.container .card .imgbox img {\n\t\t  position: absolute;\n\t\t  top: 50%;\n\t\t  left: 50%;\n\t\t  -webkit-transform: translate(-50%,-50%) rotate(-25deg);\n\t\t\t  -ms-transform: translate(-50%,-50%) rotate(-25deg);\n\t\t\t\t  transform: translate(-50%,-50%) rotate(-25deg);\n\t\t  width: 270px\n\t\t}\n\t\t\n\t\t.container .card .contentbox {\n\t\t  position: absolute;\n\t\t  bottom: 0;\n\t\t  width: 100%;\n\t\t  height: 100px;\n\t\t  text-align: center;\n\t\t  -webkit-transition: 1s;\n\t\t  -o-transition: 1s;\n\t\t  transition: 1s;\n\t\t  z-index: 10\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox {\n\t\t  height: 210px\n\t\t}\n\t\t\n\t\t.container .card .contentbox h2 {\n\t\t  position: relative;\n\t\t  font-weight: 600;\n\t\t  letter-spacing: 1px;\n\t\t  color: #fff\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size,\n\t\t.container .card .contentbox .color{\n\t\t  display: -webkit-box;\n\t\t  display: -ms-flexbox;\n\t\t  display: flex;\n\t\t  -webkit-box-pack: center;\n\t\t\t  -ms-flex-pack: center;\n\t\t\t\t  justify-content: center;\n\t\t  -webkit-box-align: center;\n\t\t\t  -ms-flex-align: center;\n\t\t\t\t  align-items: center;\n\t\t  padding: 8px 20px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s;\n\t\t  opacity: 0;\n\t\t  visibility: hidden\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox .size {\n\t\t  opacity: 1;\n\t\t  visibility: visible;\n\t\t  -webkit-transition-delay: .5s;\n\t\t\t   -o-transition-delay: .5s;\n\t\t\t\t  transition-delay: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox .color {\n\t\t  opacity: 1;\n\t\t  visibility: visible;\n\t\t  -webkit-transition-delay: .7s;\n\t\t\t   -o-transition-delay: .7s;\n\t\t\t\t  transition-delay: .7s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size h3,\n\t\t.container .card .contentbox .color h3{\n\t\t  color:#fff;\n\t\t  font-weight: 300;\n\t\t  font-size: 14px;\n\t\t  text-transform: uppercase;\n\t\t  letter-spacing: 2px;\n\t\t  margin-right: 10px\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size span {\n\t\t  width: 26px;\n\t\t  height: 26px;\n\t\t  line-height: 26px;\n\t\t  text-align: center;\n\t\t  font-size: 14px;\n\t\t  display: inline-block;\n\t\t  color: #111;\n\t\t  background: #fff;\n\t\t  margin: 0 5px;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s;\n\t\t  border-radius: 4px;\n\t\t  cursor: pointer\n\t\t}\n\t\t\n\t\t.container .card .contentbox .size span:hover {\n\t\t  background: var(--main-color);\n\t\t  -webkit-transform: translateY(-5px);\n\t\t\t  -ms-transform: translateY(-5px);\n\t\t\t\t  transform: translateY(-5px);\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span {\n\t\t  width: 20px;\n\t\t  height:20px;\n\t\t  border-radius: 50%;\n\t\t  margin: 0 5px;\n\t\t  cursor: pointer;\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:hover {\n\t\t  -webkit-transform: translateY(-5px);\n\t\t\t  -ms-transform: translateY(-5px);\n\t\t\t\t  transform: translateY(-5px);\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(2) {\n\t\t  background: var(--main-color)\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(3) {\n\t\t  background: #03a9f4;\n\t\t}\n\t\t\n\t\t.container .card .contentbox .color span:nth-child(4) {\n\t\t  background: #e91e63;\n\t\t}\n\t\t\n\t\t.container .card .contentbox a {\n\t\t display: inline-block;\n\t\t  padding: 10px 20px;\n\t\t  background: #fff;\n\t\t  border-radius: 4px;\n\t\t  margin-top: 10px;\n\t\t  text-decoration: none;\n\t\t  font-weight: 600;\n\t\t  color: #111;\n\t\t  opacity: 0;\n\t\t  -webkit-transform: translateY(50px);\n\t\t\t  -ms-transform: translateY(50px);\n\t\t\t\t  transform: translateY(50px);\n\t\t  -webkit-transition: .5s;\n\t\t  -o-transition: .5s;\n\t\t  transition: .5s\n\t\t}\n\t\t\n\t\t.container .card:hover .contentbox a {\n\t\t  opacity: 1;\n\t\t  -webkit-transform: translateY(0px);\n\t\t\t  -ms-transform: translateY(0px);\n\t\t\t\t  transform: translateY(0px);\n\t\t  -webkit-transition-delay: .5s;\n\t\t\t   -o-transition-delay: .5s;\n\t\t\t\t  transition-delay: .5s\n\t\t}\n\n\t\t.container .card:hover .contentbox a:hover{\n\t\t\tbackground-color: var(--main-color);\n\t\t}\n\t\t.greent {\n\t\tcolor: var(--main-color);\n\t\t}\n\t\t\n\t\t<\/style>\n\t\t<div class=\"container\">\n\t\t  <div class=\"card\">\n\t\t\t<div class=\"imgbox\">\n\t\t\t  <img decoding=\"async\" src=\"https:\/\/alyssadanae.art\/sneakers\/wp-content\/uploads\/sites\/5\/2022\/12\/shoe-4-1.png\">\n\t\t\t<\/div>\n\t\t\t<div class=\"contentbox\">\n\t\t\t  <h2>For the Boys<\/h2>\n\t\t\t  <div class=\"size\">\n\t\t\t\t<h3>Sizes :<\/h3>\n\t\t\t\t<span>7<\/span>\n\t\t\t\t<span>8<\/span>\n\t\t\t\t<span>9<\/span>\n\t\t\t\t<span>10<\/span>\n\t\t\t  <\/div>\n\t\t\t  <div class=\"color\">\n\t\t\t\t<h3>Price: <span class=\"greent\"><big>84.99<\/big><\/span><\/h3>\n\t\t\t  <\/div>\n\t\t\t  <a href=\"https:\/\/alyssadanae.art\/sneakers\/for-the-boys\/\" title=\"Buy Now\">More Info<\/a>\n\t\t\t<\/div>\n\t\t  <\/div>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t<!--\n\t\t  Photo Source :\n\t\t  http:\/\/pngimg.com\/download\/5816\n\t\t-->\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized has-custom-border is-style-rounded\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/box2019.temp.domains\/~profewh8\/adsimmons21\/wp-content\/uploads\/sites\/10\/2022\/11\/screenshot_20221119-211635_photos-edited.jpg?w=767\" alt=\"\" class=\"wp-image-76\" style=\"border-style:none;border-width:0px;border-radius:100px\" width=\"205\" height=\"273\" srcset=\"https:\/\/alyssadanae.art\/sneakers\/wp-content\/uploads\/sites\/5\/2022\/11\/screenshot_20221119-211635_photos-edited.jpg 819w, https:\/\/alyssadanae.art\/sneakers\/wp-content\/uploads\/sites\/5\/2022\/11\/screenshot_20221119-211635_photos-edited-225x300.jpg 225w, https:\/\/alyssadanae.art\/sneakers\/wp-content\/uploads\/sites\/5\/2022\/11\/screenshot_20221119-211635_photos-edited-767x1024.jpg 767w, https:\/\/alyssadanae.art\/sneakers\/wp-content\/uploads\/sites\/5\/2022\/11\/screenshot_20221119-211635_photos-edited-768x1025.jpg 768w\" sizes=\"auto, (max-width: 205px) 100vw, 205px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:20px;padding-left:20px;flex-basis:60%\">\n<h2 class=\"wp-block-heading has-x-large-font-size\" id=\"visit-us-in-a-store-near-you\">If you enjoy our shoes, please share them with your friends.<\/h2>\n\n\n\n<p>One way people hear about our shoes is through word of mouth. If our shoes are a great addition to your wardrobe, we would appreciate your recommending them to someone you know.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Why have boring sneakers when you can have some that pop? We are a sneaker brand that uses ethically sourced sneakers, to bring pops of color and flavor to your everyday style! Each of our sneakers was specially designed by one of our master artists for you to enjoy. Whether you are a soccer mom [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":137,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/alyssadanae.art\/sneakers\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alyssadanae.art\/sneakers\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alyssadanae.art\/sneakers\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alyssadanae.art\/sneakers\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/alyssadanae.art\/sneakers\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":4,"href":"https:\/\/alyssadanae.art\/sneakers\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":381,"href":"https:\/\/alyssadanae.art\/sneakers\/wp-json\/wp\/v2\/pages\/10\/revisions\/381"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alyssadanae.art\/sneakers\/wp-json\/wp\/v2\/media\/137"}],"wp:attachment":[{"href":"https:\/\/alyssadanae.art\/sneakers\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}