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 · 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 & 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 & 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 & 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 & 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 & 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 →</a> 1443 </div> 1444 <section class="dj-band"> 1445 <div> 1446 <p class="dj-eyebrow">Best value</p> 1447 <h2>Complete White Belt Course — 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 — $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'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&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&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&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="<div class="editor-content"><p>800+ Training Videos</p></div>
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="<div class="editor-content"><p>Self-paced Learning</p></div>" 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="<div class="editor-content"><p>Passionate Community</p></div>" 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->email-capture#disableSubmitButton submit->email-capture#captureLead:prevent" data-target="email-capture.form" data-email-capture-success-message-value="Thanks for joining us. Click <a href="/catalog" class="underline">here</a> 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"> </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> & <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 <div class="editor-content"><p><strong>10 Guillotines Course</strong></p></div>" 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 <div class="editor-content"><p style="text-align: left">Reverse Kimura from Closed Guard</p></div>
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 <div class="editor-content"><p>White Belt Course Volumes 1-5</p></div>" 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 <div class="editor-content"><p>Side Control Escape Manual </p></div>
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 <div class="editor-content"><p>Scientific Guard Passing</p></div>" 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 <div class="editor-content"><p>Full Crucifix Seminar</p></div>
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 <div class="editor-content"><p>LIMITED TIME DEAL</p></div>" 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 <div class="editor-content"><p>$7000+ FULL LIBRARY!</p></div>
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="<div class="editor-content"><p><strong><span>Meerkatsu</span></strong></p></div>, <div class="editor-content"><p><span>Seymour Yang</span></p></div>"> 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="<div class="editor-content"><p>Eli Knight of Knight Jiu-Jitsu</p></div>, <div class="editor-content"><p>2nd Degree Black Belt</p></div>"> 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="<div class="editor-content"><p>Grappling Science</p></div>, <div class="editor-content"><p>@grappling_science</p></div>"> 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&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 & 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&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.