-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
306 lines (270 loc) · 16.2 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
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" id="stylesheet" type="text/css" href="styles.css">
<!-- Favicon start here -->
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="manifest.json">
<!-- Favicon ends here -->
<!-- Open Graph Tags -->
<meta property="og:logo" content="favicon/favicon-32x32.png" >
<meta property="og:title" content="Serhii Kolodych's Web Development and Automation Projects">
<meta property="og:description" content="Serhii Kolodych’s latest web development projects! ✓ WordPress sites ⇔ SEO strategies ✉ Custom Telegram bots ☆ Click and Explore! 🥇">
<meta property="og:url" content="https://kolodych.com/">
<meta property="og:image" content="https://kolodych.com/src/kolodych.com-preview-site.webp">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Serhii Kolodych's Web Development and Automation Projects">
<!-- END Open Graph Tags -->
<!-- Schema Markup Addition -->
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "WebPage",
"name": "Serhii Kolodych's Web Development and Automation Projects",
"description": "Serhii Kolodych’s latest web development projects! ✓ WordPress sites ⇔ SEO strategies ✉ Custom Telegram bots ☆ Click and Explore! 🥇",
"url": "https://kolodych.com/",
"image": {
"@type": "ImageObject",
"url": "https://kolodych.com/src/kolodych.com-preview-site.webp"
},
"publisher": {
"@type": "Person",
"name": "Serhii Kolodych",
"image": {
"@type": "ImageObject",
"url": "https://kolodych.com/favicon/favicon-32x32.png"
}
}
}
</script>
<!-- END Schema Markup Addition -->
<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="kolodych.com">
<meta name="twitter:title" content="Serhii Kolodych's Web Development and Automation Projects">
<meta name="twitter:description" content="Serhii Kolodych’s latest web development projects! ✓ WordPress sites ⇔ SEO strategies ✉ Custom Telegram bots ☆ Click and Explore! 🥇">
<meta name="twitter:image" content="https://kolodych.com/src/kolodych.com-preview-site.webp">
<meta name="twitter:site" content="@serhiikolodych">
<!-- END Twitter Card Tags -->
<title>Serhii Kolodych's website</title>
<link rel="canonical" href="https://kolodych.com/">
<meta name="description" content="Serhii Kolodych’s latest web development projects! ✓ WordPress sites ⇔ SEO strategies ✉ Custom Telegram bots ☆ Click and Explore! 🥇">
<meta name="keywords" content="Custom WordPress Sites, Python Automation, Telegram Bot Services, SEO Improvements, Web Development Tips, E-commerce Customization, WordPress Tutorials">
</head>
<body>
<canvas id="c" class="c-5"></canvas>
<!-- <script src="background-white.js"></script> -->
<!-- <script src="zoom.js"></script> -->
<!-- Load the appropriate background script based on the whiteState -->
<script src="scripts/index-1.js"></script>
<h1 id="heading">Serhii Kolodych's Web Development and Automation Projects</h1>
<a href="#" id="change-style-link">White</a>
<div class="container">
<!-- This Site Uses Cookies Item--- Explore the role of cookies, their potential risks, and how they affect privacy. This article provides insights on compliance with GDPR regulations and managing cookies on your website. -->
<div class="box">
<i></i>
<p>
Explore the article about cookies.. 🍪
</p>
<a href="website/this-site-uses-cookies.html">
<h2>This Site Uses Cookies. Do You Agree?</h2>
</a>
<div class="button-container">
<button id="yesButton" class="response-button" data-color="green">Yes</button>
<button id="noButton" class="response-button" data-color="red">No</button>
</div>
<!-- Hidden paragraph for feedback -->
<p id="feedbackMessage" class="feedback-message none-display">Thank you for your feedback!</p>
<a href="website/this-site-uses-cookies.html">
<div class="imgcontainer">
<img loading="lazy" src="src/450-cookie-image.jpg" width="450" height="240" title="This Site Uses Cookies (kolodych.com)" alt="Image of a desktop setup with a laptop, smartphone, mouse, keyboard, and cookies on a plate">
</div>
</a>
</div>
<!-- NGINX -->
<div class="box">
<i></i>
<p>
Understand the power of Nginx as a web server, with detailed instructions on installing Nginx on Ubuntu. With Nginx and Docker, you can optimize performance and handle heavy traffic with ease.
</p>
<a href="articles/nginx.html">
<h2>Nginx: What is It and Why Should You Care? </h2>
<div class="imgcontainer">
<img loading="lazy" src="articles/450-nginx-status.jpg" width="450" height="240" title="Nginx Installation and Optimization Guide" alt="A screenshot showing Nginx server configuration steps and optimization settings.">
</div>
</a>
</div>
<!-- Understanding Telegram Bots -->
<div class="box">
<i></i>
<p>
Uncover the potential of Telegram bots for businesses. This guide explores various applications, including customer support and automated notifications, to enhance user engagement.
</p>
<a href="articles/first-telegram-bot.html">
<h2>Understanding Telegram Bots</h2>
<div class="imgcontainer">
<img loading="lazy" src="articles/450-creating_a_telegram_bot_token_api.jpg" width="450" height="240" title="Making a Telegram Bot: Tips and Best Practices" alt="Example of a Telegram chat with BotFather, highlighting the /newbot command and the token for a newly created bot.">
</div>
</a>
</div>
<!-- Website Development Tools Item -->
<div class="box">
<i></i>
<p>
I use Image Resizer for formats like JPG and WEBP. Dead Link Checker helps identify broken links, and PageSpeed Insights offers performance metrics, while Seobility - overall SEO health.
</p>
<a href="website/web-dev-tools.html">
<h2>My Go-To Web Arsenal</h2>
<div class="imgcontainer">
<img loading="lazy" src="website/450-website-development-tools-and-services.jpg" width="450" height="240" title="Website Development Tools list" alt="Blackboard with Website Development Tools and Services title and teacher">
</div>
</a>
</div>
<!-- Google Search Console ITEM -->
<div class="box">
<i></i>
<p>
Get started with Google Search Console and learn how to boost your website's performance in search results. Discover practical tips for using Google Analytics to track SEO success.
</p>
<a href="https://nuukmedia.com/2024/08/mastering-google-search-console-a-complete-guide-for-beginners/?kolodych.com" target="_blank">
<h2>Beginner's Guide to Google Search Console</h2>
<div class="imgcontainer">
<img loading="lazy" class="itemIMG" width="450" height="240" src="website/450-google-search-console-performance-report.webp" title="Getting Started with Google Search Console" alt="Visual representation of Google Search Console metrics and analytics">
</div>
</a>
</div>
<!-- Virgin Models website ITEM -->
<div class="box">
<i></i>
<p>
Explore the development of a modern WordPress site for a model agency, featuring custom solutions and theme customization. See how I used the Astra theme and The Post Grid plugin.
</p>
<a href="website/virgincourtesans.com.html">
<h2>Designing a Modern WordPress Site for Models</h2>
<div class="imgcontainer">
<img loading="lazy" class="itemIMG" width="450" height="240" src="website/450-pagespeed-virgincourtesans.com-august-11-2024.jpg" title="WordPress Website Design for Virgin Courtesans Model Agency" alt="Screenshot of the WordPress website page speed for Virgin Courtesans Model Agency, designed with Astra theme and The Post Grid plugin">
</div>
</a>
</div>
<!-- JapaLandia ITEM -->
<div class="box">
<i></i>
<p>
Explore my project for JapaLandia, featuring a custom WordPress site designed to enhance global work consultation services. Discover how I created an engaging landing page.
</p>
<a href="website/japalandia.com.html">
<h2>WordPress Site for Global Work Consultation</h2>
<div class="imgcontainer">
<img loading="lazy" class="itemIMG" width="450" height="240" src="website/450-home-1-screen-japalandia.jpg" title="Consultation Services WordPress Site for JapaLandia" alt="Homepage of JapaLandia website showcasing consultation services for work abroad, built with custom WordPress development">
</div>
</a>
</div>
<!-- JOKS website ITEM -->
<div class="box">
<i></i>
<p>
Discover the development of a WordPress blog for JOKS Global Sport Academy with integrated e-commerce. This project merges blogging with e-commerce features.
</p>
<a href="website/joksglobalsport.com.html">
<h2>WordPress Blog with E-Commerce for JOKS</h2>
<div class="imgcontainer">
<img loading="lazy" class="itemIMG" width="450" height="240" src="website/450-articles-joksglobalsport.com.jpg" title="WordPress Blog and E-Commerce Site for JOKS Global Sport Football Academy" alt="Screenshot of the JOKS Global Sport Football Academy website featuring integrated blog and e-commerce functionalities">
</div>
</a>
</div>
<!-- Muuvies Telegram Bot ITEM -->
<div class="box s-424">
<i></i>
<p>
Explore the Muuvies Telegram Bot, a cutting-edge tool designed to transform your movie-watching journey. This bot provides dynamic movie recommendations, allows you to organize your watchlist, and integrates Google image fetching to get the latest movie posters. It highlights my proficiency in Python and automation for Telegram bots, delivering a seamless and interactive experience for users who love movies.
</p>
<a href="https://t.me/muuvies_bot" target="_blank">
<h2>Muuvies Telegram Bot: Your Movie Recommendation Assistant</h2>
</a>
</div>
<!-- ASOS Search Bot ITEM -->
<div class="box s-424">
<i></i>
<p>
Unveil the ASOS Search Bot, a cutting-edge Python script designed to monitor and track product discounts on ASOS, providing users with instant notifications. This tool utilizes automated web scraping to keep tabs on price changes and delivers timely updates to help users capitalize on the latest deals. It showcases my skills in Python programming and web scraping, creating an effective solution for real-time product tracking and alerting.
</p>
<a href="https://t.me/asos_search_bot" target="_blank">
<h2>ASOS Search Bot: Real-Time Product Tracking</h2>
</a>
</div>
<!-- YouTube Tutorials ITEM -->
<div class="box s-389">
<i></i>
<p>
Discover how to build an efficient Python web scraper using JSON. This tutorial covers the essentials of scraping data from websites, parsing JSON responses, and storing the data for further analysis. Learn practical techniques for extracting and processing web data, with real-world examples and best practices.
</p>
<a href="https://www.youtube.com/@serhiikolodych/videos" target="_blank">
<h2>Watch My YouTube Tutorials on Web Development and Python</h2>
</a>
</div>
<!-- Services ITEM -->
<div class="box s-340">
<i></i>
<h2>Service Pricing</h2>
<p>Landing Page / Home (WordPress) = 80 Euro</p>
<p>Additional Page = 50 Euro</p>
<p>Telegram Bot Development = 50 Euro</p>
<p>Hourly Rate = 10 Euro</p>
</div>
<div class="box social-container s-340">
<i></i>
<a href="mailto:[email protected]">
<img loading="lazy" src="src/mail-part-3-svgrepo-com.svg" width="68" height="68" alt="Email">
</a>
<a href="https://www.facebook.com/serhii.kolodych" target="_blank">
<img loading="lazy" src="src/social-facebook-svgrepo-com.svg" width="68" height="68" alt="Facebook">
</a>
<a href="https://www.instagram.com/serhii_kolodych" target="_blank">
<img loading="lazy" src="src/social-instagram-svgrepo-com.svg" width="68" height="68" alt="Instagram">
</a>
<a href="https://t.me/kolodych" target="_blank">
<img loading="lazy" src="src/telegram-svgrepo-com.svg" width="68" height="68" alt="Telegram">
</a>
<a href="https://wa.me/+37126796193" target="_blank">
<img loading="lazy" src="src/whatsapp-svgrepo-com.svg" width="68" height="68" alt="WhatsApp">
</a>
<a href="https://www.youtube.com/@serhiikolodych" target="_blank">
<img loading="lazy" src="src/youtube-svgrepo-com.svg" width="68" height="68" alt="YouTube">
</a>
</div>
<!-- Services ITEM
<div class="box" style="--s: 340px;">
<i></i>
<h5 class="dancing-text">
<span>A</span><span>s</span><span>k</span> <span>m</span><span>e</span>
<span>a</span><span>n</span><span>y</span><span>t</span><span>h</span><span>i</span><span>n</span><span>g</span><span>?</span>
</h5>
<form action="send_email.php" method="post">
<input type="email" id="email" name="email" placeholder="[email protected]" autocomplete="email" required>
<div>
<textarea id="message" name="message" rows="3" placeholder="Your question..." required></textarea>
</div>
<div>
<input type="submit" value="Send">
</div>
</form>
</div> -->
</div>
<script src="scripts/index-2.js"></script>
<script src="scripts/index-3.js"></script>
</body>
</html>