https://www.csslight.com/forgot-password

1<!DOCTYPE HTML>
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<meta name="msvalidate.01" content="28A272D5BD6F9C75E812A4E7AA7BCBCB" />
7<title>CSS Light - Featured Of The Day - Website Awards - CSS Gallery</title>
8<meta name="keywords" content="site awards, web awards, inspiration, css gallery, creative design, web designers, design, studios, agencies, usability, best websites, featured of the day, web design awards, freelance" />
9<meta name="title" content="CSS Light - Featured Of The Day - Website Awards - CSS Gallery" />
10<meta name="description" content="CSS Light is a stunning platform to showcase and promote new talents and trends in the world of designing." />
11<link rel="canonical" href="https://www.csslight.com/" />
12
13<meta property="og:url"                content="https://www.csslight.com/" />
14<meta property="og:title"              content="CSS Light - Featured Of The Day - Website Awards - CSS Gallery" />
15<meta property="og:description"        content="CSS Light is a stunning platform to showcase and promote new talents and trends in the world of designing." />
16<meta property="og:image"              content="https://www.csslight.com/application/upload/SeoImage/1-csslight-gallery.png" />
17
18<meta name="twitter:card" content="summary_large_image"/>
19<meta name="twitter:description" content="CSS Light is a stunning platform to showcase and promote new talents and trends in the world of designing."/>
20<meta name="twitter:title" content="CSS Light - Featured Of The Day - Website Awards - CSS Gallery"/>
21<meta name="twitter:site" content="@CssLight"/>
22<meta name="twitter:domain" content="CssLight"/>
23<meta name="twitter:creator" content="@CssLight"/>
24<meta name="twitter:image:src" content="https://www.csslight.com/application/upload/SeoImage/1-csslight-gallery.png" />
25<link href='https://fonts.googleapis.com/css?family=Nunito|Questrial' rel='stylesheet' type='text/css'>

26<script type='text/javascript' src='https://www.csslight.com/application/assets/public/js/jquery-1.11.1.js'></script>

26

27<script type='text/javascript' src='https://www.csslight.com/application/assets/public/js/jquery.reveal.js'></script>

27

28<script type='text/javascript' src='https://www.csslight.com/application/assets/shared/js/script.js'></script>

28

29<script type='text/javascript' src='https://www.csslight.com/application/assets/public/js/jquery.js'></script>

29

30<script type='text/javascript' src='https://www.csslight.com/application/assets/public/js/jquery_002.js'></script>

30

31<script type='text/javascript' src='https://www.csslight.com/application/assets/public/js/ajaxupload.3.5.js'></script>

31

32<script type='text/javascript' src='https://www.csslight.com/application/assets/public/js/facebook.js'></script>

32

33<script type='text/javascript' src='https://www.csslight.com/application/assets/public/js/google.js'></script>

33

34<script type='text/javascript' src='https://www.csslight.com/application/assets/shared/js/jquery.validationEngine.js'></script>

34

35<script type='text/javascript' src='https://www.csslight.com/application/assets/shared/js/jquery.validationEngine-en.js'></script>

35
36<link type='text/css' rel='stylesheet' href='https://www.csslight.com/application/assets/public/css/style.css' />
37<link type='text/css' rel='stylesheet' href='https://www.csslight.com/application/assets/public/css/font-awesome.min.css' />
38<link type='text/css' rel='stylesheet' href='https://www.csslight.com/application/assets/shared/css/validationEngine.jquery.css' />
39
40

