-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
76 lines (64 loc) · 3.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Aerobatic Password Protect Demo</title>
<meta name="description" content="This demo shows how to use the Aerobatic password-protect plugin">
<meta name="author" content="Aerobatic">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="/css/normalize.css">
<link rel="stylesheet" href="/css/skeleton.css">
<link rel="stylesheet" href="/css/custom.css">
<!-- Scripts
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="/js/site.js"></script>
</head>
<body class="code-snippets-visible">
<div class="navbar-spacer"></div>
<nav class="navbar">
<div class="container">
<a href="http://www.aerobatic.com"><img src="/images/aerobatic_logo.png"></a>
</div>
</nav>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<section class="header">
<h1 class="title">Password Protect Demo</h1>
</section>
<!-- Why use Skeleton -->
<div class="docs-section" id="intro">
<p>
The Aerobatic password-protect plugin is an easy way to add a password form in front of all or parts of your static website.
You can either use our standard password form or you can code your own HTML login page. Read the <a href="https://www.aerobatic.com/docs/plugins/password-protect/">full documentation</a> or view the <a href="https://github.com/aerobatic/password-protect-demo">source code</a>.
</p>
</div>
<!-- Example -->
<div class="docs-section examples" id="examples">
<h6 class="docs-header">Example</h6>
<div class="row example">
<p>Access to this site is restricted to our clients.</p>
<p>
<a class="button button-primary" href="/protected-standard/" role="button">Standard form</a>
<a class="button button-primary" href="/protected-custom/" role="button">Custom form</a>
<a class="button button-primary" href="/protected-username/" role="button">Standard username/password form</a>
</p>
<p> p.s. Since this is just a demo, the password and username is 'aerobatic'.</p>
<p>To implement password protection in your website, see the Aerobatic <a href="https://www.aerobatic.com/docs/plugins/password-protect/">documentation</a>.</p>
</div>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>