Jack Archer Branded 404
<!DOCTYPE html>
<html>
<head>
<style>
.button {
  border: none;
  background-color: #d31334;
  color: white;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 10px;
}

.button1 {
  background-color: d31334; 
  color: white; 
}

.button1:hover {
  background-color: white;
  color: #d31334;
  border: 2px solid #d31334
}
</style>
</head>
<body>
<section class="gt_section-2223892 " data-name="404">
  <div>
<div class="gt_404-page">
    <div class="gt_container">
      <div class="gt_404-body">
        <div class="image-404">
<p style="text-align: center;"><img src="https://cdn.shopify.com/s/files/1/0531/1506/0388/files/Jack-Archer-Branded_404_A-light.jpg?v=1661525556" alt="Jack Archer - Page Not Found Message" width="900" height="500" /></p>
        </div>
        <div class="gt_mb--medium gt_mt--medium title-404">
          <h2 class="gt_heading ">
            <p style="text-align: center;"
          </h2>
          <h3 class="gt_subheading">
            <p style="text-align: center;">The page you requested does not exist. Checkout our best sellers instead.😉
          </h3>
        <p style="text-align: center;"><a title="Browse our best sellers here" href="https://jackarcher.com/collections/best-sellers?sort_by=best-selling" target="_blank"><button class="button button1">SHOP BEST SELLERS</button></a></p>
        </div>
        </div>
        <div>
            <p style="color: black; font-size: 32px; text-align: center;"><strong>LOOKING FOR SOMETHING ELSE?</strong></p>
        </div>
        <p style="text-align: center;">Enter your keywords below then press enter.
            <div id="search-bar" style="text-align: center;width: 100%;">
                <form action="/search" method="get">
                    <p style="text-align: center;"><input id="q" name="q" type="text" placeholder="Enter keywords here" /></p>
                </form>
                <p style="text-align: center;">Reading our blog? <a title="Impact The World - The Jetsetter Pants" href="https://jackarcher.com/blogs/jetsetter-tech-pants-updates/">See our posts here.</a>👈<br /> Have questions? <a onclick="GorgiasChat.open();">Click here to start a chat with our team</a> 💬</p>
            </div>
            <p style="color: black; font-size: 32px; text-align: center;"><strong>NEW TO JACK ARCHER?</strong></p>
            <p style="text-align: center;">Apply a 10% discount on your cart when you use the code <em><strong>JACKSFRIEND</strong></em> on your purchase today!
            <br><button onclick="AdvancedCopy()">👉 CLICK TO COPY CODE TO CLIPBOARD</button></p>
                <p style="text-align: center;">
                    <script>
                        function AdvancedCopy() {
                            //the text that is to be copied to the clipboard
                            var theText = "JACKSFRIEND"

                            //create our hidden div element
                            var hiddenCopy = document.createElement("div")
                            //set the innerHTML of the div
                            hiddenCopy.innerHTML = theText
                            //set the position to be absolute and off the screen
                            hiddenCopy.style.position = "absolute"
                            hiddenCopy.style.left = "-9999px"

                            //check and see if the user had a text selection range
                            var currentRange
                            if (document.getSelection().rangeCount > 0) {
                                //the user has a text selection range, store it
                                currentRange = document.getSelection().getRangeAt(0)
                                //remove the current selection
                                window.getSelection().removeRange(currentRange)
                            } else {
                                //they didn't have anything selected
                                currentRange = false
                            }

                            //append the div to the body
                            document.body.appendChild(hiddenCopy)
                            //create a selection range
                            var CopyRange = document.createRange()
                            //set the copy range to be the hidden div
                            CopyRange.selectNode(hiddenCopy)
                            //add the copy range
                            window.getSelection().addRange(CopyRange)

                            //since not all browsers support this, use a try block
                            try {
                                //copy the text
                                document.execCommand("copy")
                            } catch (err) {
                                window.alert("Your Browser Doesn't support this! Error : " + err)
                            }
                            //remove the selection range (Chrome throws a warning if we don't.)
                            window.getSelection().removeRange(CopyRange)
                            //remove the hidden div
                            document.body.removeChild(hiddenCopy)

                            //return the old selection range
                            if (currentRange) {
                                window.getSelection().addRange(currentRange)
                            }
                        }
                    </script>
            <p style="color: black; font-size: 32px; text-align: center;"><strong>DID YOU KNOW?</strong></p>