41<script type="text/javascript">
42base_url="https://www.csslight.com/";
43
44$(document).ready(function(){
45	
46	redirect_url=base_url;
47	
48	$('#Login').click(function()
49	{
50		var EmailAddress=$("#EmailAddress").val();
51		var Password=$("#Password").val();
52		var dataString = 'EmailAddress='+EmailAddress+'&Password='+Password;
53		
54		if($.trim(EmailAddress).length>0 && $.trim(Password).length>0)
55		{
56			$.ajax({
57			type: "POST",
58			url: base_url+"user/login",
59			data: dataString,
60			dataType: "json",
61			cache: false,
62			//beforeSend: function(){ $("#login").val('Connecting...');},
63			success: function(data){
64				if(data.IsValid=="Yes")
65				{
66					if(data.IsVerify=="Yes")
67					{
68						if(data.FirstTimeLogin=="Yes")
69						{
70							window.location.href =base_url+"view_profile"
71						}
72						else
73						{
74							window.location.href =redirect_url ;
75						}
76					}
77					else
78					{
79						$(".LoginError").show();
80						$(".LoginError").text('Please verify your account');
81					}
82					
83				}
84				else
85				{
86					$(".LoginError").show();
87					$(".LoginError").text('Incorrect E-mail, username or password');
88				}
89			 }
90		  });
91		}
92		else
93		{
94			
95		}
96	});
97	
98	$('#login_form').validationEngine();
99	$('#search_bar').click(function(){
100		if($(this).val() == "search")
101		{
102			$(this).val('');
103		}
104	});
105	$('#search_bar').focusout(function(){
106		if($(this).val() == "")
107		{
108			$(this).val('search');
109		}
110	});
111	var csslight = 1;
112	$('.search-icon').on('click', function(event){
113			//event.preventDefault();
114			toggleSearch();
115			$('.nav-bar').removeClass('is-visible');
116			$('#nav-icon').removeClass('nav-is-visible');
117	});
118	$('#nav-icon').on('click', function(event){
119			event.preventDefault();
120			toggleNavbar();
121			$('.search').removeClass('is-visible');
122			$('.search-icon').removeClass('search-is-visible');
123			
124	});
125	
126	function toggleSearch(type) {
127		if(type=="close") {
128			$('.search').removeClass('is-visible');
129			$('.search-icon').removeClass('search-is-visible');
130			$('.site-overlay').removeClass('search-is-visible');
131		} else {
132			$('.search').toggleClass('is-visible');
133			$('.search-icon').toggleClass('search-is-visible');
134			$('.site-overlay').toggleClass('search-is-visible');
135			if($(window).width() > csslight && $('.search').hasClass('is-visible')) $('.search').find('input[type="search"]').focus();
136			($('.search').hasClass('is-visible')) ? $('.site-overlay').addClass('is-visible') : $('.site-overlay').removeClass('is-visible') ;
137		}
138	}
139	function toggleNavbar(type) {
140		if(type=="close") {
141			$('.nav-bar').removeClass('is-visible');
142			$('#nav-icon').removeClass('nav-is-visible');
143			$('.site-overlay').removeClass('nav-is-visible');
144		} else {
145			$('.nav-bar').toggleClass('is-visible');
146			$('#nav-icon').toggleClass('nav-is-visible');
147			$('.site-overlay').toggleClass('nav-is-visible');
148			if($(window).width() > csslight && $('.nav-bar').hasClass('is-visible')) $('.search').find('input[type="search"]').focus();
149			($('.nav-bar').hasClass('is-visible')) ? $('.site-overlay').addClass('is-visible') : $('.site-overlay').removeClass('is-visible') ;
150		}
151	}
152
153	$('.site-overlay').on('click', function(){
154		toggleSearch('close')
155		toggleNavbar('close')
156		$('.site-overlay').removeClass('is-visible');
157	});
158});
159
160
161</script>

161
162<!-- 

162<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

162

163<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

163 -->

164<script>

