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 > Our Colleagues - SyNdicateFoundation</ title >
7
+ < script src ="https://cdn.tailwindcss.com "> </ script >
8
+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css ">
9
+ < link rel ="stylesheet " href ="common.css ">
10
+ </ head >
11
+ < body class ="min-h-screen flex flex-col gradient-bg ">
12
+ < header class ="bg-gray-800 text-gray-300 shadow-lg ">
13
+ < div class ="container mx-auto px-4 py-6 ">
14
+ < div class ="flex flex-col md:flex-row justify-between items-center ">
15
+ < div class ="flex items-center mb-4 md:mb-0 ">
16
+ < img src ="/assets/logo.png " alt ="Logo " class ="h-10 w-10 rounded-full mr-2 ">
17
+ < h1 class ="text-3xl font-bold "> SyNdicate Foundation</ h1 >
18
+ </ div >
19
+ < nav class ="flex space-x-1 md:space-x-6 ">
20
+ < a href ="/assets/templates/index.html " class ="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors "> Home</ a >
21
+ < a href ="/assets/templates/projects.html " class ="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors "> Projects</ a >
22
+ < a href ="/assets/templates/members.html " class ="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors "> Members</ a >
23
+ < a href ="/assets/templates/technologies.html " class ="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors "> Technologies</ a >
24
+ < a href ="#end " class ="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors "> Contact Us</ a >
25
+ </ nav >
26
+ </ div >
27
+ </ div >
28
+ </ header >
29
+
30
+ < main class ="flex-grow container mx-auto px-4 md:px-6 py-12 ">
31
+ < div class ="text-center mb-12 ">
32
+ < h1 class ="text-4xl md:text-5xl font-bold mb-4 gradient-text text-gray-300 "> Our Colleagues</ h1 >
33
+ < p class ="text-lg text-gray-400 max-w-2xl mx-auto "> Collaborating with innovative partners to build the future together</ p >
34
+ </ div >
35
+
36
+ < div class ="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 ">
37
+ < div class ="gradient-bg rounded-xl overflow-hidden border border-gray-700 card-hover ">
38
+ < div class ="p-6 ">
39
+ < div class ="flex items-center space-x-4 mb-4 ">
40
+ < div class ="w-14 h-14 rounded-full gradient-bg from-blue-500 to-purple-600 flex items-center justify-center ">
41
+ < span class ="text-gray-300 text-xl font-bold "> LD</ span >
42
+ </ div >
43
+ < div >
44
+ < h3 class ="text-xl font-bold text-gray-300 "> LiteDeforged</ h3 >
45
+ < p class ="text-gray-400 "> Strategic Partner</ p >
46
+ </ div >
47
+ </ div >
48
+ < p class ="text-gray-300 mb-6 "> Join our fresh gaming community and have fun!</ p >
49
+ < a href ="https://discord.gg/93JMcTy5PQ " target ="_blank " class ="inline-flex items-center px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-gray-300 rounded-lg transition duration-200 ">
50
+ < i class ="fab fa-discord mr-2 "> </ i > Join Discord
51
+ </ a >
52
+ </ div >
53
+ </ div >
54
+ </ div >
55
+
56
+ < div class ="mt-12 text-center ">
57
+ < p class ="text-gray-400 "> Currently, we have 1 colleague.</ p >
58
+ </ div >
59
+ </ main >
60
+
61
+ < footer id ="end " class ="bg-gray-800 text-gray-300 py-8 ">
62
+ < div class ="container mx-auto px-4 ">
63
+ < div class ="flex flex-col md:flex-row justify-between items-center ">
64
+ < div class ="mb-4 md:mb-0 ">
65
+ < p class ="text-sm ">
66
+ Powered by < span class ="font-bold "> SyNdicate Foundation</ span > & Contributors with < i class ="fas fa-heart text-red-400 "> </ i >
67
+ </ p >
68
+ < p class ="text-xs text-gray-400 mt-1 "> Happy coding! < i class ="far fa-smile-wink "> </ i > </ p >
69
+ </ div >
70
+
71
+ < div class ="flex space-x-4 ">
72
+ < a href ="https://github.com/SyNdicateFoundation " class ="text-gray-400 hover:text-gray-300 transition ">
73
+ < i class ="fab fa-github fa-lg "> </ i >
74
+ </ a >
75
+ < a href ="https://discord.gg/e7mn6uuCmy " class ="text-gray-400 hover:text-gray-300 transition ">
76
+ < i class ="fab fa-discord fa-lg "> </ i >
77
+ </ a >
78
+ < a href ="https://t.me/SyNdicateFoundation_IR " class ="text-gray-400 hover:text-gray-300 transition ">
79
+ < i class ="fab fa-telegram fa-lg "> </ i >
80
+ </ a >
81
+ < a href ="
mailto:[email protected] "
class ="
text-gray-400 hover:text-gray-300 transition "
>
82
+ < i class ="fas fa-envelope fa-lg "> </ i >
83
+ </ a >
84
+ </ div >
85
+
86
+ < div class ="text-sm text-gray-400 ">
87
+ < p > [12/31/2023 - 1402/11/10] 3:05 PM IRST (Asia/Tehran)</ p >
88
+ < p class ="mt-1 "> Sourcecode licenses may apply</ p >
89
+ </ div >
90
+ </ div >
91
+ </ div >
92
+ </ footer >
93
+
94
+ </ body >
95
+ </ html >
0 commit comments