<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="csrf-token" content="HT8drnbqzxtiwJdTbuL86biIASFYuywsabY4PUWv">
    <meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut tortor rutrum massa efficitur tincidunt vel nec lacus. Curabitur porta aliquet diam, eu gravida neque lacinia.">
    <meta name="keywords" content="images free,stock images,stock free images" />
    <meta name="theme-color" content="#212529">
    <link rel="shortcut icon" href="http://www.premiumtextures.com/public/img/favicon-1692858840.png" />

    <title> Login -  Premium Textures - Free and Premium Stock Textures</title>

    <!-- Bootstrap core CSS -->
<link href="http://www.premiumtextures.com/public/css/core.min.css?v=4.8" rel="stylesheet">
<link href="http://www.premiumtextures.com/public/css/bootstrap.min.css?v=4.8" rel="stylesheet">
<link href="http://www.premiumtextures.com/public/css/bootstrap-icons.css" rel="stylesheet">
<link href="http://www.premiumtextures.com/public/js/fleximages/jquery.flex-images.css" rel="stylesheet">
<link href="http://www.premiumtextures.com/public/css/styles.css?v=4.8" rel="stylesheet">

<script type="text/javascript">
    var URL_BASE = "http://www.premiumtextures.com";
    var lang = 'en';
    var _title = 'Login -  Premium Textures - Free and Premium Stock Textures';
    var session_status = "off";
    var colorStripe = '#000000';
    var copiedSuccess = "Link successfully copied";
    var error = "Error occurred";
    var error_oops = "Oops...";
    var resending_code = "Resending code...";
    var isProfile = false;
    var download = 'Download';
    var downloading = 'Downloading...';
    var announcement_cookie = "oHeJZ5CNL1qLwN7sPfm5EdaKB";
    
     </script>

<style type="text/css">


 .home-cover { background-image: url('http://www.premiumtextures.com/public/img/header_index-1692859866.jpg') }
 :root {
   --color-default: #212529 !important;
   --bg-auth: url('http://www.premiumtextures.com/public/img/header_index-1692859866.jpg');
   --plan-color: #9a55ff !important;
 }
 </style>

          <!-- Web Application Manifest -->
<link rel="manifest" href="http://www.premiumtextures.com/manifest.json">
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="PremiumTextures">

<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="PremiumTextures">
<link rel="apple-touch-icon" href="public/images/icons/icon-512x512.png">


<link href="public/images/icons/splash-640x1136.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="public/images/icons/splash-750x1334.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="public/images/icons/splash-1242x2208.png" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
<link href="public/images/icons/splash-1125x2436.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
<link href="public/images/icons/splash-1536x2048.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="public/images/icons/splash-1668x2224.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="public/images/icons/splash-2048x2732.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />

<!-- Tile for Win8 -->
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="public/images/icons/icon-512x512.png">

<script type="text/javascript">
    // Initialize the service worker
    if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('http://www.premiumtextures.com/serviceworker.js', {
            scope: '.'
        }).then(function (registration) {
            // Registration was successful
            console.log('Laravel PWA: ServiceWorker registration successful with scope: ', registration.scope);
        }, function (err) {
            // registration failed :(
            console.log('Laravel PWA: ServiceWorker registration failed: ', err);
        });
    }
</script>
        
    
      </head>
  <body>
    <div class="overlay" data-bs-toggle="offcanvas" data-bs-target="#offcanvas"></div>
  <div class="popout font-default"></div>

  <div class="wrap-loader">
  <div class="progress-wrapper display-none position-absolute w-100" id="progress">
    <div class="progress progress-container">
      <div class="progress-bar progress-bg" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>
    </div>
    <div class="wrap-container">
      <div class="progress-info">
        <div class="progress-percentage">
          <span class="percent">0%</span>
        </div>
      </div>
    </div>

  </div>
  </div>

  

    <main>
      
          <div class="container-fluid">
        <div class="row">

          <div class="col-sm-6 px-0 d-none d-sm-block bg-auth"></div>

          <div class="col-sm-6 login-section-wrapper">
            <a href="http://www.premiumtextures.com" class="mb-4 mb-lg-0 logo-login">
              <img src="http://www.premiumtextures.com/public/img/logo-1692859671.png" alt="logo" width="150">
            </a>
            <div class="login-wrapper my-auto">

              
          			
                
              <h3 class="login-title">Login</h3>

              <form action="http://www.premiumtextures.com/login" method="post" id="signup_form">

                <input type="hidden" name="_token" value="HT8drnbqzxtiwJdTbuL86biIASFYuywsabY4PUWv">
                <input type="hidden" name="_url" value="http://www.premiumtextures.com">

                
                <div class="form-floating mb-3">
                 <input type="text" required class="form-control" id="inputemail" value="" name="email" placeholder="Username or Email">
                 <label for="inputemail">Username or Email</label>
               </div>

               <div class="form-floating mb-3">
                <input type="password" required class="form-control showHideInput" id="inputepassword" name="password" placeholder="Password">
                <label for="inputpassword">Password</label>

                <span class="input-show-password" id="showHidePassword">
                  <i class="far fa-eye-slash"></i>
                </span>
              </div>

              <div class="form-check mb-3">
                <input class="form-check-input" type="checkbox" name="remember" value="1" id="flexCheckDefault" >
                <label class="form-check-label" for="flexCheckDefault">
                  Remember me
                </label>
              </div>

              <button type="submit" id="buttonSubmit" class="btn w-100 btn-lg btn-custom">Login</button>

              
              </form>

              <div class="my-2 d-block">
                <a href="http://www.premiumtextures.com/password/reset" class="text-reset">Forgot Password?</a>
              </div>

                            <p class="login-wrapper-footer-text">
                Don&#039;t have an account? <a href="http://www.premiumtextures.com/register" class="text-reset text-decoration-underline">Sign up</a>
              </p>
            
            </div>
          </div>

        </div>
      </div>

      

    
    </main>

    <!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://www.premiumtextures.com/public/js/core.min.js?v=4.8"></script>
<script src="http://www.premiumtextures.com/public/js/bootstrap.min.js"></script>
<script src="http://www.premiumtextures.com/public/js/fleximages/jquery.flex-images.min.js"></script>
<script src="http://www.premiumtextures.com/public/js/timeago/jqueryTimeago_en.js"></script>
<script src="http://www.premiumtextures.com/public/js/functions.js?v=4.8"></script>
<script src="http://www.premiumtextures.com/public/js/install-app.js?v=4.8"></script>

<script type="text/javascript">

  (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "tz0em3ltz2");

</script>

    
     <div id="bodyContainer"></div>
     </body>
</html>
