PageSourceSearch

https://vitamese.com/shop

html vitamese.com collected 2026-10-02 16:04:45 UTC 29,763 bytes, 425 lines download raw bytes

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">&nbsp;<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&amp;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&amp;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.