<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Document</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="assets/css/bootstrap/bootstrap.min.css" />

    <!-- Font Awesome -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
    />

    <!-- Custom Styles -->
    <link rel="stylesheet" href="assets/css/style.css" />

    <!-- animation -->
    <link rel="stylesheet" href="assets/css/animation.css" />

    <!-- responsive -->
    <link rel="stylesheet" href="assets/css/responsive.css" />
  </head>

  <body>
    <main class="overflow-hidden">
      <div class="container">
        <!-- Wrapper -->
        <div class="wrapper slideTop">
          <div class="PopUp row align-items-center">
            <div class="col-md-5 tab-none">
              <!-- POp Img -->
              <div class="popImg">
                <img src="assets/images/aside.jpg" alt="Aside" />
              </div>
            </div>
            <div class="col-md-7">
              <!-- Pop UP Content -->
              <div class="popInner">
                <!-- Discount Heading -->
                <h1 class="discountHeading">80% off</h1>
                <h2 class="mainHeading">
                  Handcrafted<br />responsibly in Paris.
                </h2>
                <span class="warning">Limited time offer</span>
                <!-- countdown -->
                <div class="countDown" id="countdown">
                  LOADING....
                  <!-- <div class="timeSingle">
                    <div class="time">10</div>
                    Days
                  </div>
                  <span>:</span>
                  <div class="timeSingle">
                    <div class="time">21</div>
                    Hrs
                  </div>
                  <span>:</span>
                  <div class="timeSingle">
                    <div class="time">22</div>
                    Mins
                  </div>
                  <span>:</span>
                  <div class="timeSingle">
                    <div class="time">50</div>
                    Secs
                  </div> -->
                </div>

                <!-- Form -->
                <form action="">
                  <input
                    type="email"
                    name="email"
                    id="email"
                    placeholder="Enter your Email "
                  />
                  <button>Get Your 50% off Coupon</button>
                </form>
              </div>
            </div>
            <a class="cancel" href="javascript:void(0)"
              >No, Thankyou. I don't want to see this website</a
            >
          </div>

          <!-- close Button -->
          <button class="close">X</button>
        </div>
      </div>
    </main>
    <!-- Bootstrap JS -->
    <script src="assets/js/bootstrap/bootstrap.min.js"></script>

    <!-- jQuery -->
    <script src="assets/js/jQuery/jquery-3.7.0.min.js"></script>

    <!-- Custom JS -->
    <script src="assets/js/custom.js"></script>
  </body>
</html>
