1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <title>Shop - Vitamese</title> 5 <meta name="viewport" content="width=device-width,initial-scale=1"> 6 <meta name="apple-mobile-web-app-capable" content="yes"> 7 <meta name="mobile-web-app-capable" content="yes"> 8 <meta name="description" content="Browse our collection of digital and physical products to support your Vietnamese language journey."> 9 10 <!-- Open Graph Tags --> 11 <meta property="og:title" content="Shop - Vitamese"> 12 <meta property="og:description" content="Browse our collection of digital and physical products to support your Vietnamese language journey."> 13 <meta property="og:image" content="https://static.vitamese.com/assets/logo-dark-32bf55c7.png"> 14 <meta property="og:url" content="https://vitamese.com/shop"> 15 <meta property="og:type" content="website"> 16 <meta property="og:site_name" content="Vitamese"> 17 18 19 <!-- Twitter Card Tags --> 20 <meta name="twitter:card" content="summary_large_image"> 21 22 <meta name="csrf-param" content="authenticity_token" /> 23<meta name="csrf-token" content="LENTb6Z7zGNQGtM14DA8pd6K5EAojL3ztzYGQgEdQayOKx-v1PVZzEarvoizd25IuJlZCm5nJjflKiP67bo8MQ" /> 24 25 26 27 28 29 <!-- Discover the font servers early --> 30<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 31<link rel="preconnect" href="https://fonts.googleapis.com"> 32 33<!-- Preload + lazy-apply stylesheet (noscript fallback) --> 34<link rel="preload" 35 as="style" 36 href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Aleo:wght@700&display=swap&subset=vietnamese"> 37<link rel="stylesheet" 38 href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Aleo:wght@700&display=swap&subset=vietnamese" 39 media="print" onload="this.media='all'"> 40<noscript> 41 <link rel="stylesheet" 42 href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Aleo:wght@700&display=swap&subset=vietnamese"> 43</noscript> 44 45 46 <link rel="icon" href="/favicon.ico" sizes="32x32"> 47 <link rel="icon" href="/icon.svg" type="image/svg+xml"> 48 <link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180Ã180 --> 49 <link rel="manifest" href="/manifest.webmanifest"> 50 <meta name="theme-color" content="#7fcbb4"> 51 52 <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css" 53 as="style" onload="this.onload=null;this.rel='stylesheet'"> 54 <noscript> 55 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css"> 56 </noscript> 57 58 <link rel="stylesheet" href="https://static.vitamese.com/assets/actiontext-71d87884.css" data-turbo-track="reload" /> 59<link rel="stylesheet" href="https://static.vitamese.com/assets/application-39844f84.css" data-turbo-track="reload" /> 60<link rel="stylesheet" href="https://static.vitamese.com/assets/swiper-bundle.min-65e47726.css" data-turbo-track="reload" /> 61<link rel="stylesheet" href="https://static.vitamese.com/assets/tailwind-70318c82.css" data-turbo-track="reload" /> 62<link rel="stylesheet" href="https://static.vitamese.com/assets/vitamese-18f1e935.css" data-turbo-track="reload" /> 63
63<script src="https://static.vitamese.com/assets/swiper-bundle-6d12c2d9.js" data-turbo-track="reload"></script>
63 64
64<script type="importmap" data-turbo-track="reload">{ 65 "imports": { 66 "application": "https://static.vitamese.com/assets/application-6fb4f622.js", 67 "admin": "https://static.vitamese.com/assets/admin-3e0d1ff5.js", 68 "@hotwired/turbo-rails": "https://static.vitamese.com/assets/turbo.min-9fd88cd5.js", 69 "@hotwired/stimulus": "https://static.vitamese.com/assets/stimulus.min-4b1e420e.js", 70 "@hotwired/stimulus-loading": "https://static.vitamese.com/assets/stimulus-loading-1fc53fe7.js", 71 "trix": "https://static.vitamese.com/assets/trix-4bf79781.js", 72 "@rails/actiontext": "https://static.vitamese.com/assets/actiontext.esm-c376325e.js", 73 "@rails/activestorage": "https://static.vitamese.com/assets/activestorage.esm-81bb34bc.js", 74 "el-transition": "https://static.vitamese.com/assets/el-transition-fd412fed.js", 75 "@yaireo/tagify": "https://static.vitamese.com/assets/@yaireo--tagify-a4860713.js", 76 "sortablejs": "https://static.vitamese.com/assets/sortablejs-d5bfebfd.js", 77 "@tailwindplus/elements": "https://static.vitamese.com/assets/@tailwindplus--elements-d68359e2.js", 78 "flatpickr": "https://static.vitamese.com/assets/flatpickr-bc43d5e1.js", 79 "@justinribeiro/lite-youtube": "https://static.vitamese.com/assets/@justinribeiro--lite-youtube-e937d018.js", 80 "controllers/ad_form_controller": "https://static.vitamese.com/assets/controllers/ad_form_controller-3b73b97b.js", 81 "controllers/admin_sidebar_controller": "https://static.vitamese.com/assets/controllers/admin_sidebar_controller-5fe41581.js", 82 "controllers/application": "https://static.vitamese.com/assets/controllers/application-3affb389.js", 83 "controllers/article_links_controller": "https://static.vitamese.com/assets/controllers/article_links_controller-cb5e163b.js", 84 "controllers/character_counter_controller": "https://static.vitamese.com/assets/controllers/character_counter_controller-2273d186.js", 85 "controllers/digital_upload_controller": "https://static.vitamese.com/assets/controllers/digital_upload_controller-ddd83a06.js", 86 "controllers/flatpickr_controller": "https://static.vitamese.com/assets/controllers/flatpickr_controller-73dd6877.js", 87 "controllers/helpers/image_preview": "https://static.vitamese.com/assets/controllers/helpers/image_preview-f26327bd.js", 88 "controllers/icon_picker_controller": "https://static.vitamese.com/assets/controllers/icon_picker_controller-b35d4efc.js", 89 "controllers/image_upload_controller": "https://static.vitamese.com/assets/controllers/image_upload_controller-981c1264.js", 90 "controllers/import_button_controller": "https://static.vitamese.com/assets/controllers/import_button_controller-592ec963.js", 91 "controllers": "https://static.vitamese.com/assets/controllers/index-ee64e1f1.js", 92 "controllers/infinite_scroll_controller": "https://static.vitamese.com/assets/controllers/infinite_scroll_controller-100e942f.js", 93 "controllers/link_form_controller": "https://static.vitamese.com/assets/controllers/link_form_controller-8baa818a.js", 94 "controllers/mobile_menu_controller": "https://static.vitamese.com/assets/controllers/mobile_menu_controller-14f6c5c7.js", 95 "controllers/modal_controller": "https://static.vitamese.com/assets/controllers/modal_controller-2016e78d.js", 96 "controllers/product_form_controller": "https://static.vitamese.com/assets/controllers/product_form_controller-a3ba46ed.js", 97 "controllers/product_gallery_controller": "https://static.vitamese.com/assets/controllers/product_gallery_controller-4433e756.js", 98 "controllers/promo_slider_controller": "https://static.vitamese.com/assets/controllers/promo_slider_controller-e82ef397.js", 99 "controllers/reviews_controller": "https://static.vitamese.com/assets/controllers/reviews_controller-e551561a.js", 100 "controllers/single_image_upload_controller": "https://static.vitamese.com/assets/controllers/single_image_upload_controller-5f89c167.js", 101 "controllers/slider_controller": "https://static.vitamese.com/assets/controllers/slider_controller-e26a3202.js", 102 "controllers/sortable_ads_controller": "https://static.vitamese.com/assets/controllers/sortable_ads_controller-f510a579.js", 103 "controllers/sortable_links_controller": "https://static.vitamese.com/assets/controllers/sortable_links_controller-2cacd6a7.js", 104 "controllers/sortable_products_controller": "https://static.vitamese.com/assets/controllers/sortable_products_controller-9bcf78f5.js", 105 "controllers/sortable_snippets_controller": "https://static.vitamese.com/assets/controllers/sortable_snippets_controller-56d2356e.js", 106 "controllers/tagify_controller": "https://static.vitamese.com/assets/controllers/tagify_controller-3e0ae5ef.js", 107 "controllers/user_dropdown_controller": "https://static.vitamese.com/assets/controllers/user_dropdown_controller-8fea4074.js" 108 } 109}</script>
109 110<link rel="modulepreload" href="https://static.vitamese.com/assets/application-6fb4f622.js"> 111<link rel="modulepreload" href="https://static.vitamese.com/assets/admin-3e0d1ff5.js"> 112<link rel="modulepreload" href="https://static.vitamese.com/assets/turbo.min-9fd88cd5.js"> 113<link rel="modulepreload" href="https://static.vitamese.com/assets/stimulus.min-4b1e420e.js"> 114<link rel="modulepreload" href="https://static.vitamese.com/assets/stimulus-loading-1fc53fe7.js"> 115<link rel="modulepreload" href="https://static.vitamese.com/assets/trix-4bf79781.js"> 116<link rel="modulepreload" href="https://static.vitamese.com/assets/actiontext.esm-c376325e.js"> 117<link rel="modulepreload" href="https://static.vitamese.com/assets/activestorage.esm-81bb34bc.js"> 118<link rel="modulepreload" href="https://static.vitamese.com/assets/el-transition-fd412fed.js"> 119<link rel="modulepreload" href="https://static.vitamese.com/assets/@yaireo--tagify-a4860713.js"> 120<link rel="modulepreload" href="https://static.vitamese.com/assets/sortablejs-d5bfebfd.js"> 121<link rel="modulepreload" href="https://static.vitamese.com/assets/@tailwindplus--elements-d68359e2.js"> 122<link rel="modulepreload" href="https://static.vitamese.com/assets/flatpickr-bc43d5e1.js"> 123<link rel="modulepreload" href="https://static.vitamese.com/assets/@justinribeiro--lite-youtube-e937d018.js"> 124<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/ad_form_controller-3b73b97b.js"> 125<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/admin_sidebar_controller-5fe41581.js"> 126<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/application-3affb389.js"> 127<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/article_links_controller-cb5e163b.js"> 128<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/character_counter_controller-2273d186.js"> 129<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/digital_upload_controller-ddd83a06.js"> 130<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/flatpickr_controller-73dd6877.js"> 131<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/helpers/image_preview-f26327bd.js"> 132<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/icon_picker_controller-b35d4efc.js"> 133<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/image_upload_controller-981c1264.js"> 134<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/import_button_controller-592ec963.js"> 135<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/index-ee64e1f1.js"> 136<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/infinite_scroll_controller-100e942f.js"> 137<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/link_form_controller-8baa818a.js"> 138<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/mobile_menu_controller-14f6c5c7.js"> 139<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/modal_controller-2016e78d.js"> 140<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/product_form_controller-a3ba46ed.js"> 141<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/product_gallery_controller-4433e756.js"> 142<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/promo_slider_controller-e82ef397.js"> 143<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/reviews_controller-e551561a.js"> 144<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/single_image_upload_controller-5f89c167.js"> 145<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/slider_controller-e26a3202.js"> 146<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/sortable_ads_controller-f510a579.js"> 147<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/sortable_links_controller-2cacd6a7.js"> 148<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/sortable_products_controller-9bcf78f5.js"> 149<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/sortable_snippets_controller-56d2356e.js"> 150<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/tagify_controller-3e0ae5ef.js"> 151<link rel="modulepreload" href="https://static.vitamese.com/assets/controllers/user_dropdown_controller-8fea4074.js">
152<script type="module">import "application"</script>
152 153 154
154<script defer src="https://cloud.umami.is/script.js" data-website-id="e74b5442-d1c9-48f1-b89c-0ec6c0afcbdd"></script>
154 155 </head> 156 157 <body data-controller="modal"> 158 <div class="flex flex-col min-h-screen"> 159 160<header class="bg-slate-gray pb-6 pt-2"> 161 <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" data-controller="mobile-menu"> 162 <!-- Top row with Start Learning button positioned absolute --> 163 <div class="relative"> 164 <!-- Mobile menu button --> 165 <div class="md:hidden absolute top-0 right-0"> 166 <button data-action="click->mobile-menu#toggle" class="text-gray-300 hover:text-white focus:outline-none focus:text-white" aria-label="Toggle navigation menu"> 167 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 168 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> 169 </svg> 170 </button> 171 </div> 172 </div> 173 174 <!-- Centered Logo Section --> 175 <div class="text-center mt-4"> 176 <a class="inline-block" href="/"> 177 <picture><source srcset="https://static.vitamese.com/assets/logo-light-82338a9d.webp 1x, https://static.vitamese.com/assets/[email protected] 2x, https://static.vitamese.com/assets/[email protected] 3x" type="image/webp" /><img srcset="https://static.vitamese.com/assets/logo-light-1x-148825c4.png 1x, https://static.vitamese.com/assets/[email protected] 2x, https://static.vitamese.com/assets/[email protected] 3x" alt="Vitamese" class="h-16 w-auto mx-auto" loading="lazy" src="https://static.vitamese.com/assets/logo-light-74d1f548.png" /></picture> 178</a> </div> 179 180 <!-- Centered Navigation --> 181 <div class="hidden md:flex justify-center items-center space-x-8 mt-6"> 182 <a class="text-vintage-white hover:text-mint-green transition-colors" href="/our-story">About </a> 183 <a class="text-vintage-white hover:text-mint-green transition-colors" href="/our-journey">Journey</a> 184 <a class="text-mint-green transition-colors" target="_blank" href="/shop">Shop </a> 185 <a class="text-vintage-white hover:text-mint-green transition-colors" href="/videos">Watch</a> 186 <a class="text-vintage-white hover:text-mint-green transition-colors" href="/articles">Transcript </a> 187 <a class="text-vintage-white hover:text-mint-green transition-colors" href="/contact-us">Contact Us</a> 188 </div> 189 190 <!-- Mobile Navigation --> 191 <div data-mobile-menu-target="menu" class="md:hidden hidden border-t border-gray-700 mt-6"> 192 <div class="px-2 pt-2 pb-3 space-y-1"> 193 <a class="block px-3 py-2 text-vintage-white hover:text-mint-green transition-colors" href="/our-story">About </a> 194 <a class="block px-3 py-2 text-vintage-white hover:text-mint-green transition-colors" href="/our-journey">Journey</a> 195 <a class="block px-3 py-2 text-mint-green transition-colors" target="_blank" href="/shop">Shop </a> 196 <a class="block px-3 py-2 text-vintage-white hover:text-mint-green transition-colors" href="/videos">Watch</a> 197 <a class="block px-3 py-2 text-vintage-white hover:text-mint-green transition-colors" href="/articles">Transcript </a> 198 <a class="block px-3 py-2 text-vintage-white hover:text-mint-green transition-colors" href="/contact-us">Contact Us</a> 199 </div> 200 </div> 201 </nav> 202</header> 203 204 <div class="bg-mint-green/50 py-2 px-4 text-center text-sm text-slate-gray"> 205 <div class="max-w-7xl mx-auto [&_a]:!text-slate-gray [&_a]:transition-all [&_a]:duration-200 [&_a]:ease-in-out [&_a:hover]:!text-black [&_a:hover]:!font-bold"> 206 <div class="trix-content"> 207 <div><strong>Vietnamese with TuMy.</strong><a href="https://www.patreon.com/cw/tumy"> <strong>LEARN NOW</strong></a></div> 208</div> 209 210 </div> 211 </div> 212 213 <main class="flex-1"> 214 215<section class="py-12 bg-white"> 216 <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> 217 <div class="pb-4 mb-2 store-products-heading"> 218 <div class="trix-content"> 219 <h1>Shop</h1><div>Browse our collection of digital and physical products.</div> 220</div> 221 222 </div> 223 224 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"> 225 <!-- Product Card --> 226<a class="block group" href="/shop/digital-5-sets-bundle-beginner-0-1-2-3-4"> 227 <div class="bg-mint-green/10 rounded-lg overflow-hidden group-hover:shadow-lg hover:bg-mint-green/25 transition-all duration-300"> 228 <div class="aspect-square w-full bg-neutral-100"> 229 <img sizes="(max-width: 640px) calc(100vw - 2rem), (max-width: 1024px) 50vw, 350px" class="w-full h-full object-cover" loading="lazy" alt="6 SETS BUNDLE - Beginner 0, 1, 2, 3, 4 and Supper Kids Flashcards" src="https://static.vitamese.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTYyOCwicHVyIjoiYmxvYl9pZCJ9fQ==--c2246a0ccd8f5bed53763a9b711a90cfa404fbe8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNzAwLG51bGxdLCJzYXZlciI6eyJzdHJpcCI6dHJ1ZSwicXVhbGl0eSI6NzV9fSwicHVyIjoidmFyaWF0aW9uIn19--7fefd9a84d4ebdd8236b5cf9b2d89c0a9090cc35/41.png" /> 230 </div> 231 <div class="p-6"> 232 <h2 class="font-semibold mb-2 transition">6 SETS BUNDLE - Beginner 0, 1, 2, 3, 4 and Supper Kids Flashcards</h2> 233 <p class="text-mint-green-dark font-medium">$19.00 USD</p>
234 <span class="mt-2 inline-flex items-center gap-1.5 rounded-md bg-pale-gray px-2 py-1 text-xs font-medium text-slate-gray"> 235 <i class="fas fa-cloud-arrow-down text-sm"></i> 236 Digital download 237 </span> 238 </div> 239 </div> 240</a> 241 <!-- Product Card --> 242<a class="block group" href="/shop/physical-4-sets-bundle-beginner-0-1-2-3"> 243 <div class="bg-mint-green/10 rounded-lg overflow-hidden group-hover:shadow-lg hover:bg-mint-green/25 transition-all duration-300"> 244 <div class="aspect-square w-full bg-neutral-100"> 245 <img sizes="(max-width: 640px) calc(100vw - 2rem), (max-width: 1024px) 50vw, 350px" class="w-full h-full object-cover" loading="lazy" alt="6 SETS BUNDLE - Beginner 0, 1, 2, 3, 4 and Supper Kids Flashcards" src="https://static.vitamese.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgwMSwicHVyIjoiYmxvYl9pZCJ9fQ==--bb311a3f3b8135a3ff005c3a3c8e988428c7ca2e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNzAwLG51bGxdLCJzYXZlciI6eyJzdHJpcCI6dHJ1ZSwicXVhbGl0eSI6NzV9fSwicHVyIjoidmFyaWF0aW9uIn19--7fefd9a84d4ebdd8236b5cf9b2d89c0a9090cc35/avatar%20apple%203000x3000%20(2).png" /> 246 </div> 247 <div class="p-6"> 248 <h2 class="font-semibold mb-2 transition">6 SETS BUNDLE - Beginner 0, 1, 2, 3, 4 and Supper Kids Flashcards</h2> 249 <p class="text-mint-green-dark font-medium">$60.00 USD</p> 250 <span class="mt-2 inline-flex items-center gap-1.5 rounded-md bg-pale-gray px-2 py-1 text-xs font-medium text-slate-gray"> 251 <i class="fas fa-box-open text-sm"></i> 252 Physical item 253 </span> 254 </div> 255 </div> 256</a> 257 </div> 258 </div> 259</section> 260 261 </main> 262 <footer class="bg-slate-gray py-8"> 263 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 264 <!-- Mobile Layout --> 265 <div class="block md:hidden"> 266 <!-- Logo at top for mobile --> 267 <div class="text-center mb-6"> 268 <a class="inline-block" href="/"> 269 <picture><source srcset="https://static.vitamese.com/assets/logo-light-82338a9d.webp 1x, https://static.vitamese.com/assets/[email protected] 2x, https://static.vitamese.com/assets/[email protected] 3x" type="image/webp" /><img srcset="https://static.vitamese.com/assets/logo-light-1x-148825c4.png 1x, https://static.vitamese.com/assets/[email protected] 2x, https://static.vitamese.com/assets/[email protected] 3x" alt="Vitamese" class="h-10 w-auto" loading="lazy" src="https://static.vitamese.com/assets/logo-light-74d1f548.png" /></picture> 270</a> </div> 271 272 <!-- Start Learning Section --> 273 <div class="border-t border-gray-700 pt-4"> 274 <h3 class="text-lg font-medium mb-3">Start Learning</h3> 275 <ul class="space-y-2 text-sm pl-1"> 276 <li> 277 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Vietnamese with Tu My" href="https://www.patreon.com/cw/tumy"><i class="fas fa-graduation-cap mr-2"></i>Vietnamese with Tu My</a> 278 </li> 279 </ul> 280 </div> 281 282 <!-- Find us on Section --> 283 <div class="border-t border-gray-700 pt-4 mt-4"> 284 <h3 class="text-lg font-medium mb-3">Find Us On</h3> 285 <ul class="space-y-2 text-sm pl-1"> 286 <li> 287 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Patreon " href="https://www.patreon.com/cw/tumy"><i class="fas fa-video mr-2"></i>Patreon </a> 288 </li> 289 <li> 290 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Youtube " href="https://www.youtube.com/@tumy_vietnamese"><i class="fab fa-youtube mr-2"></i>Youtube </a> 291 </li> 292 <li> 293 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Apple Podcasts" href="https://podcasts.apple.com/vn/channel/tumys-podcast/id6475641202"><i class="fas fa-podcast mr-2"></i>Apple Podcasts</a> 294 </li> 295 <li> 296 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Ap
296ple Books " href="https://books.apple.com/us/author/tu-my-nguy/id1895124733"><i class="fas fa-book mr-2"></i>Apple Books </a> 297 </li> 298 <li> 299 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Spotify" href="https://open.spotify.com/show/3IXhXqhl0Fn4VVtIFslESq?si=KesxOyu7RnSwd0o-y57q0Q"><i class="fab fa-spotify mr-2"></i>Spotify</a> 300 </li> 301 <li> 302 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Instagram" href="https://www.instagram.com/tumy_vietnamese?igsh=MXFpdzR5b2p6djJ4aw%3D%3D&utm_source=qr"><i class="fab fa-instagram mr-2"></i>Instagram</a> 303 </li> 304 </ul> 305 </div> 306 </div> 307 308 <!-- Desktop Horizontal Layout --> 309 <div class="hidden md:flex md:justify-between"> 310 <!-- Left side - Start Learning --> 311 <div> 312 <h3 class="text-xl font-medium mb-2 text-vintage-white">Start Learning</h3> 313 <ul class="space-y-1 text-sm"> 314 <li> 315 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Vietnamese with Tu My" href="https://www.patreon.com/cw/tumy"><i class="fas fa-graduation-cap mr-2"></i>Vietnamese with Tu My</a> 316 </li> 317 </ul> 318 </div> 319 320 <!-- Center - Social Media --> 321 <div class="text-left"> 322 <h3 class="text-xl font-medium mb-2 text-vintage-white">Find Us On</h3> 323 <div class="text-left"> 324 <ul class="space-y-1 text-sm"> 325 <li> 326 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Patreon " href="https://www.patreon.com/cw/tumy"><i class="fas fa-video mr-2"></i>Patreon </a> 327 </li> 328 <li> 329 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Youtube " href="https://www.youtube.com/@tumy_vietnamese"><i class="fab fa-youtube mr-2"></i>Youtube </a> 330 </li> 331 <li> 332 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Apple Podcasts" href="https://podcasts.apple.com/vn/channel/tumys-podcast/id6475641202"><i class="fas fa-podcast mr-2"></i>Apple Podcasts</a> 333 </li> 334 <li> 335 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Apple Books " href="https://books.apple.com/us/author/tu-my-nguy/id1895124733"><i class="fas fa-book mr-2"></i>Apple Books </a> 336 </li> 337 <li> 338 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Spotify" href="https://open.spotify.com/show/3IXhXqhl0Fn4VVtIFslESq?si=KesxOyu7RnSwd0o-y57q0Q"><i class="fab fa-spotify mr-2"></i>Spotify</a> 339 </li> 340 <li> 341 <a class="text-vintage-white hover:text-mint-green transition-colors" target="_blank" title="Instagram" href="https://www.instagram.com/tumy_vietnamese?igsh=MXFpdzR5b2p6djJ4aw%3D%3D&utm_source=qr"><i class="fab fa-instagram mr-2"></i>Instagram</a> 342 </li> 343 </ul> 344 </div> 345 </div> 346 347 <!-- Right side - Logo --> 348 <div class="text-right"> 349 <a class="inline-block" href="/"> 350 <picture><source srcset="https://static.vitamese.com/assets/logo-light-82338a9d.webp 1x, https://static.vitamese.com/assets/[email protected] 2x, https://static.vitamese.com/assets/[email protected] 3x" type="image/webp" /><img srcset="https://static.vitamese.com/assets/logo-light-1x-148825c4.png 1x, https://static.vitamese.com/assets/[email protected] 2x, https://static.vitamese.com/assets/[email protected] 3x" alt="Vitamese" class="h-12 w-auto" loading="lazy" src="https://static.vitamese.com/assets/logo-light-74d1f548.png" /></picture> 351</a> </div> 352 </div> 353 </div> 354</footer> 355 356 </div> 357 358 <div class="relative z-[60] hidden" aria-labelledby="modal-title" role="dialog" aria-modal="true" data-modal-target="modalElement" data-modal-size="default"> 359 <!--
360 Background backdrop, show/hide based on modal state. 361 362 Entering: "ease-out duration-300" 363 From: "opacity-0" 364 To: "opacity-100" 365 Leaving: "ease-in duration-200" 366 From: "opacity-100" 367 To: "opacity-0" 368 --> 369 <div class="fixed inset-0 bg-gray-500/75 transition-opacity" data-modal-target="background" data-transition-enter="ease-out duration-150" 370 data-transition-enter-start="opacity-0" 371 data-transition-enter-end="opacity-100" 372 data-transition-leave="transition ease-in duration-200" 373 data-transition-leave-from="opacity-100" 374 data-transition-leave-end="opacity-0" ></div> 375 376 <div class="fixed inset-0 z-[60] overflow-y-auto"> 377 <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" > 378 <!-- 379 Modal panel, show/hide based on modal state. 380 381 Entering: "ease-out duration-300" 382 From: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 383 To: "opacity-100 translate-y-0 sm:scale-100" 384 Leaving: "ease-in duration-200" 385 From: "opacity-100 translate-y-0 sm:scale-100" 386 To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 387 --> 388 389 <div class="relative transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full modal-size-default sm:p-6" data-modal-target="panel" data-transition-enter="ease-out duration-150" 390 data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 391 data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" 392 data-transition-leave="transition ease-in duration-200" 393 data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" 394 data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> 395 <div class="absolute right-0 top-0 pr-4 pt-4 sm:block"> 396 <button type="button" class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" data-modal-target="" data-action="click->modal#hide"> 397 <span class="sr-only">Close</span> 398 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> 399 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 400 </svg> 401 </button> 402 </div> 403 <turbo-frame id="modal_content"> 404 <div class="mx-auto flex items-center justify-center h-24 w-24"> 405 <svg class="animate-spin h-5 w-5 mr-3 bg-indigo-600" viewBox="0 0 24 24"> 406 <!-- ... --> 407 </svg> 408 </div> 409</turbo-frame> </div> 410 411 </div> 412 </div> 413</div> 414 415 416
416<script> 417 // Detect and store user's timezone in cookie 418 if (!document.cookie.includes('user_timezone=')) { 419 const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone; 420 document.cookie = `user_timezone=${encodeURIComponent(timezone)}; path=/; max-age=31536000; SameSite=Lax; Secure`; 421 } 422</script>
422 423 424 </body> 425</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.