-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
28 lines (26 loc) · 1.74 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
<html>
<head><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
<link rel="stylesheet" href="index.css">
<link rel="shortcut icon" href="/Password-Generator/password images.jpg" type="image/x-icon">
</head>
<body>
<div class="page">
<h1>Generate a</h1>
<h1 class="col">random password</h1>
<p class="never">Never use an insecure password again.</p>
<div class="slide"><input type="range" min="4" value="8" max="12" id="myRange"></div>
<p class="never" id="demo">Length of password: </p>
<div class="genBtn" onclick="gen()">
<img src="Icon.png" alt="ico">
<p class="never">Generate passwords</p>
</div>
<div id="Pass">
<div id="pass2" onclick="copy2()"><p id="copyp2">-</p><span id="hello2"><img src="ok-512.png" id="copied2" alt="">Copied</span><span class="tooltip" id="tooltip1">Click to copy</span></div>
<div id="pass3" onclick="copy3()"><p id="copyp3">-</p><span id="hello3"><img src="ok-512.png" id="copied3" alt="">Copied</span><span class="tooltip" id="tooltip2">Click to copy</span></div>
<div id="pass4" onclick="copy4()"><p id="copyp4">-</p><span id="hello4"><img src="ok-512.png" id="copied4" alt="">Copied</span><span class="tooltip" id="tooltip3">Click to copy</span></div>
<div id="pass1" onclick="copy1()"><p id="copyp1">-</p><span id="hello1"><img src="ok-512.png" id="copied1" alt="">Copied</span><span class="tooltip" id="tooltip4">Click to copy</span></div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>