
<!DOCTYPE html>
<html>
<head>
  
  <link rel="shortcut icon" href="//cdn.shopify.com/s/files/1/1567/3747/t/4/assets/favicon.png?10123999787563136607" type="image/x-icon" />
  

  
  <link rel="apple-touch-icon-precomposed" href="//cdn.shopify.com/s/files/1/1567/3747/t/4/assets/iphone_icon.png?10123999787563136607" />
  

  
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="//cdn.shopify.com/s/files/1/1567/3747/t/4/assets/iphone_icon_retina.png?10123999787563136607" />
  

  
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="//cdn.shopify.com/s/files/1/1567/3747/t/4/assets/ipad_icon.png?10123999787563136607" />
  

  
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="//cdn.shopify.com/s/files/1/1567/3747/t/4/assets/ipad_icon_retina.png?10123999787563136607" />
  

  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
  <link rel="canonical" href="https://dinglesurf.com/password" />

  
  <meta name="description" content="" />
  
  
  <title>Please Log In</title>
  
  
  <link href="//fonts.googleapis.com/css?family=Archivo+Sans:300italic,400italic,500italic,600italic,700italic,800italic,300,400,500,600,700,900&subset=cyrillic-ext,greek-ext,latin,latin-ext,cyrillic,greek,vietnamese" rel='stylesheet' type='text/css'>
  

  
  <link href="//fonts.googleapis.com/css?family=PT+Sans:300italic,400italic,500italic,600italic,700italic,800italic,300,400,500,600,700,900&subset=cyrillic-ext,greek-ext,latin,latin-ext,cyrillic,greek,vietnamese" rel='stylesheet' type='text/css'>
  
  
  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.1.1/css/material-design-iconic-font.min.css" rel="stylesheet" type="text/css" media="all" />
  
  <link href="//cdn.shopify.com/s/files/1/1567/3747/t/4/assets/bootstrap.min.3x.css?10123999787563136607" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdn.shopify.com/s/files/1/1567/3747/t/4/assets/rt.global.scss.css?10123999787563136607" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdn.shopify.com/s/files/1/1567/3747/t/4/assets/rt.password.scss.css?10123999787563136607" rel="stylesheet" type="text/css" media="all" />
  
  <script src="//cdn.shopify.com/s/files/1/1567/3747/t/4/assets/jquery-2.1.4.min.js?10123999787563136607" type="text/javascript"></script>  
  <script src="//cdn.shopify.com/s/files/1/1567/3747/t/4/assets/jquery.countdown.min.js?10123999787563136607" type="text/javascript"></script>
