
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="ie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 10)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
  <head>  
     <meta charset="utf-8">
     <meta http-equiv="cleartype" content="on">
     <meta name="robots" content="index,follow">
      
     <title>Duel on Jewel</title>
        
     
  
    <!-- Custom Fonts -->
    
      <link href="//fonts.googleapis.com/css?family=.|Lato:light,normal,bold|Lato:light,normal,bold|Lato:light,normal,bold|Lato:light,normal,bold" rel="stylesheet" type="text/css" />
    

     <!-- Mobile Specific Metas -->
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

     <!-- Stylesheets -->
    <link href="//cdn.shopify.com/s/files/1/1093/9668/t/16/assets/styles.scss.css?6001583035226567630" rel="stylesheet" type="text/css"  media="all"  />
    <link rel="shortcut icon" type="image/x-icon" href="//cdn.shopify.com/s/files/1/1093/9668/t/16/assets/favicon.png?6001583035226567630">
    <link rel="canonical" href="http://www.duelonjewel.com/password" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<body id="password-page-bg">
<div class="controls">
  <div id="open-me">
    <a href="#">Enter store using password</a>
  </div>
</div>
    <div id="password-container" class="center">
      
        <div class="password-page-row">
          <div class="password-page-col">
              <img class="password-logo" src="//cdn.shopify.com/s/files/1/1093/9668/t/16/assets/logo.png?6001583035226567630" alt="Duel on Jewel" data-src="//cdn.shopify.com/s/files/1/1093/9668/t/16/assets/logo.png?6001583035226567630" />
          </div>
        </div>
      
      <div class="password-page-row">
        <div class="password-page-col">
          <h2 class="password-page-message">Opening Soon</h2>
        </div>
      </div>
      
      <div class="password-page-row">
        <div class="password-page-col password-social">
            <h3 class="password-page-follow">Spread the word</h3>
            <ul class="social_icons">
              
                  <li><a href="https://twitter.com/duelonjewel" title="Duel on Jewel on Twitter" rel="me" target="_blank" class="icon-twitter"></a></li>
                
                
                
                  <li><a href="https://www.facebook.com/fashionjewelryforeveryoccasion" title="Duel on Jewel on Facebook" rel="me" target="_blank" class="icon-facebook"></a></li>
                
                
                
                
                
                  <li><a href="https://www.youtube.com/user/duelonjewel" title="Duel on Jewel on YouTube" rel="me" target="_blank" class="icon-youtube"></a></li>
                

                
                
                
                  <li><a href="https://www.pinterest.com/exoticajewelry/" title="Duel on Jewel on Pinterest" rel="me" target="_blank" class="icon-pinterest"></a></li>
                
                
                
                
                
                
                

                

                
                  <li><a href="mailto:sales@duelonjewel.com" title="Email Duel on Jewel" target="_blank" class="icon-mail"></a></li>
                
          </ul>
        </div>
      </div>
      <div class="password-page-row">
        <div class="password-page-col">
          <h3 class="password-page-follow">Find out when we open</h3>
          <div class="newsletter ">
  <p class="message"></p>
      
    <form method="post" action="/contact#contact_form" id="contact_form" class="contact-form" accept-charset="UTF-8"><input type="hidden" value="customer" name="form_type" /><input type="hidden" name="utf8" value="✓" />
       
     
       <input type="hidden" name="contact[tags]" value="prospect,password page"/>
       
       <input type="email" class="contact_email" name="contact[email]" required pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" placeholder="Enter your email address..." />
       <input type='submit' class="action_button sign_up" value="Sign Up" />
     </form>
  
</div>
        </div>
      </div>
  <div class="password-page-row">
      <div class="password-page-col">
        <div class="password-footer">
          <div class="powered">        
            &copy; 2016 Duel on Jewel.<br>
            Designed by <a href="http://outofthesandbox.com/" target="_blank" title="Retina Shopify Theme by Out of the Sandbox">Out of the Sandbox</a>.<br>
            </div>
          <div class="shopify">
              This shop will be powered by <a href="https://www.shopify.com/" target="_blank">Shopify</a>
            </div>
        </div>
       </div>
    </div>
  </div>

<div class="overlay overlay-data">
<span class="close-me controls"><div class="pass-close fancybox-close"><a href="#"></a></div></span>
<div class="modalbox">
  <div class="inputbox">
    <form method="post" action="/password" id="login_form" class="storefront-password-form" accept-charset="UTF-8"><input type="hidden" value="storefront_password" name="form_type" /><input type="hidden" name="utf8" value="✓" />
      
      
      <label for='password'>Password </label>

      <input type='password' name='password' id='password' autofocus placeholder="Your password"/>
      <div class="actions">
        <input class="btn" name="commit" type="submit" value="Enter" />
      </div>
    </form>
    
    <div id="owner">Are you the store owner? <a href="/admin" class="text-link">Log in here</a> or <a href="/admin/online_store/preferences?tutorial=unlock">change your password settings</a></div> 
  </div>
</div>
</div>

<script>
$( document ).ready(function() {
  $( "#open-me" ).click(function() {
      $( ".overlay" ).addClass('overlay-open');
      $("#password").focus();
    });
  
  $( ".close-me" ).click(function() {
    $( ".overlay" ).removeClass( 'overlay-open' ); 
  });
});
</script>
</body>
  
</html>