<p style="text-align: center;">Jack Archer has over <strong>1,000+ Facebook Page likes</strong> and <strong>200+ reviews</strong>. So,<a title="Shop with confidence at Jack Archer" href="https://jackarcher.com/collections/best-sellers?sort_by=best-selling" target="_blank"> you can shop with confidence at Jack Archer.</a>
<p style="text-align: center;"><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fjackarcherstore%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=201618820429031" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe></p>
<p style="text-align: center;"><iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fjackarcherstore&width=450&layout=standard&action=recommend&size=small&share=false&height=35&appId=201618820429031" width="450" height="35" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe></iframe>
<br></br>
<p style="color: black; font-size: 32px; text-align: center;"><strong>YOU MIGHT BE INTERESTED IN THESE</strong></p>
<div id='collection-component-1661507010782'></div>
<script type="text/javascript">
/*<![CDATA[*/
(function () {
  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
  if (window.ShopifyBuy) {
    if (window.ShopifyBuy.UI) {
      ShopifyBuyInit();
    } else {
      loadScript();
    }
  } else {
    loadScript();
  }
  function loadScript() {
    var script = document.createElement('script');
    script.async = true;
    script.src = scriptURL;
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
    script.onload = ShopifyBuyInit;
  }
  function ShopifyBuyInit() {
    var client = ShopifyBuy.buildClient({
      domain: 'jackarcher.myshopify.com',
      storefrontAccessToken: '607bbb7fb7cd7e34e203600c7d8d05f0',
    });
    ShopifyBuy.UI.onReady(client).then(function (ui) {
      ui.createComponent('collection', {
        id: '393364537560',
        node: document.getElementById('collection-component-1661507010782'),
        moneyFormat: '%24%7B%7Bamount%7D%7D',
        options: {
  "product": {
    "styles": {
      "product": {
        "@media (min-width: 601px)": {
          "max-width": "calc(25% - 20px)",
          "margin-left": "20px",
          "margin-bottom": "50px",
          "width": "calc(25% - 20px)"
        },
        "img": {
          "height": "calc(100% - 15px)",
          "position": "absolute",
          "left": "0",
          "right": "0",
          "top": "0"
        },
        "imgWrapper": {
          "padding-top": "calc(75% + 15px)",
          "position": "relative",
          "height": "0"
        }
      },
      "button": {
        ":hover": {
          "background-color": "#be112f"
        },
        "background-color": "#d31334",
        ":focus": {
          "background-color": "#be112f"
        }
      }
    }
  },
  "productSet": {
    "styles": {
      "products": {
        "@media (min-width: 601px)": {
          "margin-left": "-20px"
        }
      }
    }
  },
  "modalProduct": {
    "contents": {
      "img": false,
      "imgWithCarousel": true,
      "button": false,
      "buttonWithQuantity": true
    },
    "styles": {
      "product": {
        "@media (min-width: 601px)": {
          "max-width": "100%",
          "margin-left": "0px",
          "margin-bottom": "0px"
        }
      },
      "button": {
        ":hover": {
          "background-color": "#be112f"
        },
        "background-color": "#d31334",
        ":focus": {
          "background-color": "#be112f"
        }
      }
    },
    "text": {
      "button": "Add to cart"
    }
  },
  "option": {},
  "cart": {
    "styles": {
      "button": {
        ":hover": {
          "background-color": "#be112f"
        },
        "background-color": "#d31334",
        ":focus": {
          "background-color": "#be112f"
        }
      }
    },
    "text": {
      "title": "YOUR ORDER",
      "total": "Subtotal",
      "button": "🔒GO TO PAYMENTS"
    },
    "popup": false
  },
  "toggle": {
    "styles": {
      "toggle": {
        "background-color": "#d31334",
        ":hover": {
          "background-color": "#be112f"
        },
        ":focus": {
          "background-color": "#be112f"
        }
      }
    }
  }
},
      });
    });
  }
})();
/*]]>*/
</script>
  </div>
</section>
</body>
</html>
/* ESLint rules https://eslint.org/docs/2.0.0/rules/ */
/* eslint no-undef: "off" */

Jack Archer Branded 404

  • Archivos
  • Index
  • Style
  • Script
  • README
  • CDN Agregar
HTML
PLEASE WAIT...