PageSourceSearch

https://drewjitsuonline.com/

html drewjitsuonline.com collected 2026-10-04 06:31:10 UTC 185,978 bytes, 2,493 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    
5    <meta charset="utf-8">
6      <title>Home</title>
7      <meta property="og:title" content="Home">
8      <meta name="twitter:title" content="Home">
9      <link
10  rel="icon"
11  href="https://drewjitsuonline.com/images/favicontypes/16957/null_2fqvoroq0ktcczes2eltx9_favicon.png"
12>
13<link
14  rel="apple-touch-icon"
15  sizes="180x180"
16  href="https://drewjitsuonline.com/images/favicontypes/16957/null_2fqvoroq0ktcczes2eltx9_favicon.png"
17>
18    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
19    <meta name="csrf-param" content="authenticity_token" />
20<meta name="csrf-token" content="yMaChOyZEnfvyOJIWpz3xAYTbpwY7wKXCLq5AAHTzsj3dbWO1ySc_aQOYCmPv_hJUuo6me8xU48-qWtELc6EMg" />
21    <link rel="preconnect" href="https://fonts.googleapis.com">
22    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
23    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
24    
24<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.10/webfont.js"></script>
24
25    
25<script>
26      window.editorId = 190922;
27      window.editorLink = 'https://app.uscreen.tv/bullet/page_builder/190922';
28      window.body_font_family = 'Poppins:300,400,700,900';
29      window.heading_font_family = 'Poppins:300,400,700,900';
30    </script>
30
31    <link rel="stylesheet" href="https://assets-gke.uscreencdn.com/vite/assets/tailwind-CeQmPIAS.css" media="all" />
32
33    <link rel="stylesheet" href="https://assets-gke.uscreencdn.com/vite/assets/page_builder-BMl1NNRh.css" media="all" />
34    <style>
35    :root {
36        --primary: #0028ffff;
37        --primary-rgb: 0, 40, 255;
38        --contrast-text-color: #FFFFFF;
39        --contrast-to-primary-color: #fff;
40    }
41</style>
42<style id="custom-theme-styles" media="none">
43    body.light {
44        --main-color-h: 0;
45        --main-color-s: 100;
46        --main-color-l: 100;
47        --ds-bg-main: hsl(0, 100%, 100%);
48
49        --ds-bg-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 96%);
50        --ds-bg-inset: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 91%);
51        --ds-bg-overlay: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 98%);
52        --ds-bg-subtle: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 91%);
53
54        --ds-border-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 85%);
55        --ds-fg-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 8%);
56        --ds-fg-muted: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 25%);
57        --ds-fg-subtle: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 50%);
58    }
59
60    body.dark {
61        --main-color-h: 0;
62        --main-color-s: 100;
63        --main-color-l: 0;
64        --ds-bg-main: hsl(0, 100%, 0%);
65
66        --ds-bg-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 10%);
67        --ds-bg-overlay: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 2%);
68        --ds-bg-inset: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 6%);
69        --ds-bg-subtle: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 15%);
70
71        --ds-border-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 20%);
72        --ds-fg-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 98%);
73        --ds-fg-muted: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 70%);
74        --ds-fg-subtle: hsl(var(--main-color-h), clamp(7%, calc(calc(var(--main-color-s) - 10) * 1%), 100%), 60%);
75    }
76
77</style>
78    <!-- ==================================================================
79     HEAD CODE — the COMPLETE contents of
80       Uscreen -> Settings -> Snippets -> Head code
81
82     Select everything in that box, delete it, and paste this whole file.
83     Nothing to edit around: the CommonNinja widget below is your existing
84     code, reproduced verbatim.
85
86     Generated by tools/generate-grids.js — re-run and re-paste after any
87     change to products.json, redesign.css or redesign.js.
88     ================================================================== -->
89<script src="https://cdn.commoninja.com/sdk/latest/commonninja.js" defer></script>
89
90<div class="commonninja_component pid-f200c82f-d13d-45ac-b3d3-07a1d9f2490e"></div>
91
92<!-- ===================== Drew Jitsu storefront redesign ============ -->
93<!-- Every cover comes from this one host, and the grid is injected by
94     script, so the first image request cannot start until well after the
95     page has parsed. Opening the connection up front takes the DNS lookup
96     and TLS handshake off that critical path. -->
97<link rel="preconnect" href="https://alpha.uscreencdn.com" crossorigin>
98<link rel="dns-prefetch" href="https://alpha.uscreencdn.com">
99<style>
100/* ============================================================================
101   drewjitsuonline.com — storefront redesign
102   Paste this whole file into Uscreen → Settings → Snippets → HEAD CODE,
103   wrapped in <style> tags. Not "Custom styles" — that field only applies to
104   sign-in, checkout and account pages, not the storefront.
105
106   Everything is scoped to the `dj-` class prefix. There are no resets and no
107   bare `*` selectors, so Uscreen's own chrome (player, checkout, account
108   pages) is untouched.
109   ========================================================================= */
110
111@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&display=swap');
112
113/* ── tokens ───────────────────────────────────────────────────────────── */
114:root {
115  --dj-bg:        #f3f2f2;
116  --dj-ink:       #201e1d;
117  --dj-red:       #ec3013;
118  --dj-red-hover: #dd2b0f;
119  --dj-red-press: #ae1800;   /* red for text on light ground — AA contrast */
120  --dj-rule:      rgba(32, 30, 29, 0.4);
121  --dj-hairline:  rgba(32, 30, 29, 0.22);
122  --dj-tint:      rgba(32, 30, 29, 0.07);
123  --dj-panel:     #eae7e7;
124  --dj-font:      "Archivo", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
125  --dj-pad:       32px;      /* horizontal gutter, narrowed on small screens */
126}
127
128/* ── base, scoped to dj- classes only ─────────────────────────────────── */
129[class^="dj-"],
130[class*=" dj-"],
131[class^="dj-"] *,
132[class*=" dj-"] * {
133  font-family: var(--dj-font);
134  box-sizing: border-box;
135  border-radius: 0 !important;   /* zero radius anywhere, beats Uscreen's theme */
136}
137
138/* Headings and button labels are flush left everywhere. */
139[class^="dj-"],
140[class*=" dj-"] { text-align: left; }
141
142[class^="dj-"]:focus-visible,
143[class*=" dj-"]:focus-visible,
144[class^="dj-"] a:focus-visible,
145[class*=" dj-"] a:focus-visible,
146[class^="dj-"] button:focus-visible,
147[class*=" dj-"] button:focus-visible,
148[class^="dj-"] input:focus-visible,
149[class*=" dj-"] input:focus-visible {
150  outline: 2px solid var(--dj-red);
151  outline-offset: 2px;
152}
153
154/* An image inside a dj- block never widens its container. Without this a
155   590px CDN photo forces the grid track to 590px and the page scrolls
156   sideways on a phone. */
157[class^="dj-"] img,
158[class*=" dj-"] img { max-width: 100%; }
159
160/* Grid and flex children default to min-width:auto, which stops a track from
161   shrinking below its content. Every dj- layout container opts out. */
162.dj-grid > *,
163.dj-hero > *,
164.dj-band > *,
165.dj-bio > *,
166.dj-signup > *,
167.dj-split > *,
168.dj-course > *,
169.dj-quotes > *,
170.dj-partners > *,
171.dj-module > *,
172.dj-card__row > *,
173.dj-sectionhead > * { min-width: 0; }
174
175/* ── the one deliberate exception to dj- scoping ──────────────────────── *
176 * Hides the "Today's Deal" link in Uscreen's own nav. The daily deal now
177 * leads the grid on the home page, so the link is redundant.
178 *
179 * The theme's nav is not editable anywhere in the Uscreen admin — Header only
180 * exposes logo settings, and there is no menu editor under Website,
181 * Preferences or Theme Customization. Hiding it here is the available
182 * mechanism. Matched on href so it cannot catch anything else; verified as the
183 * only link to that page on the site.
184 *
185 * Delete these three lines to bring the link back.
186 */
187navigation a[href="/pages/daily-deals"] { display: none !important; }
188
189/* ── layout helpers ───────────────────────────────────────────────────── */
190.dj-wrap { max-width: 1280px; margin: 0 auto; padding-left: var(--dj-pad); padding-right: var(--dj-pad); }
191
192.dj-eyebrow {
193  font-size: 12px; font-weight: 600; letter-spacing: 0.14em;
194  text-transform: uppercase; color: var(--dj-red-press);
195  margin: 0 0 6px;
196}
197
198.dj-section { padding: 56px var(--dj-pad); border-bottom: 2px solid var(--dj-rule); background: var(--dj-bg); }
199.dj-section > h2 { font-weight: 800; font-size: 30px; line-height: 1.1; margin: 0 0 24px; color: var(--dj-ink); }
200
201/* Section head: title left, "see all" link right. */
202.dj-sectionhead {
203  display: flex; align-items: flex-end; justify-content: space-between;
204  gap: 24px; flex-wrap: wrap;
205  border-bottom: 2px solid var(--dj-rule);
206  padding-bottom: 16px; margin-bottom: 32px;
207}
208.dj-sectionhead h1,
209.dj-sectionhead h2 { margin: 0; font-weight: 800; line-height: 1.05; color: var(--dj-ink); }
210.dj-sectionhead h1 { font-size: 44px; }
211.dj-sectionhead h2 { font-size: 36px; }
212.dj-sectionhead p  { margin: 6px 0 0; font-size: 16px; color: var(--dj-ink); opacity: 0.7; }
213
214.dj-seeall {
215  font-size: 15px; font-weight: 600; color: var(--dj-red-press);
216  text-decoration: none; white-space: nowrap; padding-bottom: 2px;
217  border-bottom: 2px solid transparent;
218}
219.dj-seeall:hover   { border-bottom-color: var(--dj-red); color: var(--dj-red-press); }
220.dj-seeall:active  { color: var(--dj-ink); }
221
222/* "See all N courses →" under the home-page grid. Flush left. */
223.dj-seeall-row { display: flex; justify-content: flex-start; margin-top: 32px; }
224
225/* The grid injected under the hero on the home page. Matches the theme's own
226   section rhythm rather than the wider .dj-section padding. */
227.dj-homegrid {
228  display: block;
229  background: var(--dj-bg);
230  padding: 48px var(--dj-pad) 56px;
231}
232.dj-homegrid > h2 {
233  margin: 0 0 24px; font-weight: 800; font-size: 36px; line-height: 1.05;
234  color: var(--dj-ink);
235}
236@media (max-width: 900px) {
237  .dj-homegrid { padding: 32px 16px 40px; }
238  .dj-homegrid > h2 { font-size: 26px; }
239}
240
241/* ── header / navigation ──────────────────────────────────────────────── */
242.dj-nav {
243  position: sticky; top: 0; z-index: 50;
244  display: flex; align-items: center; justify-content: space-between;
245  gap: 24px; height: 76px; padding: 0 var(--dj-pad);
246  background: var(--dj-bg);
247  border-bottom: 2px solid var(--dj-rule);
248}
249.dj-nav__left  { display: flex; align-items: center; gap: 40px; min-width: 0; }
250.dj-nav__right { display: flex; align-items: center; gap: 16px; }
251.dj-nav__logo img,
252.dj-nav__logo   { height: 40px; display: block; }
253
254.dj-nav__links { display: flex; gap: 28px; font-size: 15px; font-weight: 600; }
255.dj-nav__links a {
256  color: var(--dj-ink); text-decoration: none;
257  padding-bottom: 2px; border-bottom: 2px solid transparent;
258  transition: color 0.15s ease, border-color 0.15s ease;
259}
260.dj-nav__links a:hover                { color: var(--dj-red-press); border-bottom-color: var(--dj-rule); }
261.dj-nav__links a:active               { color: var(--dj-red-press); }
262.dj-nav__links a[aria-current],
263.dj-nav__links a[aria-current="page"] { border-bottom-color: var(--dj-red); }
264
265.dj-nav__login { font-size: 15px; font-weight: 600; color: var(--dj-ink); text-decoration: none; }
266.dj-nav__login:hover { color: var(--dj-red-press); }
267
268/* Hamburger — hidden on desktop, shown once the links collapse. */
269.dj-nav__toggle {
270  display: none;
271  width: 40px; height: 40px; padding: 9px;
272  background: none; border: 0; cursor: pointer;
273  flex-direction: column; justify-content: center; gap: 4px;
274}
275.dj-nav__toggle span {
276  display: block; height: 2px; width: 100%;
277  background: var(--dj-ink);
278  transition: transform 0.2s ease, opacity 0.2s ease;
279}
280.dj-nav__toggle:hover span { background: var(--dj-red-press); }
281.dj-nav__toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
282.dj-nav__toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
283.dj-nav__toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
284
285.dj-nav__scrim {
286  display: none; position: fixed; inset: 0; z-index: 45;
287  background: rgba(32, 30, 29, 0.5); border: 0;
288}
289.dj-nav__scrim[data-open="true"] { display: block; }
290
291@media (max-width: 900px) {
292  .dj-nav { height: 60px; padding: 0 16px; gap: 12px; }
293  /* The logo is a wide wordmark — let it shrink rather than shove the red
294     button off the right edge. */
295  .dj-nav__left  { flex: 0 1 auto; min-width: 0; overflow: hidden; }
296  .dj-nav__right { flex: 0 0 auto; }
297  .dj-nav__logo  { height: auto; display: block; min-width: 0; }
298  .dj-nav__logo img {
299    height: 28px; width: auto;
300    max-width: 100%; object-fit: contain; object-position: left center;
301  }
302  .dj-nav__toggle { display: flex; flex: 0 0 auto; }
303  .dj-nav__login  { display: none; }   /* moves into the drawer */
304
305  .dj-nav__links {
306    position: fixed; top: 60px; left: 0; right: 0; z-index: 46;
307    flex-direction: column; gap: 0;
308    background: var(--dj-bg);
309    border-bottom: 2px solid var(--dj-rule);
310    padding: 8px 16px 16px;
311    transform: translateY(-8px);
312    opacity: 0; visibility: hidden; pointer-events: none;
313    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
314  }
315  .dj-nav__links[data-open="true"] {
316    transform: translateY(0);
317    opacity: 1; visibility: visible; pointer-events: auto;
318  }
319  .dj-nav__links a {
320    font-size: 18px; padding: 14px 0;
321    border-bottom: 2px solid var(--dj-hairline);
322  }
323  .dj-nav__links a:hover { border-bottom-color: var(--dj-red); }
324  .dj-nav__links a[aria-current],
325  .dj-nav__links a[aria-current="page"] { border-bottom-color: var(--dj-red); color: var(--dj-red-press); }
326  /* The red action stays in the bar on mobile. */
327  .dj-nav__right .dj-btn { padding: 10px 14px; font-size: 14px; }
328}
329
330/* Lock scroll behind the open drawer. */
331body.dj-noscroll { overflow: hidden; }
332
333/* ── buttons ──────────────────────────────────────────────────────────── */
334.dj-btn {
335  display: inline-flex; align-items: center; justify-content: flex-start;
336  padding: 12px 20px;
337  border: 1px solid transparent;
338  font-size: 15px; font-weight: 600; line-height: 1.2;
339  text-decoration: none; text-align: left; cursor: pointer;
340  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
341}
342.dj-btn--primary          { background: var(--dj-red); color: var(--dj-bg); }
343.dj-btn--primary:hover    { background: var(--dj-red-hover); color: var(--dj-bg); }
344.dj-btn--primary:active   { background: var(--dj-red-press); color: var(--dj-bg); }
345
346.dj-btn--secondary        { border-color: var(--dj-rule); color: var(--dj-ink); background: transparent; }
347.dj-btn--secondary:hover  { background: var(--dj-tint); color: var(--dj-ink); }
348.dj-btn--secondary:active { background: rgba(32, 30, 29, 0.14); }
349
350/* Inverted button, for use on the red band and the buy bar. */
351.dj-btn--invert           { background: var(--dj-bg); color: var(--dj-ink); }
352.dj-btn--invert:hover     { background: #ffffff; color: var(--dj-ink); }
353.dj-btn--invert:active    { background: #e2dfdf; }
354
355.dj-btn--block            { display: flex; width: 100%; padding: 14px 20px; font-size: 17px; }
356
357/* ── product grid + card ──────────────────────────────────────────────── */
358.dj-grid {
359  display: grid;
360  grid-template-columns: repeat(4, 1fr);
361  gap: 32px 24px;
362}
363@media (max-width: 1200px) { .dj-grid { grid-template-columns: repeat(3, 1fr); } }
364@media (max-width: 760px)  { .dj-grid { grid-template-columns: repeat(2, 1fr); gap: 20px 12px; } }
365
366.dj-card {
367  display: flex; flex-direction: column; gap: 12px;
368  color: var(--dj-ink); text-decoration: none;
369}
370/* 16:9, not the 16:10 in the original plan. Every cover on the live site is
371   already exactly 16:9 at 1280-1480px wide, so 16:10 bought no extra
372   uniformity and cost a 5%-per-side crop that clipped corner badges (the
373   "NEW" flag, "#1 BEST SELLER"). Revert to 16 / 10 here if you prefer the
374   shallower card. */
375.dj-card__img {
376  aspect-ratio: 16 / 9;
377  overflow: hidden;
378  border: 2px solid var(--dj-ink);
379  background: var(--dj-panel);
380}
381.dj-card__img img {
382  width: 100%; height: 100%;
383  object-fit: cover; display: block;
384  transition: filter 0.2s ease;
385}
386/* Course cover art keeps its colour — no greyscale on cards. */
387.dj-card:hover  .dj-card__img img { filter: contrast(1.08); }
388.dj-card:active .dj-card__img img { filter: contrast(1.14); }
389
390.dj-card__row {
391  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
392}
393.dj-card__title {
394  font-weight: 800; font-size: 16px; line-height: 1.2;
395  transition: color 0.15s ease;
396}
397.dj-card:hover  .dj-card__title { color: var(--dj-red); }
398.dj-card:active .dj-card__title { color: var(--dj-red-press); }
399
400.dj-card__price {
401  font-weight: 800; font-size: 16px;
402  color: var(--dj-red-press);
403  white-space: nowrap;
404}
405.dj-card--free .dj-card__price { color: var(--dj-ink); }
406
407/* Marked down: the higher advertised price struck through, ahead of the real
408   one. Ink rather than red, so the price you actually pay stays the loud one. */
409.dj-card__was {
410  color: var(--dj-ink);
411  opacity: 0.5;
412  font-weight: 600;
413  text-decoration: line-through;
414  margin-right: 6px;
415}
416
417/* Two columns on phones: stack the title over the price, as in the mockup. */
418@media (max-width: 560px) {
419  .dj-card { gap: 8px; }
420  .dj-card__row { flex-direction: column; align-items: flex-start; gap: 4px; }
421  .dj-card__title, .dj-card__price { font-size: 13px; }
422}
423
424/* ── daily deal card ──────────────────────────────────────────────────── */
425/* The card is rewritten each Pacific day by redesign.js. The red rule and
426   flash mark it out without needing a different shape from its neighbours. */
427/* The deal leads the grid, so it has to read as "the deal" instantly: a solid
428   red banner above the artwork, a red frame, and the saving spelled out. */
429.dj-card--deal { gap: 0; }
430.dj-card--deal .dj-card__img {
431  border-color: var(--dj-red);
432  border-top: 0;                 /* the flash bar is the card's top edge */
433}
434.dj-card--deal .dj-card__row { margin-top: 12px; }
435.dj-card--deal .dj-card__title { color: var(--dj-red-press); }
436.dj-card--deal .dj-card__price { font-size: 18px; }
437
438.dj-card__flash {
439  display: block;
440  background: var(--dj-red); color: var(--dj-bg);
441  padding: 8px 10px;
442  font-size: 12px; font-weight: 800; line-height: 1.2;
443  letter-spacing: 0.08em; text-transform: uppercase;
444}
445.dj-card--deal:hover  .dj-card__flash { background: var(--dj-red-hover); }
446.dj-card--deal:active .dj-card__flash { background: var(--dj-red-press); }
447
448/* Live countdown, inside the banner. Tabular figures so it doesn't jitter as
449   the seconds tick. */
450.dj-deal-countdown {
451  font-weight: 600;
452  font-variant-numeric: tabular-nums;
453  opacity: 0.92;
454}
455.dj-card__flash .dj-deal-countdown::before { content: " \00b7 "; }
456.dj-deal-countdown:empty { display: none; }
457
458/* The deal occupies a 2x2 block: two columns wide, two rows tall. Grid rows are
459   uniform, so this is the size that packs cleanly — four ordinary cards sit
460   alongside it with no dead space. The 1.5x version left 90-110px of gap under
461   each neighbour, which is why this won.
462   The artwork fills the block rather than holding a fixed ratio, so nothing is
463   cropped to a letterbox. */
464@media (min-width: 761px) {
465  .dj-card--deal { grid-column: span 2; grid-row: span 2; }
466  .dj-card--deal .dj-card__img {
467    aspect-ratio: auto;
468    flex: 1 1 auto;
469    min-height: 0;
470  }
471  .dj-card--deal .dj-card__img img { height: 100%; }
472  .dj-card--deal .dj-card__flash { padding: 10px 12px; font-size: 13px; }
473  .dj-card--deal .dj-card__title { font-size: 20px; }
474  .dj-card--deal .dj-card__price { font-size: 22px; }
475}
476
477/* On phones the grid is two columns, so spanning two is full width. Keep the
478   artwork uncropped there — the width alone makes it stand out. */
479@media (max-width: 760px) {
480  .dj-card--deal { grid-column: 1 / -1; }
481}
482
483@media (max-width: 560px) {
484  .dj-card__flash { padding: 6px 8px; font-size: 10px; letter-spacing: 0.06em; }
485  .dj-card--deal .dj-card__price { font-size: 14px; }
486}
487
488/* The full-price copy of whichever course is today's deal. Hidden for the day
489   so the same course isn't listed twice at two prices. `display: none` keeps it
490   out of the grid flow and out of the tab order; the sort can reorder it
491   harmlessly while it's invisible. */
492.dj-card--dealtwin { display: none !important; }
493
494/* Deal card with nothing behind it yet — no course is set up to actually sell
495   at the discount. Hidden so it can't advertise a price checkout won't honour.
496   Set up one offer and it appears on its own. */
497.dj-card--dealoff { display: none !important; }
498
499/* ── sort control ─────────────────────────────────────────────────────── */
500.dj-seg {
501  display: inline-flex;
502  border: 2px solid var(--dj-ink);
503  background: var(--dj-bg);
504}
505.dj-seg button {
506  appearance: none; -webkit-appearance: none;
507  background: transparent; border: 0;
508  border-left: 2px solid var(--dj-ink);
509  padding: 10px 16px;
510  font-size: 14px; font-weight: 600; line-height: 1.2;
511  color: var(--dj-ink); cursor: pointer; white-space: nowrap;
512  transition: background-color 0.15s ease, color 0.15s ease;
513}
514.dj-seg button:first-child      { border-left: 0; }
515.dj-seg button:hover            { background: var(--dj-tint); }
516.dj-seg button:active           { background: rgba(32, 30, 29, 0.16); }
517.dj-seg button[data-active]     { background: var(--dj-ink); color: var(--dj-bg); }
518.dj-seg button[data-active]:hover { background: #000000; color: var(--dj-bg); }
519
520@media (max-width: 560px) {
521  .dj-seg { display: flex; width: 100%; }
522  .dj-seg button { flex: 1; padding: 10px 8px; font-size: 13px; text-align: center; justify-content: center; }
523}
524
525/* ── hero ─────────────────────────────────────────────────────────────── */
526.dj-hero {
527  display: grid; grid-template-columns: 1fr 1fr;
528  border-bottom: 2px solid var(--dj-rule);
529  background: var(--dj-bg);
530}
531.dj-hero__copy {
532  padding: 56px 40px 56px var(--dj-pad);
533  display: flex; flex-direction: column; gap: 24px; justify-content: center;
534}
535.dj-hero__copy h1 { margin: 0; font-size: 54px; line-height: 1.02; font-weight: 800; color: var(--dj-ink); }
536.dj-hero__copy p  { margin: 0; font-size: 18px; line-height: 1.5; max-width: 460px; color: var(--dj-ink); }
537.dj-hero__actions { display: flex; gap: 12px; flex-wrap: wrap; }
538
539.dj-hero__media {
540  position: relative; background: var(--dj-ink);
541  min-height: 420px; max-height: 480px;
542  display: flex; align-items: center; justify-content: center;
543}
544.dj-hero__media img {
545  position: absolute; inset: 0;
546  width: 100%; height: 100%; object-fit: cover;
547  opacity: 0.75; filter: grayscale(1) contrast(1.08);
548}
549.dj-hero__play {
550  position: relative; width: 76px; height: 76px;
551  background: var(--dj-red); border: 0; cursor: pointer;
552  display: flex; align-items: center; justify-content: center;
553}
554.dj-hero__play:hover  { background: var(--dj-red-hover); }
555.dj-hero__play:active { background: var(--dj-red-press); }
556.dj-hero__play::after {
557  content: ""; width: 0; height: 0; margin-left: 5px;
558  border-left: 22px solid var(--dj-bg);
559  border-top: 14px solid transparent;
560  border-bottom: 14px solid transparent;
561}
562.dj-hero__caption {
563  position: absolute; left: 0; bottom: 0;
564  background: var(--dj-bg); color: var(--dj-ink);
565  padding: 8px 14px;
566  font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase;
567}
568
569@media (max-width: 900px) {
570  .dj-hero { grid-template-columns: 1fr; }
571  .dj-hero__copy { padding: 32px 16px; gap: 18px; }
572  .dj-hero__copy h1 { font-size: 34px; }
573  .dj-hero__copy p  { font-size: 16px; max-width: none; }
574  .dj-hero__media   { min-height: 240px; }
575  .dj-hero__actions .dj-btn { flex: 1 1 auto; justify-content: center; }
576}
577
578/* ── red poster band ──────────────────────────────────────────────────── */
579.dj-band {
580  background: var(--dj-red); color: var(--dj-bg);
581  padding: 56px var(--dj-pad);
582  display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: center;
583}
584.dj-band h2 { font-size: 44px; line-height: 1.05; margin: 0 0 12px; font-weight: 800; }
585.dj-band p  { margin: 0; font-size: 18px; line-height: 1.5; max-width: 620px; }
586.dj-band__actions { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
587.dj-band__note { font-size: 14px; opacity: 0.85; }
588.dj-band .dj-eyebrow { color: var(--dj-bg); }
589.dj-band .dj-btn { background: var(--dj-bg); color: var(--dj-ink); }
590.dj-band .dj-btn:hover  { background: #ffffff; }
591.dj-band .dj-btn:active { background: #e2dfdf; }
592.dj-band :focus-visible { outline-color: var(--dj-bg); }
593@media (max-width: 860px) {
594  .dj-band { grid-template-columns: 1fr; padding: 40px 16px; gap: 24px; }
595  .dj-band h2 { font-size: 30px; }
596}
597
598/* ── testimonials, partners, bio, signup ──────────────────────────────── */
599.dj-quotes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
600.dj-quote  { display: flex; flex-direction: column; gap: 16px; border-top: 2px solid var(--dj-rule); padding-top: 20px; }
601.dj-quote p { margin: 0; font-size: 16px; line-height: 1.55; }
602.dj-quote__by { display: flex; align-items: center; gap: 12px; }
603.dj-quote__by img { width: 44px; height: 44px; object-fit: cover; display: block; filter: grayscale(1) contrast(1.08); }
604.dj-quote__name { font-weight: 800; font-size: 14px; display: block; }
605.dj-quote__role { font-size: 13px; opacity: 0.6; display: block; }
606@media (max-width: 860px) { .dj-quotes { grid-template-columns: 1fr; gap: 24px; } }
607
608.dj-partners { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
609.dj-partner  { display: flex; flex-direction: column; gap: 10px; }
610.dj-partner img  { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; filter: grayscale(1) contrast(1.08); }
611.dj-partner span { font-size: 14px; font-weight: 800; }
612@media (max-width: 860px) { .dj-partners { grid-template-columns: repeat(3, 1fr); } }
613@media (max-width: 480px) { .dj-partners { grid-template-columns: repeat(2, 1fr); } }
614
615.dj-bio { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
616.dj-bio img { width: 100%; display: block; filter: grayscale(1) contrast(1.08); }
617.dj-bio h2  { margin: 0 0 16px; font-size: 30px; font-weight: 800; }
618.dj-bio p   { margin: 0 0 16px; font-size: 16px; line-height: 1.55; }
619@media (max-width: 860px) { .dj-bio { grid-template-columns: 1fr; gap: 24px; } }
620
621.dj-signup { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
622.dj-signup h2 { margin: 0 0 10px; font-size: 26px; font-weight: 800; }
623.dj-signup p  { margin: 0; font-size: 16px; line-height: 1.5; opacity: 0.75; }
624.dj-signup__form { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
625.dj-field { display: flex; flex-direction: column; gap: 6px; flex: 1 1 160px; }
626.dj-field label { font-size: 13px; font-weight: 600; }
627.dj-field input {
628  border: 2px solid var(--dj-ink); background: var(--dj-bg); color: var(--dj-ink);
629  padding: 10px 12px; font-size: 15px;
630}
631@media (max-width: 860px) { .dj-signup { grid-template-columns: 1fr; gap: 24px; } }
632
633/* ── generic photograph treatment ─────────────────────────────────────── */
634.dj-photo { filter: grayscale(1) contrast(1.08); display: block; width: 100%; height: auto; }
635
636/* ── footer ───────────────────────────────────────────────────────────── */
637.dj-footer {
638  background: var(--dj-ink); color: var(--dj-bg);
639  padding: 32px var(--dj-pad);
640  display: flex; align-items: center; justify-content: space-between;
641  gap: 24px; flex-wrap: wrap; font-size: 14px;
642}
643.dj-footer a { color: var(--dj-bg); text-decoration: none; margin-right: 20px; }
644.dj-footer a:hover { color: var(--dj-bg); border-bottom: 2px solid var(--dj-red); }
645.dj-footer :focus-visible { outline-color: var(--dj-bg); }
646
647/* ── course page ──────────────────────────────────────────────────────── */
648.dj-crumbs { padding: 20px var(--dj-pad); font-size: 14px; border-bottom: 2px solid var(--dj-rule); color: var(--dj-ink); }
649.dj-crumbs a { color: var(--dj-red-press); text-decoration: none; }
650.dj-crumbs a:hover { border-bottom: 2px solid var(--dj-red); }
651.dj-crumbs__sep { opacity: 0.4; margin: 0 6px; }
652
653.dj-course { display: grid; grid-template-columns: 1.25fr 1fr; background: var(--dj-bg); }
654.dj-course__media { border-right: 2px solid var(--dj-rule); }
655.dj-course__media img { width: 100%; display: block; }
656
657.dj-buy { padding: 40px var(--dj-pad); display: flex; flex-direction: column; gap: 20px; }
658.dj-buy h1 { margin: 0; font-size: 40px; line-height: 1.05; font-weight: 800; color: var(--dj-ink); }
659.dj-buy p  { margin: 0; font-size: 17px; line-height: 1.5; color: var(--dj-ink); }
660.dj-buy__price {
661  display: flex; align-items: baseline; gap: 12px;
662  border-top: 2px solid var(--dj-rule); padding-top: 20px;
663}
664.dj-buy__amount { font-size: 40px; font-weight: 800; line-height: 1; }
665.dj-buy__was    { font-size: 22px; font-weight: 600; opacity: 0.5; text-decoration: line-through; }
666.dj-buy__terms  { font-size: 15px; opacity: 0.6; }
667.dj-buy__facts  { display: flex; flex-direction: column; gap: 8px; font-size: 15px; }
668
669/* Below 900px the two columns stack; nothing is hidden. */
670@media (max-width: 900px) {
671  .dj-course { grid-template-columns: 1fr; }
672  .dj-course__media { border-right: 0; border-bottom: 2px solid var(--dj-rule); }
673  .dj-buy { padding: 20px 16px 88px; gap: 14px; }   /* bottom pad clears the buy bar */
674  .dj-buy h1 { font-size: 28px; }
675  .dj-buy p  { font-size: 15px; }
676  .dj-buy__amount { font-size: 28px; }
677  .dj-crumbs { padding: 14px 16px; }
678}
679
680.dj-modules { display: flex; flex-direction: column; gap: 16px; }
681.dj-modules h2 { margin: 0; font-size: 24px; font-weight: 800; }
682.dj-module {
683  display: flex; justify-content: space-between; gap: 16px;
684  border-bottom: 1px solid var(--dj-rule);
685  padding-bottom: 10px; font-size: 16px;
686}
687.dj-module__count { opacity: 0.55; white-space: nowrap; }
688
689.dj-split { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; padding: 48px var(--dj-pad); border-top: 2px solid var(--dj-rule); }
690@media (max-width: 900px) { .dj-split { grid-template-columns: 1fr; gap: 28px; padding: 28px 16px; } }
691
692/* ── sticky buy bar ───────────────────────────────────────────────────── */
693.dj-buybar {
694  position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
695  display: flex; align-items: center; justify-content: space-between;
696  gap: 24px; padding: 16px var(--dj-pad);
697  background: var(--dj-red); color: var(--dj-bg);
698  transform: translateY(100%);
699  transition: transform 0.25s ease;
700}
701.dj-buybar[data-visible="true"] { transform: translateY(0); }
702.dj-buybar__title { font-weight: 800; font-size: 20px; }
703.dj-buybar .dj-btn { background: var(--dj-bg); color: var(--dj-ink); }
704.dj-buybar .dj-btn:hover  { background: #ffffff; }
705.dj-buybar .dj-btn:active { background: #e2dfdf; }
706.dj-buybar :focus-visible { outline-color: var(--dj-bg); }
707@media (max-width: 560px) {
708  .dj-buybar { padding: 12px 16px; gap: 12px; }
709  .dj-buybar__title { font-size: 15px; }
710  .dj-buybar .dj-btn { padding: 10px 14px; font-size: 14px; white-space: nowrap; }
711}
712
713/* ── reduced motion ───────────────────────────────────────────────────── */
714@media (prefers-reduced-motion: reduce) {
715  [class^="dj-"], [class*=" dj-"],
716  [class^="dj-"] *, [class*=" dj-"] * {
717    transition-duration: 0.01ms !important;
718    animation-duration: 0.01ms !important;
719  }
720}
721
722/* ── no-JS / print-safe fallback ──────────────────────────────────────── */
723/* The buy bar is only ever useful with JS; if JS never runs it stays off
724   screen because `data-visible` is absent. Nothing else depends on JS. */
725
726@media print {
727  .dj-nav,
728  .dj-nav__scrim,
729  .dj-buybar,
730  .dj-seg,
731  .dj-hero__play { display: none !important; }
732
733  .dj-nav__links { position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
734
735  .dj-grid   { grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }
736  .dj-hero,
737  .dj-course,
738  .dj-split,
739  .dj-bio,
740  .dj-signup { grid-template-columns: 1fr !important; }
741
742  /* Ink-cheap and legible on white. */
743  .dj-band,
744  .dj-footer { background: transparent !important; color: var(--dj-ink) !important; border: 2px solid var(--dj-ink); }
745  .dj-band .dj-btn, .dj-footer a { color: var(--dj-ink) !important; }
746  .dj-card, .dj-card__title, .dj-card__price { color: var(--dj-ink) !important; }
747  [class^="dj-"], [class*=" dj-"] { background: transparent !important; }
748  .dj-card__img img { filter: none !important; }
749
750  /* Print the destination of each card. */
751  .dj-card[href]::after { content: " (" attr(href) ")"; font-size: 10px; opacity: 0.6; word-break: break-all; }
752}
753
754</style>
755<script>
756/* ============================================================================
757   drewjitsuonline.com — storefront redesign
758   Paste into Uscreen → Settings → Snippets → HEAD CODE, wrapped in 
758<script>
759   tags, below the stylesheet. It runs before the body exists, which is fine —
760   init waits for DOMContentLoaded when the document is still loading.
761
762   Vanilla JS, no dependencies. Safe to run on every page: every feature
763   checks for its own markup first and does nothing when it is absent.
764   ========================================================================= */
765
766(function () {
767  "use strict";
768
769  /* -- helpers ------------------------------------------------------------ */
770
771  function all(sel, root) {
772    return Array.prototype.slice.call((root || document).querySelectorAll(sel));
773  }
774
775  function closest(node, sel) {
776    if (!node) return null;
777    if (node.nodeType !== 1) node = node.parentElement;
778    return node && node.closest ? node.closest(sel) : null;
779  }
780
781  function track(name, params) {
782    if (typeof gtag !== "undefined") {
783      try { gtag("event", name, params || {}); } catch (err) { /* never break the page */ }
784    }
785  }
786
787  function text(node) {
788    return node && node.textContent ? node.textContent.trim() : "";
789  }
790
791  /* -- 1. shop sort ------------------------------------------------------- *
792   * A `[data-sort]` control reorders the nodes of `.dj-grid[data-sortable]`.
793   * Client-side only, no server call, no re-render.
794   *
795   * `data-order` is a newest-first rank where 1 = newest. A rank of 0 (or a
796   * missing attribute) means "unranked" — the daily deal and the free trial
797   * are marked this way — and those cards sort to the end of Newest rather
798   * than the front. Ties keep their original document order.
799   * ---------------------------------------------------------------------- */
800
801  function initSort() {
802    all("[data-sort]").forEach(function (seg) {
803      var grid = document.querySelector(seg.getAttribute("data-sort-target") || ".dj-grid[data-sortable]");
804      if (!grid) return;
805
806      // Remember the authored order once, so ties stay stable across sorts.
807      all(":scope > *", grid).forEach(function (card, i) {
808        if (card.__djIndex === undefined) card.__djIndex = i;
809      });
810
811      function rank(card) {
812        // The daily deal leads the default order — it's the thing we most want
813        // a casual viewer to see. Explicit price sorts still move it, because
814        // that's what the visitor asked for.
815        if (card.hasAttribute("data-dj-deal")) return -Infinity;
816        var n = parseFloat(card.getAttribute("data-order"));
817        return !isFinite(n) || n <= 0 ? Infinity : n;
818      }
819      function price(card) {
820        var n = parseFloat(card.getAttribute("data-price"));
821        return isFinite(n) ? n : 0;
822      }
823
824      seg.addEventListener("click", function (e) {
825        var btn = closest(e.target, "[data-sort-key]");
826        if (!btn || !seg.contains(btn)) return;
827
828        var key = btn.getAttribute("data-sort-key");
829        var cards = all(":scope > *", grid);
830
831        cards.sort(function (a, b) {
832          var d = 0;
833          if (key === "low")       d = price(a) - price(b);
834          else if (key === "high") d = price(b) - price(a);
835          else                     d = rank(a) - rank(b);
836          return d || (a.__djIndex - b.__djIndex);
837        });
838
839        var frag = document.createDocumentFragment();
840        cards.forEach(function (c) { frag.appendChild(c); });
841        grid.appendChild(frag);
842
843        all("[data-sort-key]", seg).forEach(function (n) {
844          if (n === btn) {
845            n.setAttribute("data-active", "");
846            n.setAttribute("aria-pressed", "true");
847          } else {
848            n.removeAttribute("data-active");
849            n.setAttribute("aria-pressed", "false");
850          }
851        });
852
853        track("shop_sort", { sort: key });
854      });
855    });
856  }
857
858  /* -- 2. sticky buy bar -------------------------------------------------- *
859   * Revealed once the main Buy button (`[data-buy-anchor]`) scrolls out of
860   * view. Without IntersectionObserver the bar simply never shows, which is
861   * the correct degradation — the real Buy button is still on the page.
862   * ---------------------------------------------------------------------- */
863
864  function initBuyBar() {
865    var anchor = document.querySelector("[data-buy-anchor]");
866    var bar = document.querySelector(".dj-buybar");
867    if (!anchor || !bar || !("IntersectionObserver" in window)) return;
868
869    bar.setAttribute("data-visible", "false");
870
871    new IntersectionObserver(function (entries) {
872      bar.setAttribute("data-visible", String(!entries[0].isIntersecting));
873    }, { threshold: 0 }).observe(anchor);
874  }
875
876  /* -- 3. mobile nav drawer ----------------------------------------------- */
877
878  function initDrawer() {
879    var toggle = document.querySelector(".dj-nav__toggle");
880    var links = document.querySelector(".dj-nav__links");
881    if (!toggle || !links) return;
882
883    var scrim = document.querySelector(".dj-nav__scrim");
884    if (!scrim) {
885      scrim = document.createElement("div");
886      scrim.className = "dj-nav__scrim";
887      document.body.appendChild(scrim);
888    }
889
890    if (!links.id) links.id = "dj-nav-links";
891    toggle.setAttribute("aria-controls", links.id);
892    toggle.setAttribute("aria-expanded", "false");
893    if (!toggle.getAttribute("aria-label")) toggle.setAttribute("aria-label", "Menu");
894    links.setAttribute("data-open", "false");
895    scrim.setAttribute("data-open", "false");
896
897    function setOpen(open) {
898      toggle.setAttribute("aria-expanded", String(open));
899      links.setAttribute("data-open", String(open));
900      scrim.setAttribute("data-open", String(open));
901      document.body.classList.toggle("dj-noscroll", open);
902    }
903
904    toggle.addEventListener("click", function () {
905      setOpen(toggle.getAttribute("aria-expanded") !== "true");
906    });
907
908    scrim.addEventListener("click", function () { setOpen(false); });
909
910    links.addEventListener("click", function (e) {
911      if (closest(e.target, "a")) setOpen(false);
912    });
913
914    document.addEventListener("keydown", function (e) {
915      if ((e.key === "Escape" || e.key === "Esc") && toggle.getAttribute("aria-expanded") === "true") {
916        setOpen(false);
917        toggle.focus();
918      }
919    });
920
921    // Never leave the drawer open when the layout returns to desktop.
922    window.addEventListener("resize", function () {
923      if (window.innerWidth > 900 && toggle.getAttribute("aria-expanded") === "true") setOpen(false);
924    });
925  }
926
927  /* -- 3b. home page grid ------------------------------------------------- *
928   * The Chameleon theme has a fixed set of sections and no custom-HTML block,
929   * so the grid cannot be added to the home page through the builder. Instead
930   * it ships as an inert <template> in the head code and is moved into place
931   * here, directly below the hero.
932   *
933   * Runs before the deal rotation, because the template carries the deal pool
934   * with it — nothing can read that pool until the clone is in the document.
935   * ---------------------------------------------------------------------- */
936
937  function initHomeGrid() {
938    var tpl = document.getElementById("dj-home-grid");
939    if (!tpl || !tpl.content) return null;
940
941    // Home page only. Uscreen serves it at "/".
942    var path = location.pathname.replace(/\/+$/, "");
943    if (path !== "") return null;
944
945    // Never add a second grid to a page that already has one.
946    if (document.querySelector(".dj-grid")) return null;
947
948    // Directly under the hero. `.pb-hero` appears more than once on this
949    // theme, so anchor to the first — the one at the top of the page.
950    var hero = document.querySelector(".pb-hero");
951    if (!hero || !hero.parentNode) return null;
952
953    var host = document.createElement("section");
954    host.className = "dj-homegrid";
955    host.appendChild(tpl.content.cloneNode(true));
956    hero.parentNode.insertBefore(host, hero.nextSibling);
957
958    return { inserted: true, cards: host.querySelectorAll(".dj-card").length };
959  }
960
961  /* -- 4. daily deal rotation --------------------------------------------- *
962   * Rewrites the `[data-dj-deal]` card once per Pacific day, cycling through
963   * the course pool that ships alongside it in the same HTML block.
964   *
965   * The pick is DERIVED FROM THE DATE, never random: every visitor anywhere in
966   * the world sees the same course on the same day, and it changes the instant
967   * the Pacific calendar date does. No server, no storage, no scheduled job.
968   *
969   * Pacific, not fixed UTC-8: America/Los_Angeles follows daylight saving, so
970   * the switch happens at local midnight all year rather than drifting an hour
971   * each spring.
972   * ---------------------------------------------------------------------- */
973
974  // Calendar date in a given zone, as {y, m, d}.
975  function zonedYMD(date, zone) {
976    var parts = new Intl.DateTimeFormat("en-CA", {
977      timeZone: zone, year: "numeric", month: "2-digit", day: "2-digit"
978    }).formatToParts(date);
979    var o = {};
980    parts.forEach(function (p) { if (p.type !== "literal") o[p.type] = +p.value; });
981    return { y: o.year, m: o.month, d: o.day };
982  }
983
984  // Whole days since the epoch, counted on the Pacific calendar. Increments at
985  // Pacific midnight.
986  function pacificDayNumber(now) {
987    var t = zonedYMD(now, "America/Los_Angeles");
988    return Math.floor(Date.UTC(t.y, t.m - 1, t.d) / 86400000);
989  }
990
991  // The Pacific date as YYYY-MM-DD, used to look up pinned days.
992  function pacificDateKey(now) {
993    var t = zonedYMD(now, "America/Los_Angeles");
994    var pad = function (n) { return (n < 10 ? "0" : "") + n; };
995    return t.y + "-" + pad(t.m) + "-" + pad(t.d);
996  }
997
998  // Wall-clock time in the zone, for the countdown.
999  function zonedClock(date, zone) {
1000    var parts = new Intl.DateTimeFormat("en-GB", {
1001      timeZone: zone, hour: "2-digit", minute: "2-digit", second: "2-digit", hour12: false
1002    }).formatToParts(date);
1003    var o = {};
1004    parts.forEach(function (p) { if (p.type !== "literal") o[p.type] = +p.value; });
1005    return { h: o.hour % 24, mi: o.minute, s: o.second };
1006  }
1007
1008  function money(n) {
1009    if (n === 0) return "Free";
1010    var whole = n === Math.round(n);
1011    return "$" + n.toLocaleString("en-US", {
1012      minimumFractionDigits: whole ? 0 : 2,
1013      maximumFractionDigits: 2
1014    });
1015  }
1016
1017  function dealPriceFrom(full, percentOff) {
1018    return Math.round(full * (1 - percentOff / 100) * 100) / 100;
1019  }
1020
1021  function initDailyDeal(now) {
1022    var card = document.querySelector("[data-dj-deal]");
1023    if (!card) return null;
1024
1025    var holder = document.querySelector("[data-dj-deal-pool]");
1026    if (!holder) return null;
1027
1028    var pool;
1029    try { pool = JSON.parse(holder.textContent); } catch (err) { pool = null; }
1030    if (!Array.isArray(pool)) pool = [];
1031
1032    // Only courses with a real price can be discounted.
1033    pool = pool.filter(function (p) { return typeof p.price === "number" && p.price > 0; });
1034
1035    // Nothing is set up to actually sell at the discount yet. Hide the card
1036    // rather than advertise a price checkout would not honour.
1037    if (!pool.length) {
1038      card.classList.add("dj-card--dealoff");
1039      return null;
1040    }
1041    card.classList.remove("dj-card--dealoff");
1042
1043    var percentOff = parseFloat(card.getAttribute("data-deal-discount"));
1044    if (!isFinite(percentOff) || percentOff <= 0 || percentOff >= 100) percentOff = 90;
1045
1046    var when = now || new Date();
1047    var day = pacificDayNumber(when);
1048    var index = ((day % pool.length) + pool.length) % pool.length;
1049    var pick = pool[index];
1050    var pinnedTo = null;
1051
1052    // A specific course can be pinned to a specific Pacific date, overriding
1053    // the cycle for that day only. Everything else rotates as normal, and the
1054    // day after a pinned date returns to the usual sequence.
1055    var pinHolder = document.querySelector("[data-dj-deal-pinned]");
1056    if (pinHolder) {
1057      try {
1058        var pins = JSON.parse(pinHolder.textContent);
1059        var wanted = pins[pacificDateKey(when)];
1060        if (wanted) {
1061          var found = null;
1062          for (var i = 0; i < pool.length; i++) {
1063            if (pool[i].id === wanted) { found = pool[i]; break; }
1064          }
1065          // Only honour a pin that resolves — never silently show nothing.
1066          if (found) { pick = found; pinnedTo = wanted; }
1067        }
1068      } catch (err) { /* a broken pin map must not break the deal */ }
1069    }
1070
1071    var price = dealPriceFrom(pick.price, percentOff);
1072
1073    var img = card.querySelector(".dj-card__img img");
1074    var title = card.querySelector(".dj-card__title");
1075    var priceEl = card.querySelector(".dj-card__price");
1076
1077    if (img) {
1078      // srcset and sizes go on FIRST — set src first and the browser may commit
1079      // to the fallback before it ever sees the candidate list. A pool row
1080      // without a srcset means a cover off the transforming CDN, so clear any
1081      // stale one rather than leaving the previous day's candidates behind.
1082      if (pick.srcset) {
1083        img.setAttribute("sizes", pick.sizes || "");
1084        img.setAttribute("srcset", pick.srcset);
1085      } else {
1086        img.removeAttribute("srcset");
1087        img.removeAttribute("sizes");
1088      }
1089      img.src = pick.cover;
1090    }
1091    if (title) title.textContent = pick.title;
1092    if (priceEl) {
1093      priceEl.innerHTML = "";
1094      var was = document.createElement("s");
1095      was.className = "dj-card__was";
1096      was.textContent = money(pick.price);
1097      priceEl.appendChild(was);
1098      priceEl.appendChild(document.createTextNode(money(price)));
1099    }
1100
1101    // Link, in order of preference:
1102    //   1. a per-course offer URL  (dealUrl)   — discount baked into the offer
1103    //   2. a per-course coupon     (dealCoupon)— code scoped to this one course
1104    //   3. the card-wide coupon                — one code that works on anything
1105    //   4. the plain course page                — no discount at all
1106    // 1 and 2 are the safe options. See "About the coupon" in build/README.md.
1107    var href = pick.url;
1108    var coupon = pick.dealCoupon || card.getAttribute("data-deal-coupon");
1109    if (pick.dealUrl) {
1110      href = pick.dealUrl;
1111    } else if (coupon) {
1112      href += (href.indexOf("?") === -1 ? "?" : "&") + "coupon=" + encodeURIComponent(coupon);
1113    }
1114    card.setAttribute("href", href);
1115
1116    card.setAttribute("data-price", String(price));
1117    card.setAttribute("data-compare-at", String(pick.price));
1118    card.classList.add("dj-card--sale");
1119    card.setAttribute("data-deal-course", pick.title);
1120
1121    var hidden = hideDealTwin(card, pick.url);
1122
1123    startDealCountdown(card);
1124
1125    return { day: day, index: index, pinnedTo: pinnedTo,
1126             course: pick.title, was: pick.price, now: price, href: href,
1127             twinsHidden: hidden };
1128  }
1129
1130  // While a course is the deal it would otherwise appear twice in the grid —
1131  // once at 90% off and once at full price. Hide the full-price twin for the
1132  // day. Matched on href, so it works no matter how the grid is ordered.
1133  function hideDealTwin(dealCard, courseUrl) {
1134    var hidden = 0;
1135    // Clear yesterday's twin first, so re-running (a countdown reload, or a
1136    // date-driven test) never leaves two courses hidden.
1137    all(".dj-card--dealtwin").forEach(function (n) {
1138      n.classList.remove("dj-card--dealtwin");
1139      n.removeAttribute("aria-hidden");
1140      n.removeAttribute("tabindex");
1141    });
1142    all(".dj-card").forEach(function (other) {
1143      if (other === dealCard) return;
1144      if (other.getAttribute("href") !== courseUrl) return;
1145      other.classList.add("dj-card--dealtwin");
1146      other.setAttribute("aria-hidden", "true");
1147      other.setAttribute("tabindex", "-1");
1148      hidden++;
1149    });
1150    return hidden;
1151  }
1152
1153  // Counts down to the next Pacific midnight, then reloads so the next course
1154  // takes over without the visitor refreshing.
1155  function startDealCountdown(card) {
1156    var el = card.querySelector("[data-dj-deal-countdown]");
1157    if (!el) return;
1158
1159    function tick() {
1160      var c = zonedClock(new Date(), "America/Los_Angeles");
1161      var left = (23 - c.h) * 3600 + (59 - c.mi) * 60 + (60 - c.s);
1162      if (left <= 0) { window.location.reload(); return; }
1163      var h = Math.floor(left / 3600), m = Math.floor((left % 3600) / 60), s = left % 60;
1164      el.textContent = h + "h " + (m < 10 ? "0" : "") + m + "m " + (s < 10 ? "0" : "") + s + "s";
1165    }
1166    tick();
1167    setInterval(tick, 1000);
1168  }
1169
1170  /* -- 5. purchase funnel events ------------------------------------------ */
1171
1172  function initAnalytics() {
1173    document.addEventListener("click", function (e) {
1174      var card = closest(e.target, ".dj-card");
1175      if (card) {
1176        track("shop_card_click", {
1177          course: text(card.querySelector(".dj-card__title")),
1178          price: card.getAttribute("data-price") || "",
1179          href: card.getAttribute("href") || ""
1180        });
1181        return;
1182      }
1183
1184      var buy = closest(e.target, "[data-buy-anchor], [data-dj-buy], .dj-buybar .dj-btn");
1185      if (buy) {
1186        var title = document.querySelector(".dj-buy h1") || document.querySelector(".dj-buybar__title");
1187        track("buy_click", {
1188          course: buy.getAttribute("data-dj-buy") || text(title),
1189          location: closest(buy, ".dj-buybar") ? "sticky_bar" : "page"
1190        });
1191      }
1192    }, true);
1193  }
1194
1195  /* -- boot --------------------------------------------------------------- */
1196
1197  function init() {
1198    // Order matters: the home grid puts the markup (and the deal pool) into the
1199    // document, the deal rewrites its card, then the sort reads real prices.
1200    try { initHomeGrid(); }  catch (err) {}
1201    try { initDailyDeal(); } catch (err) {}
1202    try { initSort(); }      catch (err) {}
1203    try { initBuyBar(); }    catch (err) {}
1204    try { initDrawer(); }    catch (err) {}
1205    try { initAnalytics(); } catch (err) {}
1206  }
1207
1208  // Exposed so the rotation can be tested against arbitrary dates without
1209  // waiting for midnight. See tools/check-deal-rotation.js.
1210  window.djDailyDeal = initDailyDeal;
1211
1212  if (document.readyState === "loading") {
1213    document.addEventListener("DOMContentLoaded", init);
1214  } else {
1215    init();
1216  }
1217})();
1218
1219</script>
1219
1220<template id="dj-home-grid">
1221  <h2>Every course</h2>
1222  <div class="dj-grid">
1223    <a class="dj-card dj-card--deal" href="https://drewjitsuonline.com/orders/customer_info?o=175720" data-price="0" data-order="0" data-dj-deal data-deal-discount="90">
1224      <span class="dj-card__flash">Today only &middot; 90% off<span class="dj-deal-countdown" data-dj-deal-countdown></span></span>
1225      <div class="dj-card__img">
1226        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" loading="eager" fetchpriority="high" decoding="async" width="1480" height="832">
1227      </div>
1228      <div class="dj-card__row">
1229        <span class="dj-card__title">Today's Daily Deal</span>
1230        <span class="dj-card__price">90% off</span>
1231      </div>
1232    </a>
1233    <a class="dj-card" href="https://drewjitsuonline.com/programs/superior-side-control" data-price="59" data-order="1">
1234      <div class="dj-card__img">
1235        <img src="https://alpha.uscreencdn.com/images/programs/3169411/horizontal/1fc98152-1720-47d7-baae-d51dd5861c7f.png?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/3169411/horizontal/1fc98152-1720-47d7-baae-d51dd5861c7f.png?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/3169411/horizontal/1fc98152-1720-47d7-baae-d51dd5861c7f.png?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/3169411/horizontal/1fc98152-1720-47d7-baae-d51dd5861c7f.png?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/3169411/horizontal/1fc98152-1720-47d7-baae-d51dd5861c7f.png?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1236      </div>
1237      <div class="dj-card__row">
1238        <span class="dj-card__title">Superior Side Control</span>
1239        <span class="dj-card__price">$59</span>
1240      </div>
1241    </a>
1242    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-gdbaxdd8f8q" data-price="99" data-order="2">
1243      <div class="dj-card__img">
1244        <img src="https://alpha.uscreencdn.com/images/programs/2845418/horizontal/fdf8f4ab-ff10-429a-8cc3-44cf3eeae705.png?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2845418/horizontal/fdf8f4ab-ff10-429a-8cc3-44cf3eeae705.png?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2845418/horizontal/fdf8f4ab-ff10-429a-8cc3-44cf3eeae705.png?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2845418/horizontal/fdf8f4ab-ff10-429a-8cc3-44cf3eeae705.png?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2845418/horizontal/fdf8f4ab-ff10-429a-8cc3-44cf3eeae705.png?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1245      </div>
1246      <div class="dj-card__row">
1247        <span class="dj-card__title">Staples From Everywhere</span>
1248        <span class="dj-card__price">$99</span>
1249      </div>
1250    </a>
1251    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-uv6b6fuddzm" data-price="59" data-order="3">
1252      <div class="dj-card__img">
1253        <img src="https://alpha.uscreencdn.com/images/programs/2802547/horizontal/0f80d55e-2e4b-4bad-aba4-40846d0887b8.png?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2802547/horizontal/0f80d55e-2e4b-4bad-aba4-40846d0887b8.png?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2802547/horizontal/0f80d55e-2e4b-4bad-aba4-40846d0887b8.png?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2802547/horizontal/0f80d55e-2e4b-4bad-aba4-40846d0887b8.png?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2802547/horizontal/0f80d55e-2e4b-4bad-aba4-40846d0887b8.png?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1254      </div>
1255      <div class="dj-card__row">
1256        <span class="dj-card__title">Knee Cut Kryptonite</span>
1257        <span class="dj-card__price">$59</span>
1258      </div>
1259    </a>
1260    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-xtcoh6okq7s" data-price="160" data-order="10">
1261      <div class="dj-card__img">
1262        <img src="https://alpha.uscreencdn.com/images/programs/2711323/horizontal/84d7603c-fdd6-4893-97a6-0adfb28ac8f5.png?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2711323/horizontal/84d7603c-fdd6-4893-97a6-0adfb28ac8f5.png?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2711323/horizontal/84d7603c-fdd6-4893-97a6-0adfb28ac8f5.png?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2711323/horizontal/84d7603c-fdd6-4893-97a6-0adfb28ac8f5.png?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2711323/horizontal/84d7603c-fdd6-4893-97a6-0adfb28ac8f5.png?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1263      </div>
1264      <div class="dj-card__row">
1265        <span class="dj-card__title">Side Control Escape Manual</span>
1266        <span class="dj-card__price">$160</span>
1267      </div>
1268    </a>
1269    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-2xz5fzstj4e" data-price="150" data-order="11">
1270      <div class="dj-card__img">
1271        <img src="https://alpha.uscreencdn.com/images/programs/2711294/horizontal/rear-crucifix-seminar-1480-x-840-px-uscreen-thumbn
1271ail.1699392451.png?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2711294/horizontal/rear-crucifix-seminar-1480-x-840-px-uscreen-thumbnail.1699392451.png?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2711294/horizontal/rear-crucifix-seminar-1480-x-840-px-uscreen-thumbnail.1699392451.png?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2711294/horizontal/rear-crucifix-seminar-1480-x-840-px-uscreen-thumbnail.1699392451.png?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2711294/horizontal/rear-crucifix-seminar-1480-x-840-px-uscreen-thumbnail.1699392451.png?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1272      </div>
1273      <div class="dj-card__row">
1274        <span class="dj-card__title">Full Crucifix Seminar</span>
1275        <span class="dj-card__price">$150</span>
1276      </div>
1277    </a>
1278    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-es5qh3mchgc" data-price="140" data-order="12">
1279      <div class="dj-card__img">
1280        <img src="https://alpha.uscreencdn.com/images/programs/2561593/horizontal/u-screen-thumbn
1280ail.1699390810.png?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2561593/horizontal/u-screen-thumbnail.1699390810.png?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2561593/horizontal/u-screen-thumbnail.1699390810.png?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2561593/horizontal/u-screen-thumbnail.1699390810.png?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2561593/horizontal/u-screen-thumbnail.1699390810.png?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1281      </div>
1282      <div class="dj-card__row">
1283        <span class="dj-card__title">Dominating Knee On Belly</span>
1284        <span class="dj-card__price">$140</span>
1285      </div>
1286    </a>
1287    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-zzc8262ifh0" data-price="59" data-order="13">
1288      <div class="dj-card__img">
1289        <img src="https://alpha.uscreencdn.com/images/programs/2295970/horizontal/dqnh55ltrbqk95cwt254_file.1684425518.jpg?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2295970/horizontal/dqnh55ltrbqk95cwt254_file.1684425518.jpg?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2295970/horizontal/dqnh55ltrbqk95cwt254_file.1684425518.jpg?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2295970/horizontal/dqnh55ltrbqk95cwt254_file.1684425518.jpg?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2295970/horizontal/dqnh55ltrbqk95cwt254_file.1684425518.jpg?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1290      </div>
1291      <div class="dj-card__row">
1292        <span class="dj-card__title">10 Back Takes in Gi &amp; NoGi</span>
1293        <span class="dj-card__price">$59</span>
1294      </div>
1295    </a>
1296    <a class="dj-card dj-card--sale" href="https://drewjitsuonline.com/programs/collection-yjlta5bbbca" data-price="99" data-order="14" data-compare-at="140">
1297      <div class="dj-card__img">
1298        <img src="https://alpha.uscreencdn.com/images/programs/2294095/horizontal/crd4lgahqwkysn7usnhn_project_20220724_1006125-01.1684348665.jpg?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2294095/horizontal/crd4lgahqwkysn7usnhn_project_20220724_1006125-01.1684348665.jpg?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2294095/horizontal/crd4lgahqwkysn7usnhn_project_20220724_1006125-01.1684348665.jpg?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2294095/horizontal/crd4lgahqwkysn7usnhn_project_20220724_1006125-01.1684348665.jpg?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2294095/horizontal/crd4lgahqwkysn7usnhn_project_20220724_1006125-01.1684348665.jpg?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1299      </div>
1300      <div class="dj-card__row">
1301        <span class="dj-card__title">The Gauntlet Grip</span>
1302        <span class="dj-card__price"><s class="dj-card__was">$140</s>$99</span>
1303      </div>
1304    </a>
1305    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-idsf9opcudq" data-price="59" data-order="15">
1306      <div class="dj-card__img">
1307        <img src="https://alpha.uscreencdn.com/images/programs/2294019/horizontal/17yugrknt1o9p4gb0fmc_10_ibjjf_legal_ankle_locks_cover.1684347331.jpg?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2294019/horizontal/17yugrknt1o9p4gb0fmc_10_ibjjf_legal_ankle_locks_cover.1684347331.jpg?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2294019/horizontal/17yugrknt1o9p4gb0fmc_10_ibjjf_legal_ankle_locks_cover.1684347331.jpg?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2294019/horizontal/17yugrknt1o9p4gb0fmc_10_ibjjf_legal_ankle_locks_cover.1684347331.jpg?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2294019/horizontal/17yugrknt1o9p4gb0fmc_10_ibjjf_legal_ankle_locks_cover.1684347331.jpg?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1308      </div>
1309      <div class="dj-card__row">
1310        <span class="dj-card__title">10 IBJJF Legal Ankle Locks</span>
1311        <span class="dj-card__price">$59</span>
1312      </div>
1313    </a>
1314    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-dxlideleouq" data-price="59" data-order="16">
1315      <div class="dj-card__img">
1316        <img src="https://alpha.uscreencdn.com/images/programs/2293867/horizontal/pn8tnkhrh2lbfwxrmpog_file.1684343014.jpg?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2293867/horizontal/pn8tnkhrh2lbfwxrmpog_file.1684343014.jpg?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2293867/horizontal/pn8tnkhrh2lbfwxrmpog_file.1684343014.jpg?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2293867/horizontal/pn8tnkhrh2lbfwxrmpog_file.1684343014.jpg?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2293867/horizontal/pn8tnkhrh2lbfwxrmpog_file.1684343014.jpg?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1317      </div>
1318      <div class="dj-card__row">
1319        <span class="dj-card__title">10 Back Attacks — NoGi Edition</span>
1320        <span class="dj-card__price">$59</span>
1321      </div>
1322    </a>
1323    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-jrluxjkg9um" data-price="59" data-order="17">
1324      <div class="dj-card__img">
1325        <img src="https://alpha.uscreencdn.com/images/programs/2287793/horizontal/pylca486qtapsgtrkcgj_file.1684333851.jpg?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2287793/horizontal/pylca486qtapsgtrkcgj_file.1684333851.jpg?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2287793/horizontal/pylca486qtapsgtrkcgj_file.1684333851.jpg?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2287793/horizontal/pylca486qtapsgtrkcgj_file.1684333851.jpg?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2287793/horizontal/pylca486qtapsgtrkcgj_file.1684333851.jpg?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1326      </div>
1327      <div class="dj-card__row">
1328        <span class="dj-card__title">10 Back Attacks — Gi Edition</span>
1329        <span class="dj-card__price">$59</span>
1330      </div>
1331    </a>
1332    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-kucpenjs7uq" data-price="59" data-order="18">
1333      <div class="dj-card__img">
1334        <img src="https://alpha.uscreencdn.com/images/programs/2261334/horizontal/gunbgqdrq7ebuyj2dprw_file.1683912361.jpg?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2261334/horizontal/gunbgqdrq7ebuyj2dprw_file.1683912361.jpg?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2261334/horizontal/gunbgqdrq7ebuyj2dprw_file.1683912361.jpg?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2261334/horizontal/gunbgqdrq7ebuyj2dprw_file.1683912361.jpg?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2261334/horizontal/gunbgqdrq7ebuyj2dprw_file.1683912361.jpg?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1335      </div>
1336      <div class="dj-card__row">
1337        <span class="dj-card__title">11 Armbar Grip Breaks</span>
1338        <span class="dj-card__price">$59</span>
1339      </div>
1340    </a>
1341    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-d0zbvpihh9a" data-price="139" data-order="19">
1342      <div class="dj-card__img">
1343        <img src="https://alpha.uscreencdn.com/images/programs/2249213/horizontal/h4jxflj1qjsgxb7fhe1u_file.1683740701.jpg?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2249213/horizontal/h4jxflj1qjsgxb7fhe1u_file.1683740701.jpg?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2249213/horizontal/h4jxflj1qjsgxb7fhe1u_file.1683740701.jpg?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2249213/horizontal/h4jxflj1qjsgxb7fhe1u_file.1683740701.jpg?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2249213/horizontal/h4jxflj1qjsgxb7fhe1u_file.1683740701.jpg?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1344      </div>
1345      <div class="dj-card__row">
1346        <span class="dj-card__title">Reverse Kimura: Half Guard</span>
1347        <span class="dj-card__price">$139</span>
1348      </div>
1349    </a>
1350    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-virzw0vkkda" data-price="59" data-order="20">
1351      <div class="dj-card__img">
1352        <img src="https://alpha.uscreencdn.com/images/programs/2249171/horizontal/qyflg0ekq3wp503r8ux4_10_guillotines_mini-course.1683739957.jpg?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2249171/horizontal/qyflg0ekq3wp503r8ux4_10_guillotines_mini-course.1683739957.jpg?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2249171/horizontal/qyflg0ekq3wp503r8ux4_10_guillotines_mini-course.1683739957.jpg?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2249171/horizontal/qyflg0ekq3wp503r8ux4_10_guillotines_mini-course.1683739957.jpg?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2249171/horizontal/qyflg0ekq3wp503r8ux4_10_guillotines_mini-course.1683739957.jpg?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1353      </div>
1354      <div class="dj-card__row">
1355        <span class="dj-card__title">10 Guillotines Course</span>
1356        <span class="dj-card__price">$59</span>
1357      </div>
1358    </a>
1359    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-_bgu_flilje" data-price="140" data-order="21">
1360      <div class="dj-card__img">
1361        <img src="https://alpha.uscreencdn.com/images/programs/2249124/horizontal/passing.1683738370.jpg?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2249124/horizontal/passing.1683738370.jpg?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2249124/horizontal/passing.1683738370.jpg?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2249124/horizontal/passing.1683738370.jpg?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2249124/horizontal/passing.1683738370.jpg?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1362      </div>
1363      <div class="dj-card__row">
1364        <span class="dj-card__title">Scientific Guard Passing</span>
1365        <span class="dj-card__price">$140</span>
1366      </div>
1367    </a>
1368    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-xuwhju7dbh0" data-price="140" data-order="22">
1369      <div class="dj-card__img">
1370        <img src="https://alpha.uscreencdn.com/images/programs/2249112/horizontal/guard-retention.1683737670.jpg?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2249112/horizontal/guard-retention.1683737670.jpg?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2249112/horizontal/guard-retention.1683737670.jpg?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2249112/horizontal/guard-retention.1683737670.jpg?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2249112/horizontal/guard-retention.1683737670.jpg?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1371      </div>
1372      <div class="dj-card__row">
1373        <span class="dj-card__title">Scientific Guard Retention</span>
1374        <span class="dj-card__price">$140</span>
1375      </div>
1376    </a>
1377    <a class="dj-card" href="https://drewjitsuonline.com/programs/collection-o30bhzlx81s" data-price="140" data-order="23">
1378      <div class="dj-card__img">
1379        <img src="https://alpha.uscreencdn.com/images/programs/2165021/horizontal/rk-closed-guard.1680028558.jpg?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2165021/horizontal/rk-closed-guard.1680028558.jpg?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2165021/horizontal/rk-closed-guard.1680028558.jpg?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2165021/horizontal/rk-closed-guard.1680028558.jpg?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2165021/horizontal/rk-closed-guard.1680028558.jpg?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1380      </div>
1381      <div class="dj-card__row">
1382        <span class="dj-card__title">Reverse Kimura: Closed Guard</span>
1383        <span class="dj-card__price">$140</span>
1384      </div>
1385    </a>
1386    <a class="dj-card" href="https://drewjitsuonline.com/programs/white-belt-course-volume-2" data-price="99" data-order="5">
1387      <div class="dj-card__img">
1388        <img src="https://alpha.uscreencdn.com/images/programs/2733950/horizontal/wbc2.1701031306.png?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2733950/horizontal/wbc2.1701031306.png?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2733950/horizontal/wbc2.1701031306.png?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2733950/horizontal/wbc2.1701031306.png?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2733950/horizontal/wbc2.1701031306.png?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1389      </div>
1390      <div class="dj-card__row">
1391        <span class="dj-card__title">The White Belt Course — Volume 2: Half Guard &amp; Open Guard</span>
1392        <span class="dj-card__price">$99</span>
1393      </div>
1394    </a>
1395    <a class="dj-card" href="https://drewjitsuonline.com/programs/white-belt-course-volume-5" data-price="99" data-order="6">
1396      <div class="dj-card__img">
1397        <img src="https://alpha.uscreencdn.com/images/programs/2733944/horizontal/wbc5.1701031286.png?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2733944/horizontal/wbc5.1701031286.png?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2733944/horizontal/wbc5.1701031286.png?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2733944/horizontal/wbc5.1701031286.png?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2733944/horizontal/wbc5.1701031286.png?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1398      </div>
1399      <div class="dj-card__row">
1400        <span class="dj-card__title">The White Belt Course — Volume 5: The Back</span>
1401        <span class="dj-card__price">$99</span>
1402      </div>
1403    </a>
1404    <a class="dj-card" href="https://drewjitsuonline.com/programs/white-belt-course-volume-4" data-price="99" data-order="7">
1405      <div class="dj-card__img">
1406        <img src="https://alpha.uscreencdn.com/images/programs/2733939/horizontal/wbc4.1701031250.png?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2733939/horizontal/wbc4.1701031250.png?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2733939/horizontal/wbc4.1701031250.png?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2733939/horizontal/wbc4.1701031250.png?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2733939/horizontal/wbc4.1701031250.png?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1407      </div>
1408      <div class="dj-card__row">
1409        <span class="dj-card__title">The White Belt Course — Volume 4: The Mount &amp; Leg Locks</span>
1410        <span class="dj-card__price">$99</span>
1411      </div>
1412    </a>
1413    <a class="dj-card" href="https://drewjitsuonline.com/programs/white-belt-course-volume-3" data-price="99" data-order="8">
1414      <div class="dj-card__img">
1415        <img src="https://alpha.uscreencdn.com/images/programs/2733921/horizontal/1480wbc3.1701031219.png?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2733921/horizontal/1480wbc3.1701031219.png?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2733921/horizontal/1480wbc3.1701031219.png?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2733921/horizontal/1480wbc3.1701031219.png?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2733921/horizontal/1480wbc3.1701031219.png?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1416      </div>
1417      <div class="dj-card__row">
1418        <span class="dj-card__title">The White Belt Course — Volume 3: Guard Passing &amp; Side Control</span>
1419        <span class="dj-card__price">$99</span>
1420      </div>
1421    </a>
1422    <a class="dj-card" href="https://drewjitsuonline.com/programs/white-belt-course-volume-1" data-price="99" data-order="9">
1423      <div class="dj-card__img">
1424        <img src="https://alpha.uscreencdn.com/images/programs/2718747/horizontal/wbc-volume-1.1700178310.png?auto=webp&width=600" srcset="https://alpha.uscreencdn.com/images/programs/2718747/horizontal/wbc-volume-1.1700178310.png?auto=webp&width=300 300w, https://alpha.uscreencdn.com/images/programs/2718747/horizontal/wbc-volume-1.1700178310.png?auto=webp&width=400 400w, https://alpha.uscreencdn.com/images/programs/2718747/horizontal/wbc-volume-1.1700178310.png?auto=webp&width=480 480w, https://alpha.uscreencdn.com/images/programs/2718747/horizontal/wbc-volume-1.1700178310.png?auto=webp&width=600 600w" sizes="(max-width: 760px) 50vw, (max-width: 1200px) 33vw, 300px" alt="" loading="lazy" decoding="async" width="1480" height="832">
1425      </div>
1426      <div class="dj-card__row">
1427        <span class="dj-card__title">The White Belt Course — Volume 1: Take Downs &amp; Closed Guard</span>
1428        <span class="dj-card__price">$99</span>
1429      </div>
1430    </a>
1431    <a class="dj-card dj-card--free" href="https://drewjitsuonline.com/orders/customer_info?o=175724" data-price="0" data-order="0">
1432      <div class="dj-card__img">
1433        <img src="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Fassets_page-builder_750-videos-courses1717602224.1720819051.png" alt="" loading="lazy" decoding="async" width="1480" height="832">
1434      </div>
1435      <div class="dj-card__row">
1436        <span class="dj-card__title">Full Library — 2 week trial</span>
1437        <span class="dj-card__price">Free</span>
1438      </div>
1439    </a>
1440  </div>
1441  <div class="dj-seeall-row">
1442    <a class="dj-seeall" href="/pages/shop">See all 23 courses &rarr;</a>
1443  </div>
1444  <section class="dj-band">
1445    <div>
1446      <p class="dj-eyebrow">Best value</p>
1447      <h2>Complete White Belt Course &mdash; all 5 volumes, 196 videos</h2>
1448      <p>Every White Belt volume in one purchase. Was $500, now $99.</p>
1449    </div>
1450    <div class="dj-band__actions">
1451      <a class="dj-btn" href="https://drewjitsuonline.com/programs/white-belt-course-collection">Buy the collection &mdash; $99</a>
1452      <span class="dj-band__note">Lifetime access. Any device. Never on daily deal.</span>
1453    </div>
1454  </section>
1455  
1455<script type="application/json" data-dj-deal-pool>
1456  [{"id":"superior-side-control","title":"Superior Side Control","cover":"https://alpha.uscreencdn.com/images/programs/3169411/horizontal/1fc98152-1720-47d7-baae-d51dd5861c7f.png?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/superior-side-control","price":59,"srcset":"https://alpha.uscreencdn.com/images/programs/3169411/horizontal/1fc98152-1720-47d7-baae-d51dd5861c7f.png?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/3169411/horizontal/1fc98152-1720-47d7-baae-d51dd5861c7f.png?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/3169411/horizontal/1fc98152-1720-47d7-baae-d51dd5861c7f.png?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100vw, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p3169411&coupon=DDSUPSIDE","dealCoupon":"DDSUPSIDE"},{"id":"staples-from-everywhere","title":"Staples From Everywhere","cover":"https://alpha.uscreencdn.com/images/programs/2845418/horizontal/fdf8f4ab-ff10-429a-8cc3-44cf3eeae705.png?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-gdbaxdd8f8q","price":99,"srcset":"https://alpha.uscreencdn.com/images/programs/2845418/horizontal/fdf8f4ab-ff10-429a-8cc3-44cf3eeae705.png?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2845418/horizontal/fdf8f4ab-ff10-429a-8cc3-44cf3eeae705.png?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2845418/horizontal/fdf8f4ab-ff10-429a-8cc3-44cf3eeae705.png?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100v
1456w, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2845418&coupon=DDSTAPLES","dealCoupon":"DDSTAPLES"},{"id":"knee-cut-kryptonite","title":"Knee Cut Kryptonite","cover":"https://alpha.uscreencdn.com/images/programs/2802547/horizontal/0f80d55e-2e4b-4bad-aba4-40846d0887b8.png?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-uv6b6fuddzm","price":59,"srcset":"https://alpha.uscreencdn.com/images/programs/2802547/horizontal/0f80d55e-2e4b-4bad-aba4-40846d0887b8.png?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2802547/horizontal/0f80d55e-2e4b-4bad-aba4-40846d0887b8.png?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2802547/horizontal/0f80d55e-2e4b-4bad-aba4-40846d0887b8.png?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100vw, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2802547&coupon=DDKNEECUT","dealCoupon":"DDKNEECUT"},{"id":"side-control-escape","title":"Side Control Escape Manual","cover":"https://alpha.uscreencdn.com/images/programs/2711323/horizontal/84d7603c-fdd6-4893-97a6-0adfb28ac8f5.png?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-xtcoh6okq7s","price":160,"srcset":"https://alpha.uscreencdn.com/images/programs/2711323/horizontal/84d7603c-fdd6-4893-97a6-0adfb28ac8f5.png?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2711323/horizontal/84d7603c-fdd6-4893-97a6-0adfb28ac8f5.png?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2711323/horizontal/84d7603c-fdd6-4893-97a6-0adfb28ac8f5.png?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100v
1456w, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2711323&coupon=DDSIDECTL","dealCoupon":"DDSIDECTL"},{"id":"full-crucifix-seminar","title":"Full Crucifix Seminar","cover":"https://alpha.uscreencdn.com/images/programs/2711294/horizontal/rear-crucifix-seminar-1480-x-840-px-uscreen-thumbnail.1699392451.png?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-2xz5fzstj4e","price":150,"srcset":"https://alpha.uscreencdn.com/images/programs/2711294/horizontal/rear-crucifix-seminar-1480-x-840-px-uscreen-thumbnail.1699392451.png?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2711294/horizontal/rear-crucifix-seminar-1480-x-840-px-uscreen-thumbnail.1699392451.png?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2711294/horizontal/rear-crucifix-seminar-1480-x-840-px-uscreen-thumbnail.1699392451.png?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100vw, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2711294&coupon=DDCRUCFX","dealCoupon":"DDCRUCFX"},{"id":"dominating-knee-on-belly","title":"Dominating Knee On Belly","cover":"https://alpha.uscreencdn.com/images/programs/2561593/horizontal/u-screen-thumbn
1456ail.1699390810.png?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-es5qh3mchgc","price":140,"srcset":"https://alpha.uscreencdn.com/images/programs/2561593/horizontal/u-screen-thumbnail.1699390810.png?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2561593/horizontal/u-screen-thumbnail.1699390810.png?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2561593/horizontal/u-screen-thumbnail.1699390810.png?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100vw, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2561593&coupon=DDKNEEBLY","dealCoupon":"DDKNEEBLY"},{"id":"10-back-takes","title":"10 Back Takes in Gi & NoGi","cover":"https://alpha.uscreencdn.com/images/programs/2295970/horizontal/dqnh55ltrbqk95cwt254_file.1684425518.jpg?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-zzc8262ifh0","price":59,"srcset":"https://alpha.uscreencdn.com/images/programs/2295970/horizontal/dqnh55ltrbqk95cwt254_file.1684425518.jpg?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2295970/horizontal/dqnh55ltrbqk95cwt254_file.1684425518.jpg?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2295970/horizontal/dqnh55ltrbqk95cwt254_file.1684425518.jpg?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100v
1456w, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2295970&coupon=DDBACKTAKE","dealCoupon":"DDBACKTAKE"},{"id":"gauntlet-grip","title":"The Gauntlet Grip","cover":"https://alpha.uscreencdn.com/images/programs/2294095/horizontal/crd4lgahqwkysn7usnhn_project_20220724_1006125-01.1684348665.jpg?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-yjlta5bbbca","price":99,"srcset":"https://alpha.uscreencdn.com/images/programs/2294095/horizontal/crd4lgahqwkysn7usnhn_project_20220724_1006125-01.1684348665.jpg?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2294095/horizontal/crd4lgahqwkysn7usnhn_project_20220724_1006125-01.1684348665.jpg?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2294095/horizontal/crd4lgahqwkysn7usnhn_project_20220724_1006125-01.1684348665.jpg?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100vw, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2294095&coupon=DDGAUNT","dealCoupon":"DDGAUNT"},{"id":"10-ibjjf-ankle-locks","title":"10 IBJJF Legal Ankle Locks","cover":"https://alpha.uscreencdn.com/images/programs/2294019/horizontal/17yugrknt1o9p4gb0fmc_10_ibjjf_legal_ankle_locks_cover.1684347331.jpg?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-idsf9opcudq","price":59,"srcset":"https://alpha.uscreencdn.com/images/programs/2294019/horizontal/17yugrknt1o9p4gb0fmc_10_ibjjf_legal_ankle_locks_cover.1684347331.jpg?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2294019/horizontal/17yugrknt1o9p4gb0fmc_10_ibjjf_legal_ankle_locks_cover.1684347331.jpg?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2294019/horizontal/17yugrknt1o9p4gb0fmc_10_ibjjf_legal_ankle_locks_cover.1684347331.jpg?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100v
1456w, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2294019&coupon=DDANKLE","dealCoupon":"DDANKLE"},{"id":"10-back-attacks-nogi","title":"10 Back Attacks — NoGi Edition","cover":"https://alpha.uscreencdn.com/images/programs/2293867/horizontal/pn8tnkhrh2lbfwxrmpog_file.1684343014.jpg?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-dxlideleouq","price":59,"srcset":"https://alpha.uscreencdn.com/images/programs/2293867/horizontal/pn8tnkhrh2lbfwxrmpog_file.1684343014.jpg?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2293867/horizontal/pn8tnkhrh2lbfwxrmpog_file.1684343014.jpg?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2293867/horizontal/pn8tnkhrh2lbfwxrmpog_file.1684343014.jpg?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100vw, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2293867&coupon=DDBANOGI","dealCoupon":"DDBANOGI"},{"id":"10-back-attacks-gi","title":"10 Back Attacks — Gi Edition","cover":"https://alpha.uscreencdn.com/images/programs/2287793/horizontal/pylca486qtapsgtrkcgj_file.1684333851.jpg?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-jrluxjkg9um","price":59,"srcset":"https://alpha.uscreencdn.com/images/programs/2287793/horizontal/pylca486qtapsgtrkcgj_file.1684333851.jpg?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2287793/horizontal/pylca486qtapsgtrkcgj_file.1684333851.jpg?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2287793/horizontal/pylca486qtapsgtrkcgj_file.1684333851.jpg?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100v
1456w, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2287793&coupon=DDBAGI","dealCoupon":"DDBAGI"},{"id":"11-armbar-grip-breaks","title":"11 Armbar Grip Breaks","cover":"https://alpha.uscreencdn.com/images/programs/2261334/horizontal/gunbgqdrq7ebuyj2dprw_file.1683912361.jpg?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-kucpenjs7uq","price":59,"srcset":"https://alpha.uscreencdn.com/images/programs/2261334/horizontal/gunbgqdrq7ebuyj2dprw_file.1683912361.jpg?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2261334/horizontal/gunbgqdrq7ebuyj2dprw_file.1683912361.jpg?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2261334/horizontal/gunbgqdrq7ebuyj2dprw_file.1683912361.jpg?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100vw, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2261334&coupon=DDARMBAR","dealCoupon":"DDARMBAR"},{"id":"reverse-kimura-half-guard","title":"Reverse Kimura: Half Guard","cover":"https://alpha.uscreencdn.com/images/programs/2249213/horizontal/h4jxflj1qjsgxb7fhe1u_file.1683740701.jpg?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-d0zbvpihh9a","price":139,"srcset":"https://alpha.uscreencdn.com/images/programs/2249213/horizontal/h4jxflj1qjsgxb7fhe1u_file.1683740701.jpg?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2249213/horizontal/h4jxflj1qjsgxb7fhe1u_file.1683740701.jpg?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2249213/horizontal/h4jxflj1qjsgxb7fhe1u_file.1683740701.jpg?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100v
1456w, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2249213&coupon=DDRKHALF","dealCoupon":"DDRKHALF"},{"id":"10-guillotines","title":"10 Guillotines Course","cover":"https://alpha.uscreencdn.com/images/programs/2249171/horizontal/qyflg0ekq3wp503r8ux4_10_guillotines_mini-course.1683739957.jpg?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-virzw0vkkda","price":59,"srcset":"https://alpha.uscreencdn.com/images/programs/2249171/horizontal/qyflg0ekq3wp503r8ux4_10_guillotines_mini-course.1683739957.jpg?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2249171/horizontal/qyflg0ekq3wp503r8ux4_10_guillotines_mini-course.1683739957.jpg?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2249171/horizontal/qyflg0ekq3wp503r8ux4_10_guillotines_mini-course.1683739957.jpg?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100vw, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2249171&coupon=DD10GUIL","dealCoupon":"DD10GUIL"},{"id":"scientific-guard-passing","title":"Scientific Guard Passing","cover":"https://alpha.uscreencdn.com/images/programs/2249124/horizontal/passing.1683738370.jpg?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-_bgu_flilje","price":140,"srcset":"https://alpha.uscreencdn.com/images/programs/2249124/horizontal/passing.1683738370.jpg?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2249124/horizontal/passing.1683738370.jpg?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2249124/horizontal/passing.1683738370.jpg?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100v
1456w, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2249124&coupon=DDSGPASS","dealCoupon":"DDSGPASS"},{"id":"scientific-guard-retention","title":"Scientific Guard Retention","cover":"https://alpha.uscreencdn.com/images/programs/2249112/horizontal/guard-retention.1683737670.jpg?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-xuwhju7dbh0","price":140,"srcset":"https://alpha.uscreencdn.com/images/programs/2249112/horizontal/guard-retention.1683737670.jpg?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2249112/horizontal/guard-retention.1683737670.jpg?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2249112/horizontal/guard-retention.1683737670.jpg?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100vw, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2249112&coupon=DDSGRET","dealCoupon":"DDSGRET"},{"id":"reverse-kimura-closed-guard","title":"Reverse Kimura: Closed Guard","cover":"https://alpha.uscreencdn.com/images/programs/2165021/horizontal/rk-closed-guard.1680028558.jpg?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/collection-o30bhzlx81s","price":140,"srcset":"https://alpha.uscreencdn.com/images/programs/2165021/horizontal/rk-closed-guard.1680028558.jpg?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2165021/horizontal/rk-closed-guard.1680028558.jpg?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2165021/horizontal/rk-closed-guard.1680028558.jpg?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100v
1456w, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2165021&coupon=DDRKCLOSE","dealCoupon":"DDRKCLOSE"},{"id":"white-belt-volume-2","title":"The White Belt Course — Volume 2: Half Guard & Open Guard","cover":"https://alpha.uscreencdn.com/images/programs/2733950/horizontal/wbc2.1701031306.png?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/white-belt-course-volume-2","price":99,"srcset":"https://alpha.uscreencdn.com/images/programs/2733950/horizontal/wbc2.1701031306.png?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2733950/horizontal/wbc2.1701031306.png?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2733950/horizontal/wbc2.1701031306.png?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100vw, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2733950&coupon=DDWBC2","dealCoupon":"DDWBC2"},{"id":"white-belt-volume-5","title":"The White Belt Course — Volume 5: The Back","cover":"https://alpha.uscreencdn.com/images/programs/2733944/horizontal/wbc5.1701031286.png?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/white-belt-course-volume-5","price":99,"srcset":"https://alpha.uscreencdn.com/images/programs/2733944/horizontal/wbc5.1701031286.png?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2733944/horizontal/wbc5.1701031286.png?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2733944/horizontal/wbc5.1701031286.png?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100v
1456w, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2733944&coupon=DDWBC5","dealCoupon":"DDWBC5"},{"id":"white-belt-volume-4","title":"The White Belt Course — Volume 4: The Mount & Leg Locks","cover":"https://alpha.uscreencdn.com/images/programs/2733939/horizontal/wbc4.1701031250.png?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/white-belt-course-volume-4","price":99,"srcset":"https://alpha.uscreencdn.com/images/programs/2733939/horizontal/wbc4.1701031250.png?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2733939/horizontal/wbc4.1701031250.png?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2733939/horizontal/wbc4.1701031250.png?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100vw, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2733939&coupon=DDWBC4","dealCoupon":"DDWBC4"},{"id":"white-belt-volume-3","title":"The White Belt Course — Volume 3: Guard Passing & Side Control","cover":"https://alpha.uscreencdn.com/images/programs/2733921/horizontal/1480wbc3.1701031219.png?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/white-belt-course-volume-3","price":99,"srcset":"https://alpha.uscreencdn.com/images/programs/2733921/horizontal/1480wbc3.1701031219.png?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2733921/horizontal/1480wbc3.1701031219.png?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2733921/horizontal/1480wbc3.1701031219.png?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100v
1456w, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2733921&coupon=DDWBC3","dealCoupon":"DDWBC3"},{"id":"white-belt-volume-1","title":"The White Belt Course — Volume 1: Take Downs & Closed Guard","cover":"https://alpha.uscreencdn.com/images/programs/2718747/horizontal/wbc-volume-1.1700178310.png?auto=webp&width=1200","url":"https://drewjitsuonline.com/programs/white-belt-course-volume-1","price":99,"srcset":"https://alpha.uscreencdn.com/images/programs/2718747/horizontal/wbc-volume-1.1700178310.png?auto=webp&width=600 600w, https://alpha.uscreencdn.com/images/programs/2718747/horizontal/wbc-volume-1.1700178310.png?auto=webp&width=900 900w, https://alpha.uscreencdn.com/images/programs/2718747/horizontal/wbc-volume-1.1700178310.png?auto=webp&width=1200 1200w","sizes":"(max-width: 760px) 100vw, (max-width: 1200px) 66vw, 600px","dealUrl":"https://drewjitsuonline.com/checkout/new?o=p2718747&coupon=DDWBC1","dealCoupon":"DDWBC1"}]
1457  </script>
1457
1458  
1458<script type="application/json" data-dj-deal-pinned>
1459  {"2026-08-12":"full-crucifix-seminar"}
1460  </script>
1460
1461
1462</template>
1463
1464      <!-- Google Analytics -->
vendor: 69 bytes, lines 1464-1466
1464
1465
1466    <script async src="https://www.googletagmanager.com/gtag/js?id=
1466G-7XLZQDE4CR
vendor: 16 bytes, lines 1466-1467
1466"></script>
1467    
1467<script>
1468      
vendor: 145 bytes, lines 1468-1471
1468window.dataLayer = window.dataLayer || [];
1469      function gtag(){dataLayer.push(arguments);}
1470      gtag('js', new Date());
1471      gtag('config', '
1471G-7XLZQDE4CR
vendor: 8 bytes, lines 1471-1472
1471');
1472    
1472</script>
1472
1473<!-- End Google Analytics -->
1474
1475  </head>
1476  <body dir="ltr" class="light bg-ds-default">
1477    <style id="card_border_radius">
1478      .pb-card {
1479        border-radius: 0.5rem;
1480      }
1481    </style>
1482    <style id="button_border_radius">
1483      .pb-button {
1484        border-radius: 0.5rem;
1485      }
1486    </style>
1487    <style id="heading_font_family">
1488      .heading_font_family {
1489        font-family: 'Poppins';
1490      }
1491    </style>
1492    <style id="body_font_family">
1493      .body_font_family {
1494        font-family: 'Poppins';
1495      }
1496    </style>
1497    
1497<script src="https://assets-gke.uscreencdn.com/vite/assets/page_builder-CQXrcFwc.js" crossorigin="anonymous" type="module"></script>
1497<link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/api-CAiQbrBo-BbgJmk-9.js" as="script" crossorigin="anonymous">
1498<link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/_commonjsHelpers-DaMA6jEr-DwXtFsJ3.js" as="script" crossorigin="anonymous">
1499    <turbo-frame id="website_modal"></turbo-frame>
1500    
1501    <div class="sticky top-0 z-[100]">
1502      
1503      
1504      
1505    </div>
1506    <div id="3c31d2620c789f52" class="text-black relative" data-editor="section">
1507    <div data-controller="navigation">
1508      <section class="relative px-4"
1509               style="background-color: rgb(255,255,255);">
1510               <div class="container mx-auto py-5 flex flex-wrap md:flex-nowrap items-center
1511                          text-base md:text-base"
1512             style="color: ">
1513<!-- logo-->
1514          <div style="width: fit-content">
1515            <a class="text-center mx-auto" href="https://drewjitsuonline.com/" style="color: #000000"><img alt="Drew Weatherhead Jiu-Jitsu" class="z-10 object-contain" style="width: 250px; max-height: 100px" srcset="https://alpha.uscreencdn.com/250xnull/assets%2Fpage-builder%2Fdrew-weatherhead-logo.1714838774.png 1x, https://alpha.uscreencdn.com/500xnull/assets%2Fpage-builder%2Fdrew-weatherhead-logo.1714838774.png 2x" loading="lazy" src="https://s3.us-east-1.amazonaws.com/unode1/assets%2Fpage-builder%2Fdrew-weatherhead-logo.1714838774.png" /></a>
1516          </div>
1517
1518            <!-- mobile burger menu/cross-->
1519            <div class="md:hidden ml-auto w-8 h-8 z-50">
1520              <a data-action="navigation#toggle" href="#">
1521                <svg data-target="navigation.closeIcon" width="32" height="32" aria-hidden="true" focusable="false" data-prefix="fal" data-icon="times" class="hidden svg-inline--fa fa-times fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
1522                  <path fill="#000000" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"></path>
1523                </svg>
1524                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-target="navigation.openIcon">
1525                  <defs>
1526                    <style>.cls-1{fill:#000000;opacity:0;}.cls-2{fill:#000000;}</style>
1527                  </defs>
1528                  <g id="Layer_3" data-name="Layer 3"><rect class="cls-1"/></g><g id="icon"><path class="cls-2" d="M20,11.25H4a.75.75,0,0,0,0,1.5H20a.75.75,0,0,0,0-1.5Z"/><path class="cls-2" d="M4,6.75H20a.75.75,0,0,0,0-1.5H4a.75.75,0,0,0,0,1.5Z"/><path class="cls-2" d="M20,17.25H4a.75.75,0,0,0,0,1.5H20a.75.75,0,0,0,0-1.5Z"/></g>
1529                </svg>
1530              </a>
1531            </div>
1532<!--  navigation links wrapper-->
1533              <navigation class="flex flex-wrap md:flex-nowrap w-screen md:w-auto flex-col md:flex-row
1534                md:ml-auto hidden md:flex p-4 pb-0 md:p-0 items-center z-10
1535                leading-normal tracking-normal
1536                capitalized font-normal"
1537                data-target="navigation.links" style="background-color: rgb(255,255,255);">
1538<!-- navigation links-->
1539                    <a href="/pages/daily-deals" style="color: #000000" target="_self" class="body_font_family w-full md:w-auto flex p-1 mb-2 md:mb-0
1540                          justify-center md:block lg:inline-block md:ml-3 hover:opacity-75">🔴 Today&#39;s Deal 🔴</a>
1541                    <a href="/pages/white-belt-collection" style="color: #000000" target="_self" class="body_font_family w-full md:w-auto flex p-1 mb-2 md:mb-0
1542                          justify-center md:block lg:inline-block md:ml-3 hover:opacity-75">👉 White Belts Start Here</a>
1543                    <a href="/community" style="color: #000000" target="_self" class="body_font_family w-full md:w-auto flex p-1 mb-2 md:mb-0
1544                          justify-center md:block lg:inline-block md:ml-3 hover:opacity-75">Community</a>
1545                    
1546                    <a href="/pages/faq" style="color: #000000" target="_self" class="body_font_family w-full md:w-auto flex p-1 mb-2 md:mb-0
1547                          justify-center md:block lg:inline-block md:ml-3 hover:opacity-75">FAQ</a>
1548                    <a href="/sign_in" style="color: #000000" target="_self" class="body_font_family w-full md:w-auto flex p-1 mb-2 md:mb-0
1549                          justify-center md:block lg:inline-block md:ml-3 hover:opacity-75">Sign In</a>
1550                    
1551                <!-- mobile user navigation avatar + dashboard url-->
1552              </navigation>
1553            </div>
1554      </section>
1555    </div>
1556</div><div id="el-62b90082c1a759f5" class="text-white relative" data-editor="section">
1557  <section class="pb-hero flex relative overflow-hidden"
1558           style="background-color: rgb(0,0,0);">
1559      <div class="absolute left-0 top-0 w-full h-full">
1560        <div class=" relative overflow-hidden w-full h-full " data-controller="video"><video id="d1ff3dd8" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" preload="auto" poster="https://alpha.uscreencdn.com/video_thumbnails/1mSD8owtrillNA.jpg?key1=d0AtENXenmVDNf35oGD5qhIIWrNcIDrkK0wQwAjBax3ldWM4jNe+DSGWYaiolXtI&amp;key2=7b130b23b9c1870a775d5cef192fdf99" class="outline-none object-cover w-full h-full" style="background: transparent url(https://alpha.uscreencdn.com/video_thumbnails/1mSD8owtrillNA.jpg?key1=d0AtENXenmVDNf35oGD5qhIIWrNcIDrkK0wQwAjBax3ldWM4jNe+DSGWYaiolXtI&amp;key2=7b130b23b9c1870a775d5cef192fdf99) 50% 50% / cover no-repeat" src="https://stream.mux.com/QopcU8X9Nig2LkMj8f00teJSsRtxC2Fbp.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJRb3BjVThYOU5pZzJMa01qOGYwMHRlSlNzUnR4QzJGYnAiLCJleHAiOjE3OTExMDEwMjcsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoidiJ9.XfhKb6l04Z2dbxFURxy36wjZL05gR-Ke8Hfm5YddcXQEc2waSpr21v5TMYbjUA1Q-20BwlVc-6XLqPUiWTntrA1WI18v3iT_XsL5mjB4yWI80uiRa7nMIUrUyedxnf1DDub8FOs86YpQ6SJL0EwuG88AAE7Bvr_c2P3QUz6662faN8WusEZ4kIEfS17zsAhTjTzxbTF4rYfiDuHOgsQDheC9VGkoLSy2oC1mHdP_AcvUg9ag1CDUcq9vRyzN2-JLlB2JGFeCiWKvpNlRmmSBmdhNjs_hGVK6CEEz76R1p3iHHK6G_gaHwgCZbuv0sYKZFaqP1gTOjh0dtyWyEDKIyw" data-target="video.player"></video><div data-target="video.poster" class="hidden absolute w-full h-full top-0 left-0" style="background: transparent url(https://alpha.uscreencdn.com/video_thumbnails/1mSD8owtrillNA.jpg?key1=d0AtENXenmVDNf35oGD5qhIIWrNcIDrkK0wQwAjBax3ldWM4jNe+DSGWYaiolXtI&amp;key2=7b130b23b9c1870a775d5cef192fdf99) 50% 50% / cover no-repeat"></div></div>
1561      </div>
1562    <div class="container mx-auto p-4 py-16 md:py-32 flex items-center">
1563      <div class="w-full">
1564        <div class="relative flex container justify-center items-center flex-col z-10">
1565          <h1 class="        
1566       md: 
1567 text-center heading_font_family mb-2 md:mb-3  font-bold text-3xl md:text-4xl" style=" "><div class="editor-content"><p>From White Belt to Black Belt - Master Brazilian Jiu Jitsu with Drew Weatherhead<br></p></div></h1>
1568          <div class="        
1569       md: 
1570 body_font_family text-center mb-3 md:mb-4 text-base md:text-xl" style=" "><div class="editor-content">
1571<p>What's holding your Jiu Jitsu training back?</p>
1572<br><p>Keep scrolling to unlock your potential. 👇</p>
1573</div></div>
1574        </div>
1575      </div>
1576    </div>
1577  </section>
1578</div><div id="el-0a9aa21e74a6b8b6" class="text-black relative" data-editor="section">
1579  <div class="py-12 md:py-24" style="background-color: #EAECEE;">
1580    <div class="container mx-auto px-4">
1581      <div class="md:grid md:grid-cols-3 md:gap-5">
1582          <div class="relative flex flex-col justify-center pb-card mb-5 last:mb-0 p-6 shadow text-center md:mb-0" data-entity-id="0" style="background-color: rgba(255, 255, 255, 0.15);">
1583              <img alt="&lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;800+ Training Videos&lt;/p&gt;&lt;/div&gt;
1583" class="object-contain mx-auto mb-2" srcset="https://alpha.uscreencdn.com/36xnull/assets%2Fpage-builder%2Fplay-icon.1715025808.png 1x, https://alpha.uscreencdn.com/72xnull/assets%2Fpage-builder%2Fplay-icon.1715025808.png 2x, https://alpha.uscreencdn.com/108xnull/assets%2Fpage-builder%2Fplay-icon.1715025808.png 3x" style="width: 36px; height: 36px; top: 28px; " src="https://alpha.uscreencdn.com/36xnull/assets%2Fpage-builder%2Fplay-icon.1715025808.png" />
1584            <div class="        
1585       md: 
1586 mb-1 text-xl font-bold" style=" "><div class="editor-content"><p>800+ Training Videos</p></div></div>
1587            <div class="        
1588       md: 
1589 body_font_family" style=" "><div class="editor-content"><p>Master white belt to black belt Jiu Jitsu with lifetime access to all course content.</p></div></div>
1590          </div>
1591          <div class="relative flex flex-col justify-center pb-card mb-5 last:mb-0 p-6 shadow text-center md:mb-0" data-entity-id="1" style="background-color: rgba(255, 255, 255, 0.15);">
1592              <img alt="&lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;Self-paced Learning&lt;/p&gt;&lt;/div&gt;" class="object-contain mx-auto mb-2" srcset="https://alpha.uscreencdn.com/36xnull/assets%2Fpage-builder%2Flearn-icon.1715025854.png 1x, https://alpha.uscreencdn.com/72xnull/assets%2Fpage-builder%2Flearn-icon.1715025854.png 2x, https://alpha.uscreencdn.com/108xnull/assets%2Fpage-builder%2Flearn-icon.1715025854.png 3x" style="width: 36px; height: 36px; top: 28px; " src="https://alpha.uscreencdn.com/36xnull/assets%2Fpage-builder%2Flearn-icon.1715025854.png" />
1593            <div class="        
1594       md: 
1595 mb-1 text-xl font-bold" style=" "><div class="editor-content"><p>Self-paced Learning</p></div></div>
1596            <div class="        
1597       md: 
1598 body_font_family" style=" "><div class="editor-content"><p>Each training video includes step-by-step exampless to perform each move.</p></div></div>
1599          </div>
1600          <div class="relative flex flex-col justify-center pb-card mb-5 last:mb-0 p-6 shadow text-center md:mb-0" data-entity-id="2" style="background-color: rgba(255, 255, 255, 0.15);">
1601              <img alt="&lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;Passionate Community&lt;/p&gt;&lt;/div&gt;" class="object-contain mx-auto mb-2" srcset="https://alpha.uscreencdn.com/36xnull/assets%2Fpage-builder%2Fcommunity-icon.1715025872.png 1x, https://alpha.uscreencdn.com/72xnull/assets%2Fpage-builder%2Fcommunity-icon.1715025872.png 2x, https://alpha.uscreencdn.com/108xnull/assets%2Fpage-builder%2Fcommunity-icon.1715025872.png 3x" style="width: 36px; height: 36px; top: 28px; " src="https://alpha.uscreencdn.com/36xnull/assets%2Fpage-builder%2Fcommunity-icon.1715025872.png" />
1602            <div class="        
1603       md: 
1604 mb-1 text-xl font-bold" style=" "><div class="editor-content"><p>Passionate Community</p></div></div>
1605            <div class="        
1606       md: 
1607 body_font_family" style=" "><div class="editor-content"><p>Join a private Jiu Jitsu community to ask questions and learn from others.</p></div></div>
1608          </div>
1609      </div>
1610    </div>
1611  </div>
1612</div>  <div id="el-bd285964bf4f2b6e" class="text-black relative" data-editor="section">
1613    <section class="relative overflow-hidden py-4" style="background-color: #FFFFFF;">
1614      <div
1615        style="background-color: ;"
1616        class="max-w-xl md:max-w-2xl lg:max-w-3xl p-8 md:py-20 mx-6 md:mx-auto flex flex-col items-center justify-center relative"
1617      >
1618        <div class="        
1619       md: 
1620 text-center heading_font_family mb-2 md:mb-3 font-bold text-2xl md:text-4xl" style=" ">Do you want to stay in the know? Join us for free now!</div>
1621        <div class="        
1622       md: 
1623 text-center body_font_family mb-3 md:mb-4 text-base" style=" ">Become a member now and join our awesome community.</div>
1624
1625        <form class="w-full" data-controller="email-capture" data-action="submit-&gt;email-capture#disableSubmitButton submit-&gt;email-capture#captureLead:prevent" data-target="email-capture.form" data-email-capture-success-message-value="Thanks for joining us. Click &lt;a href=&quot;/catalog&quot; class=&quot;underline&quot;&gt;here&lt;/a&gt; to start watching videos." action="/api/email_captures" accept-charset="UTF-8" method="post">
1626          <input type="hidden" name="page_id" id="page_id" value="190922" autocomplete="off" />
1627          <div class="flex flex-col w-full">
1628            <div class="flex flex-col space-y-4 md:space-y-0 md:flex-row gap-x-4">
1629              <div class="flex gap-x-4 flex-col space-y-4 md:space-y-0 md:flex-row w-full">
1630                  <div class="flex flex-col w-full">
1631                    <label class="block text-sm font-bold mb-1 md:mb-1.5" for="name">Full Name</label>
1632                    <input type="text" name="name" id="name" class="h-[40px] bg-transparent border rounded w-full py-2 px-3 focus:outline-none focus:shadow-outline" autocomplete="name" />
1633                  </div>
1634                <div class="flex flex-col w-full">
1635                  <label class="block text-sm font-bold mb-1 md:mb-1.5" for="email">Email</label>
1636                  <input type="text" name="email" id="email" class="h-[40px] bg-transparent border rounded w-full py-2 px-3 focus:outline-none focus:shadow-outline" autocomplete="email" />
1637                </div>
1638              </div>
1639              <div class="flex flex-col">
1640                <label class="hidden md:block text-sm font-bold mb-1 md:mb-1.5" for="submit">&nbsp;</label>
1641                <input type="submit" name="commit" value="Join now" class="h-[40px] cursor-pointer py-2 px-4 roun
1641ded font-bold disabled:cursor-not-allowed text-white" style="background-color: #0028ffff;" data-target="email-capture.submitButton" data-disable-with="Join now" />
1642              </div>
1643            </div>
1644            <input type="hidden" name="email_marketing_opt_in" id="email_marketing_opt_in" value="false" autocomplete="off" />
1645            <p class="text-[11px] leading-snug opacity-60 mt-2">
1646              By subscribing, you agree to our <a href="https://drewjitsuonline.com/pages/terms-of-service" class="underline" target="_blank">Terms of Service</a> &amp; <a href="https://drewjitsuonline.com/pages/privacy-policy" class="underline" target="_blank">Privacy Policy</a>.
1647            </p>
1648          </div>
1649</form>      </div>
1650    </section>
1651</div><div id="el-f2ab5188fb2c5c2c" class="text-black relative" data-editor="section">
1652  <section class="relative overflow-hidden py-12 md:py-24"
1653           style="background-color: rgb(255, 255, 255);">
1654    
1655    <div class="container relative mx-auto px-4 flex flex-col items-center">
1656      <div class="max-w-lg">
1657        <h2 class="        
1658       md: 
1659 mb-4 text-2xl md:text-3xl text-center md:text-center heading_font_family" style=" "><div class="editor-content"><p><strong>What BJJ Students Are Learning</strong></p></div></h2>
1660        
1661      </div>
1662      <div class="container mx-auto mt-8 -mb-6 flex flex-col flex-wrap md:flex-row" style="justify-content: center">
1663          <div class="max-w-xs w-full md:max-w-auto md:w-1/2 lg:w-1/3 px-2 mx-auto mb-6 md:mx-0 border-box">
1664            <div class="block relative w-full overflow-hidden text-center pb-card border border-gray-300 pb-3"
1665                 style="background-color: rgb(255, 255, 255)"
1666                 data-entity-id="0"
1667            >
1668              <div class="overflow-hidden" style="height: 192px;">
1669                <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/300xnull/assets%2Fpage-builder%2F10-guillotines-course.1720805543.jpg, https://alpha.uscreencdn.com/600xnull/assets%2Fpage-builder%2F10-guillotines-course.1720805543.jpg 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2F10-guillotines-course.1720805543.jpg, https://alpha.uscreencdn.com/640xnull/assets%2Fpage-builder%2F10-guillotines-course.1720805543.jpg 2x"></source><img alt="price option &lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;&lt;strong&gt;10 Guillotines Course&lt;/strong&gt;&lt;/p&gt;&lt;/div&gt;" class="w-full h-full object-cover" src="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2F10-guillotines-course.1720805543.jpg" /></picture>
1670              </div>
1671              <div class="px-3 py-4 text-black">
1672                <div class="p-2 pb-4" style="color: ">
1673                  <div class="flex justify-between w-full mb-6">
1674                    <div class="        
1675       md: 
1676 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p><strong>10 Guillotines Course</strong></p></div></div>
1677                    <div class="        
1678       md: 
1679 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>$60</p></div></div>
1680                  </div>
1681                  <div class="        
1682       md: 
1683 text-sm font-light text-left body_font_family" style=" "><div class="editor-content"><p>Gain knowledge and skills in various Guillotine choke techniques.</p></div></div>
1684                </div>
1685              </div>
1686              <div class="px-3">
1687                  <a href="https://drewjitsuonline.com/programs/collection-virzw0vkkda" target="_self" style="background-color: #D61F2C;  " class="        
1688       md: 
1689 pb-button px-6 py-3 body_font_family text-white "><div class="editor-content"><p><strong>BUY NOW</strong></p></div></a>
1690              </div>
1691            </div>
1692          </div>
1693          <div class="max-w-xs w-full md:max-w-auto md:w-1/2 lg:w-1/3 px-2 mx-auto mb-6 md:mx-0 border-box">
1694            <div class="block relative w-full overflow-hidden text-center pb-card border border-gray-300 pb-3"
1695                 style="background-color: rgb(255, 255, 255)"
1696                 data-entity-id="1"
1697            >
1698              <div class="overflow-hidden" style="height: 192px;">
1699                <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/300xnull/assets%2Fpage-builder%2Freverse-kimura-to-closed-guard.1720806100.jpg, https://alpha.uscreencdn.com/600xnull/assets%2Fpage-builder%2Freverse-kimura-to-closed-guard.1720806100.jpg 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Freverse-kimura-to-closed-guard.1720806100.jpg, https://alpha.uscreencdn.com/640xnull/assets%2Fpage-builder%2Freverse-kimura-to-closed-guard.1720806100.jpg 2x"></source><img alt="price option &lt;div class=&quot;editor-content&quot;&gt;&lt;p style=&quot;text-align: left&quot;&gt;Reverse Kimura from Closed Guard&lt;/p&gt;&lt;/div&gt;
1699" class="w-full h-full object-cover" src="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Freverse-kimura-to-closed-guard.1720806100.jpg" /></picture>
1700              </div>
1701              <div class="px-3 py-4 text-black">
1702                <div class="p-2 pb-4" style="color: ">
1703                  <div class="flex justify-between w-full mb-6">
1704                    <div class="        
1705       md: 
1706 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p style="text-align:left;">Reverse Kimura from Closed Guard</p></div></div>
1707                    <div class="        
1708       md: 
1709 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>$140</p></div></div>
1710                  </div>
1711                  <div class="        
1712       md: 
1713 text-sm font-light text-left body_font_family" style=" "><div class="editor-content"><p>All of the details, ranges, sweeps, back takes and submissions from one of the most powerful  grips in Jiu-Jitsu!</p></div></div>
1714                </div>
1715              </div>
1716              <div class="px-3">
1717                  <a href="https://drewjitsuonline.com/programs/collection-o30bhzlx81s" target="_self" style="background-color: #D61F2C;  " class="        
1718       md: 
1719 pb-button px-6 py-3 body_font_family text-white "><div class="editor-content"><p><strong>BUY NOW</strong></p></div></a>
1720              </div>
1721            </div>
1722          </div>
1723          <div class="max-w-xs w-full md:max-w-auto md:w-1/2 lg:w-1/3 px-2 mx-auto mb-6 md:mx-0 border-box">
1724            <div class="block relative w-full overflow-hidden text-center pb-card border border-gray-300 pb-3"
1725                 style="background-color: rgb(255, 255, 255)"
1726                 data-entity-id="m71lgXQ8TFZ-lucUMFlAD"
1727            >
1728              <div class="overflow-hidden" style="height: 192px;">
1729                <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/300xnull/assets%2Fpage-builder%2Fwhite-belt-collection.1720806382.jpg, https://alpha.uscreencdn.com/600xnull/assets%2Fpage-builder%2Fwhite-belt-collection.1720806382.jpg 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Fwhite-belt-collection.1720806382.jpg, https://alpha.uscreencdn.com/640xnull/assets%2Fpage-builder%2Fwhite-belt-collection.1720806382.jpg 2x"></source><img alt="price option &lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;White Belt Course Volumes 1-5&lt;/p&gt;&lt;/div&gt;" class="w-full h-full object-cover" src="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Fwhite-belt-collection.1720806382.jpg" /></picture>
1730              </div>
1731              <div class="px-3 py-4 text-black">
1732                <div class="p-2 pb-4" style="color: ">
1733                  <div class="flex justify-between w-full mb-6">
1734                    <div class="        
1735       md: 
1736 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>White Belt Course Volumes 1-5</p></div></div>
1737                    <div class="        
1738       md: 
1739 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>$89</p></div></div>
1740                  </div>
1741                  <div class="        
1742       md: 
1743 text-sm font-light text-left body_font_family" style=" "><div class="editor-content"><p>Whether for self-defense, fitness, or competition, this course collection is your key to taking Jiu Jitsu to the next level.</p></div></div>
1744                </div>
1745              </div>
1746              <div class="px-3">
1747                  <a href="https://drewjitsuonline.com/checkout/new?o=173447" target="_self" style="background-color: #D61F2C;  " class="        
1748       md: 
1749 pb-button px-6 py-3 body_font_family text-white "><div class="editor-content"><p><strong>Buy Now</strong></p></div></a>
1750              </div>
1751            </div>
1752          </div>
1753      </div>
1754    </div>
1755  </section>
1756</div><div id="el-44c7d850df413f66" class="text-black relative" data-editor="section">
1757  <section class="relative overflow-hidden py-12 md:py-24"
1758           style="background-color: rgb(255, 255, 255);">
1759    
1760    <div class="container relative mx-auto px-4 flex flex-col items-center">
1761      <div class="max-w-lg">
1762        
1763        
1764      </div>
1765      <div class="container mx-auto mt-8 -mb-6 flex flex-col flex-wrap md:flex-row" style="justify-content: center">
1766          <div class="max-w-xs w-full md:max-w-auto md:w-1/2 lg:w-1/3 px-2 mx-auto mb-6 md:mx-0 border-box">
1767            <div class="block relative w-full overflow-hidden text-center pb-card border border-gray-300 pb-3"
1768                 style="background-color: rgb(255, 255, 255)"
1769                 data-entity-id="Ck5ZKuGfozywUQWeVvOFe"
1770            >
1771              <div class="overflow-hidden" style="height: 192px;">
1772                <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/300xnull/assets%2Fpage-builder%2Fside-control-escape-manual.1720806914.png, https://alpha.uscreencdn.com/600xnull/assets%2Fpage-builder%2Fside-control-escape-manual.1720806914.png 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Fside-control-escape-manual.1720806914.png, https://alpha.uscreencdn.com/640xnull/assets%2Fpage-builder%2Fside-control-escape-manual.1720806914.png 2x"></source><img alt="price option &lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;Side Control Escape Manual &lt;/p&gt;&lt;/div&gt;
1772" class="w-full h-full object-cover" src="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Fside-control-escape-manual.1720806914.png" /></picture>
1773              </div>
1774              <div class="px-3 py-4 text-black">
1775                <div class="p-2 pb-4" style="color: ">
1776                  <div class="flex justify-between w-full mb-6">
1777                    <div class="        
1778       md: 
1779 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>Side Control Escape Manual </p></div></div>
1780                    <div class="        
1781       md: 
1782 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>$160</p></div></div>
1783                  </div>
1784                  <div class="        
1785       md: 
1786 text-sm font-light text-left body_font_family" style=" "><div class="editor-content"><p>6 Forms of Side Control. Learn key reversals and techniques for various control positions!</p></div></div>
1787                </div>
1788              </div>
1789              <div class="px-3">
1790                  <a href="https://drewjitsuonline.com/programs/collection-xtcoh6okq7s" target="_self" style="background-color: #D61F2C;  " class="        
1791       md: 
1792 pb-button px-6 py-3 body_font_family text-white "><div class="editor-content"><p><strong>BUY NOW</strong></p></div></a>
1793              </div>
1794            </div>
1795          </div>
1796          <div class="max-w-xs w-full md:max-w-auto md:w-1/2 lg:w-1/3 px-2 mx-auto mb-6 md:mx-0 border-box">
1797            <div class="block relative w-full overflow-hidden text-center pb-card border border-gray-300 pb-3"
1798                 style="background-color: rgb(255, 255, 255)"
1799                 data-entity-id="0"
1800            >
1801              <div class="overflow-hidden" style="height: 192px;">
1802                <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/300xnull/assets%2Fpage-builder%2Fscientific-guard-passing.1720807501.jpg, https://alpha.uscreencdn.com/600xnull/assets%2Fpage-builder%2Fscientific-guard-passing.1720807501.jpg 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Fscientific-guard-passing.1720807501.jpg, https://alpha.uscreencdn.com/640xnull/assets%2Fpage-builder%2Fscientific-guard-passing.1720807501.jpg 2x"></source><img alt="price option &lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;Scientific Guard Passing&lt;/p&gt;&lt;/div&gt;" class="w-full h-full object-cover" src="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Fscientific-guard-passing.1720807501.jpg" /></picture>
1803              </div>
1804              <div class="px-3 py-4 text-black">
1805                <div class="p-2 pb-4" style="color: ">
1806                  <div class="flex justify-between w-full mb-6">
1807                    <div class="        
1808       md: 
1809 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>Scientific Guard Passing</p></div></div>
1810                    <div class="        
1811       md: 
1812 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>$140</p></div></div>
1813                  </div>
1814                  <div class="        
1815       md: 
1816 text-sm font-light text-left body_font_family" style=" "><div class="editor-content"><p>Explore high-level concepts and sequences to transform your BJJ game with the scientific approach to guard passing.</p></div></div>
1817                </div>
1818              </div>
1819              <div class="px-3">
1820                  <a href="https://drewjitsuonline.com/programs/collection-_bgu_flilje" target="_self" style="background-color: #D61F2C;  " class="        
1821       md: 
1822 pb-button px-6 py-3 body_font_family text-white "><div class="editor-content"><p><strong>BUY NOW</strong></p></div></a>
1823              </div>
1824            </div>
1825          </div>
1826          <div class="max-w-xs w-full md:max-w-auto md:w-1/2 lg:w-1/3 px-2 mx-auto mb-6 md:mx-0 border-box">
1827            <div class="block relative w-full overflow-hidden text-center pb-card border border-gray-300 pb-3"
1828                 style="background-color: rgb(255, 255, 255)"
1829                 data-entity-id="1"
1830            >
1831              <div class="overflow-hidden" style="height: 192px;">
1832                <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/300xnull/assets%2Fpage-builder%2Ffull-crucifix-seminar.1720807699.png, https://alpha.uscreencdn.com/600xnull/assets%2Fpage-builder%2Ffull-crucifix-seminar.1720807699.png 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Ffull-crucifix-seminar.1720807699.png, https://alpha.uscreencdn.com/640xnull/assets%2Fpage-builder%2Ffull-crucifix-seminar.1720807699.png 2x"></source><img alt="price option &lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;Full Crucifix Seminar&lt;/p&gt;&lt;/div&gt;
1832" class="w-full h-full object-cover" src="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Ffull-crucifix-seminar.1720807699.png" /></picture>
1833              </div>
1834              <div class="px-3 py-4 text-black">
1835                <div class="p-2 pb-4" style="color: ">
1836                  <div class="flex justify-between w-full mb-6">
1837                    <div class="        
1838       md: 
1839 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>Full Crucifix Seminar</p></div></div>
1840                    <div class="        
1841       md: 
1842 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>$150</p></div></div>
1843                  </div>
1844                  <div class="        
1845       md: 
1846 text-sm font-light text-left body_font_family" style=" "><div class="editor-content"><p>25 detailed videos from our rear crucifix seminar. A must-watch for all BJJ enthusiasts!</p></div></div>
1847                </div>
1848              </div>
1849              <div class="px-3">
1850                  <a href="https://drewjitsuonline.com/programs/collection-2xz5fzstj4e" target="_self" style="background-color: #D61F2C;  " class="        
1851       md: 
1852 pb-button px-6 py-3 body_font_family text-white "><div class="editor-content"><p><strong>BUY NOW</strong></p></div></a>
1853              </div>
1854            </div>
1855          </div>
1856      </div>
1857    </div>
1858  </section>
1859</div><div id="el-832b86a59e54d5da" class="text-black relative" data-editor="section">
1860  <section class="relative overflow-hidden py-12 md:py-24"
1861           style="background-color: rgb(255, 255, 255);">
1862    
1863    <div class="container relative mx-auto px-4 flex flex-col items-center">
1864      <div class="max-w-lg">
1865        <h2 class="        
1866       md: 
1867 mb-4 text-2xl md:text-3xl text-center md:text-center heading_font_family" style=" "><div class="editor-content">
1868<p><strong>⬇️ DAILY DEALS ⬇️</strong></p>
1869<p>CHOOSE FROM 2 OPTIONS BELOW</p>
1870</div></h2>
1871        
1872      </div>
1873      <div class="container mx-auto mt-8 -mb-6 flex flex-col flex-wrap md:flex-row" style="justify-content: center">
1874          <div class="max-w-xs w-full md:max-w-auto md:w-1/2 lg:w-1/3 px-2 mx-auto mb-6 md:mx-0 border-box">
1875            <div class="block relative w-full overflow-hidden text-center pb-card border border-gray-300 pb-3"
1876                 style="background-color: rgb(255, 255, 255)"
1877                 data-entity-id="0"
1878            >
1879              <div class="overflow-hidden" style="height: 192px;">
1880                <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/300xnull/assets%2Fpage-builder%2Fassets_page-builder_daily-deals1717173773.1720819021.png, https://alpha.uscreencdn.com/600xnull/assets%2Fpage-builder%2Fassets_page-builder_daily-deals1717173773.1720819021.png 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Fassets_page-builder_daily-deals1717173773.1720819021.png, https://alpha.uscreencdn.com/640xnull/assets%2Fpage-builder%2Fassets_page-builder_daily-deals1717173773.1720819021.png 2x"></source><img alt="price option &lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;LIMITED TIME DEAL&lt;/p&gt;&lt;/div&gt;" class="w-full h-full object-cover" src="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Fassets_page-builder_daily-deals1717173773.1720819021.png" /></picture>
1881              </div>
1882              <div class="px-3 py-4 text-black">
1883                <div class="p-2 pb-4" style="color: ">
1884                  <div class="flex justify-between w-full mb-6">
1885                    <div class="        
1886       md: 
1887 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>LIMITED TIME DEAL</p></div></div>
1888                    <div class="        
1889       md: 
1890 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>$8 Full Course!</p></div></div>
1891                  </div>
1892                  <div class="        
1893       md: 
1894 text-sm font-light text-left body_font_family" style=" "><div class="editor-content"><p>You're not skipping this BJJ steal, right? Act fast!</p></div></div>
1895                </div>
1896              </div>
1897              <div class="px-3">
1898                  <a href="https://drewjitsuonline.com/orders/customer_info?o=175720" target="_self" style="background-color: rgb(234, 236, 238);  " class="        
1899       md: 
1900 pb-button px-6 py-3 body_font_family text-black "><div class="editor-content"><p><strong>Get Today's Daily Deal 👀</strong></p></div></a>
1901              </div>
1902            </div>
1903          </div>
1904          <div class="max-w-xs w-full md:max-w-auto md:w-1/2 lg:w-1/3 px-2 mx-auto mb-6 md:mx-0 border-box">
1905            <div class="block relative w-full overflow-hidden text-center pb-card border border-gray-300 pb-3"
1906                 style="background-color: rgb(255, 255, 255)"
1907                 data-entity-id="1"
1908            >
1909              <div class="overflow-hidden" style="height: 192px;">
1910                <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/300xnull/assets%2Fpage-builder%2Fassets_page-builder_750-videos-courses1717602224.1720819051.png, https://alpha.uscreencdn.com/600xnull/assets%2Fpage-builder%2Fassets_page-builder_750-videos-courses1717602224.1720819051.png 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Fassets_page-builder_750-videos-courses1717602224.1720819051.png, https://alpha.uscreencdn.com/640xnull/assets%2Fpage-builder%2Fassets_page-builder_750-videos-courses1717602224.1720819051.png 2x"></source><img alt="price option &lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;$7000+ FULL LIBRARY!&lt;/p&gt;&lt;/div&gt;
1910" class="w-full h-full object-cover" src="https://alpha.uscreencdn.com/320xnull/assets%2Fpage-builder%2Fassets_page-builder_750-videos-courses1717602224.1720819051.png" /></picture>
1911              </div>
1912              <div class="px-3 py-4 text-black">
1913                <div class="p-2 pb-4" style="color: ">
1914                  <div class="flex justify-between w-full mb-6">
1915                    <div class="        
1916       md: 
1917 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>$7000+ FULL LIBRARY!</p></div></div>
1918                    <div class="        
1919       md: 
1920 font-bold text-sm body_font_family" style=" "><div class="editor-content"><p>FREE!</p></div></div>
1921                  </div>
1922                  <div class="        
1923       md: 
1924 text-sm font-light text-left body_font_family" style=" "><div class="editor-content"><p><span>2 Weeks Free Access to EXCLUSIVE FULL LIBRARY $7000 in BJJ Courses!</span></p></div></div>
1925                </div>
1926              </div>
1927              <div class="px-3">
1928                  <a href="https://drewjitsuonline.com/orders/customer_info?o=175724" target="_self" style="background-color: rgb(234, 236, 238);  " class="        
1929       md: 
1930 pb-button px-6 py-3 body_font_family text-black "><div class="editor-content"><p><strong>Full Access: 2 week trial ⏱️</strong></p></div></a>
1931              </div>
1932            </div>
1933          </div>
1934      </div>
1935    </div>
1936  </section>
1937</div><div id="el-90a59048a4752c7d" class="text-black relative" data-editor="section">
1938<div style="background-color: #EAECEE;" class="py-12 md:py-24">
1939  <div class="max-w-6xl mx-auto px-4 relative">
1940    <svg style="left: -14px;" class="absolute opacity-50" width="46" height="38" viewBox="0 0 46 38" fill="none"
1941         xmlns="http://www.w3.org/2000/svg">
1942      <path
1943              d="M18.6094 0.513672V7.98438C16.2656 8.11458 14.4915 8.55404 13.2871 9.30273C12.0827 10.0189 11.2363 11.207 10.748 12.8672C10.2598 14.4948 10.0156 16.8385 10.0156 19.8984H18.6094V37.7207H0.982422V20.7773C0.982422 13.7786 2.46354 8.65169 5.42578 5.39648C8.42057 2.14128 12.8151 0.513672 18.6094 0.513672ZM45.2207 0.513672V7.98438C42.877 8.11458 41.1029 8.53776 39.8984 9.25391C38.694 9.9375 37.8151 11.1257 37.2617 12.8184C36.7409 14.4785 36.4805 16.8385 36.4805 19.8984H45.2207V37.7207H27.4961V20.7773C27.4961 13.7786 28.9772 8.65169 31.9395 5.39648C34.9017 2.14128 39.3288 0.513672 45.2207 0.513672Z" fill=""/>
1944    </svg>
1945    <div class="        
1946       md: 
1947 text-base md:text-xl mb-6 text-center heading_font_family" style=" "><div class="editor-content"><p><strong>Join Hundreds of BJJ Masters Around the World</strong></p></div></div>
1948    <div class="flex flex-col md:flex-row flex-wrap">
1949      <div class="w-full md:w-1/2 lg:w-1/3">
1950        <div class="bg-white border border-gray-400 mx-2 mb-4 p-6 rounded-md" data-entity-id="1">
1951          <div class="        
1952       md: 
1953 text-black body_font_family mb-6 text-lg md:text-xl" style=" "><div class="editor-content"><p>Sometimes, simpler techniques might get overlooked by more advanced and trendy ones. Drew Weatherhead's courses are easy to use and well worth everyone adding at least one of these instructionals to their arsenal.</p></div></div>
1954          <div class="flex flex-row gap-x-4">
1955            <div class="rounded-full w-12 h-12 overflow-hidden">
1956                <img class="w-full h-full object-cover" src="https://s3.us-east-1.amazonaws.com/unode1/assets%2Fpage-builder%2Fmeerkatsu.1715011625.png"
1957                     alt="&lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;&lt;strong&gt;&lt;span&gt;Meerkatsu&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;/div&gt;, &lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;&lt;span&gt;Seymour Yang&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;">
1958            </div>
1959            <div>
1960              <div class="        
1961       md: 
1962 body_font_family text-lg font-medium text-black" style=" "><div class="editor-content"><p><strong><span>Meerkatsu</span></strong></p></div></div>
1963              <div class="        
1964       md: 
1965 body_font_family text-base text-gray-600" style=" "><div class="editor-content"><p><span>Seymour Yang</span></p></div></div>
1966            </div>
1967          </div>
1968        </div>
1969      </div>
1970      <div class="w-full md:w-1/2 lg:w-1/3">
1971        <div class="bg-white border border-gray-400 mx-2 mb-4 p-6 rounded-md" data-entity-id="0">
1972          <div class="        
1973       md: 
1974 text-black body_font_family mb-6 text-lg md:text-xl" style=" "><div class="editor-content"><p>I absolutely love when a submission becomes a position, and that is what Drew Weatherhead has done with many of the courses on Because Jitsu. This is the type of game-changing content that comes along very rarely.</p></div></div>
1975          <div class="flex flex-row gap-x-4">
1976            <div class="rounded-full w-12 h-12 overflow-hidden">
1977                <img class="w-full h-full object-cover" src="https://s3.us-east-1.amazonaws.com/unode1/assets%2Fpage-builder%2Feli-knight-of-knight-jiu-jitsu.1715011601.png"
1978                     alt="&lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;Eli Knight of Knight Jiu-Jitsu&lt;/p&gt;&lt;/div&gt;, &lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;2nd Degree Black Belt&lt;/p&gt;&lt;/div&gt;">
1979            </div>
1980            <div>
1981              <div class="        
1982       md: 
1983 body_font_family text-lg font-medium text-black" style=" "><div class="editor-content"><p>Eli Knight of Knight Jiu-Jitsu</p></div></div>
1984              <div class="        
1985       md: 
1986 body_font_family text-base text-gray-600" style=" "><div class="editor-content"><p>2nd Degree Black Belt</p></div></div>
1987            </div>
1988          </div>
1989        </div>
1990      </div>
1991      <div class="w-full md:w-1/2 lg:w-1/3">
1992        <div class="bg-white border border-gray-400 mx-2 mb-4 p-6 rounded-md" data-entity-id="2">
1993          <div class="        
1994       md: 
1995 text-black body_font_family mb-6 text-lg md:text-xl" style=" "><div class="editor-content">
1996<p>On top of being the premier content creator in the Brazilian jiu-jitsu 
1996community, Drew Weatherhead is an outstanding instructor. In all his instructionals he delivers an in-depth, detailed overview of course content.</p>
1997<br>
1998</div></div>
1999          <div class="flex flex-row gap-x-4">
2000            <div class="rounded-full w-12 h-12 overflow-hidden">
2001                <img class="w-full h-full object-cover" src="https://s3.us-east-1.amazonaws.com/unode1/assets%2Fpage-builder%2Fgrappling-science.1715011726.png"
2002                     alt="&lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;Grappling Science&lt;/p&gt;&lt;/div&gt;, &lt;div class=&quot;editor-content&quot;&gt;&lt;p&gt;@grappling_science&lt;/p&gt;&lt;/div&gt;">
2003            </div>
2004            <div>
2005              <div class="        
2006       md: 
2007 body_font_family text-lg font-medium text-black" style=" "><div class="editor-content"><p>Grappling Science</p></div></div>
2008              <div class="        
2009       md: 
2010 body_font_family text-base text-gray-600" style=" "><div class="editor-content"><p>@grappling_science</p></div></div>
2011            </div>
2012          </div>
2013        </div>
2014      </div>
2015    </div>
2016  </div>
2017</div>
2018</div><div id="el-d8cdcabb25dd2926" class="text-black relative" data-editor="section">
2019<section class="relative overflow-hidden py-12 md:py-24" style="background-color: rgb(255, 255, 255);">
2020<div class="container relative mx-auto px-4 justify-center flex flex-col md:justify-center">
2021  <div class="m-auto md:mr-auto md:mb-8 md:max-w-lg md:my-auto lg:max-w-2xl">
2022    <h2 class="        
2023       md: 
2024 mb-4 text-2xl md:text-3xl text-center md:text-center heading_font_family" style=" "><div class="editor-content"><p><strong>Press Play▶️ Meet My Elite Training Partners</strong></p></div></h2>
2025    
2026  </div>
2027  <div class="mt-4 md:mt-0 w-full z-10 mb-4 lg:mb-0 lg:mt-0 w-full max-w-2xl mx-auto">
2028      <div class=" relative" data-controller="video"><video playsinline="playsinline" controls="controls" preload="none" poster="https://alpha.uscreencdn.com/video_thumbnails/52ElsEQL69rMvg.jpg?key1=0zxgbiuecxjjN3ZqNpe2cE0BJ8FqVlcFjU9coCy+dtbjIRBnNTfz5ccBHrj1gQ5o&amp;key2=f198ec13249ad5d9d8015e773f2f7a71" class="outline-none rounded" src="https://stream.mux.com/0000pZ1FF9BiY18004KJ01SgWEt7WyaAP7Qm.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIwMDAwcFoxRkY5QmlZMTgwMDRLSjAxU2dXRXQ3V3lhQVA3UW0iLCJleHAiOjE3OTExMDEwNTMsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoidiJ9.huKVz4GE7uISo_KlwJlKeNRaB6FHXE_JzV4rnPqA9KIcduR7eGZrllBca2x36GVSMsAom5up-N9JvhxVhVFu7A9UQSYHO911x5r5kNptpsympRWUkDuww3rXhT36rnijepqF6GxvdkDZjoXaNzK8I3sRowZzz4kmvvIQnIRp1Y34icxspSUDwqhSsCg307u0OuIfopwldospV_kiNIoWXb9xztFCZpFa815Bco4TpIjKUpX8LMxQbEhVc2mAA7cTcMbzURfDMrHWvDmxczwlKam2a1fcJY70KweB_urC3e3hRUIfoPZ7B4RAxPdvAlS1YA5sOpg3bqZ-tPvPi21DiQ" data-target="video.player"></video></div>
2029    </div>
2030</div>
2031  </section>
2032</div><div id="el-0418aabb1eda54c1" class=" relative" data-editor="section">
2033  <section class="relative overflow-hidden py-12 md:py-24 team-block-1 text-black"
2034           style="background-color: rgb(255, 255, 255);">
2035      <div class="px-4 md:pb-8 max-w-lg lg:max-w-2xl mx-auto">
2036        <h2 class="        
2037       md: 
2038 text-2xl md:text-3xl text-center heading_font_family mb-3" style=" "><div class="editor-content"><p><strong>Drew Weatherhead Trains &amp; Fights With the Best in the World!</strong></p></div></h2>
2039        
2040      </div>
2041    <div
2042      data-controller="horizontal-slider"
2043      class="relative overflow-hidden container mx-auto"
2044    >
2045      <div class="swiper-wrapper px-2 md:px-0 mx-auto" style="width: fit-content;">
2046          <div data-target="horizontal_slider.slide" class="swiper-slide relative p-2 text-center" data-entity-id="0">
2047            <div class="relative">
2048              <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_103536_gallery.1716151687.jpg, https://alpha.uscreencdn.com/480xnull/assets%2Fpage-builder%2Fscreenshot_20230810_103536_gallery.1716151687.jpg 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_103536_gallery.1716151687.jpg, https://alpha.uscreencdn.com/480xnull/assets%2Fpage-builder%2Fscreenshot_20230810_103536_gallery.1716151687.jpg 2x"></source><img class="card-image w-full h-full object-cover pb-card" src="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_103536_gallery.1716151687.jpg" /></picture>
2049            </div>
2050              <div class="flex flex-col py-4 justify-center">
2051                <div class="        
2052       md: 
2053 text-lg body_font_family" style=" "><div class="editor-content"><p><strong>Eddie Bravo</strong></p></div></div>
2054                  <div class="        
2055       md: 
2056 text-base mt-2 body_font_family opacity-75" style=" "><div class="editor-content"><p>Martial arts instructor, podcaster, stand-up comedian, and musician.</p></div></div>
2057              </div>
2058          </div>
2059          <div data-target="horizontal_slider.slide" class="swiper-slide relative p-2 text-center" data-entity-id="1">
2060            <div class="relative">
2061              <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_103350_gallery.1716151054.jpg, https://alpha.uscreencdn.com/480xnull/assets%2Fpage-builder%2Fscreenshot_20230810_103350_gallery.1716151054.jpg 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_103350_gallery.1716151054.jpg, https://alpha.uscreencdn.com/480xnull/assets%2Fpage-builder%2Fscreenshot_20230810_103350_gallery.1716151054.jpg 2x"></source><img class="card-image w-full h-full object-cover pb-card" src="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_103350_gallery.1716151054.jpg" /></picture>
2062            </div>
2063              <div class="flex flex-col py-4 justify-center">
2064                <div class="        
2065       md: 
2066 text-lg body_font_family" style=" "><div class="editor-content"><p><strong>Jocko Willink</strong></p></div></div>
2067                  <div class="        
2068       md: 
2069 text-base mt-2 body_font_family opacity-75" style=" "><div class="editor-content"><p>Author, podcaster, and retired United States Navy officer.</p></div></div>
2070              </div>
2071          </div>
2072          <div data-target="horizontal_slider.slide" class="swiper-slide relative p-2 text-center" data-entity-id="2">
2073            <div class="relative">
2074              <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_102625_instagram.1716151603.jpg, https://alpha.uscreencdn.com/480xnull/assets%2Fpage-builder%2Fscreenshot_20230810_102625_instagram.1716151603.jpg 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_102625_instagram.1716151603.jpg, https://alpha.uscreencdn.com/480xnull/assets%2Fpage-builder%2Fscreenshot_20230810_102625_instagram.1716151603.jpg 2x"></source><img class="card-image w-full h-full object-cover pb-card" src="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_102625_instagram.1716151603.jpg" /></picture>
2075            </div>
2076              <div class="flex flex-col py-4 justify-center">
2077                <div class="        
2078       md: 
2079 text-lg body_font_family" style=" "><div class="editor-content"><p><strong>Dean Lister</strong></p></div></div>
2080                  <div class="        
2081       md: 
2082 text-base mt-2 body_font_family opacity-75" style=" "><div class="editor-content"><p>Mixed martial artist and submission grappler.</p></div></div>
2083              </div>
2084          </div>
2085          <div data-target="horizontal_slider.slide" class="swiper-slide relative p-2 text-center" data-entity-id="3">
2086            <div class="relative">
2087              <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104931_facebook.1716151529.jpg, https://alpha.uscreencdn.com/480xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104931_facebook.1716151529.jpg 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104931_facebook.1716151529.jpg, https://alpha.uscreencdn.com/480xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104931_facebook.1716151529.jpg 2x"></source><img class="card-image w-full h-full object-cover pb-card" src="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104931_facebook.1716151529.jpg" /></picture>
2088            </div>
2089              <div class="flex flex-col py-4 justify-center">
2090                <div class="        
2091       md: 
2092 text-lg body_font_family" style=" "><div class="editor-content"><p><strong>Bernardo Faria</strong></p></div></div>
2093                  <div class="        
2094       md: 
2095 text-base mt-2 body_font_family opacity-75" style=" "><div class="editor-content"><p>Five-time World Jiu-Jitsu Champion</p></div></div>
2096              </div>
2097          </div>
2098          <div data-target="horizontal_slider.slide" class="swiper-slide relative p-2 text-center" data-entity-id="4">
2099            <div class="relative">
2100              <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_105958_gallery.1716151558.jpg, https://alpha.uscreencdn.com/480xnull/assets%2Fpage-builder%2Fscreenshot_20230810_105958_gallery.1716151558.jpg 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_105958_gallery.1716151558.jpg, https://alpha.uscreencdn.com/480xnull/assets%2Fpage-builder%2Fscreenshot_20230810_105958_gallery.1716151558.jpg 2x"></source><img class="card-image w-full h-full object-cover pb-card" src="https://alpha.uscreencdn.com/240xnull/assets%2Fpage-builder%2Fscreenshot_20230810_105958_gallery.1716151558.jpg" /></picture>
2101            </div>
2102              <div class="flex flex-col py-4 justify-center">
2103                <div class="        
2104       md: 
2105 text-lg body_font_family" style=" "><div class="editor-content"><p><strong>Tim Kennedy</strong></p></div></div>
2106                  <div class="        
2107       md: 
2108 text-base mt-2 body_font_family opacity-75" style=" "><div class="editor-content"><p>American soldier and retired mixed martial artist.</p></div></div>
2109              </div>
2110          </div>
2111      </div>
2112      <!-- Add Arrows -->
2113      <div class="relative swiper-button-next hover:cursor-pointer" style="right: 0; left: auto;">
2114        <svg class="lg:ml-auto lg:mr-0 transform hover:scale-110 z-10" width="9" height="16" viewB
2114ox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2115          <g id="arrow-right">
2116            <path id="Shape" d="M1 15L8 8L1 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2117          </g>
2118        </svg>
2119        <div class="swiper-button-next-gradient" style="background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));"></div>
2120      </div>
2121      <div class="relative swiper-button-prev hover:cursor-pointer" style="right: auto; left: 0;">
2122        <svg class="lg:ml-auto lg:mr-0 transform hover:scale-110 z-10" width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2123          <g id="arrow-left">
2124            <path id="Shape" d="M8 1L1 8L8 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2125          </g>
2126        </svg>
2127        <div class="swiper-button-prev-gradient" style="background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));"></div>
2128      </div>
2129    </div>
2130  </section>
2131</div>
2132<style>
2133  .team-block-1 .swiper-slide {
2134      width: 240px !important;
2135      box-sizing: content-box;
2136  }
2137
2138  .team-block-1 .card-image {
2139      width: 240px;
2140      height: 240px;
2141  }
2142
2143  .team-block-1 .swiper-button-next,
2144  .team-block-1 .swiper-button-prev {
2145      top: 8px;
2146      height: 375px;
2147      padding: 0 20px;
2148  }
2149
2150  .team-block-1 .swiper-button-next-gradient,
2151  .swiper-button-prev-gradient {
2152      position: absolute;
2153      width: 100%;
2154      content: '';
2155      top: 0;
2156      left: auto;
2157      height: 375px;
2158  }
2159
2160  .team-block-1 .swiper-button-next-gradient {
2161      right: 0;
2162  }
2163
2164  .team-block-1 .swiper-button-prev-gradient {
2165      left: 0;
2166  }
2167
2168  .team-block-1 .swiper-button-next > svg,
2169  .team-block-1 .swiper-button-prev > svg {
2170      margin-top: 120px;
2171      margin-bottom: auto;
2172  }
2173</style>
2174<div id="el-ea8702ce74fa0f57" class=" relative" data-editor="section">
2175  <section class="py-12 md:py-24 px-4 faq-block-1"
2176           style="background-color: rgb(255, 255, 255);"
2177  >
2178    <div class="mx-auto container ">
2179      <div class="mb-8 md:mb-16 lg:max-w-md xl:max-w-xl mx-auto text-black">
2180        <h2 class="        
2181       md: 
2182 mb-4 text-2xl md:text-3xl text-center md:text-center heading_font_family" style=" "><div class="editor-content"><p><strong>Question Your Might Have</strong></p></div></h2>
2183        <div class="        
2184       md: 
2185  text-base md:text-lg text-center md:text-center body_font_family" style=" "><div class="editor-content"><p>Feel confident on and off the mat.</p></div></div>
2186      </div>
2187      <div class="w-full max-w-3xl mx-auto">
2188          <details class="p-6 mb-3 pb-card text-white w-full pb-faq-item" style="background-color: rgb(0,106,255)" data-entity-id="0"><summary class="w-full body_font_family font-medium text-lg outline-none cursor-pointer"><div class="flex justify-between"><div class="        
2189       md: 
2190 w-full" style=" "><div class="editor-content"><p><strong>How can I access the courses?</strong></p></div></div><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10" fill="none" class="pb-faq-item-icon">
2191<path d="M1 1L9 9L17 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
2192</svg>
2193</div></summary><div class="        
2194       md: 
2195 body_font_family text-base mt-5" style=" "><div class="editor-content"><p>Our courses are available for purchase individually, or you can subscribe to our membership plan to gain unlimited access to all our instructional videos. Once you purchase a course or subscribe, you can access the content anytime, anywhere, on any device.</p></div></div></details>
2196          <details class="p-6 mb-3 pb-card text-black w-full pb-faq-item" style="background-color: #EAECEE" data-entity-id="2ROI3ynuNPqcn13SHiQXU"><summary class="w-full body_font_family font-medium text-lg outline-none cursor-pointer"><div class="flex justify-between"><div class="        
2197       md: 
2198 w-full" style=" "><div class="editor-content"><p><strong>What if I am a complete beginner? Are there courses suitable for me?</strong></p></div></div><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewB
2198ox="0 0 18 10" fill="none" class="pb-faq-item-icon">
2199<path d="M1 1L9 9L17 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
2200</svg>
2201</div></summary><div class="        
2202       md: 
2203 body_font_family text-base mt-5" style=" "><div class="editor-content"><p>Absolutely! We have several courses specifically designed for beginners. These courses cover the fundamental principles and techniques of Brazilian Jiu-Jitsu, providing a solid foundation for your training. Our beginner courses are structured to ensure that you build your skills progressively and confidently.</p></div></div></details>
2204          <details class="p-6 mb-3 pb-card text-black w-full pb-faq-item" style="background-color: #EAECEE" data-entity-id="1"><summary class="w-full body_font_family font-medium text-lg outline-none cursor-pointer"><div class="flex justify-between"><div class="        
2205       md: 
2206 w-full" style=" "><div class="editor-content"><p><strong>Can I interact with Drew Weatherhead directly for personalized guidance?</strong></p></div></div><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10" fill="none" class="pb-faq-item-icon">
2207<path d="M1 1L9 9L17 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
2208</svg>
2209</div></summary><div class="        
2210       md: 
2211 body_font_family text-base mt-5" style=" "><div class="editor-content">
2212<p>Yes! Join our <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.skool.com/bjjforum">free Skool community</a>, where we have Q&amp;A sessions and exclusive courses.</p>
2213<br><p> Visit <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.skool.com/bjjforum">https://www.skool.com/bjjforum</a></p>
2214</div></div></details>
2215          <details class="p-6 mb-3 pb-card text-black w-full pb-faq-item" style="background-color: #EAECEE" data-entity-id="pan5VHm2ki3qi6WyjCscK"><summary class="w-full body_font_family font-medium text-lg outline-none cursor-pointer"><div class="flex justify-between"><div class="        
2216       md: 
2217 w-full" style=" "><div class="editor-content"><p><strong>How long do I have access to the course materials?</strong></p></div></div><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10" fill="none" class="pb-faq-item-icon">
2218<path d="M1 1L9 9L17 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
2219</svg>
2220</div></summary><div class="        
2221       md: 
2222 body_font_family text-base mt-5" style=" "><div class="editor-content"><p>Once purchased, you’ll have lifetime access to the course materials. This allows you to learn at your own pace and revisit the content as many times as you need.</p></div></div></details>
2223          <details class="p-6 mb-3 pb-card text-black w-full pb-faq-item" style="background-color: #EAECEE" data-entity-id="7HeFQxkwbJwmiC7eUgDhE"><summary class="w-full body_font_family font-medium text-lg outline-none cursor-pointer"><div class="flex justify-between"><div class="        
2224       md: 
2225 w-full" style=" "><div class="editor-content"><p><strong>How often is new content added to the course library?</strong></p></div></div><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10" fill="none" class="pb-faq-item-icon">
2226<path d="M1 1L9 9L17 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
2227</svg>
2228</div></summary><div class="        
2229       md: 
2230 body_font_family text-base mt-5" style=" "><div class="editor-content"><p>We regularly update our course library with new content to keep your training fresh and exciting ensuring you always have access to the latest in BJJ training and instruction.</p></div></div></details>
2231      </div>
2232    </div>
2233  </section>
2234</div>
2235<style>
2236  .faq-block-1 .pb-faq-item[open] .pb-faq-item-icon {
2237    transform: rotate(180deg);
2238  }
2239</style><div id="el-4b90e5141dd9be81" class="text-white relative" data-editor="section">
2240  <section class="relative overflow-hidden py-4" style="background-color: rgb(0, 0, 0);">
2241    <div data-controller="lazy-loaded" data-target="lazy-loaded.image" class="      opacity-50 bg-center
2242      sm:bg-center bg-cover
2243      absolute top-0 left-0 flex w-full h-full bg-cover bg-top
2244  lazy-loaded-bg" id="bg-12f91e66"><style>      @media only screen {
2245        #bg-12f91e66 { background-image: url("https://alpha.uscreencdn.com/640xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104842_facebook.1714853407.jpg"); }
2246      }
2247      @media only screen and (min-resolution: 2dppx),
2248        only screen and (-webkit-min-device-pixel-ratio: 2) {
2249        #bg-12f91e66 { background-image: url("https://alpha.uscreencdn.com/1280xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104842_facebook.1714853407.jpg"); }
2250      }
2251        @media only screen and (min-width: 640px) {
2252           #bg-12f91e66 { background-image: url("https://alpha.uscreencdn.com/1024xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104842_facebook.1714853407.jpg"); }
2253        }
2254        @media only screen and (min-width: 640px) and (min-resolution: 2dppx),
2255          only screen and (min-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
2256           #bg-12f91e66 { background-image: url("https://alpha.uscreencdn.com/1800xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104842_facebook.1714853407.jpg"); }
2257        }
2258        @media only screen and (min-width: 1024px) {
2259           #bg-12f91e66 { background-image: url("https://alpha.uscreencdn.com/1280xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104842_facebook.1714853407.jpg"); }
2260        }
2261        @media only screen and (min-width: 1024px) and (min-resolution: 2dppx),
2262          only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
2263           #bg-12f91e66 { background-image: url("https://alpha.uscreencdn.com/1920xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104842_facebook.1714853407.jpg"); }
2264        }
2265        @media only screen and (min-width: 1280px) {
2266           #bg-12f91e66 { background-image: url("https://alpha.uscreencdn.com/1536xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104842_facebook.1714853407.jpg"); }
2267        }
2268        @media only screen and (min-width: 1280px) and (min-resolution: 2dppx),
2269          only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) {
2270          #bg-12f91e66 { background-image: url("https://alpha.uscreencdn.com/2304xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104842_facebook.1714853407.jpg"); }
2271        }
2272        @media only screen and (min-width: 1536px) {
2273           #bg-12f91e66 { background-image: url("https://alpha.uscreencdn.com/1920xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104842_facebook.1714853407.jpg"); }
2274        }
2275        @media only screen and (min-width: 1536px) and (min-resolution: 2dppx),
2276          only screen and (min-width: 1536px) and (-webkit-min-device-pixel-ratio: 2) {
2277          #bg-12f91e66 { background-image: url("https://alpha.uscreencdn.com/2880xnull/assets%2Fpage-builder%2Fscreenshot_20230810_104842_facebook.1714853407.jpg"); }
2278        }
2279      #bg-12f91e66.lazy-loaded-bg { background-image: none; background-color: #c6c9ced1; }
2280</style></div>
2281    <div class="max-w-xl md:max-w-2xl lg:max-w-3xl p-8 md:p-20 mx-6 md:mx-auto flex flex-col items-center justify-center relative " style="background-color: ;">
2282        <div class="        
2283       md: 
2284 text-center heading_font_family mb-2 md:mb-3  font-bold text-2xl md:text-4xl" style=" "><div class="editor-content"><p>What's holding your <br>Jiu Jitsu training back?</p></div></div>
2285        <div class="        
2286       md: 
2287 text-center body_font_family mb-3 md:mb-4 text-base" style=" "><div class="editor-content"><p>Gain the skills to dominate on the mat. <br>Don’t miss out—your path to Jiu Jitsu mastery begins here.</p></div></div>
2288          <a href="https://drewjitsuonline.com/pages/white-belt-collection" target="_self" style="background-color: #D61F2C;  " class="        
2289       md: 
2290 pb-button px-6 py-3 body_font_family text-white mt-6"><div class="editor-content"><p><strong>Unlock the White Belt Course Collection</strong></p></div></a>
2291
2292    </div>
2293  </section>
2294</div><div id="el-d4f9aa2c51f73ece" class="text-black relative" data-editor="section">
2295  <section class="relative overflow-hidden py-12 md:py-24"
2296           style="background-color: rgb(255, 255, 255);">
2297    <div class="container relative mx-auto px-4 justify-center flex flex-col md:justify-between lg:justify-start md:flex-row">
2298      <div class="m-auto mb-12 md:mr-auto md:max-w-sm md:my-auto lg:max-w-md lg:mr-6">
2299        <h2 class="        
2300       md: 
2301 mb-4 text-2xl md:text-3xl text-center md:ltr:text-left rtl:text-right heading_font_family" style=" "><div class="editor-content"><p><strong>Meet Drew Weatherhead</strong></p></div></h2>
2302        <div class="        
2303       md: 
2304  text-base md:text-lg text-center md:ltr:text-left rtl:text-right body_font_family" style=" "><div class="editor-content">
2305<p>Professor Drew Weatherhead is a first-degree BJJ Black Belt with over 17 years of Jiu-jitsu and 26 years of total martial arts training.</p>
2306<br><p>He has been showcased on sites like Black Belt Magazine, Jiu-jitsu Times, BJJ Fanatics and Jiu-jitsu X.</p>
2307<br><p>Training around the world with the likes of John Danaher, Eddie Bravo, Jocko Willink, Tim Kennedy, Ricardo Liborio, Malachy Friedman, Eli Knight, Brandon Mccaghren, and more, Professor Drew brings a concise, easy-to-understand, and easy-to-implement style of learning that is guaranteed to improve those who experience it.<br></p>
2308</div></div>
2309      </div>
2310      <div class="m-auto md:max-w-sm lg:max-w-lg md:ml-16" style="max-height: 374px">
2311        <picture class="lazy-loaded_preview" data-controller="lazy-loaded" data-lazy-loaded-target="image" data-lazy-loaded-animate="true"><source media="(max-width: 639px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/393xnull/assets%2Fpage-builder%2Fmeet-drew-weaterhead.1714851754.jpg, https://alpha.uscreencdn.com/786xnull/assets%2Fpage-builder%2Fmeet-drew-weaterhead.1714851754.jpg 2x"></source><source media="(min-width: 640px)" srcset="https://assets-gke.uscreencdn.com/assets/page_builder/progressive-placeholder-7e14b10e753419f2e355bbb1a93773d837e8dbcf5beef4baed30c1000ce98139.gif" data-srcset="https://alpha.uscreencdn.com/590xnull/assets%2Fpage-builder%2Fmeet-drew-weaterhead.1714851754.jpg, https://alpha.uscreencdn.com/1180xnull/assets%2Fpage-builder%2Fmeet-drew-weaterhead.1714851754.jpg 2x"></source><img class="pb-card w-auto object-cover" style="max-height: 374px;" src="https://alpha.uscreencdn.com/590xnull/assets%2Fpage-builder%2Fmeet-drew-weaterhead.1714851754.jpg" /></picture>
2312      </div>
2313    </div>
2314  </section>
2315</div><div id="el-25b564f79925434c" class="text-white relative" data-editor="section">
2316  <section class="pb-hero flex relative overflow-hidden"
2317           style="background-color: rgb(0, 0, 0);">
2318      <div data-lazy="false" class="      opacity-50 bg-center
2319      sm:bg-center bg-cover
2320      absolute top-0 left-0 flex w-full h-full bg-cover bg-top
2321 " id="bg-c5c0f6c2"><style>      @media only screen {
2322        #bg-c5c0f6c2 { background-image: url("https://alpha.uscreencdn.com/640xnull/assets%2Fpage-builder%2Fvolume-1-5-bundle-thumbnail-v2.1715199983.jpg"); }
2323      }
2324      @media only screen and (min-resolution: 2dppx),
2325        only screen and (-webkit-min-device-pixel-ratio: 2) {
2326        #bg-c5c0f6c2 { background-image: url("https://alpha.uscreencdn.com/1280xnull/assets%2Fpage-builder%2Fvolume-1-5-bundle-thumbnail-v2.1715199983.jpg"); }
2327      }
2328        @media only screen and (min-width: 640px) {
2329           #bg-c5c0f6c2 { background-image: url("https://alpha.uscreencdn.com/1024xnull/assets%2Fpage-builder%2Fvolume-1-5-bundle-thumbnail-v2.1715199983.jpg"); }
2330        }
2331        @media only screen and (min-width: 640px) and (min-resolution: 2dppx),
2332          only screen and (min-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
2333           #bg-c5c0f6c2 { background-image: url("https://alpha.uscreencdn.com/1800xnull/assets%2Fpage-builder%2Fvolume-1-5-bundle-thumbnail-v2.1715199983.jpg"); }
2334        }
2335        @media only screen and (min-width: 1024px) {
2336           #bg-c5c0f6c2 { background-image: url("https://alpha.uscreencdn.com/1280xnull/assets%2Fpage-builder%2Fvolume-1-5-bundle-thumbnail-v2.1715199983.jpg"); }
2337        }
2338        @media only screen and (min-width: 1024px) and (min-resolution: 2dppx),
2339          only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
2340           #bg-c5c0f6c2 { background-image: url("https://alpha.uscreencdn.com/1920xnull/assets%2Fpage-builder%2Fvolume-1-5-bundle-thumbnail-v2.1715199983.jpg"); }
2341        }
2342        @media only screen and (min-width: 1280px) {
2343           #bg-c5c0f6c2 { background-image: url("https://alpha.uscreencdn.com/1536xnull/assets%2Fpage-builder%2Fvolume-1-5-bundle-thumbnail-v2.1715199983.jpg"); }
2344        }
2345        @media only screen and (min-width: 1280px) and (min-resolution: 2dppx),
2346          only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) {
2347          #bg-c5c0f6c2 { background-image: url("https://alpha.uscreencdn.com/2304xnull/assets%2Fpage-builder%2Fvolume-1-5-bundle-thumbnail-v2.1715199983.jpg"); }
2348        }
2349        @media only screen and (min-width: 1536px) {
2350           #bg-c5c0f6c2 { background-image: url("https://alpha.uscreencdn.com/1920xnull/assets%2Fpage-builder%2Fvolume-1-5-bundle-thumbnail-v2.1715199983.jpg"); }
2351        }
2352        @media only screen and (min-width: 1536px) and (min-resolution: 2dppx),
2353          only screen and (min-width: 1536px) and (-webkit-min-device-pixel-ratio: 2) {
2354          #bg-c5c0f6c2 { background-image: url("https://alpha.uscreencdn.com/2880xnull/assets%2Fpage-builder%2Fvolume-1-5-bundle-thumbnail-v2.1715199983.jpg"); }
2355        }
2356      
2357</style></div>
2358    <div class="container mx-auto p-4 py-16 md:py-32 flex items-center">
2359      <div class="w-full">
2360        <div class="relative flex container justify-center items-center flex-col z-10">
2361          <h1 class="        
2362       md: 
2363 text-center heading_font_family mb-2 md:mb-3  font-bold text-3xl md:text-4xl" style=" "><div class="editor-content"><p>Unlock 82% Savings with the Complete White Belt Course Collection</p></div></h1>
2364          <div class="        
2365       md: 
2366 body_font_family text-center mb-3 md:mb-4 text-base md:text-xl" style=" "><div class="editor-content">
2367<p>Save 82% when you purchase all 5 training volumes. </p>
2368<br><p>Dive into over 190+ expert-led videos and save $410 when you purchase the full collection today.</p>
2369</div></div>
2370            <a href="https://drewjitsuonline.com/pages/white-belt-collection" target="_self" style="background-color: #D61F2C;  " class="        
2371       md: 
2372 pb-button px-6 py-3 body_font_family text-white mx-auto mt-8 md:mt-10 md:mb-4 inline-block"><div class="editor-content"><p><strong>BUY THE COMPLETE WHITE BELT COLLECTION</strong></p></div></a>
2373
2374        </div>
2375      </div>
2376    </div>
2377  </section>
2378</div><div id="el-7a0392a1206d228a" class="text-black relative" data-editor="section">
2379  <section class="relative py-6 px-4 md:py-10" style="background-color: rgb(255, 255, 255);">
2380    
2381    <div class="container relative mx-auto flex justify-between flex-col md:flex-row w-full items-center p-6 md:py-10 md:px-12 pb-card
2382      text-black"
2383         style="background-color: rgb(234, 236, 238);"
2384    >
2385        <div class="md:max-w-sm lg:max-w-lg md:ltr:pr-6 md:rtl:pl-6">
2386          <div class="        
2387       md: 
2388 text-center text-2xl md:ltr:text-left md:rtl:text-right heading_font_family" style=" "><div class="editor-content"><p><strong>Save $410 on the Complete White Belt Course Collection</strong></p></div></div>
2389            <div class="        
2390       md: 
2391 text-center text-base md:ltr:text-left md:rtl:text-right body_font_family mt-3 md:mt-4" style=" "><div class="editor-content">
2392<p>For a limited time, gain access to all 5 Jiu Jitsu training volumes at a reduced price. </p>
2393<br><p><strong>Only $89 for over 190 training videos!</strong></p>
2394</div></div>
2395        </div>
2396        <a href="https://drewjit
2396suonline.com/pages/white-belt-collection" target="_self" style="background-color: #D61F2C;  " class="        
2397       md: 
2398 pb-button px-6 py-3 body_font_family text-white mt-6 md:mt-0"><div class="editor-content"><p><strong>GET IT BEFORE IT'S GONE</strong></p></div></a>
2399
2400    </div>
2401  </section>
2402</div><div id="56c34599aa64ca28" class=" relative" data-editor="section">
2403<footer id="footer"
2404  class="relative px-4 pt-8 pb-12 md:p-8 text-sm "
2405  style="background-color: rgb(255,255,255);"
2406>
2407  
2408  <div class="relative max-w-screen-xl  mx-auto">
2409    <div class="flex justify-between flex-col md:flex-row pb-6">
2410      <!--      Navigation links-->
2411      <div class="flex flex-1 mx-auto md:mr-auto order-2 md:order-none py-4">
2412      </div>
2413      <!--    Company logo-->
2414        <div class="flex flex-1 justify-center order-1 md:order-none py-4">
2415          <picture class="object-fit" alt="Drew Weatherhead Jiu-Jitsu"><source media="(max-width: 639px)" srcset="https://alpha.uscreencdn.com/150xnull/assets%2Fpage-builder%2Fdrew-weatherhead-logo.1714850990.png, https://alpha.uscreencdn.com/300xnull/assets%2Fpage-builder%2Fdrew-weatherhead-logo.1714850990.png 2x"></source><source media="(min-width: 640px)" srcset="https://alpha.uscreencdn.com/150xnull/assets%2Fpage-builder%2Fdrew-weatherhead-logo.1714850990.png, https://alpha.uscreencdn.com/300xnull/assets%2Fpage-builder%2Fdrew-weatherhead-logo.1714850990.png 2x"></source><img alt="Drew Weatherhead Jiu-Jitsu" class="object-fit" style="max-height: 80px; max-width: 150px;" src="https://alpha.uscreencdn.com/150xnull/assets%2Fpage-builder%2Fdrew-weatherhead-logo.1714850990.png" /></picture>
2416        </div>
2417      <!--    Social networks icons-->
2418      <div class="flex flex-1 mx-auto md:ml-auto order-3 md:order-none py-4">
2419        <div class="flex justify-between align-center ml-auto mb-auto">
2420              <a class="footer_icons my-auto ml-4" href="https://twitter.com/Because_jitsu" style="--fillColor: #000000;" target="_blank">
2421                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22.5" viewBox="0 0 1200 1227" fill="none" class="page_editor_footer-icon"><title>twitter</title>
2422    <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="currentColor"></path>
2423</svg>
2424
2425              </a>
2426              <a class="footer_icons my-auto ml-4" href="https://www.instagram.com/because_jitsu" style="--fillColor: #000000;" target="_blank">
2427                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="page_editor_footer-icon"><title>instagram</title>
2428<path fill="currentColor" d="M6.66667 0C2.98533 0 0 2.98533 0 6.66667V17.3333C0 21.0147 2.98533 24 6.66667 24H17.3333C21.0147 24 24 21.0147 24 17.3333V6.66667C24 2.98533 21.0147 0 17.3333 0H6.66667ZM20 2.66667C20.736 2.66667 21.3333 3.264 21.3333 4C21.3333 4.736 20.736 5.33333 20 5.33333C19.264 5.33333 18.6667 4.736 18.6667 4C18.6667 3.264 19.264 2.66667 20 2.66667ZM12 5.33333C15.6813 5.33333 18.6667 8.31867 18.6667 12C18.6667 15.6813 15.6813 18.6667 12 18.6667C8.31867 18.6667 5.33333 15.6813 5.33333 12C5.33333 8.31867 8.31867 5.33333 12 5.33333ZM12 8C10.9391 8 9.92172 8.42143 9.17157 9.17157C8.42143 9.92172 8 10.9391 8 12C8 13.0609 8.42143 14.0783 9.17157 14.8284C9.92172 15.5786 10.9391 16 12 16C13.0609 16 14.0783 15.5786 14.8284 14.8284C15.5786 14.0783 16 13.0609 16 12C16 10.9391 15.5786 9.92172 14.8284 9.17157C14.0783 8.42143 13.0609 8 12 8Z"></path>
2429</svg>
2430
2431              </a>
2432              <a class="footer_icons my-auto ml-4" href="https://www.youtube.com/@BecauseJitsu" style="--fillColor: #000000;" target="_blank">
2433                <svg xmlns="http://www.w3.org/2000/svg" width="27" height="20" viewBox="0 0 27 20" fill="none" class="page_editor_footer-icon"><title>youtube</title>
2434    <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M23.3333 19.2667C24.7333 19.0667 25.8667 18 26.1333 16.6C26.4 15.0667 26.6667 12.8 26.7333 10C26.7333 7.2 26.4 4.93333 26.1333 3.4C25.8667 2 24.7333 0.933334 23.3333 0.733334C21.0667 0.4 17.4667 0 13.3333 0C9.2 0 5.53333 0.4 3.33333 0.733334C1.93333 0.933334 0.8 2 0.533333 3.4C0.266667 4.93333 0 7.2 0 10C0 12.8 0.266667 15.0667 0.533333 16.6C0.8 18 1.93333 19.0667 3.33333 19.2667C5.6 19.6 9.26667 20 13.3333 20C17.4667 20 21.1333 19.6 23.3333 19.2667ZM18.6665 9.99967L10.6665 5.33301V14.6663L18.6665 9.99967Z"></path>
2435</svg>
2436
2437              </a>
2438        </div>
2439      </div>
2440    </div>
2441
2442    <div class="flex items-center justify-center pt-6 border-t" style="border-color: #b0afaf6b;">
2443        <div class="uscreen-block flex justify-center my-4 md:m-0 md:justify-end">
2444    <style>
2445        .powered-by-uscreen {
2446          align-items: center;
2447          display: flex;
2448          font-size: 0.875rem;
2449          font-family: 'Inter', sans-serif;
2450          line-height: 1;
2451          --branding-text-color: #B0B0B0;
2452          --branding-text-hovered-color: #888888;
2453        }
2454        .dark .powered-by-uscreen {
2455          --branding-text-color: #8A8A8A;
2456          --branding-text-hovered-color: #adadad;
2457        }
2458
2459        .powered-by-uscreen {
2460          color: var(--branding-text-color);
2461        }
2462        .powered-by-uscreen svg {
2463          margin-right: 5px;
2464        }
2465
2466        .powered-by-uscreen:hover {
2467          color: var(--branding-text-hovered-color);
2468        }
2469    </style>
2470
2471    <a class="footer-background-color powered-by-uscreen"
2472       href="https://www.uscreen.tv?utm_category=product&utm_medium=branding&utm_source=16767&utm_campaign=web&utm_content=powered_by" target="_blank" class="footer-background-color powered-by-uscreen">
2473      <svg width="14" height="15" viewBox="0 0 334 359" fill="none" xmlns="http://www.w3.org/2000/svg">
2474        <path d="M86.5378 11.985C100.469 1.19534 118.573 -2.58324 135.645 1.77206C188 15.1111 249.46 32.2287 301.556 48.3297V48.36C319.812 54.0052 332.422 70.6376 332.878 89.7281C334.152 142.022 333.879 198.246 332.59 250.191C332.195 266.14 325.138 281.178 313.15 291.695C290.509 311.559 270.219 328.344 246.258 346.842C232.311 357.617 214.177 361.38 197.12 357.009C144.947 343.64 84.3828 326.553 32.3317 310.482C14.0608 304.822 1.43543 288.159 0.980171 269.039C-0.23385 216.699 -0.44683 160.277 0.99482 108.317C1.43502 92.3983 8.53726 77.3904 20.54
247407 66.9195C43.2429 47.1007 63.1224 30.1042 86.5378 11.985ZM127.459 25.525C123.756 24.4779 120.052 27.2705 120.052 31.1402V122.252C120.31 154.438 128.551 181.147 144.181 201.543C160.055 222.257 183.501 236.401 213.76 243.184C239.391 248.92 262.867 245.187 279.969 233.123C297.087 221.058 307.695 200.739 307.695 173.575V81.2027C307.695 76.9386 304.842 73.1754 300.745 72.0221L262.458 61.3687C258.755 60.3065 255.051 63.1143 255.051 66.984V151.525C254.687 160.069 255.006 173.984 250.53 184.698C248.299 190.024 244.915 194.486 239.725 197.096C234.535 199.706 227.418 200.526 217.615 198.326C200.163 194.411 190.649 182.331 185.489 168.658C180.314 154.955 179.525 139.718 179.525 129.672V46.2242C179.525 41.96 176.702 38.1959 172.59 37.0426L127.473 25.525H127.459Z" fill="currentColor"/>
2475      </svg>
2476      <span class="powered-by-uscreen-text">Powered by Uscreen</span>
2477    </a>
2478  </div>
2479
2480    </div>
2481
2482  </div>
2483</footer>
2484</div>
2485<style>
2486  .page_editor_footer-icon {
2487    color: var(--fillColor) !important;
2488  }
2489</style>
2490
2491      
2492  </body>
2493</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.