164
165  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
166  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
167  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
168  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
169
170  ga('create', '

170UA-33678906-1

170', 'csslight.com');
171  ga('send', 'pageview');
172
173

174</script>

174
175
176<!-- BuySellAds Ad Code -->

177<script type="text/javascript">
178(function(){
179  var bsa = document.createElement('script');
180     bsa.type = 'text/javascript';
181     bsa.async = true;
182     bsa.src = '//s3.buysellads.com/ac/bsa.js';
183  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
184})();
185</script>

185
186<!-- End BuySellAds Ad Code -->
187
188
189 

189<script type="text/javascript">
190    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
191    var disqus_shortname = 'csslight'; // required: replace example with your forum shortname
192
193    /* * * DON'T EDIT BELOW THIS LINE * * */
194    (function () {
195        var s = document.createElement('script'); s.async = true;
196        s.type = 'text/javascript';
197        s.src = '//' + disqus_shortname + '.disqus.com/count.js';
198        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
199    }());
200    </script>

200
201</head>
202
203<body>
204
205
206<div id="login" class="reveal-modal">
207  <h1>Login</h1>
208  <div class="login-form">
209  	<form action="javascript:;" name="login_form" id="login_form" method="post">
210  	<div class="field prepend-icon state-success">
211    <input name="EmailAddress" id="EmailAddress" type="text" placeholder="E-mail or username" class="form-input gui-input validate[required]" data-prompt-position="topRight:-100,10">
212   </div>
213   <div class="field prepend-icon state-success">
214    <input name="Password" type="password" id="Password" placeholder="Password" class="form-input gui-input validate[required]" data-prompt-position="topRight:-100,10">
215   </div>
216   <div class="LoginError"></div>
217    <input name="Login" type="submit" value="Login" id="Login" class="btn blue block">
218    <div class="row MT10">
219      <div class="left">
220        <!--<input name="" type="checkbox" value="">
221        Remember me-->
222        </div>
223      <div class="right"><a href="https://www.csslight.com/forgot-password" class="red-text underline">Forgot Password?</a></div>
224    </div>
225    </form>
226  </div>
227  <!--<div class="or-line"><span>or</span></div>
228  <div class="row login-with">
229    <div class="col-6"><a href="javascript:;" onclick="facebookLogin();" class="facebook btn"><i class="fa fa-facebook"></i> Login with Facebook</a></div>
230    <div class="col-6"><a href="javascript:;" onclick="googleLogin();"  class="g-plus btn"><i class="fa fa-google-plus"></i> Login with Google</a></div>
231  </div>-->
232  <div class="register">Not a member yet? <a href="https://www.csslight.com/register" class="blue-text">Register now</a></div> <a class="close-reveal-modal">&#215;</a> </div>
233<div class="site-overlay"></div>
234<div class="sitecontainer">
235<header>
236	<div class="logo"><a href="https://www.csslight.com/"><img src="//www.csslight.com/application/assets/public/images/csslight.svg" alt="CSS Light" title="CSS Light" /></a></div>
237	<nav class="nav-bar"><ul>
238        <li><a href="https://www.csslight.com/">Home</a></li>
239        <li><a href="https://www.csslight.com/featured-sites">Featured Sites</a></li>
240        <li><a href="https://www.csslight.com/gallery">Gallery</a></li>
241        <li><a href="https://www.csslight.com/directory">Directory</a></li>
242        <li><a href="https://www.csslight.com/categories">Categories</a></li>
243        <li><a href="https://www.csslight.com/about">About Us</a></li>
244        <li class="submit-site"><a href="https://www.csslight.com/submitsite">Submit Your Site</a></li>
245      </ul></nav>
246	<div class="right">
247    <div class="user-login"><a href="javascript:;" class="user-login-icon"><i class="fa fa-user"></i></a>
248        <ul>
249        				 <li><a data-reveal-id="login" href="javascript:;">Login</a></li>
250             <li><a href="https://www.csslight.com/register">Register</a></li>
251			          
252           
253        </ul>
254    </div>
255    <a href="javascript:;" class="search-icon"><i class="fa fa-search"></i><i class="fa fa-times"></i></a><a href="https://www.csslight.com/submitsite" class="btn-submit">Submit Your Site</a>
256    <a id="nav-icon" href="javascript:;"><span></span> <span></span> <span></span></a>
257    </div>
258    <div class="search">
259          <form action="https://www.csslight.com/search" method="post">
260	          <input name="search_data" id="search_bar" type="text" value="search" class="textfiled" />
261	          <button name="submit" type="submit"><i class="fa fa-search"></i></button>
262          </form>
263        </div>
264</header>
265
266  

267<script type="text/javascript">
268jQuery(document).ready(function(){	
269	$('#forgot_password_form').validationEngine()
270});
271</script>

271	
272<div class="gray-bg">    
273    <div class="container register PLR20">
274  	<div class="sub-hd"><h1 class="text-center float-none">Forgot Password</h1></div>
275      		     <div class="row white-bg">
276    	<form name="forgot_form" id="forgot_password_form" method="post" action="https://www.csslight.com/forgot-password">
277        <div class="col-12">
278        	<div class="field prepend-icon state-success" for="UserName">
279        	<input name="UserName" id="UserName" type="text" placeholder="E-mail or username" class="form-input gui-input validate[required]" data-prompt-position="topRight:-100,10">
280        	</div>
281        </div>
282        <div class="col-12">
283        	<input name="" class="btn green block" type="submit" value="Submit">
284        </div>
285        </form>
286    </div>
287  </div>
288</div>
289  
290<!-- BuySellAds Zone Code -->
291<div class="buy-sell-ads-lg" style="display:none;"><div id="bsap_1308402" class="bsarocks bsap_ebf9a7f5fd60d9d9c548bb07de1ad2e2"></div></div>
292<!-- End BuySellAds Zone Code -->
293<div class="sponsors">
294  <div class="container">
295    <div class="row">
296      <div class="col-12">
297        <div class="big-ads">
298          <ul>
299                        <li><a href="https://www.mschristensen.com/" target="_blank"> <img src="https://www.csslight.com/application/upload/AdvertisementPhoto/27-mschristensen.jpg" alt="" title="Morten Stig Christensen" /> </a></li>
300                        <li><a href="https://topdesignking.com/" target="_blank"> <img src="https://www.csslight.com/application/upload/AdvertisementPhoto/23-top-design-king.png" alt="" title="Top Design King - Website Awards" /> </a></li>
301                        <li><a href="https://www.webgallerysubmission.com" target="_blank"> <img src="https://www.csslight.com/application/upload/AdvertisementPhoto/11-web-gallery-submission.jpg" alt="" title="Web Gallery Submission" /> </a></li>
302                        <li><a href="http://www.bestcss.in" target="_blank"> <img src="https://www.csslight.com/application/upload/AdvertisementPhoto/3-bestcss.png" alt="" title="bestcss.in CSS Web Gallery  " /> </a></li>
303                                   <!--  <li>
304            BuySellAds Zone Code -->
305<!--<div id="bsap_1305501" class="bsarocks bsap_ebf9a7f5fd60d9d9c548bb07de1ad2e2"></div>
306 End BuySellAds Zone Code </li>-->
307          </ul>
308        </div>
309      </div>
310    </div>
311  </div>
312</div>
313
314<footer>
315<div class="container">
316<div class="row">
317	<div class="col-7"><a href="https://www.csslight.com/about">About Us</a>|<a href="https://www.csslight.com/contact">Contact Us</a>| <a href="https://www.csslight.com/contact">Advertising</a>|<a href="https://www.csslight.com/privacy_policy">Privacy Policy</a></div>
318    <div class="col-5">
319    	<div class="social">
320            <a target="_blank" class="facebook" href="http://www.facebook.com/csslight" title="CSS Light on Facebook"><i class="fa fa-facebook"></i></a>
321            <a target="_blank" class="twitter" href="https://twitter.com/csslight" title="CSS Light on Twitter"><i class="fa fa-twitter"></i></a>
322            <a target="_blank" class="instagram" href="https://www.instagram.com/csslightgallery" rel="publisher" title="CSS Light on Instagram"><i class="fa fa-instagram"></i></a>
323            <a target="_blank" class="pinterest" href="https://pinterest.com/csslight/" title="CSS Light on Pinterest"><i class="fa fa-pinterest-p"></i></a>
324        </div>
325    </div>
326</div>
327
328</div>
329<div class="row sub-foot">
330    <div class="col-12 text-center"> All rights reserved &copy; 2026 CSS Light.com</div>
331</div>
332</footer>
333</div>
334</body>
335</html>