-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
129 lines (123 loc) · 6.89 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="InsiderKeeps - Developer of useful software tools and applications to simplify the use of PC">
<meta name="keywords" content="InsiderKeeps, developer, software, applications, productivity, security, technology, Telegram">
<meta name="author" content="InsiderKeeps">
<meta property="og:url" content="https://farmerok.github.io">
<meta property="og:description" content="Discover useful software tools and applications created by InsiderKeeps. Enhance productivity and security with my software.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="src/image/ico.png" sizes="64x64">
<title>IK - Software Products</title>
<link rel="stylesheet" href="src/style/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<nav>
<div class="nav-content">
<div class="logo">InsiderKeeps Dev
</div>
<div class="nav-contacts">
<a href="https://t.me/insiderkeeps" target="_blank"><i class="fab fa-telegram"></i></a>
<a href="mailto:insiderkeeps.dev@gmail.com"><i class="fas fa-envelope"></i></a>
<a href="https://www.youtube.com/@IKDeveloper" target="_blank"><i class="fas fa-youtube"></i></a>
</div>
<div class="nav-links">
<a href="#hero" data-lang="nav-home"><i class="fas fa-home"></i> Home</a>
<a href="#about" data-lang="nav-about"><i class="fas fa-info-circle"></i> About</a>
<a href="#projects" data-lang="nav-projects"><i class="fas fa-cogs"></i> Products</a>
</div>
<div class="language-switcher">
<button onclick="changeLanguage('en')" class="lang-btn">English</button>
<button onclick="changeLanguage('uk')" class="lang-btn">Українська</button>
<button onclick="changeLanguage('ru')" class="lang-btn">Русский</button>
</div>
</div>
</nav>
<section id="hero" class="section">
<div class="container" data-aos="fade-up">
<h1 class="title" data-lang="hero-title">Welcome to InsiderKeeps</h1>
<p class="description" data-lang="hero-description">
Discover healthy software tools and applications that will make your life easier
</p>
<div class="scroll-indicator">
<div class="mouse"></div>
<p data-lang="scroll-text"><i class="fas fa-arrow-down"></i> Scroll down</p>
</div>
</div>
</section>
<section id="about" class="section">
<div class="container" data-aos="fade-up">
<h2 class="section-title" data-lang="about-title">About Me</h2>
<div class="about-content">
<div class="about-text" data-aos="fade-right">
<p data-lang="about-description">I create and share useful software tools and applications. My goal is to provide solutions that enhance productivity and improve user experience.</p>
<div class="skills">
<div class="skill-item">
<i class="fas fa-shield-alt"></i>
<span data-lang="skill-security">Security</span>
</div>
<div class="skill-item">
<i class="fas fa-tachometer-alt"></i>
<span data-lang="skill-performance">Performance</span>
</div>
<div class="skill-item">
<i class="fas fa-user-shield"></i>
<span data-lang="skill-privacy">Privacy</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="projects" class="section">
<div class="container" data-aos="fade-up">
<h2 class="section-title" data-lang="projects-title">My Products</h2>
<div class="projects-grid">
<div class="project-card" data-aos="fade-up">
<h3 data-lang="project1-title"><i class="fas fa-bolt"></i> Telegram Helper</h3>
<p data-lang="project1-description">Advanced task management application with smart scheduling and priority system</p>
<div class="project-tags">
<span><i class="fab fa-telegram"></i> Telegram-Bot</span>
<span><i class="fas fa-desktop"></i> Windows 7-11</span>
</div>
<a href="https://github.com/Farmerok/Telegram-Remote-Control-PC?tab=readme-ov-file#-download" class="download-btn" target="_blank">
<i class="fas fa-download"></i> Download
</a>
<h3 data-lang="project2-title"><i class="fas fa-mail-bulk"></i> MailReader Telegram Bot</h3>
<p data-lang="project2-description">
A Telegram bot that lets you read your emails directly in Telegram. View email contents without switching apps.
</p>
<div class="project-tags">
<span><i class="fas fa-envelope"></i> Email</span>
<span><i class="fab fa-telegram"></i> Telegram Bot</span>
</div>
<a href="https://github.com/Farmerok/Telegram-MailReader/archive/refs/heads/main.zip" class="download-btn" target="_blank">
<i class="fas fa-download"></i> Download
</a>
<h3 data-lang="project3-title"><i class="fas fa-mouse-pointer"></i> Clicker</h3>
<p data-lang="project3-description">
Simple and easy to set up and use Auto Clicker. Choose the application, set the time until it clicks, and START!
</p>
<div class="project-tags">
<span><i class="fas fa-mouse"></i> Mouse</span>
</div>
<a href="https://github.com/Farmerok/Auto-Clicker/archive/refs/heads/main.zip" class="download-btn" target="_blank">
<i class="fas fa-download"></i> Download
</a>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<p>© 2025 InsiderKeeps Dev.</p>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="src/scripts/translations.js"></script>
<script src="src/scripts/main.js"></script>
</body>
</html>