-----------------------------------------------------------------------------------------------------------
READ MORE:
http://bootsnipp.com/tags/login
http://bootsnipp.com/snippets/featured/login-amp-signup-forms-in-panel
HOW WEBSITES USE THIS FORM:
https://www.wikidot.com/default--flow/login__LoginPopupScreen
-----------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Beautiful Beta</title>
<script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--javascript/init.combined.js"></script>
<script type="text/javascript">var URL_HOST="www.wikidot.com";var URL_DOMAIN="wikidot.com";var USE_SSL=true;var WIKIREQUEST={};WIKIREQUEST.info={};WIKIREQUEST.info.domain="beautifulbeta.wikidot.com";WIKIREQUEST.info.siteId=5588;OZONE.request.timestamp=1407749734;OZONE.request.date=new Date();WIKIREQUEST.info.lang="en";WIKIREQUEST.info.lang="en";OZONE.lang="en";</script>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<meta http-equiv="content-language" content="en"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--javascript/WIKIDOT.combined.js"></script>
<script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--bootstrap/3.0.0/bootstrap.min.js"></script>
<style type="text/css" id="internal-style">@import url(https://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/bootstrap-base/css/style.css);@import url(https://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--bootstrap/3.0.0/bootstrap.min.css);@import url(https://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/popup/css/style.css);</style>
<link href="https://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--fonts/awesome/3.2.1/font-awesome.min.css" rel="stylesheet">
</head>
<body id="html-body">
<div class="topbar">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<div class="wikidot-logo"></div>
<div class="site-title">Beautiful Beta</div>
<div class="site-subtitle">— Exploring the beauty of Blogger</div>
</div>
</nav>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h2 class="title">
Sign in to Beautiful Beta
</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="login-paths">
<div class="path with-wikidot">
<form method="post" action="/default--flow/login__LoginPopupScreen" onsubmit="loginClick(event)" role="form">
<div class="login-form form-group">
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input class="text form-control input-lg" name="login" type="text" placeholder="username or email address"/>
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="icon-key"></i></span>
<input class="text form-control input-lg" name="password" type="password" placeholder="password"/>
</div>
<span class="help-block">
<a href="/default--flow/login__PasswordRecoveryScreen?originSiteId=5588">Forgotten your username or password?</a>
</span>
</div>
<div class="checkbox bind-to-ip">
<label for="bind-to-ip">
<input type="checkbox" name="bind_to_ip" id="bind-to-ip"/> Sign me out if I change IP address </label>
<a href="#" class="security-explanation-link" data-toggle="popover" title="" data-container="body" data-content="<p>When you check this option, we remember you're IP address. This means that if you move your computer to another location, you will be asked to sign in again. It is also more secure and hacker-proof. </p><p> However, some firewalls make it look like you're always changing IP address, so if you use a computer that is behind a firewall, and you find yourself being mysteriously signed out, do not use this option.</p>" role="button" data-placement="auto" data-original-title="Security Explanation" data-trigger="hover">?</a>
</div>
<div class="form-group">
<div class="buttons">
<button type="submit" class="btn btn-primary btn-lg"><i class="icon-signin"></i> Sign in</button>
</div>
</div>
<input type="hidden" name="originSiteId" value="5588"/>
<input type="hidden" name="action" value="Login2Action">
<input type="hidden" name="event" value="login">
</form>
</div>
<div class="path with-facebook">
<div class="fb-connect-start">
<input type="image" src="https://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--images/social/fbc_230x36.png" id="fb-reg" onclick="WIKIDOT.modules.CreateAccountModule.listeners.createAccountFBC('login',5588,'')" style="background:0"/>
<input type="hidden" name="fbApiKey" value="257918824248849" />
<div id="fb-root"></div>
</div>
<p class="fine-print">
Wikidot does not modify your Facebook profile nor post any information on your behalf without your acceptance. </p>
</div>
</div>
<div class="or">
or </div>
<a href="/default--flow/login__CreateAccountScreen" class="btn btn-danger btn-lg create-account-button"><i class="icon-signin"></i> Create an account</a>
<div class="well" style="margin-top:20px">
<p>
If you already have a Wikidot account and want to use Facebook Connect for the first time, we advise you to: </p>
<ul>
<li>sign in using your password first,</li> <li>go to <em>My account</em> » <em>Settings</em> » <em>Connect with Facebook</em>.</li> </ul>
<p>
This way you will be sure you are connecting the right accounts. </p>
</div>
</div>
</div>
<div class="about-wikidot">
<p>
<a href="http://www.wikidot.com/about">About Wikidot.com</a> | <a href="http://blog.wikidot.com">Wikidot.com Blog</a>
</p>
</div>
<script src="https://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--modules/js/createaccount3/CreateAccountModule.js"></script>
<script type="text/javascript" charset="utf-8">$j(function(){$j("[data-toggle=popover]").popover({html:true})});</script>
<script type="text/javascript" charset="utf-8">function loginClick(b){var a=new OZONE.dialogs.WaitBox();a.content="Signing in...";a.show()};</script>
<div id="footer"></div>
</div>
<div style="display:none" id="dummy-ondomready-block"></div>
</body>
</html>
0 comments:
Post a Comment