</head>
<body class="prelaunch">
  <div class="fixed-background container border"></div>
  <div class="fixed-bottom container border"></div>
  <div id="prelaunch" class="container">
    <div id="site-logo">
      <div class="template-logo" style="margin-right:25px;margin-top:0px;margin-left:0px;margin-bottom:-3px;">
        <a href="https://dinglesurf.com" title="Dingle Surf">
          
          <img class="img-responsive normal_logo" src="//cdn.shopify.com/s/files/1/1567/3747/t/4/assets/logo.png?10123999787563136607" alt="Dingle Surf" style="width:450px" />
          

          
          <img class="img-responsive retina_logo" src="//cdn.shopify.com/s/files/1/1567/3747/t/4/assets/logo2x.png?10123999787563136607" alt="Dingle Surf" style="width:900px;max-height:314px; height: auto !important;" />
          
        </a>
      </div>
    </div>
    <div class="password-box">
      <div class="message">
        <p>
          
        </p>
      </div>

      <div class="countdown_message">WE'RE CREATING SOMETHING NEW. <br>CHECK BACK IN WITH US SOON...</div>
      <div class="countdown">
        <div class="prelaunch-countdown"></div>
        
        <script type="text/javascript">
          jQuery(document).ready(function($){
            var currentDay = new Date();
            var offerDay = new Date( 2016, 11 - 1, 25 );

            if(currentDay < offerDay)
              $('.prelaunch-countdown').countdown({
                until: offerDay,
                format: 'DHMS',
                layout: '<div class="row">' +
                '{d<}<div class="col-xs-3"><div class="border"><span class="num">{dn}</span><span class="label">{dl}</span></div></div>{d>}' +
                '{h<}<div class="col-xs-3"><div class="border"><span class="num">{hn}</span><span class="label">{hl}</span></div></div>{h>}' + 
                '{m<}<div class="col-xs-3"><div class="border"><span class="num">{mn}</span><span class="label">{ml}</span></div></div>{m>}' +
                '{s<}<div class="col-xs-3"><div class="border"><span class="num">{sn}</span><span class="label">{sl}</span></div></div>{s>}' +
                '</div>'
              });
            else
              $('.prelaunch-countdown').parent().hide();
          });
        </script>
        <div class="cleafix"></div>
      </div>

      <h1 class="title">Will be opening soon...</h1>
      <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="✓" />
      <fieldset class="central">
        
        
        <div class="group-input">      
          <input type="password" required="required" name="password" id="password" autofocus />
          <span class="highlight"></span>
          <span class="bar"></span>
          <label>Enter store using password</label>
          <button type="submit"><i class="zmdi"></i></button>
        </div>
      </fieldset>
      </form>
    </div>
    
    <div id="widget-social" class="social-icons">
      <h2 class="title">STAY SOCIAL</h2>
      <ul class="list-inline">
        
        <li>
          <a target="_blank" href="http://facebook.com/dinglesurf" class="social-wrapper facebook">
            <span class="social-icon">
              <i class="fa fa-facebook"></i>
            </span>
          </a>
        </li>
        
        
        <li>
          <a target="_blank" href="http://twitter.com/dinglesurf" class="social-wrapper twitter">
            <span class="social-icon">
              <i class="fa fa-twitter"></i>
            </span>
          </a>
        </li>
        
        
        <li>
          <a target="_blank" href="http://pinterest.com/dinglesurf" class="social-wrapper pinterest">
            <span class="social-icon">
              <i class="fa fa-pinterest"></i>
            </span>
          </a>
        </li>
        
        
        <li>
          <a target="_blank" href="https://plus.google.com/u/1/b/106741202114369503725/" class="social-wrapper google">
            <span class="social-icon">
              <i class="fa fa-google-plus"></i>
            </span>
          </a>
        </li>
        
        
        <li>
          <a target="_blank" href="https://www.youtube.com/channel/UCFSDlvX2mm-fsW6nPVh9bMQ" class="social-wrapper youtube">
            <span class="social-icon">
              <i class="fa fa-youtube"></i>
            </span>
          </a>
        </li>
        
        
        <li>
          <a target="_blank" href="https://vimeo.com/dinglesurf" class="social-wrapper vimeo">
            <span class="social-icon">
              <i class="fa fa-vimeo-square"></i>
            </span>
          </a>
        </li>
        
        
        <li>
          <a target="_blank" href="http://flickr.com/photos/shopify" class="social-wrapper flickr">
            <span class="social-icon">
              <i class="fa fa-flickr"></i>
            </span>
          </a>
        </li>
        
        
        <li>
          <a target="_blank" href="http://instagram.com/dinglesurf" class="social-wrapper instagram">
            <span class="social-icon">
              <i class="fa fa-instagram"></i>
            </span>
          </a>
        </li>
        
        
        <li>
          <a target="_blank" href="http://tumblr.com/tagged/shopify" class="social-wrapper tumblr">
            <span class="social-icon">
              <i class="fa fa-tumblr"></i>
            </span>
          </a>
        </li>
        
        
        <li>
          <a target="_blank" href="/blogs/news.atom" class="social-wrapper rss">
            <span class="social-icon">
              <i class="fa fa-rss"></i>
            </span>
          </a>
        </li>
        
      </ul>
    </div>
  </div>
</body>
</html>
