-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
218 lines (198 loc) · 12.3 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!DOCTYPE html>
<html>
<head>
<title>Uncracked Password Generator</title>
<script src="function.js"></script>
<link rel="stylesheet" href="cascading.css"></link>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-dark bg-secondary">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="iconss.png" alt="" width="30" height="27" class="d-inline-block align-text-top">
<span style="color: red; font-weight: bold;">Un</span>crack Password Generator
</a>
</div>
</nav>
<section class="header">
<h1 style="text-align:center; padding-top:30px; font-family:'Trebuchet MS', sans-serif">Try
our strong random password generator</h1>
<p style="text-align:center; font:17px;">Generate strong passwords using Uncrack random password generator and
secure your online accounts from potential threats.</p>
</section>
<div class="class1">
<div class="class2">
<p class="ptag" id="ptag">Your Password will appear here!</p>
<input type="number" name="num" id="num" placeholder="Enter Password Length" onfocus="this.value=''"><br>
<input class="checkbox" type="checkbox" name="number" checked value="1"><label
for="number">Number</label><br>
<input class="checkbox" type="checkbox" name="symbol" value="#"><label for="symbol">Symbol</label><br>
<input class="checkbox" type="checkbox" name="smallletters" value="a" checked><label
for="smallletters">Small
Letters</label><br>
<input class="checkbox" type="checkbox" name="capitalletters" value="A"><label for="capitalletters">Capital
Letters</label><br>
<button onclick="myfunction()"
style=" border-radius: 5px; width: 300px; border: 1px solid black; margin-top: 20px;">Click to generate
password</button><br>
<button onclick="copyfunction()"
style=" border-radius: 5px; width: 300px; border: 1px solid black; margin-top: 20px;">Copy password to
clipboard</button>
</div>
</div>
<div class="random">
<h1>Strong, random passwords for the win</h1>
<p>Before we talk about strong password generators, let's look at why we need one. Passwords are the first line
of defense for your online accounts and, in some cases, your entire company. When passwords are weak,
predictable, or reused, they become easy to crack. Weak passwords are responsible for over 80% of all data
breaches in the hacking category, so it's important to use random, strong passwords for our accounts.</p>
</div>
<div class="text-center">
<h2 class="mt-5 mb-5">FAQ</h2>
</div>
<section class="container my-5" id="maincontent">
<section id="accordion">
<a class="py-3 d-block h-100 w-100 position-relative z-index-1 pr-1 text-secondary border-top"
aria-controls="faq-17" aria-expanded="false" data-toggle="collapse" href="#faq-17" role="button">
<div class="position-relative">
<h2 class="h4 m-0 pr-3">
What is a strong password?
</h2>
<div class="position-absolute top-0 right-0 h-100 d-flex align-items-center">
<i class="fa fa-plus"></i>
</div>
</div>
</a>
<div class="collapse" id="faq-17">
<div class="card card-body border-0 p-0">
<p>Any password that isn't easy to guess, hasn't been reused, and is long enough to withstand
brute-force attacks can be considered a strong password. Additionally, it's also essential to
ensure your passwords have never been exposed to the dark web through data breaches. Strong
passwords clear these checks.</p>
</div>
</div>
<a class="py-3 d-block h-100 w-100 position-relative z-index-1 pr-1 text-secondary border-top"
aria-controls="faq-18" aria-expanded="false" data-toggle="collapse" href="#faq-18" role="button">
<div class="position-relative">
<h2 class="h4 m-0 pr-3">
How to create a unique, strong password?
</h2>
<div class="position-absolute top-0 right-0 h-100 d-flex align-items-center">
<i class="fa fa-plus"></i>
</div>
</div>
</a>
<div class="collapse" id="faq-18">
<div class="card card-body border-0 p-0">
<p>To create a secure password, you should first ensure your password is long. According to the NIST
guidelines, the minimum length for any password is eight characters. However, we recommend and
encourage you to create longer passwords. The longer your password, the stronger the account's
security.
To ensure your passwords are unique, refrain from reusing them across different accounts. In
case of an attack, password reuse will widen the exposure of your data if attackers try reusing
your credentials across various applications. Finally, avoid using credentials that have already
been exposed and are readily available through other data breaches.</p>
<p>
</p>
</div>
</div>
<a class="py-3 d-block h-100 w-100 position-relative z-index-1 pr-1 text-secondary border-top"
aria-controls="faq-19" aria-expanded="false" data-toggle="collapse" href="#faq-19" role="button">
<div class="position-relative">
<h2 class="h4 m-0 pr-3">
Can a strong password get hacked?
</h2>
<div class="position-absolute top-0 right-0 h-100 d-flex align-items-center">
<i class="fa fa-plus"></i>
</div>
</div>
</a>
<div class="collapse" id="faq-19">
<div class="card card-body border-0 p-0">
<p>Technically, any password can be exposed. Even if you use a strong password, there's virtually no
guarantee that it will never get compromised. However, if your passwords are long, unique, and
random, it will take longer—sometimes even years—for an attacker to crack them using brute
force. This is why it's important to use a strong password generator while creating passwords.
</p>
<p>
</p>
</div>
</div>
<a class="py-3 d-block h-100 w-100 position-relative z-index-1 pr-1 text-secondary border-top"
aria-controls="faq-20" aria-expanded="false" data-toggle="collapse" href="#faq-20" role="button">
<div class="position-relative">
<h2 class="h4 m-0 pr-3">
Why use a password generator?
</h2>
<div class="position-absolute top-0 right-0 h-100 d-flex align-items-center">
<i class="fa fa-plus"></i>
</div>
</div>
</a>
<div class="collapse" id="faq-20">
<div class="card card-body border-0 p-0">
<p>In our online world, we use anywhere between 25 and 100 applications every week. It can be
stressful or tedious to manually create unique, strong passwords for every account. Thus, it's
essential to adopt a strong password generator. Using a random password generator tool, you can
efficiently create multiple strong passwords for all your accounts. If you use a password
manager, you can securely save these passwords to your password vault.
</p>
<p>
</p>
</div>
</div>
<a class="py-3 d-block h-100 w-100 position-relative z-index-1 pr-1 text-secondary border-top"
aria-controls="faq-21" aria-expanded="false" data-toggle="collapse" href="#faq-21" role="button">
<div class="position-relative">
<h2 class="h4 m-0 pr-3">
How do password generators work?
</h2>
<div class="position-absolute top-0 right-0 h-100 d-flex align-items-center">
<i class="fa fa-plus"></i>
</div>
</div>
</a>
<div class="collapse" id="faq-21">
<div class="card card-body border-0 p-0">
<p>A good random password generator ensures that the passwords generated are cryptographically
secure random values. These passwords cannot be predicted by attackers even if they replicate
the algorithm used by the generator, thereby proving to be adequately safe.
</p>
<p>
</p>
</div>
</div>
<a class="py-3 d-block h-100 w-100 position-relative z-index-1 pr-1 text-secondary border-top"
aria-controls="faq-22" aria-expanded="false" data-toggle="collapse" href="#faq-22" role="button">
<div class="position-relative">
<h2 class="h4 m-0 pr-3">
Are password generators safe?
</h2>
<div class="position-absolute top-0 right-0 h-100 d-flex align-items-center">
<i class="fa fa-plus"></i>
</div>
</div>
</a>
<div class="collapse" id="faq-22">
<div class="card card-body border-0 p-0">
<p>Some password generators use pseudo-random algorithms to generate strong passwords. However,
they're not cryptographically secure, so can be vulnerable to external threats.
Cryptographically secure pseudorandom number generation (CSPRNG) algorithms make it impossible
for any attacker to calculate or guess any generated values (passwords) from the password
generator. To accomplish this, CSPRNGs use randomness (entropy) obtained from a high-quality
source, generally the operating system's randomness API. This ensures your random passwords can
never be guessed or identified by malicious actors.
</p>
</div>
</div>
</section>
</section>
</body>
</html>