-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (91 loc) · 4.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Karot</title>
<link rel="stylesheet" href="css/css.css">
<link rel="icon" href="files/karotka.png" type="image/icon">
<meta property="og:title" content=Karot>
<meta content="Karot is a Discord bot that has loads of utility, fun & image commands to pog up your server!" property="og:description">
<meta content=https://karot.xyz/files/karotka.png property="og:image">
<meta name="theme-color" content=#E54918>
<meta name="keywords" content="discord, discord bot, bot, karot, mrkva, mrkvička, karotka, discord.js, javascript">
</head>
<body>
<div class="navbar">
<div class="container">
<a class="logo" href="index.html">Karot</a>
<img id="mobile-cta" class="mobile-menu" src="files/lines1.svg" alt="Open Navigation">
<nav>
<img id="mobile-close" class="mobile-exit" src="files/close1.svg" alt="Close Navigation">
<ul class="primary-nav">
<li class="current"><a href="#">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="https://discord.gg/khjjAJ943S">Support</a></li>
<li><a href="https://docs.karot.xyz/">Docs</a></li>
</ul>
<ul class="secondary-nav">
<li class="invite01"><a href="https://discord.com/oauth2/authorize?client_id=822391645697212416&permissions=322632&redirect_uri=https://karot.xyz/hi.html&response_type=code&scope=bot%20applications.commands" class="text01">Invite</a></li>
</ul>
</nav>
</div>
</div>
<section class="main">
<div class="container">
<div class="middle">
<img src="files/karotka.png" alt="Karot Logo" class="main-logo-middle">
<h1 class="main-text-name">Karot</h1>
</div>
<div class="cta-main">
<a href="https://discord.com/oauth2/authorize?client_id=822391645697212416&permissions=322632&redirect_uri=https://karot.xyz/hi.html&response_type=code&scope=bot%20applications.commands" class="prve-tlacitko">Invite</a>
<a href="https://discord.gg/PSC4CgkuMS" class="druhe-tlacitko">Support</a>
</div>
</div>
</section>
<section class="features-section">
<h3 class="features-text"><center>Features</center></h3>
<div class="containerf" id="features">
<div class="box1">
<h3 class="textf">Utility</h3>
<p class="subf">Karot is a great bot for utility stuff, such as for making an embed, password generation and more!</p>
</div>
<div class="box2">
<h3 class="textf">Fun</h3>
<p class="subf">Karot is also a great bot for your community with a boad loads of memes and jokes just for you! 🧡</p>
</div>
<div class="box3">
<h3 class="textf">Image</h3>
<p class="subf">The bot also has loads of cute pups and other wowie cutie animals just for you! It can also manipulate your images for a pog experience!</p>
</div>
</div>
</section>
<footer>
<div class="footer-content">
<h3 class="futer-textisko">Karot</h3>
<p class="futer-textik"><a href="privacy.html">Privacy</a> <a href="https://abuse.karot.xyz/">Abuse</a> </p>
<ul class="ikonki">
<li><a href="https://discord.gg/khjjAJ943S"><i class="fab fa-discord"></i></a></li>
<li><a href="https://www.instagram.com/karotbot/"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://github.com/karotbot"><i class="fab fa-github"></i></a></li>
</ul>
</div>
<div class="footer-oliverko">
<p><center>Web by <a href="https://oliminator.net" class="oliverkolink">OLIMINATOR</a> </center></p>
</div>
</footer>
<script src="https://kit.fontawesome.com/5acf4d9e80.js" crossorigin="anonymous"></script>
<script>
const mobileBtn = document.getElementById('mobile-cta')
nav = document.querySelector('nav')
mobileBtnExit = document.getElementById('mobile-close');
mobileBtn.addEventListener('click', () => {
nav.classList.add('menu-btn');
})
mobileBtnExit.addEventListener('click', () => {
nav.classList.remove('menu-btn');
})
</script>
</body>
</html>