-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
52 lines (44 loc) · 2.41 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quantum Rizzics - The ultimate pickup lines generator</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://fonts.googleapis.com/css2?family=Outfit:[email protected]&family=Space+Grotesk:[email protected]&display=swap" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="favicon.png">
</head>
<body>
<div class="hero">
<div class="title">
<h2>Quantum Rizzics</h2>
<h1>gen z pickup lines generator</h1>
<p class="desc">Need some fire pick-up lines to level up your game? Look no further! Quantum Rizzics dishes out random, smooth, and hilarious lines to help you break the ice or just vibe. Whether you're tryna impress or just get some laughs, we got you with our huge rizz lines database ready to go.</p>
<a href="#" class="gen-btn" onclick="generateRizz()"><i class="fa-solid fa-wand-magic-sparkles"></i>Generate</a>
</div>
<div class="results">
<div class="result-rizz">
<p id="rizz-string">Click on the generate button to see results!</p>
</div>
<div class="result-action">
<a href="#" class="copy disabled" onclick="copyRizz()"><i class="fa-solid fa-copy"></i>Copy to clipboard</a>
</div>
</div>
</div>
<div id="copy-popup" class="copy-popup">
<i class="fas fa-check"></i> Copied to clipboard!
</div>
<div class="source-code">
<a href="https://github.com/hawtsauce/quantum-rizzics" target="_blank">
<i class="fab fa-github"></i> Source Code
</a>
</div>
<footer>
dm <a href="https://instagram.com/linkon_naii" target="_blank" style="color: #0095ff; text-decoration: none;">@linkon_naii</a> on insta to report any bugs or issues.
</footer>
<script src="script.js"></script>
</body>
</html>