It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://howtodiyourself.com

  1. <!DOCTYPE html>
  2. <html class="js" lang="en" style="--header-height: 102px">
  3.  <head>
  4.    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  5.    <meta name="viewport" content="width=device-width,initial-scale=1" />
  6.    <link rel="amphtml" href="https://howtodiyourself.com/amp/" />
  7.    <link rel="canonical" href="https://howtodiyourself.com/" />
  8.    <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin="" />
  9.    <title>BTV4D : Main Slot Aja Daripada Dengerin Curhatan Temen yang Bikin Pusing & Dumel 🤯</title>
  10.    <meta name="description" content="BTV4D link alternatif BTV4D, login BTV 4D, BTV4D slot Main Slot Aja Daripada Dengerin Curhatan Temen yang Bikin Pusing & Dumel 🤯" />
  11.    <meta name="keywords" content="BTV4D, link alternatif BTV4D, login BTV 4D, BTV4D slot" />
  12.    <meta name="robots" content="index, follow, noarchive" />
  13.    <meta name="publisher" content="BTV4D" />
  14.    <meta name="categories" content="website" />
  15.    <meta name="geo.placename" content="Indonesia" />
  16.    <meta name="geo.country" content="ID" />
  17.    <meta name="language" content="id-ID" />
  18.    <meta name="tgn.nation" content="Indonesia" />
  19.    <meta name="distribution" content="global" />
  20.    <meta name="apple-mobile-web-app-capable" content="yes" />
  21.    <meta name="mobile-web-app-capable" content="yes" />
  22.    <meta name="author" content="BTV4D" />
  23.    <meta name="theme-color" content="#23066b" />
  24.    <meta name="msapplication-navbutton-color" content="#23066b" />
  25.    <meta property="og:site_name" content="BTV4D" />
  26.    <meta property="og:url" content="https://howtodiyourself.com/" />
  27.    <meta property="og:title" content="BTV4D : Main Slot Aja Daripada Dengerin Curhatan Temen yang Bikin Pusing & Dumel 🤯" />
  28.    <meta property="og:type" content="product" />
  29.    <meta property="og:description" content="BTV4D link alternatif BTV4D, login BTV 4D, BTV4D slot Main Slot Aja Daripada Dengerin Curhatan Temen yang Bikin Pusing & Dumel 🤯" />
  30.    <meta property="og:image" content="https://howtodiyourself.com/assets/images/baner2.jpg" />
  31.    <meta property="og:image:secure_url" content="https://howtodiyourself.com/assets/images/baner2.jpg" />
  32.    <meta property="og:image:width" content="1280" />
  33.    <meta property="og:image:height" content="1280" />
  34.    <meta property="og:price:amount" content="10000,00" />
  35.    <meta property="og:price:currency" content="IDR" />
  36.  
  37.    <meta name="twitter:card" content="summary_large_image" />
  38.    <meta name="twitter:title" content="BTV4D : Main Slot Aja Daripada Dengerin Curhatan Temen yang Bikin Pusing & Dumel 🤯" />
  39.    <meta name="twitter:description" content="BTV4D link alternatif BTV4D, login BTV 4D, BTV4D slot Main Slot Aja Daripada Dengerin Curhatan Temen yang Bikin Pusing & Dumel 🤯" />
  40.  
  41.    <link rel="icon" href="ImageFile/wCw03dKDWcFijUKsLzFTGIN2JAZowEnKEeQRynB5.png" />
  42.    <script src="cdn/shop/t/2/assets/constants.js?v=58251544750838685771699283612" defer=""></script>
  43.    <script src="cdn/shop/t/2/assets/pubsub.js?v=158357773527763999511699283613" defer=""></script>
  44.    <script src="cdn/shop/t/2/assets/global.js?v=113367515774722599301699283612" defer=""></script>
  45.    <script src="cdn/shop/t/2/assets/animations.js?v=88693664871331136111699283611" defer=""></script>
  46.    
  47.    <style id="shopify-dynamic-checkout">
  48.      .shopify-payment-button__button--hidden {
  49.        visibility: hidden;
  50.      }
  51.      .shopify-payment-button__button {
  52.        border-radius: 4px;
  53.        border: none;
  54.        box-shadow: 0 0 0 0 transparent;
  55.        color: white;
  56.        cursor: pointer;
  57.        display: block;
  58.        font-size: 1em;
  59.        font-weight: 500;
  60.        line-height: 1;
  61.        text-align: center;
  62.        width: 100%;
  63.        transition: background 0.2s ease-in-out;
  64.      }
  65.      .shopify-payment-button__button[disabled] {
  66.        opacity: 0.6;
  67.        cursor: default;
  68.      }
  69.      .shopify-payment-button__button--unbranded {
  70.        background-color: #1990c6;
  71.        padding: 1em 2em;
  72.      }
  73.      .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  74.        background-color: #136f99;
  75.      }
  76.      .shopify-payment-button__more-options {
  77.        background: transparent;
  78.        border: 0 none;
  79.        cursor: pointer;
  80.        display: block;
  81.        font-size: 1em;
  82.        margin-top: 1em;
  83.        text-align: center;
  84.        width: 100%;
  85.      }
  86.      .shopify-payment-button__more-options:hover:not([disabled]) {
  87.        text-decoration: underline;
  88.      }
  89.      .shopify-payment-button__more-options[disabled] {
  90.        opacity: 0.6;
  91.        cursor: default;
  92.      }
  93.      .shopify-payment-button__button--branded {
  94.        display: flex;
  95.        flex-direction: column;
  96.        min-height: 44px;
  97.        position: relative;
  98.        z-index: 1;
  99.      }
  100.      .shopify-payment-button__button--branded .shopify-cleanslate {
  101.        flex: 1 !important;
  102.        display: flex !important;
  103.        flex-direction: column !important;
  104.      }
  105.      .shopify-payment-button__button.button.loading {
  106.        position: relative;
  107.        color: transparent;
  108.      }
  109.      .shopify-payment-button__button.button.loading > .loading-overlay__spinner {
  110.        top: 50%;
  111.        left: 50%;
  112.        transform: translate(-50%, -50%);
  113.        position: absolute;
  114.        height: 100%;
  115.        display: flex;
  116.        align-items: center;
  117.      }
  118.      .shopify-payment-button__button.button.loading > .loading-overlay__spinner .spinner {
  119.        width: -moz-fit-content;
  120.        width: fit-content;
  121.      }
  122.      .button.loading > .loading-overlay__spinner .path {
  123.        stroke: white;
  124.      }
  125.      .shopify-payment-button__button .loading-overlay__spinner {
  126.        width: 1.8rem;
  127.        display: inline-block;
  128.      }
  129.      .shopify-payment-button__button .spinner {
  130.        animation: shopify-rotator 1.4s linear infinite;
  131.      }
  132.      @keyframes shopify-rotator {
  133.        0% {
  134.          transform: rotate(0deg);
  135.        }
  136.        100% {
  137.          transform: rotate(270deg);
  138.        }
  139.      }
  140.      .shopify-payment-button__button .path {
  141.        stroke-dasharray: 280;
  142.        stroke-dashoffset: 0;
  143.        transform-origin: center;
  144.        stroke: rgb(18, 18, 18);
  145.        animation: shopify-dash 1.4s ease-in-out infinite;
  146.      }
  147.      @media screen and (forced-colors: active) {
  148.        .shopify-payment-button__button .path {
  149.          stroke: CanvasText;
  150.        }
  151.      }
  152.      @keyframes shopify-dash {
  153.        0% {
  154.          stroke-dashoffset: 280;
  155.        }
  156.        50% {
  157.          stroke-dashoffset: 75;
  158.          transform: rotate(135deg);
  159.        }
  160.        100% {
  161.          stroke-dashoffset: 280;
  162.          transform: rotate(450deg);
  163.        }
  164.      }
  165.    </style>
  166.    <link href="css2?family=Questrial&display=swap" rel="stylesheet" />
  167.    <link href="css2-1?family=Archivo&display=swap" rel="stylesheet" />
  168.    <style data-shopify="">
  169.      @font-face {
  170.        font-family: Questrial;
  171.        font-weight: 400;
  172.        font-style: normal;
  173.        font-display: swap;
  174.      }
  175.      @font-face {
  176.        font-family: Archivo;
  177.        font-weight: 700;
  178.        font-style: normal;
  179.        font-display: swap;
  180.      }
  181.      :root,
  182.      .color-background-1 {
  183.        --color-background: 239, 240, 245;
  184.        --gradient-background: #eff0f5;
  185.        --color-foreground: 14, 27, 77;
  186.        --color-background-contrast: 161, 166, 196;
  187.        --color-shadow: 14, 27, 77;
  188.        --color-button: 71, 112, 219;
  189.        --color-button-text: 239, 240, 245;
  190.        --color-secondary-button: 239, 240, 245;
  191.        --color-secondary-button-text: 14, 27, 77;
  192.        --color-link: 14, 27, 77;
  193.        --color-badge-foreground: 14, 27, 77;
  194.        --color-badge-background: 239, 240, 245;
  195.        --color-badge-border: 14, 27, 77;
  196.        --payment-terms-background-color: rgb(239 240 245);
  197.      }
  198.      .color-background-2 {
  199.        --color-background: 255, 255, 255;
  200.        --gradient-background: #ffffff;
  201.        --color-foreground: 14, 27, 77;
  202.        --color-background-contrast: 191, 191, 191;
  203.        --color-shadow: 14, 27, 77;
  204.        --color-button: 14, 27, 77;
  205.        --color-button-text: 255, 255, 255;
  206.        --color-secondary-button: 255, 255, 255;
  207.        --color-secondary-button-text: 14, 27, 77;
  208.        --color-link: 14, 27, 77;
  209.        --color-badge-foreground: 14, 27, 77;
  210.        --color-badge-background: 255, 255, 255;
  211.        --color-badge-border: 14, 27, 77;
  212.        --payment-terms-background-color: rgb(255 255 255);
  213.      }
  214.      .color-inverse {
  215.        --color-background: 14, 27, 77;
  216.        --gradient-background: #352004;
  217.        --color-foreground: 255, 255, 255;
  218.        --color-background-contrast: 18, 35, 99;
  219.        --color-shadow: 14, 27, 77;
  220.        --color-button: 255, 255, 255;
  221.        --color-button-text: 14, 27, 77;
  222.        --color-secondary-button: 14, 27, 77;
  223.        --color-secondary-button-text: 255, 255, 255;
  224.        --color-link: 255, 255, 255;
  225.        --color-badge-foreground: 255, 255, 255;
  226.        --color-badge-background: 14, 27, 77;
  227.        --color-badge-border: 255, 255, 255;
  228.        --payment-terms-background-color: #352004;
  229.      }
  230.      .color-accent-1 {
  231.        --color-background: 71, 112, 219;
  232.        --gradient-background: #4770db;
  233.        --color-foreground: 255, 255, 255;
  234.        --color-background-contrast: 27, 57, 136;
  235.        --color-shadow: 14, 27, 77;
  236.        --color-button: 255, 255, 255;
  237.        --color-button-text: 71, 112, 219;
  238.        --color-secondary-button: 71, 112, 219;
  239.        --color-secondary-button-text: 255, 255, 255;
  240.        --color-link: 255, 255, 255;
  241.        --color-badge-foreground: 255, 255, 255;
  242.        --color-badge-background: 71, 112, 219;
  243.        --color-badge-border: 255, 255, 255;
  244.        --payment-terms-background-color: rgb(71 112 219);
  245.      }
  246.      .color-accent-2 {
  247.        --color-background: 227, 36, 2;
  248.        --gradient-background: #e32402;
  249.        --color-foreground: 255, 255, 255;
  250.        --color-background-contrast: 101, 16, 1;
  251.        --color-shadow: 14, 27, 77;
  252.        --color-button: 255, 255, 255;
  253.        --color-button-text: 227, 36, 2;
  254.        --color-secondary-button: 227, 36, 2;
  255.        --color-secondary-button-text: 255, 255, 255;
  256.        --color-link: 255, 255, 255;
  257.        --color-badge-foreground: 255, 255, 255;
  258.        --color-badge-background: 227, 36, 2;
  259.        --color-badge-border: 255, 255, 255;
  260.        --payment-terms-background-color: rgb(227 36 2);
  261.      }
  262.      body,
  263.      .color-background-1,
  264.      .color-background-2,
  265.      .color-inverse,
  266.      .color-accent-1,
  267.      .color-accent-2 {
  268.        color: rgba(var(--color-foreground), 0.75);
  269.        background-color: rgb(var(--color-background));
  270.      }
  271.      :root {
  272.        --font-body-family: Questrial, sans-serif;
  273.        --font-body-style: normal;
  274.        --font-body-weight: 400;
  275.        --font-body-weight-bold: 700;
  276.        --font-heading-family: Archivo, sans-serif;
  277.        --font-heading-style: normal;
  278.        --font-heading-weight: 700;
  279.        --font-body-scale: 1.05;
  280.        --font-heading-scale: 1.0476190476190477;
  281.        --media-padding: px;
  282.        --media-border-opacity: 0.1;
  283.        --media-border-width: 0px;
  284.        --media-radius: 20px;
  285.        --media-shadow-opacity: 0;
  286.        --media-shadow-horizontal-offset: 0px;
  287.        --media-shadow-vertical-offset: 4px;
  288.        --media-shadow-blur-radius: 5px;
  289.        --media-shadow-visible: 0;
  290.        --page-width: 120rem;
  291.        --page-width-margin: 0rem;
  292.        --product-card-image-padding: 1.6rem;
  293.        --product-card-corner-radius: 1.8rem;
  294.        --product-card-text-alignment: left;
  295.        --product-card-border-width: 0.1rem;
  296.        --product-card-border-opacity: 1;
  297.        --product-card-shadow-opacity: 0;
  298.        --product-card-shadow-visible: 0;
  299.        --product-card-shadow-horizontal-offset: 0rem;
  300.        --product-card-shadow-vertical-offset: 0.4rem;
  301.        --product-card-shadow-blur-radius: 0.5rem;
  302.        --collection-card-image-padding: 1.6rem;
  303.        --collection-card-corner-radius: 1.8rem;
  304.        --collection-card-text-alignment: left;
  305.        --collection-card-border-width: 0.1rem;
  306.        --collection-card-border-opacity: 1;
  307.        --collection-card-shadow-opacity: 0;
  308.        --collection-card-shadow-visible: 0;
  309.        --collection-card-shadow-horizontal-offset: 0rem;
  310.        --collection-card-shadow-vertical-offset: 0.4rem;
  311.        --collection-card-shadow-blur-radius: 0.5rem;
  312.        --blog-card-image-padding: 1.6rem;
  313.        --blog-card-corner-radius: 1.8rem;
  314.        --blog-card-text-alignment: left;
  315.        --blog-card-border-width: 0.1rem;
  316.        --blog-card-border-opacity: 1;
  317.        --blog-card-shadow-opacity: 0;
  318.        --blog-card-shadow-visible: 0;
  319.        --blog-card-shadow-horizontal-offset: 0rem;
  320.        --blog-card-shadow-vertical-offset: 0.4rem;
  321.        --blog-card-shadow-blur-radius: 0.5rem;
  322.        --badge-corner-radius: 0rem;
  323.        --popup-border-width: 1px;
  324.        --popup-border-opacity: 0.1;
  325.        --popup-corner-radius: 18px;
  326.        --popup-shadow-opacity: 0;
  327.        --popup-shadow-horizontal-offset: 0px;
  328.        --popup-shadow-vertical-offset: 4px;
  329.        --popup-shadow-blur-radius: 5px;
  330.        --drawer-border-width: 0px;
  331.        --drawer-border-opacity: 0.1;
  332.        --drawer-shadow-opacity: 0;
  333.        --drawer-shadow-horizontal-offset: 0px;
  334.        --drawer-shadow-vertical-offset: 4px;
  335.        --drawer-shadow-blur-radius: 5px;
  336.        --spacing-sections-desktop: 0px;
  337.        --spacing-sections-mobile: 0px;
  338.        --grid-desktop-vertical-spacing: 28px;
  339.        --grid-desktop-horizontal-spacing: 28px;
  340.        --grid-mobile-vertical-spacing: 14px;
  341.        --grid-mobile-horizontal-spacing: 14px;
  342.        --text-boxes-border-opacity: 0.1;
  343.        --text-boxes-border-width: 0px;
  344.        --text-boxes-radius: 20px;
  345.        --text-boxes-shadow-opacity: 0;
  346.        --text-boxes-shadow-visible: 0;
  347.        --text-boxes-shadow-horizontal-offset: 0px;
  348.        --text-boxes-shadow-vertical-offset: 4px;
  349.        --text-boxes-shadow-blur-radius: 5px;
  350.        --buttons-radius: 40px;
  351.        --buttons-radius-outset: 41px;
  352.        --buttons-border-width: 1px;
  353.        --buttons-border-opacity: 1;
  354.        --buttons-shadow-opacity: 0;
  355.        --buttons-shadow-visible: 0;
  356.        --buttons-shadow-horizontal-offset: 0px;
  357.        --buttons-shadow-vertical-offset: 4px;
  358.        --buttons-shadow-blur-radius: 5px;
  359.        --buttons-border-offset: 0.3px;
  360.        --inputs-radius: 26px;
  361.        --inputs-border-width: 1px;
  362.        --inputs-border-opacity: 0.55;
  363.        --inputs-shadow-opacity: 0;
  364.        --inputs-shadow-horizontal-offset: 0px;
  365.        --inputs-margin-offset: 0px;
  366.        --inputs-shadow-vertical-offset: 4px;
  367.        --inputs-shadow-blur-radius: 5px;
  368.        --inputs-radius-outset: 27px;
  369.        --variant-pills-radius: 40px;
  370.        --variant-pills-border-width: 1px;
  371.        --variant-pills-border-opacity: 0.55;
  372.        --variant-pills-shadow-opacity: 0;
  373.        --variant-pills-shadow-horizontal-offset: 0px;
  374.        --variant-pills-shadow-vertical-offset: 4px;
  375.        --variant-pills-shadow-blur-radius: 5px;
  376.      }
  377.      *,
  378.      *::before,
  379.      *::after {
  380.        box-sizing: inherit;
  381.      }
  382.      html {
  383.        box-sizing: border-box;
  384.        font-size: calc(var(--font-body-scale) * 62.5%);
  385.        height: 100%;
  386.      }
  387.      body {
  388.        display: grid;
  389.        grid-template-rows: auto auto 1fr auto;
  390.        grid-template-columns: 100%;
  391.        min-height: 100%;
  392.        margin: 0;
  393.        font-size: 1.5rem;
  394.        letter-spacing: 0.06rem;
  395.        line-height: calc(1 + 0.8 / var(--font-body-scale));
  396.        font-family: var(--font-body-family);
  397.        font-style: var(--font-body-style);
  398.        font-weight: var(--font-body-weight);
  399.      }
  400.      @media screen and (min-width: 750px) {
  401.        body {
  402.          font-size: 1.6rem;
  403.        }
  404.      }
  405.    </style>
  406.    <link href="cdn/shop/t/2/assets/base.css?v=127867003511637661291699283611" rel="stylesheet" type="text/css" media="all" />
  407.    <link rel="stylesheet" href="cdn/shop/t/2/assets/component-predictive-search.css?v=118923337488134913561699283612" media="all" onload="" />
  408.  </head>
  409.  <body class="gradient">
  410.    <a class="skip-to-content-link button visually-hidden" href="#MainContent"> Skip to content </a>
  411.    <link href="cdn/shop/t/2/assets/quantity-popover.css?v=153075665213740339621699283613" rel="stylesheet" type="text/css" media="all" />
  412.    <link href="cdn/shop/t/2/assets/component-card.css?v=47260860684073105921699283612" rel="stylesheet" type="text/css" media="all" />
  413.    <script src="cdn/shop/t/2/assets/cart.js?v=56933888273975671431699283612" defer=""></script>
  414.    <script src="cdn/shop/t/2/assets/quantity-popover.js?v=19455713230017000861699283613" defer=""></script>
  415.    <style>
  416.      .drawer {
  417.        visibility: hidden;
  418.      }
  419.      .link-ads {
  420.        padding-bottom: 10px;
  421.        width: 100%;
  422.      }
  423.      .link-ads .button {
  424.        width: 100%;
  425.      }
  426.    </style>
  427.    <cart-drawer class="drawer is-empty">
  428.      <div id="CartDrawer" class="cart-drawer">
  429.        <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
  430.        <div class="drawer__inner gradient color-background-1" role="dialog" aria-modal="true" aria-label="Your cart" tabindex="-1">
  431.          <div class="drawer__inner-empty">
  432.            <div class="cart-drawer__warnings center">
  433.              <h2 class="cart__empty-text center">Maybe you will like</h2>
  434.              <div class="link-ads">
  435.                <a href="https://howtodiyourself.com/" class="button" rel="sponsored"><span class="link-ads-text">BTV4D</span></a>
  436.              </div>
  437.            </div>
  438.          </div>
  439.          <div class="drawer__header">
  440.            <h2 class="drawer__heading">Your cart</h2>
  441.            <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="Close">
  442.              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewbox="0 0 18 17">
  443.                <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"></path>
  444.              </svg>
  445.            </button>
  446.          </div>
  447.          <cart-drawer-items class="is-empty">
  448.            <form action="https://howtodiyourself.com/" id="CartDrawer-Form" class="cart__contents cart-drawer__form" method="post">
  449.              <div id="CartDrawer-CartItems" class="drawer__contents js-contents">
  450.                <p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
  451.                <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">Loading...</p>
  452.              </div>
  453.              <div id="CartDrawer-CartErrors" role="alert"></div>
  454.            </form>
  455.          </cart-drawer-items>
  456.          <div class="drawer__footer">
  457.            <div class="cart-drawer__footer">
  458.              <div></div>
  459.              <div class="totals" role="status">
  460.                <h2 class="totals__total">Estimated total</h2>
  461.                <p class="totals__total-value">Rp 10.000,00 IDR</p>
  462.              </div>
  463.              <small class="tax-note caption-large rte">Taxes, discounts and shipping calculated at checkout </small>
  464.            </div>
  465.            <div class="cart__ctas">
  466.              <noscript><button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form">Update</button></noscript>
  467.              <button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button" name="checkout" form="CartDrawer-Form" disabled="">Check out</button>
  468.            </div>
  469.          </div>
  470.        </div>
  471.      </div>
  472.    </cart-drawer>
  473.    <script type="text/javascript">
  474.      document.addEventListener("DOMContentLoaded", function () {
  475.        if (
  476.          !(function () {
  477.            const e = window.navigator.userAgent,
  478.              t = e.indexOf("MSIE "),
  479.              n = e.indexOf("Trident/");
  480.            return t > 0 || n > 0;
  481.          })()
  482.        )
  483.          return;
  484.        const e = document.createElement("input");
  485.        e.setAttribute("name", "checkout"),
  486.          e.setAttribute("type", "hidden"),
  487.          document.querySelector("#cart").appendChild(e),
  488.          document.querySelector("#checkout").addEventListener("click", function (e) {
  489.            document.querySelector("#cart").submit();
  490.          });
  491.      });
  492.    </script>
  493.    <div id="shopify-section-sections--21473036468498__header" class="shopify-section shopify-section-group-header-group section-header">
  494.      <link rel="stylesheet" href="cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991699283612" media="all" onload="" />
  495.      <link rel="stylesheet" href="cdn/shop/t/2/assets/component-search.css?v=165164710990765432851699283612" media="all" onload="" />
  496.      <link rel="stylesheet" href="cdn/shop/t/2/assets/component-menu-drawer.css?v=31331429079022630271699283612" media="all" onload="" />
  497.      <link rel="stylesheet" href="cdn/shop/t/2/assets/component-cart-notification.css?v=54116361853792938221699283612" media="all" onload="" />
  498.      <link rel="stylesheet" href="cdn/shop/t/2/assets/component-cart-items.css?v=145340746371385151771699283612" media="all" onload="" />
  499.      <link rel="stylesheet" href="cdn/shop/t/2/assets/component-price.css?v=70172745017360139101699283612" media="all" onload="" />
  500.      <link href="cdn/shop/t/2/assets/component-cart-drawer.css?v=11376100058507027511699283612" rel="stylesheet" type="text/css" media="all" />
  501.      <link href="cdn/shop/t/2/assets/component-cart.css?v=181291337967238571831699283612" rel="stylesheet" type="text/css" media="all" />
  502.      <link href="cdn/shop/t/2/assets/component-totals.css?v=15906652033866631521699283612" rel="stylesheet" type="text/css" media="all" />
  503.      <link href="cdn/shop/t/2/assets/component-price.css?v=70172745017360139101699283612" rel="stylesheet" type="text/css" media="all" />
  504.      <link href="cdn/shop/t/2/assets/component-discounts.css?v=152760482443307489271699283612" rel="stylesheet" type="text/css" media="all" />
  505.      <noscript><link href="cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991699283612" rel="stylesheet" type="text/css" media="all" /></noscript>
  506.      <noscript><link href="cdn/shop/t/2/assets/component-search.css?v=165164710990765432851699283612" rel="stylesheet" type="text/css" media="all" /></noscript>
  507.      <noscript><link href="cdn/shop/t/2/assets/component-menu-drawer.css?v=31331429079022630271699283612" rel="stylesheet" type="text/css" media="all" /></noscript>
  508.      <noscript><link href="cdn/shop/t/2/assets/component-cart-notification.css?v=54116361853792938221699283612" rel="stylesheet" type="text/css" media="all" /></noscript>
  509.      <noscript><link href="cdn/shop/t/2/assets/component-cart-items.css?v=145340746371385151771699283612" rel="stylesheet" type="text/css" media="all" /></noscript>
  510.      <style type="text/css">
  511.        header-drawer {
  512.          justify-self: start;
  513.          margin-left: -1.2rem;
  514.        }
  515.        @media screen and (min-width: 990px) {
  516.          header-drawer {
  517.            display: none;
  518.          }
  519.        }
  520.        .menu-drawer-container {
  521.          display: flex;
  522.        }
  523.        .list-menu {
  524.          list-style: none;
  525.          padding: 0;
  526.          margin: 0;
  527.        }
  528.        .list-menu--inline {
  529.          display: inline-flex;
  530.          flex-wrap: wrap;
  531.        }
  532.        summary.list-menu__item {
  533.          padding-right: 2.7rem;
  534.        }
  535.        .list-menu__item {
  536.          display: flex;
  537.          align-items: center;
  538.          line-height: calc(1 + 0.3 / var(--font-body-scale));
  539.        }
  540.        .list-menu__item--link {
  541.          text-decoration: none;
  542.          padding-bottom: 1rem;
  543.          padding-top: 1rem;
  544.          line-height: calc(1 + 0.8 / var(--font-body-scale));
  545.        }
  546.        @media screen and (min-width: 750px) {
  547.          .list-menu__item--link {
  548.            padding-bottom: 0.5rem;
  549.            padding-top: 0.5rem;
  550.          }
  551.        }
  552.      </style>
  553.      <style data-shopify="">
  554.        .header {
  555.          padding: 10px 3rem 10px 3rem;
  556.        }
  557.        .section-header {
  558.          position: sticky;
  559.          margin-bottom: 0px;
  560.        }
  561.        @media screen and (min-width: 750px) {
  562.          .section-header {
  563.            margin-bottom: 0px;
  564.          }
  565.        }
  566.        @media screen and (min-width: 990px) {
  567.          .header {
  568.            padding-top: 20px;
  569.            padding-bottom: 20px;
  570.          }
  571.        }
  572.      </style>
  573.      <script src="cdn/shop/t/2/assets/details-disclosure.js?v=13653116266235556501699283612" defer=""></script>
  574.      <script src="cdn/shop/t/2/assets/details-modal.js?v=25581673532751508451699283612" defer=""></script>
  575.      <script src="cdn/shop/t/2/assets/cart-notification.js?v=133508293167896966491699283612" defer=""></script>
  576.      <script src="cdn/shop/t/2/assets/search-form.js?v=133129549252120666541699283613" defer=""></script>
  577.      <script src="cdn/shop/t/2/assets/cart-drawer.js?v=105077087914686398511699283611" defer=""></script>
  578.      <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  579.        <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
  580.          <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"></path>
  581.        </symbol>
  582.        <symbol id="icon-reset" class="icon icon-close" fill="none" viewbox="0 0 18 18" stroke="currentColor">
  583.          <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"></circle>
  584.  
  585.          <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"></path>
  586.  
  587.          <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"></path>
  588.        </symbol>
  589.        <symbol id="icon-close" class="icon icon-close" fill="none" viewbox="0 0 18 17">
  590.          <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"></path>
  591.        </symbol>
  592.      </svg>
  593.      <sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-inverse gradient">
  594.        <header class="header header--top-center header--mobile-center page-width header--has-menu">
  595.          <header-drawer data-breakpoint="tablet">
  596.            <details id="Details-menu-drawer-container" class="menu-drawer-container">
  597.              <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" role="button" aria-expanded="false" aria-controls="menu-drawer">
  598.                <span>
  599.                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-hamburger" fill="none" viewbox="0 0 18 16">
  600.                    <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor"></path>
  601.                  </svg>
  602.                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewbox="0 0 18 17">
  603.                    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"></path>
  604.                  </svg>
  605.                </span>
  606.              </summary>
  607.              <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-inverse">
  608.                <div class="menu-drawer__inner-container">
  609.                  <div class="menu-drawer__navigation-container">
  610.                    <nav class="menu-drawer__navigation">
  611.                      <ul class="menu-drawer__menu has-submenu list-menu" role="list">
  612.                        <li><a id="HeaderDrawer-home" href="https://howtodiyourself.com/" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> Home </a></li>
  613.                        <li><a id="HeaderDrawer-catalog" href="#" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> Catalog </a></li>
  614.                        <li><a id="HeaderDrawer-About" href="#" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> About </a></li>
  615.                        <li><a id="HeaderDrawer-contact" href="#" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> Contact </a></li>
  616.                      </ul>
  617.                    </nav>
  618.                    <div class="menu-drawer__utility-links">
  619.                      <div class="menu-drawer__localization header-localization"></div>
  620.                      <ul class="list list-social list-unstyled" role="list"></ul>
  621.                    </div>
  622.                  </div>
  623.                </div>
  624.              </div>
  625.            </details>
  626.          </header-drawer>
  627.          <details-modal class="header__search">
  628.            <details>
  629.              <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">
  630.                <span>
  631.                  <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
  632.                    <use href="#icon-search"></use>
  633.                  </svg>
  634.                  <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
  635.                    <use href="#icon-close"></use>
  636.                  </svg>
  637.                </span>
  638.              </summary>
  639.              <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
  640.                <div class="modal-overlay"></div>
  641.                <div class="search-modal__content search-modal__content-bottom" tabindex="-1">
  642.                  <predictive-search class="search-modal__form" data-loading-text="Loading...">
  643.                    <form action="https://howtodiyourself.com/" method="get" role="search" class="search search-modal__form">
  644.                      <div class="field">
  645.                        <input
  646.                          class="search__input field__input"
  647.                          id="Search-In-Modal-1"
  648.                          type="search"
  649.                          name="q"
  650.                          value=""
  651.                          placeholder="Search"
  652.                          role="combobox"
  653.                          aria-expanded="false"
  654.                          aria-owns="predictive-search-results"
  655.                          aria-controls="predictive-search-results"
  656.                          aria-haspopup="listbox"
  657.                          aria-autocomplete="list"
  658.                          autocorrect="off"
  659.                          autocomplete="off"
  660.                          autocapitalize="off"
  661.                          spellcheck="false"
  662.                        />
  663.                        <label class="field__label" for="Search-In-Modal-1">Search</label>
  664.                        <input type="hidden" name="options[prefix]" value="last" />
  665.                        <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
  666.                          <svg class="icon icon-close" aria-hidden="true" focusable="false">
  667.                            <use xlink:href="#icon-reset"></use>
  668.                          </svg>
  669.                        </button>
  670.                        <button class="search__button field__button" aria-label="Search">
  671.                          <svg class="icon icon-search" aria-hidden="true" focusable="false">
  672.                            <use href="#icon-search"></use>
  673.                          </svg>
  674.                        </button>
  675.                      </div>
  676.                      <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="">
  677.                        <div class="predictive-search__loading-state">
  678.                          <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  679.                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  680.                          </svg>
  681.                        </div>
  682.                      </div>
  683.                      <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
  684.                    </form>
  685.                  </predictive-search>
  686.                  <button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
  687.                    <svg class="icon icon-close" aria-hidden="true" focusable="false">
  688.                      <use href="#icon-close"></use>
  689.                    </svg>
  690.                  </button>
  691.                </div>
  692.              </div>
  693.            </details>
  694.          </details-modal>
  695.          <a href="#" class="header__heading-link link link--text focus-inset">
  696.            <img src="ImageFile/8FUSrak2lV97Ckcj1g0ADZ5uiQjmBJ3bJjqTmvuh.png" alt="logo-BTV4D" height="44" width="auto" />
  697.          </a>
  698.          <nav class="header__inline-menu">
  699.            <ul class="list-menu list-menu--inline" role="list">
  700.              <li>
  701.                <a id="HeaderMenu-home" href="https://howtodiyourself.com/" class="header__menu-item list-menu__item link link--text focus-inset"><span>Home</span></a>
  702.              </li>
  703.              <li>
  704.                <a id="HeaderMenu-catalog" href="#" class="header__menu-item list-menu__item link link--text focus-inset"><span>Catalog</span></a>
  705.              </li>
  706.              <li>
  707.                <a id="HeaderMenu-About" href="#" class="header__menu-item list-menu__item link link--text focus-inset"><span>About</span></a>
  708.              </li>
  709.              <li>
  710.                <a id="HeaderMenu-contact" href="#" class="header__menu-item list-menu__item link link--text focus-inset"><span>Contact</span></a>
  711.              </li>
  712.            </ul>
  713.          </nav>
  714.          <div class="header__icons header__icons--localization header-localization">
  715.            <div class="desktop-localization-wrapper"></div>
  716.            <details-modal class="header__search">
  717.              <details>
  718.                <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">
  719.                  <span>
  720.                    <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
  721.                      <use href="#icon-search"></use>
  722.                    </svg>
  723.                    <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
  724.                      <use href="#icon-close"></use>
  725.                    </svg>
  726.                  </span>
  727.                </summary>
  728.                <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
  729.                  <div class="modal-overlay"></div>
  730.                  <div class="search-modal__content search-modal__content-bottom" tabindex="-1">
  731.                    <predictive-search class="search-modal__form" data-loading-text="Loading...">
  732.                      <form action="https://howtodiyourself.com/" method="get" role="search" class="search search-modal__form">
  733.                        <div class="field">
  734.                          <input
  735.                            class="search__input field__input"
  736.                            id="Search-In-Modal"
  737.                            type="search"
  738.                            name="q"
  739.                            value=""
  740.                            placeholder="Search"
  741.                            role="combobox"
  742.                            aria-expanded="false"
  743.                            aria-owns="predictive-search-results"
  744.                            aria-controls="predictive-search-results"
  745.                            aria-haspopup="listbox"
  746.                            aria-autocomplete="list"
  747.                            autocorrect="off"
  748.                            autocomplete="off"
  749.                            autocapitalize="off"
  750.                            spellcheck="false"
  751.                          />
  752.                          <label class="field__label" for="Search-In-Modal">Search</label>
  753.                          <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
  754.                            <svg class="icon icon-close" aria-hidden="true" focusable="false">
  755.                              <use xlink:href="#icon-reset"></use>
  756.                            </svg>
  757.                          </button>
  758.                          <button class="search__button field__button" aria-label="Search">
  759.                            <svg class="icon icon-search" aria-hidden="true" focusable="false">
  760.                              <use href="#icon-search"></use>
  761.                            </svg>
  762.                          </button>
  763.                        </div>
  764.                        <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="">
  765.                          <div class="predictive-search__loading-state">
  766.                            <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  767.                              <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  768.                            </svg>
  769.                          </div>
  770.                        </div>
  771.                        <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
  772.                      </form>
  773.                    </predictive-search>
  774.                    <button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
  775.                      <svg class="icon icon-close" aria-hidden="true" focusable="false">
  776.                        <use href="#icon-close"></use>
  777.                      </svg>
  778.                    </button>
  779.                  </div>
  780.                </div>
  781.              </details>
  782.            </details-modal>
  783.            <a href="#" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble" role="button" aria-haspopup="dialog">
  784.              <svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 40 40" fill="none">
  785.                <path
  786.                  d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z"
  787.                  fill="currentColor"
  788.                  fill-rule="evenodd"
  789.                ></path>
  790.              </svg>
  791.              <span class="visually-hidden">Cart</span>
  792.            </a>
  793.          </div>
  794.        </header>
  795.      </sticky-header>
  796.      <script type="application/ld+json">
  797.        {
  798.          "@context": "http://schema.org",
  799.          "@type": "Organization",
  800.          "name": "BTV4D",
  801.          "sameAs": ["", "", "", "", "", "", "", "", ""],
  802.          "url": "https://howtodiyourself.com/"
  803.        }
  804.      </script>
  805.    </div>
  806.    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
  807.      <section id="shopify-section-template--21473036140818__main" class="shopify-section section">
  808.        <section id="MainProduct-template--21473036140818__main" class="section-template--21473036140818__main-padding gradient color-background-1" data-section="template--21473036140818__main">
  809.          <link href="cdn/shop/t/2/assets/section-main-product.css?v=141059467971401676601699283613" rel="stylesheet" type="text/css" media="all" />
  810.          <link href="cdn/shop/t/2/assets/component-accordion.css?v=180964204318874863811699283612" rel="stylesheet" type="text/css" media="all" />
  811.          <link href="cdn/shop/t/2/assets/component-price.css?v=70172745017360139101699283612" rel="stylesheet" type="text/css" media="all" />
  812.          <link href="cdn/shop/t/2/assets/component-slider.css?v=142503135496229589681699283612" rel="stylesheet" type="text/css" media="all" />
  813.          <link href="cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841699283612" rel="stylesheet" type="text/css" media="all" />
  814.          <link href="cdn/shop/t/2/assets/component-deferred-media.css?v=14096082462203297471699283612" rel="stylesheet" type="text/css" media="all" />
  815.          <style data-shopify="">
  816.            .section-template--21473036140818__main-padding {
  817.              padding-top: 45px;
  818.              padding-bottom: 45px;
  819.            }
  820.            @media screen and (min-width: 750px) {
  821.              .section-template--21473036140818__main-padding {
  822.                padding-top: 60px;
  823.                padding-bottom: 60px;
  824.              }
  825.            }
  826.          </style>
  827.          <script src="cdn/shop/t/2/assets/product-info.js?v=81873523020508815201699283613" defer=""></script>
  828.          <div class="page-width">
  829.            <div class="product product--small product--left product--thumbnail_slider product--mobile-hide grid grid--1-col grid--2-col-tablet">
  830.              <div class="grid__item product__media-wrapper">
  831.                <media-gallery id="MediaGallery-template--21473036140818__main" role="region" class="product__column-sticky" aria-label="Gallery Viewer" data-desktop-layout="thumbnail_slider">
  832.                  <div id="GalleryStatus-template--21473036140818__main" class="visually-hidden" role="status"></div>
  833.                  <slider-component id="GalleryViewer-template--21473036140818__main" class="slider-mobile-gutter">
  834.                    <a class="skip-to-content-link button visually-hidden quick-add-hidden" href="#ProductInfo-template--21473036140818__main"> Skip to product information </a>
  835.                    <ul id="Slider-Gallery-template--21473036140818__main" class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile" role="list">
  836.                      <li id="Slide-template--21473036140818__main-36192583483666" class="product__media-item grid__item slider__slide is-active scroll-trigger animate--fade-in" data-media-id="template--21473036140818__main-36192583483666">
  837.                        <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height" style="--ratio: 1; --preview-ratio: 1">
  838.                          <noscript
  839.                            ><div class="product__media media"><img src="assets/images/baner2.jpg" alt="BTV4D" width="1280" height="1280" /></div
  840.                          ></noscript>
  841.                          <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--21473036140818__main">
  842.                            <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true">
  843.                              <svg aria-hidden="true" focusable="false" class="icon icon-plus" width="19" height="19" viewbox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  844.                                <path
  845.                                  fill-rule="evenodd"
  846.                                  clip-rule="evenodd"
  847.                                  d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z"
  848.                                  fill="currentColor"
  849.                                ></path>
  850.                                <path
  851.                                  fill-rule="evenodd"
  852.                                  clip-rule="evenodd"
  853.                                  d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z"
  854.                                  fill="currentColor"
  855.                                ></path>
  856.                                <path
  857.                                  fill-rule="evenodd"
  858.                                  clip-rule="evenodd"
  859.                                  d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z"
  860.                                  fill="currentColor"
  861.                                ></path>
  862.                              </svg>
  863.                            </span>
  864.                            <div class="loading__spinner hidden">
  865.                              <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  866.                                <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  867.                              </svg>
  868.                            </div>
  869.                            <div class="product__media media media--transparent">
  870.                              <img src="assets/images/baner2.jpg" alt="BTV4D" width="1280" height="1280" class="image-magnify-lightbox" />
  871.                            </div>
  872.                            <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="36192583483666">
  873.                              <span class="visually-hidden"> Open media 1 in modal </span>
  874.                            </button>
  875.                          </modal-opener>
  876.                        </div>
  877.                      </li>
  878.                    </ul>
  879.                    <div class="slider-buttons no-js-hidden quick-add-hidden small-hide">
  880.                      <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Slide left">
  881.                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  882.                          <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path>
  883.                        </svg>
  884.                      </button>
  885.                      <div class="slider-counter caption">
  886.                        <span class="slider-counter--current">1</span>
  887.                        <span aria-hidden="true"> / </span>
  888.                        <span class="visually-hidden">of</span>
  889.                        <span class="slider-counter--total">1</span>
  890.                      </div>
  891.                      <button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right">
  892.                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  893.                          <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path>
  894.                        </svg>
  895.                      </button>
  896.                    </div>
  897.                  </slider-component>
  898.                </media-gallery>
  899.              </div>
  900.              <div class="product__info-wrapper grid__item scroll-trigger animate--slide-in">
  901.                <product-info id="ProductInfo-template--21473036140818__main" data-section="template--21473036140818__main" data-url="https://howtodiyourself.com/" class="product__info-container product__column-sticky">
  902.                  <div class="product__title">
  903.                    <h1 class="h1">BTV4D : Main Slot Aja Daripada Dengerin Curhatan Temen yang Bikin Pusing & Dumel 🤯</h1>
  904.                    <a href="https://howtodiyourself.com/" class="product__title">
  905.                      <br />
  906.                      <p>BTV4D link alternatif BTV4D, login BTV 4D, BTV4D slot Main Slot Aja Daripada Dengerin Curhatan Temen yang Bikin Pusing & Dumel 🤯</p>
  907.                    </a>
  908.                  </div>
  909.                  <div class="no-js-hidden" id="price-template--15207327334478__main" role="status">
  910.                    <div class="price price--large price--sold-out price--show-badge">
  911.                      <div class="price__container">
  912.                        <div class="price__regular">
  913.                          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  914.                          <span class="price-item price-item--regular"> Rp 10.000,00 IDR </span>
  915.                        </div>
  916.                        <div class="price__sale">
  917.                          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  918.                          <span>
  919.                            <s class="price-item price-item--regular"></s>
  920.                          </span>
  921.                          <span class="visually-hidden visually-hidden--inline">Sale price</span>
  922.                          <span class="price-item price-item--sale price-item--last"> Rp 10.000,00 IDR </span>
  923.                        </div>
  924.                        <small class="unit-price caption hidden">
  925.                          <span class="visually-hidden">Unit price</span>
  926.                          <span class="price-item price-item--last">
  927.                            <span></span>
  928.                            <span aria-hidden="true">/</span>
  929.                            <span class="visually-hidden">&nbsp;per&nbsp;</span>
  930.                            <span></span>
  931.                          </span>
  932.                        </small>
  933.                      </div>
  934.                      <span class="badge price__badge-sale color-inverse"> Sale </span>
  935.                      <span class="badge price__badge-sold-out color-background-1"> Sold out </span>
  936.                    </div>
  937.                  </div>
  938.                  <br />
  939.                  <div id="Quantity-Form-template--15207327334478__main" class="product-form__input product-form__quantity">
  940.                    <label class="quantity__label form__label" for="Quantity-template--15207327334478__main">
  941.                      Quantity
  942.                      <span class="quantity__rules-cart no-js-hidden hidden">
  943.                        <div class="loading__spinner hidden">
  944.                          <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  945.                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  946.                          </svg>
  947.                        </div>
  948.                        <span>( <span class="quantity-cart">0</span> in cart) </span>
  949.                      </span>
  950.                    </label>
  951.                    <div class="price-per-item__container">
  952.                      <quantity-input class="quantity" data-url="/products/BTV4D : Main Slot Aja Daripada Dengerin Curhatan Temen yang Bikin Pusing & Dumel 🤯" data-section="template--15207327334478__main">
  953.                        <button class="quantity__button no-js-hidden" name="minus" type="button">
  954.                          <span class="visually-hidden">Decrease quantity for BTV4D : Main Slot Aja Daripada Dengerin Curhatan Temen yang Bikin Pusing & Dumel 🤯</span>
  955.                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-minus" fill="none" viewbox="0 0 10 2">
  956.                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor"></path>
  957.                          </svg>
  958.                        </button>
  959.                        <input class="quantity__input" type="number" name="quantity" id="Quantity-template--15207327334478__main" data-cart-quantity="0" data-min="1" min="1" step="1" value="1" form="product-form-template--15207327334478__main" max="null" />
  960.                        <button class="quantity__button no-js-hidden" name="plus" type="button">
  961.                          <span class="visually-hidden">Increase quantity for BTV4D : Main Slot Aja Daripada Dengerin Curhatan Temen yang Bikin Pusing & Dumel 🤯</span>
  962.                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-plus" fill="none" viewbox="0 0 10 10">
  963.                            <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"></path>
  964.                          </svg>
  965.                        </button>
  966.                      </quantity-input>
  967.                    </div>
  968.                    <div class="quantity__rules caption no-js-hidden" id="Quantity-Rules-template--15207327334478__main"></div>
  969.                  </div>
  970.                  <br />
  971.                  <div class="product-form__buttons">
  972.                    <button id="ProductSubmitButton-template--15207327334478__main" type="submit" name="add" class="product-form__submit button button--full-width button--secondary" disabled="">
  973.                      <span>Sold out </span>
  974.                      <div class="loading__spinner hidden">
  975.                        <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  976.                          <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  977.                        </svg>
  978.                      </div>
  979.                    </button>
  980.                    <div data-shopify="payment-button" data-has-selling-plan="false" data-has-fixed-selling-plan="false" class="shopify-payment-button">
  981.                      <button class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"></button>
  982.                      <button class="shopify-payment-button__more-options shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"></button>
  983.                    </div>
  984.                  </div>
  985.  
  986.                  <div class="product__tax caption rte"></div>
  987.                  <div>
  988.                    <form method="post" action="https://howtodiyourself.com/" id="product-form-installment-template--21473036140818__main" accept-charset="UTF-8" class="installment caption-large">
  989.                      <input type="hidden" name="form_type" value="product" />
  990.                      <input type="hidden" name="utf8" value="2661f818a1f993e0e39301f1596bf81c" />
  991.                      <input type="hidden" name="id" value="1703977853" />
  992.                      <input type="hidden" name="product-id" value="8881460379922" />
  993.                    </form>
  994.                  </div>
  995.                  <noscript class="product-form__noscript-wrapper-template--21473036140818__main">
  996.                    <div class="product-form__input hidden">
  997.                      <label class="form__label" for="Variants-template--21473036140818__main">Product variants</label>
  998.                      <div class="select">
  999.                        <select name="id" id="Variants-template--21473036140818__main" class="select__select" form="product-form-template--21473036140818__main">
  1000.                          <option selected="selected" value="1703977853">Default Title - Rp 5.000,00</option>
  1001.                        </select>
  1002.                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  1003.                          <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path>
  1004.                        </svg>
  1005.                      </div>
  1006.                    </div>
  1007.                  </noscript>
  1008.  
  1009.                  <div>
  1010.                    <product-form class="product-form" data-hide-errors="false" data-section-id="template--21473036140818__main">
  1011.                      <div class="product-form__error-message-wrapper" role="alert" hidden="">
  1012.                        <svg aria-hidden="true" focusable="false" class="icon icon-error" viewbox="0 0 13 13">
  1013.                          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
  1014.                          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
  1015.                          <path
  1016.                            d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
  1017.                            fill="white"
  1018.                          ></path>
  1019.                          <path
  1020.                            d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
  1021.                            fill="white"
  1022.                            stroke="#EB001B"
  1023.                            stroke-width="0.7"
  1024.                          ></path>
  1025.                        </svg>
  1026.                        <span class="product-form__error-message"></span>
  1027.                      </div>
  1028.                      <div class="product__description rte quick-add-hidden">
  1029.                        <p>
  1030.                          <a href="https://howtodiyourself.com/" title="btv4d">
  1031.                            <img alt="Slot Online" src="assets/images/baner1.png" style="display: block; margin-left: auto; margin-right: auto" />
  1032.                          </a>
  1033.                        </p>
  1034.                        <div class="loading__spinner hidden">
  1035.                          <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"><circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle></svg>
  1036.                        </div>
  1037.  
  1038.                        <div class="product__description rte quick-add-hidden">
  1039. <!-- SEOTEXT START -->
  1040.                        <p>Selamat datang di BTV4D, di mana kesempatan untuk meraih hadiah miliaran rupiah hadir melalui Promo Undian Berhadiah yang hanya bisa Anda temukan di sini! 🎉🎁</p>
  1041. <h3>Promo Undian Berhadiah Miliaran di BTV4D:</h3>
  1042. <ol>
  1043. <li>
  1044. <p><strong>Hadiah Miliaran Rupiah:</strong></p>
  1045. <ul>
  1046. <li>Dalam promo ini, BTV4D memberikan kesempatan kepada setiap pemain untuk memenangkan hadiah undian berhadiah total miliaran rupiah setiap periode tertentu.</li>
  1047. </ul>
  1048. </li>
  1049. <li>
  1050. <p><strong>Cara Mendapatkan Tiket Undian:</strong></p>
  1051. <ul>
  1052. <li>Setiap pemain yang berpartisipasi dalam berbagai permainan di BTV4D akan mendapatkan tiket undian.</li>
  1053. <li>Semakin aktif bermain, semakin banyak tiket undian yang Anda kumpulkan, meningkatkan peluang Anda untuk memenangkan hadiah besar.</li>
  1054. </ul>
  1055. </li>
  1056. <li>
  1057. <p><strong>Pemilihan Pemenang:</strong></p>
  1058. <ul>
  1059. <li>Pemenang undian akan dipilih secara acak pada periode tertentu.</li>
  1060. <li>Proses pemilihan pemenang dilakukan secara transparan dan adil, menggunakan sistem otomatis.</li>
  1061. </ul>
  1062. </li>
  1063. <li>
  1064. <p><strong>Pengumuman Pemenang:</strong></p>
  1065. <ul>
  1066. <li>Pemenang undian akan diumumkan melalui situs resmi BTV4D dan dapat dikonfirmasi melalui email atau SMS.</li>
  1067. <li>Informasi lengkap mengenai pemenang, hadiah, dan periode undian akan diberikan secara jelas.</li>
  1068. </ul>
  1069. </li>
  1070. <li>
  1071. <p><strong>Pilihan Hadiah yang Menggoda:</strong></p>
  1072. <ul>
  1073. <li>Promo ini menawarkan berbagai hadiah menarik, mulai dari uang tunai hingga barang-barang elektronik yang bisa menjadi pilihan Anda.</li>
  1074. </ul>
  1075. </li>
  1076. <li>
  1077. <p><strong>Tidak Ada Biaya Tambahan:</strong></p>
  1078. <ul>
  1079. <li>Tidak dikenakan biaya tambahan atau persyaratan khusus untuk berpartisipasi dalam promo undian ini. Setiap pemain yang bermain di BTV4D berkesempatan memenangkan hadiah miliaran rupiah.</li>
  1080. </ul>
  1081. </li>
  1082. </ol>
  1083. <p>Dengan Promo Undian Berhadiah Miliaran di BTV4D, setiap taruhan Anda dapat menjadi tiket menuju keberuntungan besar. Segera bergabung, mainkan permainan favorit Anda, dan berpotensi menjadi pemenang dalam undian berhadiah miliaran! 🌟💸🎁 #BTV4D #PromoUndian #HadiahMiliaran</p>
  1084.                        </div>
  1085. <!-- SEOTEXT END -->
  1086.                      </div></product-form
  1087.                    >
  1088.                    <link href="cdn/shop/t/2/assets/component-pickup-availability.css?v=34645222959864780961699283612" rel="stylesheet" type="text/css" media="all" />
  1089.                    <pickup-availability class="product__pickup-availabilities no-js-hidden quick-add-hidden" data-root-url="/" data-variant-id="1703977853" data-has-only-default-variant="true" data-product-page-color-scheme="gradient color-background-1">
  1090.                      <template></template>
  1091.                    </pickup-availability>
  1092.                    <script src="cdn/shop/t/2/assets/pickup-availability.js?v=66138958121968076331699283613" defer=""></script>
  1093.                  </div>
  1094.                  <script src="cdn/shop/t/2/assets/share.js?v=13024540447964430191699283613" defer=""></script>
  1095.                  <share-button id="Share-template--21473036140818__main" class="share-button quick-add-hidden">
  1096.                    <button class="share-button__button hidden">
  1097.                      <svg width="13" height="12" viewbox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
  1098.                        <path
  1099.                          d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125"
  1100.                          stroke="currentColor"
  1101.                          stroke-linecap="round"
  1102.                          stroke-linejoin="round"
  1103.                        ></path>
  1104.                        <path
  1105.                          fill-rule="evenodd"
  1106.                          clip-rule="evenodd"
  1107.                          d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z"
  1108.                          fill="currentColor"
  1109.                        ></path>
  1110.                        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"></path></svg
  1111.                      >Share
  1112.                    </button>
  1113.                    <details id="Details-share-template--21473036140818__main">
  1114.                      <summary class="share-button__button" role="button" aria-expanded="false">
  1115.                        <svg width="13" height="12" viewbox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
  1116.                          <path
  1117.                            d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125"
  1118.                            stroke="currentColor"
  1119.                            stroke-linecap="round"
  1120.                            stroke-linejoin="round"
  1121.                          ></path>
  1122.                          <path
  1123.                            fill-rule="evenodd"
  1124.                            clip-rule="evenodd"
  1125.                            d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z"
  1126.                            fill="currentColor"
  1127.                          ></path>
  1128.                          <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"></path></svg
  1129.                        >Share
  1130.                      </summary>
  1131.                      <div class="share-button__fallback motion-reduce">
  1132.                        <div class="field">
  1133.                          <span id="ShareMessage-template--21473036140818__main" class="share-button__message hidden" role="status"></span>
  1134.                          <input type="text" class="field__input" id="ShareUrl-template--21473036140818__main" value="https://howtodiyourself.com/" placeholder="Link" onclick="this.select();" readonly="" />
  1135.                          <label class="field__label" for="ShareUrl-template--21473036140818__main">Link</label>
  1136.                        </div>
  1137.                        <button class="share-button__close hidden no-js-hidden">
  1138.                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewbox="0 0 18 17">
  1139.                            <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"></path>
  1140.                          </svg>
  1141.                          <span class="visually-hidden">Close share</span>
  1142.                        </button>
  1143.                        <button class="share-button__copy no-js-hidden">
  1144.                          <svg class="icon icon-clipboard" width="11" height="13" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 11 13">
  1145.                            <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"></path>
  1146.                          </svg>
  1147.                          <span class="visually-hidden">Copy link</span>
  1148.                        </button>
  1149.                      </div>
  1150.                    </details>
  1151.                  </share-button>
  1152.                  <a href="https://howtodiyourself.com/" class="link product__view-details animate-arrow"
  1153.                    >View full details
  1154.                    <svg viewbox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  1155.                      <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"></path>
  1156.                    </svg>
  1157.                  </a>
  1158.                  <div>
  1159.                    <p></p>
  1160.                  </div>
  1161.                </product-info>
  1162.              </div>
  1163.            </div>
  1164.            <script src="cdn/shop/t/2/assets/product-modal.js?v=116616134454508949461699283613" defer=""></script>
  1165.            <script src="cdn/shop/t/2/assets/media-gallery.js?v=96661908581229995091699283613" defer=""></script>
  1166.            <script>
  1167.              document.addEventListener("DOMContentLoaded", function () {
  1168.                if (
  1169.                  !(function () {
  1170.                    const e = window.navigator.userAgent,
  1171.                      t = e.indexOf("MSIE "),
  1172.                      n = e.indexOf("Trident/");
  1173.                    return t > 0 || n > 0;
  1174.                  })()
  1175.                )
  1176.                  return;
  1177.                const e = document.querySelector('#product-form-template--21473036140818__main input[name="id"]'),
  1178.                  t = document.createElement("div"),
  1179.                  n = document.querySelector('variant-radios[data-section="template--21473036140818__main"]') || document.querySelector('variant-selects[data-section="template--21473036140818__main"]');
  1180.                (t.innerHTML = document.querySelector(".product-form__noscript-wrapper-template--21473036140818__main").textContent),
  1181.                  (n.outerHTML = t.outerHTML),
  1182.                  document.querySelector("#Variants-template--21473036140818__main").addEventListener("change", function (t) {
  1183.                    e.value = t.currentTarget.value;
  1184.                  });
  1185.              });
  1186.            </script>
  1187.          </div>
  1188.        </section>
  1189.      </section>
  1190.      <section id="shopify-section-template--21473036140818__related-products" class="shopify-section section">
  1191.        <link href="cdn/shop/t/2/assets/component-card.css?v=47260860684073105921699283612" rel="stylesheet" type="text/css" media="all" />
  1192.        <link href="cdn/shop/t/2/assets/component-price.css?v=70172745017360139101699283612" rel="stylesheet" type="text/css" media="all" />
  1193.        <link href="cdn/shop/t/2/assets/section-related-products.css?v=80324771040738084201699283613" rel="stylesheet" type="text/css" media="all" />
  1194.        <style data-shopify="">
  1195.          .section-template--21473036140818__related-products-padding {
  1196.            padding-top: 0px;
  1197.            padding-bottom: 45px;
  1198.          }
  1199.          @media screen and (min-width: 750px) {
  1200.            .section-template--21473036140818__related-products-padding {
  1201.              padding-top: 0px;
  1202.              padding-bottom: 60px;
  1203.            }
  1204.          }
  1205.        </style>
  1206.        <div class="color-background-1 gradient no-js-hidden">
  1207.          <product-recommendations class="related-products page-width section-template--21473036140818__related-products-padding isolate scroll-trigger animate--slide-in" data-url="#"></product-recommendations>
  1208.        </div>
  1209.      </section>
  1210.    </main>
  1211.    <section id="shopify-section-sections--21473036435730__newsletter" class="shopify-section shopify-section-group-footer-group section">
  1212.      <link href="cdn/shop/t/2/assets/component-newsletter.css?v=4727253280200485261699283612" rel="stylesheet" type="text/css" media="all" />
  1213.      <link href="cdn/shop/t/2/assets/newsletter-section.css?v=62410470717655853621699283613" rel="stylesheet" type="text/css" media="all" />
  1214.      <style data-shopify="">
  1215.        .section-sections--21473036435730__newsletter-padding {
  1216.          padding-top: 21px;
  1217.          padding-bottom: 0px;
  1218.        }
  1219.        @media screen and (min-width: 750px) {
  1220.          .section-sections--21473036435730__newsletter-padding {
  1221.            padding-top: 28px;
  1222.            padding-bottom: 0px;
  1223.          }
  1224.        }
  1225.      </style>
  1226.      <div class="newsletter center">
  1227.        <div class="newsletter__wrapper color-inverse gradient content-container isolate content-container--full-width section-sections--21473036435730__newsletter-padding">
  1228.          <h2 class="inline-richtext h1 scroll-trigger animate--slide-in" data-cascade="" style="--animation-order: 1">Subscribe to our emails <a href="https://howtodiyourself.com/" class="__cf_email__" data-cfemail="/">BTV4D</a></h2>
  1229.          <div class="newsletter__subheading rte scroll-trigger animate--slide-in" data-cascade="" style="--animation-order: 2">
  1230.            <p>Be the first to know about new collections and exclusive offers.</p>
  1231.          </div>
  1232.          <div>
  1233.            <form method="post" action="" id="contact_form" accept-charset="UTF-8" class="newsletter-form">
  1234.              <input type="hidden" name="form_type" value="customer" />
  1235.              <div class="newsletter-form__field-wrapper scroll-trigger animate--slide-in" data-cascade="" style="--animation-order: 3">
  1236.                <div class="field">
  1237.                  <input id="NewsletterForm--sections--21473036435730__newsletter" type="email" name="contact[email]" class="field__input" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email" required="" />
  1238.                  <label class="field__label" for="NewsletterForm--sections--21473036435730__newsletter"> Email </label>
  1239.                  <button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="Subscribe">
  1240.                    <svg viewbox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  1241.                      <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"></path>
  1242.                    </svg>
  1243.                  </button>
  1244.                </div>
  1245.              </div>
  1246.            </form>
  1247.          </div>
  1248.        </div>
  1249.      </div>
  1250.    </section>
  1251.    <div id="shopify-section-sections--21473036435730__footer" class="shopify-section shopify-section-group-footer-group">
  1252.      <link href="cdn/shop/t/2/assets/section-footer.css?v=125160298726032154631699283613" rel="stylesheet" type="text/css" media="all" />
  1253.      <link href="cdn/shop/t/2/assets/component-newsletter.css?v=4727253280200485261699283612" rel="stylesheet" type="text/css" media="all" />
  1254.      <link href="cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991699283612" rel="stylesheet" type="text/css" media="all" />
  1255.      <link href="cdn/shop/t/2/assets/component-list-payment.css?v=69253961410771838501699283612" rel="stylesheet" type="text/css" media="all" />
  1256.      <link href="cdn/shop/t/2/assets/component-list-social.css?v=35792976012981934991699283612" rel="stylesheet" type="text/css" media="all" />
  1257.      <style data-shopify="">
  1258.        .footer {
  1259.          margin-top: 0px;
  1260.        }
  1261.        .section-sections--21473036435730__footer-padding {
  1262.          padding-top: 33px;
  1263.          padding-bottom: 45px;
  1264.        }
  1265.        @media screen and (min-width: 750px) {
  1266.          .footer {
  1267.            margin-top: 0px;
  1268.          }
  1269.          .section-sections--21473036435730__footer-padding {
  1270.            padding-top: 44px;
  1271.            padding-bottom: 60px;
  1272.          }
  1273.        }
  1274.      </style>
  1275.      <footer class="footer color-inverse gradient section-sections--21473036435730__footer-padding">
  1276.        <div class="footer__content-top page-width">
  1277.          <div class="footer-block--newsletter scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade=""></div>
  1278.        </div>
  1279.        <div class="footer__content-bottom scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="">
  1280.          <div class="footer__content-bottom-wrapper page-width">
  1281.            <div class="footer__column footer__localization isolate"></div>
  1282.            <div class="footer__column footer__column--info">
  1283.              <div class="footer__payment">
  1284.                <span class="visually-hidden">Payment methods</span>
  1285.                <ul class="list list-payment" role="list">
  1286.                  <li class="list-payment__item">
  1287.                    <img alt="dana" src="uploads/templates/oxplay/img/bank/dana.png" height="24" width="60" />
  1288.                  </li>
  1289.                  <li class="list-payment__item">
  1290.                    <img alt="ovo" src="uploads/templates/oxplay/img/bank/ovo.png" height="24" width="60" />
  1291.                  </li>
  1292.                  <li class="list-payment__item">
  1293.                    <img alt="gopay" src="uploads/templates/oxplay/img/bank/gopay.png" height="24" width="60" />
  1294.                  </li>
  1295.                  <li class="list-payment__item">
  1296.                    <img alt="link aja" src="uploads/templates/oxplay/img/bank/linkaja.png" height="24" width="60" />
  1297.                  </li>
  1298.                  <li class="list-payment__item">
  1299.                    <img alt="telkomsel" src="uploads/templates/oxplay/img/bank/telkomsel.png" height="24" width="60" />
  1300.                  </li>
  1301.                  <li class="list-payment__item">
  1302.                    <img alt="xl" src="uploads/templates/oxplay/img/bank/xl.png" height="24" width="60" />
  1303.                  </li>
  1304.                  <li class="list-payment__item">
  1305.                    <img alt="tri" src="uploads/templates/oxplay/img/bank/tri.png" height="24" width="60" />
  1306.                  </li>
  1307.                  <li class="list-payment__item">
  1308.                    <img alt="axis" src="uploads/templates/oxplay/img/bank/axis.png" height="24" width="60" />
  1309.                  </li>
  1310.                  <li class="list-payment__item">
  1311.                    <img alt="bca" src="uploads/templates/oxplay/img/bank/bca.png" height="24" width="60" />
  1312.                  </li>
  1313.                  <li class="list-payment__item">
  1314.                    <img alt="mandiri" src="uploads/templates/oxplay/img/bank/mandiri.png" height="24" width="60" />
  1315.                  </li>
  1316.                  <li class="list-payment__item">
  1317.                    <img alt="bni" src="uploads/templates/oxplay/img/bank/bni.png" height="24" width="60" />
  1318.                  </li>
  1319.                  <li class="list-payment__item">
  1320.                    <img alt="bri" src="uploads/templates/oxplay/img/bank/bri.png" height="24" width="60" />
  1321.                  </li>
  1322.                  <li class="list-payment__item">
  1323.                    <img alt="danamon" src="uploads/templates/oxplay/img/bank/danamon.png" height="24" width="60" />
  1324.                  </li>
  1325.                  <li class="list-payment__item">
  1326.                    <img alt="cimb niaga" src="uploads/templates/oxplay/img/bank/cimbniaga.png" height="24" width="60" />
  1327.                  </li>
  1328.                  <li class="list-payment__item">
  1329.                    <img alt="sinarmas" src="uploads/templates/oxplay/img/bank/sinarmas.png" height="24" width="60" />
  1330.                  </li>
  1331.                  <li class="list-payment__item">
  1332.                    <img alt="permata" src="uploads/templates/oxplay/img/bank/permata.png" height="24" width="60" />
  1333.                  </li>
  1334.                  <li class="list-payment__item">
  1335.                    <img alt="panin" src="uploads/templates/oxplay/img/bank/panin.png" height="24" width="60" />
  1336.                  </li>
  1337.                  <li class="list-payment__item">
  1338.                    <img alt="bjb" src="uploads/templates/oxplay/img/bank/bjb.png" height="24" width="60" />
  1339.                  </li>
  1340.                  <li class="list-payment__item">
  1341.                    <img alt="btpn" src="uploads/templates/oxplay/img/bank/btpn.png" height="24" width="60" />
  1342.                  </li>
  1343.                  <li class="list-payment__item">
  1344.                    <img alt="maybank" src="uploads/templates/oxplay/img/bank/maybank.png" height="24" width="60" />
  1345.                  </li>
  1346.                  <li class="list-payment__item">
  1347.                    <img alt="mestika" src="uploads/templates/oxplay/img/bank/mestika.png" height="24" width="60" />
  1348.                  </li>
  1349.                  <li class="list-payment__item">
  1350.                    <img alt="nobu" src="uploads/templates/oxplay/img/bank/nobu.png" height="24" width="60" />
  1351.                  </li>
  1352.                  <li class="list-payment__item">
  1353.                    <img alt="dsb" src="uploads/templates/oxplay/img/bank/dbs.png" height="24" width="60" />
  1354.                  </li>
  1355.                </ul>
  1356.              </div>
  1357.            </div>
  1358.          </div>
  1359.          <div class="footer__content-bottom-wrapper page-width">
  1360.            <div class="footer__copyright caption">
  1361.              <small class="copyright__content">Copyright &copy; BTV4D 2024. All Right Reserved.</small>
  1362.            </div>
  1363.          </div>
  1364.        </div>
  1365.      </footer>
  1366.    </div>
  1367.    <ul hidden="">
  1368.      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
  1369.      <li id="a11y-new-window-message">Opens in a new window.</li>
  1370.    </ul>
  1371.    <product-modal id="ProductModal-template--21473036140818__main" class="product-media-modal media-modal">
  1372.      <div class="product-media-modal__dialog color-background-1 gradient" role="dialog" aria-label="Media gallery" aria-modal="true" tabindex="-1">
  1373.        <button id="ModalClose-template--21473036140818__main" type="button" class="product-media-modal__toggle" aria-label="Close">
  1374.          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewbox="0 0 18 17">
  1375.            <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"></path>
  1376.          </svg>
  1377.        </button>
  1378.        <div class="product-media-modal__content color-background-1 gradient" role="document" aria-label="Media gallery" tabindex="0">
  1379.          <img class="global-media-settings global-media-settings--no-shadow" src="assets/images/baner2.jpg" alt="BTV4D" loading="lazy" width="1280" height="1280" data-media-id="36192583483666" />
  1380.        </div>
  1381.      </div>
  1382.    </product-modal>
  1383.    <script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
  1384.  </body>
  1385. </html>
  1386.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda