Start Here
Core Concepts
UI Effects
Animations
Box Shadows
Text Shadow
UI Widgets
Color Shade
Gradient
Text Gradient
Background Gradient
Border Gradient
Other Pages
Nav First Level
Nav Second Level
Nav Third Level
N
A
V
A
V
Source Code
<section class="DyFx FxJyCtCr">
<div class="DyFx FxDnCn FxJyCtCr FxAnIsCr Br1 CrBrGy BrRs2p Wh99p Sl:Wh40p">
<div class="Wh100p DyFx FxJyCtCr FxAnIsCr">
<div class="Ht100">
<img src="~/images/CelebrateTech.svg" class="Wh100p Ht100p" />
</div>
</div>
<div class=" TtAnCr">
<h1 class="">Welcome Back</h1>
<h5 class=" PgTp20">Let's Get Started</h5>
</div>
<div class="Pg20 Wh90p">
<form id="LoginFormID" action="/" method="post" novalidate="novalidate">
<div id="CreateOrEditLogin">
<div style="display:none;">responseformUT ShowValidation</div>
<input type="hidden" value="" id="ReturnUrl" name="ReturnUrl">
<div class="PgTpBm10">
<input class="TtBx" type="Email" placeholder="User Email" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-required="The Email field is required." id="Email" name="Email" value="">
</div>
<div class="PgTpBm10">
<input class="TtBx" id="LoginPassword" type="password" placeholder="Password" data-val="true" data-val-required="The Password field is required." name="Password">
</div>
</div>
<div class="PgTpBm10">
<button type="submit" class="Bn CrBrTe CrBdTe CrWe Wh100p">Log In</button>
</div>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8P5m-86tl6hLsnZc6YWdK4KwPi8PGDxQyIPiWqlOXO32wL-_IPSr_7980-ZPvG-5-zWM-qxbN7sIBj0nb_2wmpv4wZk4kJqilZIH3EiK48alwqTxFxO48aNkA8rXImUYkv5YkpRnFepXNfvWudd0Oc0">
</form>
<div class="TtAnCr">
<a href="#" class="FtSe10 CrBe">Forgot your password</a>
</div>
<div class="PgTpBm10">
<a href="#" class='Bn CrBdTt Br1 CrBrGy80Lt CrGy30Lt Wh100p' style="font-size: 10px;">Create New Account</a>
</div>
</div>
</div>
</section>
Web Tool
Celebrate Tech © 2008 - 2024
Welcome Amit
Logout
Change Password
Change Email