{"id":282,"date":"2025-05-06T13:10:14","date_gmt":"2025-05-06T13:10:14","guid":{"rendered":"https:\/\/xinlanhe.annenbergprhosting.com\/?p=282"},"modified":"2026-03-09T21:18:42","modified_gmt":"2026-03-09T21:18:42","slug":"starbucks","status":"publish","type":"post","link":"https:\/\/xinlanhe.annenbergprhosting.com\/?p=282","title":{"rendered":"Starbucks"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Puppuccino Block<\/title>\n  <style>\n    body {\n      margin: 0;\n      font-family: 'Helvetica Neue', Arial, sans-serif;\n      background-color: #fff;\n    }\n\n    .hero-title-block {\n      text-align: center;\n      padding: 100px 20px 60px;\n      background-color: #32462f;\n      color: #ffffff;\n    }\n\n    .hero-title-block h1 {\n      font-size: 45px;\n      font-weight: bold;\n      margin-bottom: 16px;\n      color: #ffffff; \/* \u5f3a\u5236\u8bbe\u7f6e\u767d\u8272\u6807\u9898 *\/\n    }\n\n    .hero-title-block p {\n      font-size: 25px;\n      margin: 0;\n      font-weight: normal;\n      color: #ffffff; \/* \u5f3a\u5236\u8bbe\u7f6e\u767d\u8272\u526f\u6807\u9898 *\/\n    }\n\n    .block {\n      display: flex;\n      flex-wrap: nowrap; \/* \u9632\u6b62\u6362\u884c *\/\n      background-color: #32462f;\n      color: white;\n      padding: 60px 5%;\n      align-items: center;\n    }\n\n    .block .text {\n      flex: 0 0 60%;\n      padding-right: 40px;\npadding-left: 40px;\n    }\n\n    .block .text h2,\n    .block .text h3,\n    .block .text p {\n      color: white;\n    }\n\n    .block .text h2 {\n      font-size: 45px;\n      margin-bottom: 10px;\n    }\n\n    .block .text h3 {\n      font-size: 25px;\n      margin-bottom: 20px;\n      font-weight: normal;\n    }\n\n    .block .text p {\n      font-size: 25px;\n      line-height: 1.6;\n    }\n\n    .carousel {\n      flex: 0 0 35%;\n      min-width: 250px;\n      position: relative;\n    }\n\n    .carousel input {\n      display: none;\n    }\n\n.carousel .slides {\n  position: relative;\n  width: 100%;\n  height: 580px; \noverflow: hidden;\n  border-radius: 10px;\n}\n\n.carousel .slide {\n  position: absolute;\n  opacity: 0;\n  transition: opacity 0.5s ease-in-out;\n  width: 100%;\n  height: 100%; \n}\n\n.carousel .slide img {\n  width: 100%;\n  height: auto;\n  object-fit: contain; \/* \u6539\u4e3a contain \u907f\u514d\u88ab\u88c1\u526a *\/\n  border-radius: 10px;\n  display: block;\n}\n\n\n    #slide1:checked ~ .slides .s1,\n    #slide2:checked ~ .slides .s2,\n    #slide3:checked ~ .slides .s3,\n    #slide4:checked ~ .slides .s4 {\n      opacity: 1;\n      z-index: 1;\n    }\n\n    .carousel .nav {\n      text-align: center;\n      margin-top: 10px;\n    }\n\n    .carousel .nav label {\n      display: inline-block;\n      width: 12px;\n      height: 12px;\n      background-color: #ccc;\n      border-radius: 50%;\n      margin: 0 6px;\n      cursor: pointer;\n    }\n\n    .carousel input:checked + label {\n      background-color: #ffffff;\n    }\n\n.block.vertical {\n  flex-direction: column;\n  text-align: center;\n}\n\n.text-center {\n  padding: 40px 10%;\n  color: white;\n}\n\n.text-center h2 {\n  font-size: 45px;\n  margin-bottom: 10px;\n  color: white; \/* \u2705 \u5f3a\u5236\u767d\u8272\u6807\u9898 *\/\n  font-weight: bold;\n}\n\n.text-center p {\n  font-size: 25px;\n  margin: 0 auto;\n  max-width: 600px;\n  line-height: 1.6;\n  color: white; \/* \u2705 \u5f3a\u5236\u767d\u8272\u526f\u6807\u9898 *\/\n}\n\n.full-image img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 0;\n}\n\n.image-side {\n  flex: 0 0 35%;\n  min-width: 250px;\n}\n\n.image-side img {\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n  border-radius: 10px;\n}\n\n    @media screen and (max-width: 768px) {\n      .block {\n        flex-direction: column;\n      }\n\n      .block .text,\n      .carousel {\n        flex: 1 1 100%;\n        padding: 10px 0;\n      }\n    }\n\n\n.button-block {\n  justify-content: center;\n  background-color: #32462f;\n  padding: 60px 20px;\n}\n\n.button-block .btn-outline {\n  padding: 12px 24px;\n  font-size: 16px;\n  font-weight: bold;\n  color: #ffffff;\n  border: 1.5px solid #ffffff;\n  background: transparent;\n  border-radius: 999px; \/* \u5b8c\u5168\u5706\u89d2 *\/\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.button-block .btn-outline:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Hero Title Block -->\n  <div class=\"hero-title-block\">\n    <h1>Paws &#038; Coffee<\/h1>\n    <p>Because good moments are meant to be shared.<\/p>\n<p>At Starbucks, we believe that joy is better when it\u2019s shared \u2014 especially with the companions who greet us with wagging tails and big hearts. Whether it\u2019s your daily coffee run or a weekend stroll, your dog deserves to be part of the moment, too. That\u2019s why we\u2019re introducing Paws &#038; Coffee, a new way to enjoy your Starbucks experience together.<\/p>\n  <\/div>\n\n  <div class=\"block\">\n    <div class=\"text\">\n      <h2>A little treat for your best friend<\/h2>\n      <h3>Yes, they get one too<\/h3>\n      <p>\n        Bring your pup to a participating Starbucks location and enjoy a moment that\u2019s made for both of you.\n        While you sip your favorite drink, they\u2019ll enjoy a free Puppuccino \u2014 a fluffy cup of whipped cream made just for dogs.\n        It\u2019s a small gesture, but it means everything to the ones who love you most.\n      <\/p>\n    <\/div>\n\n    <div class=\"carousel\">\n      <!-- Radio Inputs -->\n      <input type=\"radio\" name=\"slides\" id=\"slide1\" checked>\n      <input type=\"radio\" name=\"slides\" id=\"slide2\">\n      <input type=\"radio\" name=\"slides\" id=\"slide3\">\n      <input type=\"radio\" name=\"slides\" id=\"slide4\">\n\n      <!-- Slides -->\n      <div class=\"slides\">\n        <div class=\"slide s1\"><img decoding=\"async\" src=\"https:\/\/xinlanhe.annenbergprhosting.com\/wp-content\/uploads\/2025\/05\/3.png\" alt=\"Dog 1\"><\/div>\n        <div class=\"slide s2\"><img decoding=\"async\" src=\"https:\/\/xinlanhe.annenbergprhosting.com\/wp-content\/uploads\/2025\/05\/2-copy.png\" alt=\"Dog 2\"><\/div>\n        <div class=\"slide s3\"><img decoding=\"async\" src=\"https:\/\/xinlanhe.annenbergprhosting.com\/wp-content\/uploads\/2025\/05\/1-copy.png\" alt=\"Dog 3\"><\/div>\n        <div class=\"slide s4\"><img decoding=\"async\" src=\"https:\/\/xinlanhe.annenbergprhosting.com\/wp-content\/uploads\/2025\/05\/@Starbucks.png\" alt=\"Dog 4\"><\/div>\n      <\/div>\n\n      <!-- Navigation -->\n      <div class=\"nav\">\n        <label for=\"slide1\"><\/label>\n        <label for=\"slide2\"><\/label>\n        <label for=\"slide3\"><\/label>\n        <label for=\"slide4\"><\/label>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<div class=\"block\">\n  <div class=\"image-side\">\n    <!-- \u53ef\u66f4\u6362\u4e3a\u4f60\u81ea\u5df1\u7684\u56fe -->\n    <img decoding=\"async\" src=\"https:\/\/xinlanhe.annenbergprhosting.com\/wp-content\/uploads\/2025\/05\/WechatIMG659.jpg\" alt=\"Pet-Friendly Store\" \/>\n  <\/div>\n\n  <div class=\"text\">\n    <h2>A space for connection<\/h2>\n    <p>\n      We\u2019re creating more than a treat \u2014 we\u2019re building shared experiences.\n      Some stores now feature pet-friendly seating areas, water stations,\n      and a relaxing outdoor vibe designed with paws in mind.\n      To make the moment even more special, you\u2019ll also find limited-edition\n      pet accessories like dog bandanas, treat pouches, and Starbucks-branded water bowls.\n    <\/p>\n  <\/div>\n<\/div>\n\n<div class=\"block\">\n  <div class=\"text\">\n    <h2>Tag your joy<\/h2>\n    <p>\n      Whether it\u2019s a quiet break or a joyful outing, we\u2019d love to see your moments together.\n      Share your photos using <strong>#PawsAndCoffee<\/strong> and <strong>#PuppuccinoMoment<\/strong>\n      for a chance to be featured on our page.\n    <\/p>\n  <\/div>\n\n  <div class=\"carousel image-side\">\n    <img decoding=\"async\" src=\"https:\/\/xinlanhe.annenbergprhosting.com\/wp-content\/uploads\/2025\/05\/Ivory-and-Beige-Coach-New-Courses-Email-Newsletter.png\" alt=\"User Sharing Moment\" \/>\n  <\/div>\n<\/div>\n\n<div class=\"block vertical\">\n  <div class=\"text-center\">\n    <h2>Come. Sit. Stay. Sip.<\/h2>\n    <p>\n      Because coffee is great \u2014 but it\u2019s even better when shared with your best friend.\n    <\/p>\n  <\/div>\n  <div class=\"full-image\">\n    <img decoding=\"async\" src=\"https:\/\/xinlanhe.annenbergprhosting.com\/wp-content\/uploads\/2025\/05\/Coffee-dates-with-my-human-everything.png\" alt=\"Coffee with Pet\">\n  <\/div>\n\n<div class=\"button-block\">\n  <button class=\"btn-outline\">Find a Pet-Friendly Store<\/button>\n<\/div>\n\n<\/div>\n\n\n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Puppuccino Block Paws &#038; Coffee Because good moments are meant to be shared. At Starbucks, we believe that joy is better when it\u2019s shared \u2014 especially with the companions who greet us with wagging tails and big hearts. Whether it\u2019s your daily coffee run or a weekend stroll, your dog deserves to be part of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"wp-custom-template-none","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-282","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/xinlanhe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/posts\/282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xinlanhe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xinlanhe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xinlanhe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xinlanhe.annenbergprhosting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=282"}],"version-history":[{"count":48,"href":"https:\/\/xinlanhe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/posts\/282\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/xinlanhe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/posts\/282\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/xinlanhe.annenbergprhosting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinlanhe.annenbergprhosting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinlanhe.annenbergprhosting.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}