Viewing File: /home/ubuntu/chaintechsource-landing/holiday-sale.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>Black Friday Deal 2022 Early Sales Offer Blockchain Product</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
    <meta name="description" content="The Blockchain Black Friday 2022 sale is almost here, and it will be massive. Download OpenSea Clone and IDO Launchpad for free." />
    <!-- og tag start  -->
    <meta property="og:title" content="Black Friday Deal 2022 Early Sales Offer Blockchain Product" />
    <meta property="og:description" content="The Blockchain Black Friday 2022 sale is almost here, and it will be massive. Download OpenSea Clone and IDO Launchpad for free." />
    <meta property="og:image" content="https://chaintechsource.com/assets/images/logo.webp" />
    <!-- og tag end  -->
    <link rel="canonical" href="https://www.chaintechsource.com/holiday-sale" />
    <meta name="keywords" content="" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- favicon -->
    <link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="assets/images/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/images/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/images/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/images/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="assets/images/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="assets/images/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon/favicon-16x16.png">
    <link rel="manifest" href="assets/images/favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="assets/images/favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#e21f36">
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous
  " media="all">
    <link rel="stylesheet" id="style-css" href="assets/css/style.min.css" type="text/css" media="all" />
    <link rel="stylesheet" id="style-css" href="assets/css/tiny-slider.css" type="text/css" media="all" />
    <link rel="stylesheet" id="style-css" href="assets/css/responsive.min.css" type="text/css" media="all" />
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-WGHWV5HHKP"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'G-WGHWV5HHKP');
        gtag('config', 'UA-210085177-1');
    </script>
    <!-- Google Tag Manager -->
    <script>(function (w, d, s, l, i) {
            w[l] = w[l] || []; w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            }); var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-ND66WBR');</script>
    <!-- End Google Tag Manager -->
    <script src="assets/js/lazysizes.min.js" async></script>
    <style>
        .lazyload {
            opacity: 0;
            transform: scale(0.8);
        }

        .lazyloaded {
            opacity: 1;
            transition: all 700ms;
            transform: scale(1);
        }
    </style>
</head>

