PNG  IHDR pHYs   OiCCPPhotoshop ICC profilexڝSgTS=BKKoR RB&*! J!QEEȠQ, !{kּ> H3Q5 B.@ $pd!s#~<<+"x M0B\t8K@zB@F&S`cbP-`'{[! eDh;VEX0fK9-0IWfH  0Q){`##xFW<+*x<$9E[-qWW.(I+6aa@.y24x6_-"bbϫp@t~,/;m%h^ uf@Wp~<5j>{-]cK'Xto(hw?G%fIq^D$.Tʳ?D*A, `6B$BB dr`)B(Ͱ*`/@4Qhp.U=pa( Aa!ڈbX#!H$ ɈQ"K5H1RT UH=r9\F;2G1Q= C7F dt1r=6Ыhڏ>C03l0.B8, c˱" VcϱwE 6wB aAHXLXNH $4 7 Q'"K&b21XH,#/{C7$C2'ITFnR#,4H#dk9, +ȅ3![ b@qS(RjJ4e2AURݨT5ZBRQ4u9̓IKhhitݕNWGw Ljg(gwLӋT071oUX**| J&*/Tު UUT^S}FU3S ԖUPSSg;goT?~YYLOCQ_ cx,!k u5&|v*=9C3J3WRf?qtN (~))4L1e\kXHQG6EYAJ'\'GgSSݧ M=:.kDwn^Loy}/TmG X $ <5qo</QC]@Caaᄑ.ȽJtq]zۯ6iܟ4)Y3sCQ? 0k߬~OCOg#/c/Wװwa>>r><72Y_7ȷOo_C#dz%gA[z|!?:eAAA!h쐭!ΑiP~aa~ 'W?pX15wCsDDDޛg1O9-J5*>.j<74?.fYXXIlK9.*6nl {/]py.,:@LN8A*%w% yg"/6шC\*NH*Mz쑼5y$3,幄'L Lݛ:v m2=:1qB!Mggfvˬen/kY- BTZ(*geWf͉9+̳ې7ᒶKW-X潬j9(xoʿܔĹdff-[n ڴ VE/(ۻCɾUUMfeI?m]Nmq#׹=TR+Gw- 6 U#pDy  :v{vg/jBFS[b[O>zG499?rCd&ˮ/~јѡ򗓿m|x31^VwwO| (hSЧc3- cHRMz%u0`:o_F@8N ' p @8N@8}' p '#@8N@8N pQ9p!i~}|6-ӪG` VP.@*j>[ K^<֐Z]@8N'KQ<Q(`s" 'hgpKB`R@Dqj '  'P$a ( `D$Na L?u80e J,K˷NI'0eݷ(NI'؀ 2ipIIKp`:O'`ʤxB8Ѥx Ѥx $ $P6 :vRNb 'p,>NB 'P]-->P T+*^h& p '‰a ‰ (ĵt#u33;Nt̵'ޯ; [3W ~]0KH1q@8]O2]3*̧7# *p>us p _6]/}-4|t'|Smx= DoʾM×M_8!)6lq':l7!|4} '\ne t!=hnLn (~Dn\+‰_4k)0e@OhZ`F `.m1} 'vp{F`ON7Srx 'D˸nV`><;yMx!IS钦OM)Ե٥x 'DSD6bS8!" ODz#R >S8!7ّxEh0m$MIPHi$IvS8IN$I p$O8I,sk&I)$IN$Hi$I^Ah.p$MIN$IR8I·N "IF9Ah0m$MIN$IR8IN$I 3jIU;kO$ɳN$+ q.x* tEXtComment

Viewing File: /home/u403625155/domains/hivereserveinc.com/public_html/dashboard/coming-soon.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Coming Soon - BankCo</title>
    <link rel="stylesheet" href="./assets/css/slick.css" />
    <link rel="stylesheet" href="./assets/css/aos.css" />
    <link rel="stylesheet" href="./assets/css/output.css" />
    <link rel="stylesheet" href="./assets/css/style.css" />
  </head>
  <body>
    <section
      class="py-52 min-h-screen relative bg-no-repeat bg-cover bg-center bg-bgc-light dark:bg-bgc-dark" 
    >
      <div class="px-5 lg:px-0">
        <div class="max-w-[752px] m-auto">
          <div class="text-center mb-10">
            <h1
              class="text-black dark:text-white font-semibold font-poppins sm:text-[48px] text-4xl mb-4"
            >
              We are coming soon
            </h1>
            <p
              class="sm:text-xl text-base text-bgray-600 dark:text-bgray-50 text-center lg:px-5 px-0"
            >
              Lorem Ipsum is simply dummy text of the printing and typesetting
              industry`s standard dummy text ever since the 1500s,
            </p>
          </div>
          <div class="max-w-[564px] m-auto">
            <ul id="countdown-wrapper" class="flex sm:gap-5 gap-2 lg:gap-10">
              <li
                class="sm:w-28 sm:h-28 w-24 h-24 flex flex-col justify-center items-center border-2 border-success-100 dark:border-white  rounded-lg"
              >
                <h2
                  id="days"
                  class="sm:text-[48px] text-xl dark:text-white font-semibold text-black font-poppins"
                >
                  0
                </h2>
                <span class="font-medium text-bgray-600 dark:text-white">Days</span>
              </li>
              <li
                class="sm:w-28 sm:h-28 w-24 h-24 flex flex-col justify-center items-center border-2 border-success-100 dark:border-white rounded-lg"
              >
                <h2
                  id="hours"
                  class="sm:text-[48px] text-xl font-semibold text-black dark:text-white font-poppins"
                >
                  0
                </h2>
                <span class="font-medium text-bgray-600 dark:text-white">Hours</span>
              </li>
              <li
                class="sm:w-28 sm:h-28 w-24 h-24 flex flex-col justify-center items-center border-2 border-success-100 dark:border-white rounded-lg"
              >
                <h2
                  id="minutes"
                  class="sm:text-[48px] text-xl font-semibold dark:text-white text-black font-poppins"
                >
                  0
                </h2>
                <span class="font-medium text-bgray-600 dark:text-white">Minutes</span>
              </li>
              <li
                class="sm:w-28 sm:h-28 w-24 h-24 flex flex-col justify-center items-center border-2 border-success-100 rounded-lg dark:border-white"
              >
                <h2
                  id="seconds"
                  class="sm:text-[48px] text-xl dark:text-white font-semibold text-black font-poppins"
                >
                  0
                </h2>
                <span class="font-medium text-bgray-600 dark:text-white">Seconds</span>
              </li>
            </ul>
          </div>
        </div>
        <div class="max-w-[462px] m-auto mt-14">
          <form action="">
            <div class="relative">
              <label
                for="news"
                class="block text-bgray-900 font-semibold text-xl mb-4 dark:text-white"
                >Subscribe Newsletter</label
              >
              <input
                type="text"
                class="py-5 px-7 bg-bgray-200 rounded-lg border-0 focus:border focus:border-success-300 focus:ring-0 h-[60px] w-full"
                placeholder="Email Addres"
              />
              <button
                class="absolute py-5 px-7 text-white h-[60px] font-semibold text-base rounded-r-lg bg-success-300 right-0"
              >
                Subscribe
              </button>
            </div>
          </form>
          <ul class="flex justify-center items-center gap-x-4 mt-14">
            <li class="group">
              <a
                class="transition-all w-9 h-9 rounded-lg bg-bgray-300 inline-flex items-center justify-center group-hover:bg-success-300 dark:bg-darkblack-600"
                href="#"
                ><svg
                  class="stroke-bgray-600 group-hover:stroke-white"
                  width="20"
                  height="20"
                  viewBox="0 0 20 20"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <rect
                    x="1.6665"
                    y="1.66699"
                    width="16.6667"
                    height="16.6667"
                    rx="4"
                    stroke-width="1.5"
                  />
                  <ellipse
                    cx="14.9998"
                    cy="5.00033"
                    rx="0.833333"
                    ry="0.833333"
                    fill="white"
                  />
                  <circle
                    cx="10.0002"
                    cy="9.99967"
                    r="4.16667"
                    stroke-width="1.5"
                  />
                </svg>
              </a>
            </li>
            <li class="group">
              <a
                href=""
                class="transition-all w-9 h-9 rounded-lg bg-bgray-300 inline-flex items-center justify-center group-hover:bg-success-300 dark:bg-darkblack-600"
              >
                <svg
                  class="stroke-bgray-600 group-hover:stroke-white"
                  width="20"
                  height="20"
                  viewBox="0 0 20 20"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M12.7383 3.33301C10.9851 3.33301 9.56384 4.82539 9.56384 6.66634C9.56384 6.94453 9.59629 7.21475 9.65744 7.47307C7.75 7.47307 4.75 7.03671 2.5 4.07375C2.5 11.4812 5.5 13.5799 7 13.7034C5.875 14.8145 4.12208 15.6369 2.5 15.7916C3.19786 16.4252 5.38369 16.6387 6.38937 16.6663C11.5901 16.6663 15.8171 12.289 15.9112 6.85159C16.9086 6.20294 17.3823 4.44448 17.5 4.07375C17.0141 4.584 16 4.81449 15.1919 4.55118C14.6097 3.8074 13.7268 3.33301 12.7383 3.33301Z"
                    stroke-width="1.5"
                    stroke-linejoin="round"
                  />
                </svg>
              </a>
            </li>
            <li class="group">
              <a
                href=""
                class="transition-all w-9 h-9 rounded-lg bg-bgray-300 inline-flex items-center justify-center group-hover:bg-success-300 dark:bg-darkblack-600"
              >
                <svg
                  class="stroke-bgray-600 group-hover:stroke-white"
                  width="20"
                  height="20"
                  viewBox="0 0 20 20"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M15 2.5H13.3333C10.5719 2.5 8.33333 4.73858 8.33333 7.5V8.33333H5V11.6667H8.33333V17.5H11.6667V11.6667H15V8.33333H11.6667V6.83333C11.6667 6.28105 12.1144 5.83333 12.6667 5.83333H15V2.5Z"
                    stroke-width="1.5"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  />
                </svg>
              </a>
            </li>
            <li class="group">
              <a
                href=""
                class="transition-all w-9 h-9 rounded-lg bg-bgray-300 inline-flex items-center justify-center group-hover:bg-success-300 dark:bg-darkblack-600"
                ><svg
                  class="stroke-bgray-600 group-hover:stroke-white"
                  width="20"
                  height="20"
                  viewBox="0 0 20 20"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <g clip-path="url(#clip0_1699_21823)">
                    <path
                      d="M3.33317 10.0003C3.33317 13.6822 6.31794 16.667 9.99984 16.667C10.2699 16.667 10.5362 16.6509 10.7979 16.6197C11.5556 17.6586 12.7822 18.3337 14.1665 18.3337C16.4677 18.3337 18.3332 16.4682 18.3332 14.167C18.3332 12.7827 17.6581 11.5561 16.6192 10.7984C16.6504 10.5367 16.6665 10.2704 16.6665 10.0003C16.6665 6.31843 13.6817 3.33366 9.99984 3.33366C9.72977 3.33366 9.46346 3.34972 9.2018 3.38093C8.44408 2.34205 7.21746 1.66699 5.83317 1.66699C3.53198 1.66699 1.6665 3.53247 1.6665 5.83366C1.6665 7.21795 2.34156 8.44457 3.38044 9.20229C3.34923 9.46395 3.33317 9.73026 3.33317 10.0003Z"
                      stroke-width="1.5"
                      stroke-linejoin="round"
                    />
                    <path
                      d="M12.0832 8.33366C12.0832 7.41318 11.337 6.66699 10.4165 6.66699H9.58317C8.6627 6.66699 7.9165 7.41318 7.9165 8.33366C7.9165 9.25413 8.6627 10.0003 9.58317 10.0003H10.4165C11.337 10.0003 12.0832 10.7465 12.0832 11.667C12.0832 12.5875 11.337 13.3337 10.4165 13.3337H9.58317C8.6627 13.3337 7.9165 12.5875 7.9165 11.667"
                      stroke-width="1.5"
                      stroke-linecap="round"
                    />
                  </g>
                  <defs>
                    <clipPath id="clip0_1699_21823">
                      <rect width="20" height="20" fill="white" />
                    </clipPath>
                  </defs>
                </svg>
              </a>
            </li>
          </ul>
          <div class="flex justify-center mt-24">
            <a
              href="#"
              class="bg-success-300 font-semibold text-white py-3.5 px-10 rounded-lg"
              >Go Back</a
            >
          </div>
        </div>
      </div>
    </section>
    <!--scripts -->
    <script src="./assets/js/jquery-3.6.0.min.js"></script>
    <script src="./assets/js/main.js"></script>
    <script>
      let placeDay = document.querySelector("#days");
      let placeHours = document.querySelector("#hours");
      let placeMinutes = document.querySelector("#minutes");
      let placeSeconds = document.querySelector("#seconds");

      const provideDate = new Date("2024-10-10 4:00:00");
      let getDay = "0";
      let getMinute = "0";
      let getHour = "0";
      let getSecond = "0";

      // format date
      const year = provideDate.getFullYear();
      const month = provideDate.getMonth();
      const date = provideDate.getDate();
      const hours = provideDate.getHours();
      const minutes = provideDate.getMinutes();
      const seconds = provideDate.getSeconds();

      // date calculation logic
      const _seconds = 1000;
      const _minutes = _seconds * 60;
      const _hours = _minutes * 60;
      const _date = _hours * 24;

      // interval function
      const startInterval = () => {
        const timer = setInterval(() => {
          const now = new Date();
          const distance =
            new Date(year, month, date, hours, minutes, seconds).getTime() -
            now.getTime();
          if (distance < 0) {
            clearInterval(timer);
            return;
          }
          getDay = Math.floor(distance / _date);
          getMinute = Math.floor((distance % _hours) / _minutes);
          getHour = Math.floor((distance % _date) / _hours);
          getSecond = Math.floor((distance % _minutes) / _seconds);

          placeDay.innerHTML = getDay;
          placeHours.innerHTML = getHour;
          placeMinutes.innerHTML = getMinute;
          placeSeconds.innerHTML = getSecond;
        }, 1000);
      };
      startInterval();
    </script>
  </body>
</html>
Back to Directory=ceiIENDB`