https://yodo.me/community.php

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Developer Community | Connect & Learn | YODO</title>
7
8    <!-- Facebook Pixel Code -->
9    

9<script>

9
10    !function(f,b,e,v,n,t,s)
11    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
12    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
13    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
14    n.queue=[];t=b.createElement(e);t.async=!0;
15    t.src=v;s=b.getElementsByTagName(e)[0];
16    s.parentNode.insertBefore(t,s)}(window, document,'script',
17    'https://connect.facebook.net/en_US/fbevents.js');
18    fbq('init', '

181260592719012124

18');
19    fbq('track', 'PageView');
20    

20</script>

20
21    <noscript><img height="1" width="1" style="display:none"
22    src="https://www.facebook.com/tr?id=1260592719012124&ev=PageView&noscript=1"
23    /></noscript>
24    <!-- End Facebook Pixel Code -->
25
26    <!-- Preconnect to Google Fonts for faster loading -->
27    <link rel="preconnect" href="https://fonts.googleapis.com">
28    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
29    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
30    <link rel="stylesheet" href="/assets/css/style.css?v=1771240290">
31</head>
32<body>
33    <!-- Main Header Navigation -->
34    <header class="site-header">
35        <div class="header-container">
36            <div class="header-logo">
37                <a href="/">🎓 YODO</a>
38            </div>
39
40            <nav class="header-nav">
41                <a href="/#courses" class="nav-link">Catalog</a>
42                <a href="/about.php" class="nav-link">About Us</a>
43                <a href="/community.php" class="nav-link">Community</a>
44            </nav>
45
46            <!-- Language Switcher -->
47            <div class="language-switcher">
48                <button class="lang-btn" id="langBtn">
49                    🌐 English                </button>
50                <div class="lang-dropdown" id="langDropdown">
51                                            <a href="?lang=en" class="lang-option active">
52                            English                        </a>
53                                            <a href="?lang=zh" class="lang-option ">
54                            中文                        </a>
55                                            <a href="?lang=zh-Hans" class="lang-option ">
56                            简体中文                        </a>
57                                            <a href="?lang=zh-Hant" class="lang-option ">
58                            繁體中文                        </a>
59                                            <a href="?lang=es" class="lang-option ">
60                            Español                        </a>
61                                            <a href="?lang=ar" class="lang-option ">
62                            العربية                        </a>
63                                            <a href="?lang=pt" class="lang-option ">
64                            Português                        </a>
65                                            <a href="?lang=ru" class="lang-option ">
66                            Русский                        </a>
67                                            <a href="?lang=ja" class="lang-option ">
68                            日本語                        </a>
69                                            <a href="?lang=de" class="lang-option ">
70                            Deutsch                        </a>
71                                            <a href="?lang=ko" class="lang-option ">
72                            한국어                        </a>
73                                            <a href="?lang=fr" class="lang-option ">
74                            Français                        </a>
75                                            <a href="?lang=it" class="lang-option ">
76                            Italiano                        </a>
77                                            <a href="?lang=tr" class="lang-option ">
78                            Türkçe                        </a>
79                                            <a href="?lang=vi" class="lang-option ">
80                            Tiếng Việt                        </a>
81                                            <a href="?lang=pl" class="lang-option ">
82                            Polski                        </a>
83                                            <a href="?lang=uk" class="lang-option ">
84                            Українська                        </a>
85                                            <a href="?lang=id" class="lang-option ">
86                            Bahasa Indonesia                        </a>
87                                            <a href="?lang=nl" class="lang-option ">
88                            Nederlands                        </a>
89                                            <a href="?lang=hi" class="lang-option ">
90                            हिन्दी                        </a>
91                                            <a href="?lang=th" class="lang-option ">
92                            ไทย                        </a>
93                                            <a href="?lang=el" class="lang-option ">
94                            Ελληνικά                        </a>
95                                    </div>
96            </div>
97
98            <!-- Login Button -->
99            <a href="https://lk.yodo.me/" class="login-btn">Login</a>
100
101            <!-- Mobile Menu Button -->
102            <button class="mobile-menu-btn" id="mobileMenuBtn">

103                <span></span>
104                <span></span>
105                <span></span>
106            </button>
107        </div>
108
109        <!-- Mobile Menu -->
110        <div class="mobile-menu" id="mobileMenu">
111            <a href="/#courses" class="mobile-nav-link">Catalog</a>
112            <a href="/about.php" class="mobile-nav-link">About Us</a>
113            <a href="/community.php" class="mobile-nav-link">Community</a>
114            <a href="https://lk.yodo.me/" class="mobile-nav-link">Login</a>
115        </div>
116    </header>
117
118<style>
119.community-hero {
120    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
121    color: white;
122    padding: 80px 20px;
123    text-align: center;
124}
125
126.community-hero h1 {
127    font-size: 3rem;
128    margin-bottom: 20px;
129}
130
131.community-hero p {
132    font-size: 1.3rem;
133    max-width: 700px;
134    margin: 0 auto 30px;
135    opacity: 0.95;
136}
137
138.community-section {
139    padding: 60px 20px;
140    max-width: 1000px;
141    margin: 0 auto;
142}
143
144.community-section h2 {
145    font-size: 2rem;
146    margin-bottom: 30px;
147    text-align: center;
148    color: #2d3748;
149}
150
151.benefits-grid {
152    display: grid;
153    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
154    gap: 30px;
155    margin-bottom: 50px;
156}
157
158.benefit-card {
159    background: white;
160    border-radius: 16px;
161    padding: 30px;
162    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
163    text-align: center;
164    transition: transform 0.3s ease, box-shadow 0.3s ease;
165}
166
167.benefit-card:hover {
168    transform: translateY(-5px);
169    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
170}
171
172.benefit-icon {
173    font-size: 3rem;
174    margin-bottom: 15px;
175}
176
177.benefit-card h3 {
178    font-size: 1.3rem;
179    color: #2d3748;
180    margin-bottom: 10px;
181}
182
183.benefit-card p {
184    color: #718096;
185    line-height: 1.6;
186}
187
188.telegram-cta {
189    background: linear-gradient(135deg, #0088cc 0%, #00aaff 100%);
190    border-radius: 20px;
191    padding: 50px 30px;
192    text-align: center;
193    color: white;
194    margin: 40px 0;
195}
196
197.telegram-cta h2 {
198    color: white;
199    margin-bottom: 20px;
200}
201
202.telegram-cta p {
203    font-size: 1.1rem;
204    margin-bottom: 30px;
205    opacity: 0.95;
206}
207
208.telegram-btn {
209    display: inline-flex;
210    align-items: center;
211    gap: 12px;
212    background: white;
213    color: #0088cc;
214    padding: 16px 40px;
215    border-radius: 50px;
216    font-size: 1.2rem;
217    font-weight: 600;
218    text-decoration: none;
219    transition: transform 0.3s ease, box-shadow 0.3s ease;
220}
221
222.telegram-btn:hover {
223    transform: scale(1.05);
224    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
225}
226
227.telegram-btn svg {
228    width: 28px;
229    height: 28px;
230}
231
232.stats-row {
233    display: flex;
234    justify-content: center;
235    gap: 60px;
236    margin: 40px 0;
237    flex-wrap: wrap;
238}
239
240.stat-box {
241    text-align: center;
242}
243
244.stat-box .number {
245    font-size: 2.5rem;
246    font-weight: 700;
247    color: #667eea;
248}
249
250.stat-box .label {
251    color: #718096;
252    font-size: 1rem;
253}
254
255@media (max-width: 768px) {
256    .community-hero h1 {
257        font-size: 2rem;
258    }
259
260    .community-hero p {
261        font-size: 1.1rem;
262    }
263
264    .stats-row {
265        gap: 30px;
266    }
267
268    .stat-box .number {
269        font-size: 2rem;
270    }
271}
272</style>
273
274<!-- Hero Section -->
275<section class="community-hero">
276    <h1>YODO Community</h1>
277    <p>Join thousands of students learning to code together</p>
278</section>
279
280<!-- Benefits Section -->
281<section class="community-section">
282    <h2>Why Join Our Community?</h2>
283
284    <div class="benefits-grid">
285        <div class="benefit-card">
286            <div class="benefit-icon">💬</div>
287            <h3>24/7 Support</h3>
288            <p>Ask questions anytime and get answers from experienced developers and fellow students.</p>
289        </div>
290        <div class="benefit-card">
291            <div class="benefit-icon">🎓</div>
292            <h3>Knowledge Sharing</h3>
293            <p>Share your projects, get feedback, and get inspired by others' work.</p>
294        </div>
295        <div class="benefit-card">
296            <div class="benefit-icon">🤝</div>
297            <h3>Networking</h3>
298            <p>Connect with like-minded people, find project partners and future colleagues.</p>
299        </div>
300        <div class="benefit-card">
301            <div class="benefit-icon">🚀</div>
302            <h3>Exclusive Content</h3>
303            <p>Get access to additional materials, webinars, and announcements of new courses.</p>
304        </div>
305    </div>
306
307    <!-- Stats -->
308    <div class="stats-row">
309        <div class="stat-box">
310            <div class="number">1000+</div>
311            <div class="label">Members</div>
312        </div>
313        <div class="stat-box">
314            <div class="number">50+</div>
315            <div class="label">Countries</div>
316        </div>
317        <div class="stat-box">
318            <div class="number">24/7</div>
319            <div class="label">Support</div>
320        </div>
321    </div>
322</section>
323
324<!-- Telegram CTA -->
325<section class="community-section">
326    <div class="telegram-cta">
327        <h2>Join Us on Telegram</h2>
328        <p>Our Telegram community is a place where students help each other, share successes, and overcome learning challenges together.</p>
329        <a href="https://t.me/c/2858053107/586" target="_blank" class="telegram-btn">
330            <svg viewBox="0 0 24 24" fill="currentColor">
331                <path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.9

33162 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/>
332            </svg>
333            Join Community        </a>
334    </div>
335</section>
336
337<!-- Footer -->
338<footer class="site-footer">
339    <div class="footer-container">
340        <div class="footer-nav">
341            <a href="/#courses">Catalog</a>
342            <a href="/about.php">About Us</a>
343            <a href="/community.php">Community</a>
344        </div>
345        <div class="footer-logo">
346            <a href="/">🎓 YODO</a>
347        </div>
348        <div class="footer-social">
349            <a href="https://chat.whatsapp.com/CoFpxY0UYgc0qEp3Z1YL06" target="_blank" title="WhatsApp">
350                <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
351            </a>
352            <a href="https://discord.gg/vKHguYgN" target="_blank" title="Discord">
353                <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z"/></svg>
354            </a>
355            <a href="https://www.facebook.com/groups/yodomeeng/" target="_blank" title="Facebook">
356                <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
357            </a>
358        </div>
359        <div class="footer-copyright">
360            &copy; 2026 YODO. All rights reserved.<br>
361            Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="81e9e8c1f8eee5eeafece4">[email&#160;protected]</a>
362        </div>
363    </div>
364</footer>

364
365
366<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>

366<script src="/assets/js/main.js?v=1765354321" defer></script>

366

367<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"2903520e8a2e439a8f35e8d219de3d53","r":1,"spa":2}' crossorigin="anonymous"></script>

367
368</body>
369</html>