<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ND66WBR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <section class="home-sec holiday-sale">
        <div id="header"></div>
        <div class="holiday-top-banner-wrapper">
            <!-- <div class="holiday-top-side-img-sec">
            <picture>
                <source class="lazyload holiday-top-side-img" type="image/png" srcset="assets/images/holiday-sale/banner-side.png">
                <img data-src="assets/images/holiday-sale/banner-side.png" type="image/png" class="holiday-top-side-img lazyload" alt="onlyfans clone">
            </picture>
        </div> -->
            <div class="holiday-circle-first holiday-circle-first-top">
                <picture>
                    <source class="lazyload holiday-circle-img" type="image/png" srcset="assets/images/holiday-sale/top-bell-1.svg">
                    <img data-src="assets/images/holiday-sale/top-bell-1.svg" type="image/png" class="holiday-circle-img lazyload" alt="">
                </picture>
            </div>
            <div class="holiday-circle-second holiday-circle-second-top">
                <picture>
                    <source class="lazyload holiday-circle-img" type="image/png" srcset="assets/images/holiday-sale/top-bell-2.svg">
                    <img data-src="assets/images/holiday-sale/top-bell-2.svg" type="image/png" class="holiday-circle-img lazyload" alt="e">
                </picture>
            </div>
            <div class="holiday-circle-third holiday-circle-third-top">
                <picture>
                    <source class="lazyload holiday-circle-img" type="image/png" srcset="assets/images/holiday-sale/top-bell-4.svg">
                    <img data-src="assets/images/holiday-sale/top-bell-4.svg" type="image/png" class="holiday-circle-img lazyload" alt="">
                </picture>
            </div>
            <div class="holiday-flat-off-sec">
                <picture>
                    <source class="lazyload holiday-flat-off" type="image/png" srcset="assets/images/holiday-sale/flat-50-off.png">
                    <img data-src="assets/images/holiday-sale/flat-50-off.png" type="image/png" class="holiday-flat-off lazyload" alt="">
                </picture>
            </div>
            <div class="holiday-circle-fourth holiday-circle-third-top">
                <picture>
                    <source class="lazyload holiday-circle-img" type="image/png" srcset="assets/images/holiday-sale/top-bell-3.svg">
                    <img data-src="assets/images/holiday-sale/top-bell-3.svg" type="image/png" class="holiday-circle-img lazyload" alt="">
                </picture>
            </div>
            <div class="holiday-circle-fifth holiday-circle-third-top">
                <picture>
                    <source class="lazyload holiday-circle-img" type="image/png" srcset="assets/images/holiday-sale/top-bell-5.svg">
                    <img data-src="assets/images/holiday-sale/top-bell-5.svg" type="image/png" class="holiday-circle-img lazyload" alt="">
                </picture>
            </div>
        </div>
        <section class="holiday-sale-sec">
            <div class="container">
                <div class="row align-items-end">
                    <div class="col-md-6">
                        <!-- <div id="clockdiv-head">
                        <div class="counter-box text-white">
                            <h4 class="days"></h4>
                            <p class="smalltext">Days</p>
                        </div>
                        <div class="counter-box text-white">
                            <h4 class="hours"></h4>
                            <p class="smalltext">Hours</p>
                        </div>
                        <div class="counter-box text-white">
                            <h4 class="minutes"></h4>
                            <p class="smalltext">Minutes</p>
                        </div>
                        <div class="counter-box text-white">
                            <h4 class="seconds"></h4>
                            <p class="smalltext">Seconds</p>
                        </div>
                    </div> -->
                        <div class="holiday-banner-content">
                            <div class="holiday-comming-soon">
                <picture>
                    <source class="lazyload holiday-comming-soon-img" type="image/png" srcset="assets/images/holiday-sale/comming-soon.png">
                    <img data-src="assets/images/holiday-sale/comming-soon.png" type="image/png" class="holiday-comming-soon-img lazyload" alt="">
                </picture>
            </div>
                            <h1>Biggest Christmas Sale</h1>
                            <p></p>
                            <div class="holiday-banner-btn-sec">
                                <a href="https://calendly.com/chaintechsource" target="_blank" class="btn holiday-btn-theme">Buy Now</a>
                                <a href="#contact" class="btn holiday-theme-outline-btn">Request Demo</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="holiday-banner-img-sec">
                            <picture>
                                <source class="lazyload holiday-banner-img" type="image/png" srcset="assets/images/holiday-sale/holiday-banner-img.png">
                                <img data-src="assets/images/holiday-sale/holiday-banner-img.png" type="image/png" class="holiday-banner-img lazyload" alt="">
                            </picture>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="sm-padding">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="holiday-products-header-sale-sec">
                            <h2>Products</h2>
                            <h6>Unwrap Holiday Sale Deals</h6>
                            <p>
                                <span class="try-left-dots"></span>
                                Free Download
                                <span class="try-right-dots"></span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row margin-top-xl align-items-center">
                    <div class="col-md-6 resp-mrgn-btm-xs">
                        <div class="holiday-product-img-sec padding-right">
                            <picture>
                                <source class="lazyload holiday-banner-img" type="image/png" srcset="assets/images/holiday-sale/nft-marketplace.png">
                                <img data-src="assets/images/holiday-sale/nft-marketplace.png" type="image/png" class="holiday-banner-img lazyload" alt="">
                            </picture>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="holiday-product-info">
                            <div class="documentation-info">
                                <h4>OpenSea Clone - NFT Marketplaces</h4>
                            </div>
                            <p>Build your own P2P NFT marketplace using the OpenSea clone, a robust clone app developed on the decentralised network. This script is adaptable, so you can change it to suit the requirements of your own business. And below are the unique features of the script,</p>
                            <ul class="list-unstyled product-list-sec">
                                <li>
                                    <picture>
                                        <source class="lazyload product-list-check-icon" type="image/png" srcset="assets/images/holiday-sale/check-mark.svg">
                                        <img data-src="assets/images/holiday-sale/check-mark.svg" type="image/png" class="product-list-check-icon lazyload" alt="">
                                    </picture>
                                    <span>
                                        <strong>Create Collection -</strong>
                                        Users will be able to create multiple NFT collections on the NFT Marketplace
                                    </span>
                                </li>
                                <li>
                                    <picture>
                                        <source class="lazyload product-list-check-icon" type="image/png" srcset="assets/images/holiday-sale/check-mark.svg">
                                        <img data-src="assets/images/holiday-sale/check-mark.svg" type="image/png" class="product-list-check-icon lazyload" alt="">
                                    </picture>
                                    <span>
                                        <strong>Import Collection -</strong>
                                        NFT Project owners will be able to import their NFT collections from other platforms
                                    </span>
                                </li>
                                <li>
                                    <picture>
                                        <source class="lazyload product-list-check-icon" type="image/png" srcset="assets/images/holiday-sale/check-mark.svg">
                                        <img data-src="assets/images/holiday-sale/check-mark.svg" type="image/png" class="product-list-check-icon lazyload" alt="">
                                    </picture>
                                    <span>
                                        <strong>Create/Mint NFTs -</strong>
                                        Project owners will be able to mint NFTs under their NFT collection
                                    </span>
                                </li>
                                <li>
                                    <picture>
                                        <source class="lazyload product-list-check-icon" type="image/png" srcset="assets/images/holiday-sale/check-mark.svg">
                                        <img data-src="assets/images/holiday-sale/check-mark.svg" type="image/png" class="product-list-check-icon lazyload" alt="">
                                    </picture>
                                    <span>
                                        <strong>Buy/Sell -</strong>
                                        NFT holders will be able to Buy/Sell their NFTs on NFT Marketplace
                                    </span>
                                </li>
                                <li>
                                    <picture>
                                        <source class="lazyload product-list-check-icon" type="image/png" srcset="assets/images/holiday-sale/check-mark.svg">
                                        <img data-src="assets/images/holiday-sale/check-mark.svg" type="image/png" class="product-list-check-icon lazyload" alt="">
                                    </picture>
                                    <span>
                                        <strong>Make Offer -</strong>
                                       Users will be able to Make an Offer on the NFTs if they are not available for sale
                                    </span>
                                </li>
                            </ul>
                            <div class="holiday-sale-btn-sec">
                                <a href="https://chain-tech-source.dpdcart.com/cart/add?product_id=228367&method_id=248940" class="btn holiday-btn-theme" target="_blank">Download Now</a>
                                <a href="https://nftmarketplace.nft-generator.online/" target="_blank" class="btn holiday-theme-outline-btn">View Demo</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="sm-padding">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6 resp-order">
                        <div class="holiday-product-info">
                            <div class="documentation-info">
                                <h4>IDO Launchpad</h4>
                            </div>
                            <p>A decentralized exchange-based crypto token offering platform for crowdfunding that provides users with early access to a wide range of projects while also raising awareness. The launchpad is intended to provide the best user experience and security for an ICO launch and it's integrated with multiple chain, allowing users to obtain tokens from as many projects. And below are the unique features of the script,</p>
                            <ul class="list-unstyled product-list-sec">
                                <li>
                                    <picture>
                                        <source class="lazyload product-list-check-icon" type="image/png" srcset="assets/images/holiday-sale/check-mark.svg">
                                        <img data-src="assets/images/holiday-sale/check-mark.svg" type="image/png" class="product-list-check-icon lazyload" alt="">
                                    </picture>
                                    <span>
                                        <strong>Create Token -</strong>
                                        Users will be able to create their very own crypto token using the create token button.
                                    </span>
                                </li>
                                <li>
                                    <picture>
                                        <source class="lazyload product-list-check-icon" type="image/png" srcset="assets/images/holiday-sale/check-mark.svg">
                                        <img data-src="assets/images/holiday-sale/check-mark.svg" type="image/png" class="product-list-check-icon lazyload" alt="">
                                    </picture>
                                    <span>
                                        <strong>Reward Staking -</strong>
                                        By staking the launchpad tokens all users will be able to get staking rewards which are set by the launchpad owner.
                                    </span>
                                </li>
                                <li>
                                    <picture>
                                        <source class="lazyload product-list-check-icon" type="image/png" srcset="assets/images/holiday-sale/check-mark.svg">
                                        <img data-src="assets/images/holiday-sale/check-mark.svg" type="image/png" class="product-list-check-icon lazyload" alt="">
                                    </picture>
                                    <span>
                                        <strong>Claim Tokens -</strong>
                                        Investors will be able to claim the project tokens on the mentioned vesting schedules until 100% of the tokens are claimed.
                                    </span>
                                </li>
                            </ul>
                            <div class="holiday-sale-btn-sec">
                                <a href="https://chain-tech-source.dpdcart.com/cart/add?product_id=228368&method_id=248942" class="btn holiday-btn-theme" target="_blank">Buy Now</a>
                                <a href="https://idolaunchpad.ardentchain.xyz/" target="_blank" class="btn holiday-theme-outline-btn">View Demo</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 resp-mrgn-btm-xs">
                        <div class="holiday-product-img-sec padding-left">
                            <picture>
                                <source class="lazyload holiday-banner-img" type="image/png" srcset="assets/images/holiday-sale/ido-launchpad.png">
                                <img data-src="assets/images/holiday-sale/ido-launchpad.png" type="image/png" class="holiday-banner-img lazyload" alt="">
                            </picture>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="sm-padding">
            <div class="container">
                 <div class="row justify-content-center">
                    <div class="col-md-12 col-xl-8">
                        <div class="section-head text-center">
                            <h2>Here's What People Say About Us</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center margin-top-xl">
                    <div class="col-md-8 resp-wht-people-say">
                        <iframe width="100%" height="409" src="https://www.youtube.com/embed/UApuX4xetfw" title="OpenSource Free NFT Marketplace Script - ChainTechSource"  frameborder="0" scrolling="no" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" style="max-width: 100%;border-radius: 10px;"></iframe>
                    </div>
                </div>
            </div>
        </section>
        <div id="contact"></div>
        <!-- footer start -->
        <div class="holiday-sale-footer-sec">
            <div id="footer">
            </div>
        </div>
        <!-- footer End -->
        <div class="sticky-float-btn">
            <a target="_blank" href="https://api.whatsapp.com/send/?phone=%2B6586470676&text&type=phone_number&app_absent=0" class="btns whatsapp-float-btn"><svg xmlns="https://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 192 192" style="fill: #000000">
                    <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                        <path d="M0,192v-192h192v192z" fill="none"></path>
                        <g fill="#ffffff">
                            <path d="M96,7.68c-48.69888,0 -88.32,39.62112 -88.32,88.32c0,15.2064 3.92832,30.15936 11.37792,43.3536l-11.23584,40.0896c-0.36864,1.31712 -0.01152,2.73024 0.9408,3.70944c0.73344,0.75648 1.73184,1.16736 2.75712,1.16736c0.3072,0 0.61824,-0.0384 0.9216,-0.11136l41.84064,-10.36416c12.77568,6.85824 27.16416,10.47552 41.71776,10.47552c48.69888,0 88.32,-39.62112 88.32,-88.32c0,-48.69888 -39.62112,-88.32 -88.32,-88.32zM140.4288,127.16544c-1.88928,5.23008 -10.95168,10.0032 -15.30624,10.64448c-3.90912,0.57216 -8.85504,0.81792 -14.2848,-0.88704c-3.29088,-1.0368 -7.51488,-2.41152 -12.92544,-4.71936c-22.74432,-9.69984 -37.59744,-32.3136 -38.73408,-33.80736c-1.1328,-1.49376 -9.25824,-12.13824 -9.25824,-23.1552c0,-11.01696 5.856,-16.4352 7.93728,-18.67776c2.08128,-2.24256 4.53504,-2.8032 6.048,-2.8032c1.51296,0 3.02208,0.0192 4.34688,0.08064c1.39392,0.06912 3.264,-0.52608 5.10336,3.84384c1.88928,4.48512 6.42432,15.50208 6.98496,16.6272c0.56832,1.12128 0.94464,2.43072 0.192,3.92448c-0.75264,1.49376 -1.12896,2.42688 -2.2656,3.73632c-1.13664,1.30944 -2.3808,2.9184 -3.40224,3.92448c-1.13664,1.11744 -2.31552,2.32704 -0.99456,4.5696c1.32096,2.24256 5.87136,9.57312 12.6144,15.50976c8.6592,7.62624 15.96672,9.99168 18.23232,11.11296c2.2656,1.12128 3.5904,0.93312 4.91136,-0.56064c1.32096,-1.4976 5.66784,-6.53952 7.17696,-8.77824c1.50912,-2.23872 3.02208,-1.87008 5.10336,-1.12128c2.08128,0.74496 13.2288,6.15936 15.4944,7.28064c2.2656,1.12128 3.77856,1.68192 4.34688,2.61504c0.56832,0.92928 0.56832,5.4144 -1.32096,10.64064z">
                            </path>
                        </g>
                    </g>
                </svg></a><a target="_blank" href="https://t.me/pritam_cristpin" class="btns skype">
                <svg width="24px" height="24px" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="https://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
                    <path fill="#ffffff" id="telegram-1" d="M18.384,22.779c0.322,0.228 0.737,0.285 1.107,0.145c0.37,-0.141 0.642,-0.457 0.724,-0.84c0.869,-4.084 2.977,-14.421 3.768,-18.136c0.06,-0.28 -0.04,-0.571 -0.26,-0.758c-0.22,-0.187 -0.525,-0.241 -0.797,-0.14c-4.193,1.552 -17.106,6.397 -22.384,8.35c-0.335,0.124 -0.553,0.446 -0.542,0.799c0.012,0.354 0.25,0.661 0.593,0.764c2.367,0.708 5.474,1.693 5.474,1.693c0,0 1.452,4.385 2.209,6.615c0.095,0.28 0.314,0.5 0.603,0.576c0.288,0.075 0.596,-0.004 0.811,-0.207c1.216,-1.148 3.096,-2.923 3.096,-2.923c0,0 3.572,2.619 5.598,4.062Zm-11.01,-8.677l1.679,5.538l0.373,-3.507c0,0 6.487,-5.851 10.185,-9.186c0.108,-0.098 0.123,-0.262 0.033,-0.377c-0.089,-0.115 -0.253,-0.142 -0.376,-0.064c-4.286,2.737 -11.894,7.596 -11.894,7.596Z" />
                </svg>
            </a>
        </div>
        <!-- jQuery -->
        <script src="./assets/js/jquery.min.js"></script>
        <script src="./assets/js/main.js"></script>
        <script src="./assets/js/tiny-slider.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
        <script type="text/javascript">
        var Tawk_API = Tawk_API || {},
            Tawk_LoadStart = new Date();
        (function() {
            var s1 = document.createElement("script"),
                s0 = document.getElementsByTagName("script")[0];
            s1.async = true;
            s1.src = 'https://embed.tawk.to/61f1027b9bd1f31184d96450/1fqan3cr1';
            s1.charset = 'UTF-8';
            s1.setAttribute('crossorigin', '*');
            s0.parentNode.insertBefore(s1, s0);
        })();
        </script>
        <!-- Begin SpeakPipe code -->
        <script type="text/javascript">
        (function(d) {
            var app = d.createElement('script');
            app.type = 'text/javascript';
            app.async = true;
            app.src = 'https://www.speakpipe.com/loader/j9nlvtk6fy93usjsjw5thb4bz8ckb8re.js';
            var s = d.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(app, s);
        })(document);
        </script>
        <!-- End SpeakPipe code -->
        <script>
        function getTimeRemaining(endtime) {
            const total = Date.parse(endtime) - Date.parse(new Date());
            const seconds = Math.floor((total / 1000) % 60);
            const minutes = Math.floor((total / 1000 / 60) % 60);
            const hours = Math.floor((total / (1000 * 60 * 60)) % 24);
            const days = Math.floor(total / (1000 * 60 * 60 * 24));

            return {
                total,
                days,
                hours,
                minutes,
                seconds
            };
        }

        function initializeClock(id, endtime) {
            const clock = document.getElementById(id);
            const daysSpan = clock.querySelector('.days');
            const hoursSpan = clock.querySelector('.hours');
            const minutesSpan = clock.querySelector('.minutes');
            const secondsSpan = clock.querySelector('.seconds');

            function updateClock() {
                const t = getTimeRemaining(endtime);

                daysSpan.innerHTML = t.days;
                hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
                minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
                secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

                if (t.total <= 0) {
                    clearInterval(timeinterval);
                }
            }

            updateClock();
            const timeinterval = setInterval(updateClock, 1000);
        }

        // const deadline = new Date(Date.parse(new Date()) + 2 * 24 * 60 * 60 * 1000);
        const deadline = new Date(Date.parse(new Date("2022-11-04T20:30:00")));
        initializeClock('clockdiv-head', deadline);
        initializeClock('clockdiv-head-1', deadline);
        initializeClock('clockdiv', deadline);
        </script>
</body>

</html>
Back to Directory File Manager