<!doctype html>
<html lang="en">
<head>
	<!-- Required meta tags -->
<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon.svg">

<!-- AOS -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">

<!-- Slick CSS -->
<link rel="stylesheet" href="https://connect.palmccd.com/Applications/100048/css/slick.css">

<!-- StyleSheet -->
<link rel="stylesheet" href="https://connect.palmccd.com/Applications/100048/css/style.css">

<!-- Title -->
  <title>Login - CCD</title>
</head>
														<div id="wrapper">
															<main id="main">
																<content><div class="user-login-block">
      <div class="login-wrapper">
        <div class="login-area">
          <div class="logo-box" data-aos="fade-up">
            <a href="login"><img class="w-100" src="https://connect.palmccd.com/Applications/100048/images/logo-login.svg" alt="Site Logo"></a>
          </div>
          <div id= "login-form" class="login-form-block" data-aos="fade-up">
            <h1>login</h1>
             <!-- Section for 2FA message -->
                <div id="2fa-message" style = 'color: white;' EPVisible= 'False' >
                    <p>A 2 Factor Authentication code has been emailed</p>
                </div>
            <!--<form method="" action="" class="login-form">-->
            <div class="login-form" >
              <div class="form-group" EPVisible= 'True'>
                <input id="UserId" class="form-control rounded-0" type="text" name="Email" placeholder="Email Address/Username">
                <div class="form-control-box">
                  <input id="password-field" class="form-control rounded-0" type="password" name="Password" placeholder="Enter Password">
                  <button id="am_check" toggle="#password-field" type="button">
                    <img src="https://connect.palmccd.com/Applications/100048/images/close-eye.svg" alt="Close Eye">
                  </button>
                </div>
            </div>
            <!-- Section for authentication code -->
            <div id="auth-code-section"  EPVisible= 'False'>
                <div class="form-group">
                    <input id="AuthCode" class="form-control rounded-0" type="text" name="AuthCode" placeholder="Enter Authentication Code">
                </div>
            </div>
              <button class="btn-am w-100 rounded-0" onclick="let args  ={};let workData  ={};workData['ViewName'] = 'login';workData['EventName'] = 'LoginTop';var input = {};input['UserId'] = document.getElementById('UserId').value;input['Password'] = document.getElementById('password-field').value; input['VerificationCode'] = document.getElementById('AuthCode').value;workData['_ControllerParameters'] = input;args['WorkData'] = workData;let options = {DisplayProgressLocation : 'Page'};EPEvent(args, event, options);">Sign In</button>
            <!--</form>-->
            </div>
              <!-- Section for error message -->
            <div id="error-message"   EPVisible= 'False' style = "color: white;">
                <p id="error-message-text"></p>
            </div>
            <a href="ForgotPassword" class="forgot-password" EPVisible= 'True'>Forgot Password</a>
            <!--<div class="feature-text">
              <p>Don’t have an account? Register <a href="UserRegistration">here</a> to onboard with us. Our will reach out to you shortly.</p>
            </div>-->
          </div>
        </div>
        <div class="slideshow-area">
          <div class="login-slideshow">
            <div class="slide" style="background-image:url('https://connect.palmccd.com/Applications/100048/images/bg-4.jpg');">
              <div class="slide-content">
                <div class="content">
                  <h2>Premium drinks</h2>
                  <h3>signature experience</h3>
                </div>
              </div>
            </div>
            <div class="slide" style="background-image:url('https://connect.palmccd.com/Applications/100048/images/bg-3.jpg');">
              <div class="slide-content">
                <div class="content">
                  <h2>From bottle to glass</h2>
                  <h3>we bring the best to your establishment</h3>
                </div>
              </div>
            </div>
            <div class="slide textatBottom" style="background-image:url('https://connect.palmccd.com/Applications/100048/images/slide-1.jpg');">
              <div class="slide-content">
                <div class="content">
                  <h2>Experience Palm's</h2>
                  <h3>Liquid Whispers</h3>
                </div>
              </div>
            </div>
            <div class="slide" style="background-image:url('https://connect.palmccd.com/Applications/100048/images/slide-2.jpg');">
              <div class="slide-content">
                <div class="content">
                  <h2>Craft perfection</h2>
                  <h3>with every sip</h3>
                </div>
              </div>
            </div>
            <div class="slide textatBottom" style="background-image:url('https://connect.palmccd.com/Applications/100048/images/slide-3.jpg');">
              <div class="slide-content">
                <div class="content">
                  <h2>Craft perfection</h2>
                  <h3>with every sip</h3>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div><input id="EP_CacheId" name="EP_CacheId" type="hidden" value ="250e6b57a51d4424b7fccbdf67272ed9" isenabled="True"></input></content>
															</main>
														</div>
                                                        <!-- jQuery -->
<script src="https://connect.palmccd.com/Applications/100048/js/jquery.min.js"></script>

<!-- AOS -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
  
<!-- Slick JS -->
<script src="https://connect.palmccd.com/Applications/100048/js/slick.min.js"></script>
  
<!-- Custom JS -->
<script src="https://connect.palmccd.com/Applications/100048/js/custom.js"></script>

<!-- EP JS -->
<script src='../../scripts/MVC_Event.js?v=1' crossorigin='anonymous'></script>
<script src='../../scripts/MVC_Validation.js' crossorigin='anonymous'></script>
<script>
  AOS.init();
</script>
<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=2&cb=975113292" async></script></html><input id="EP_ViewName" name="EP_ViewName" type="hidden" value ="login"><input id="EP_ScannerEvent" name="EP_ScannerEvent" type="hidden" value ="">