-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
247 lines (236 loc) · 18.3 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
<!DOCTYPE html>
<html lang="bn" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>লিখন শেখ - ব্লকচেইন এবং ওয়েব৩ ডেভেলপমেন্ট</title>
<meta name="description" content="বাংলাদেশের অগ্রণী ব্লকচেইন এবং ওয়েব৩ ডেভেলপমেন্ট সেবা প্রদানকারী। আমরা উন্নতমানের ওয়েবসাইট, স্মার্ট কন্ট্র্যাক্ট, এবং টোকেন ডেভেলপমেন্ট সেবা দিয়ে থাকি।">
<meta name="keywords" content="ব্লকচেইন, ওয়েব৩, ডেভেলপমেন্ট, স্মার্ট কন্ট্র্যাক্ট, টোকেন, ক্রিপ্টোকারেন্সি, ডিফাই, এনএফটি, বাংলাদেশ">
<meta property="og:title" content="লিখন শেখ - ব্লকচেইন এবং ওয়েব৩ ডেভেলপমেন্ট">
<meta property="og:description" content="বাংলাদেশের অগ্রণী ব্লকচেইন এবং ওয়েব৩ ডেভেলপমেন্ট সেবা প্রদানকারী।">
<meta property="og:image" content="https://source.unsplash.com/800x600/?blockchain">
<meta property="og:url" content="https://likhon.xyz/">
<meta name="author" content="লিখন শেখ">
<link rel="icon" type="image/png" href="/assets/images/favicon.png">
<!-- Tailwind CSS CDN -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<!-- Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;700&display=swap" rel="stylesheet">
<style>
/* Custom Styles */
body {
font-family: 'Hind Siliguri', sans-serif;
}
.gradient-bg {
background: linear-gradient(135deg, #3b82f6, #8b5cf6);
}
.glass {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(15px);
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.hover\:scale-105:hover {
transform: scale(1.05);
}
.transition-transform {
transition: transform 0.3s ease;
}
.text-shadow {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
</style>
</head>
<body class="bg-gray-100 text-gray-900 antialiased">
<header class="fixed w-full z-50 glass shadow-md" x-data="{ mobileMenuOpen: false }">
<nav class="container mx-auto px-4 py-4 flex justify-between items-center">
<a href="#" class="text-2xl font-bold gradient-text">লিখন শেখ</a>
<button @click="mobileMenuOpen = !mobileMenuOpen" class="md:hidden focus:outline-none">
<i class="fas fa-bars h-6 w-6"></i>
</button>
<div class="hidden md:flex space-x-6">
<a href="#services" class="text-gray-700 hover:text-blue-600 transition-colors">সেবাসমূহ</a>
<a href="#projects" class="text-gray-700 hover:text-blue-600 transition-colors">প্রজেক্টস</a>
<a href="#blog" class="text-gray-700 hover:text-blue-600 transition-colors">ব্লগ</a>
<a href="#contact" class="text-gray-700 hover:text-blue-600 transition-colors">যোগাযোগ</a>
</div>
</nav>
</header>
<main>
<!-- Hero Section -->
<section class="relative min-h-screen flex items-center justify-center gradient-bg overflow-hidden">
<div class="container mx-auto px-4 text-center relative z-10">
<h1 class="text-4xl md:text-6xl font-bold mb-6 text-white text-shadow">
<span class="gradient-text">ওয়েব৩</span> এবং <span class="gradient-text">ব্লকচেইন</span> উন্নয়নের জন্য আপনার সেরা অংশীদার
</h1>
<p class="text-xl mb-8 text-gray-200">
আমরা উন্নতমানের ওয়েবসাইট, স্মার্ট কন্ট্র্যাক্ট, এবং টোকেন ডেভেলপমেন্ট সেবা দিয়ে থাকি। বাংলাদেশের সেরা ব্লকচেইন সমাধান আমাদের কাছে।
</p>
<a href="#contact" class="bg-white text-blue-600 font-bold py-3 px-8 rounded-full inline-block transition-transform transform hover:scale-105 hover:shadow-lg">
বিনামূল্যে কনসাল্টেশন
</a>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-20 bg-gray-100">
<div class="container mx-auto px-4">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 gradient-text">আমাদের বৈশিষ্ট্যময় সেবাসমূহ</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-white p-6 rounded-lg shadow-lg glass transition-transform hover:scale-105">
<h3 class="text-2xl font-bold mb-4">ওয়েবসাইট উন্নয়ন</h3>
<p class="text-gray-600">আমরা ব্যবসায়িক ও পেশাগত ওয়েবসাইট তৈরি করে থাকি। আমাদের ওয়েবসাইটগুলি দ্রুত, নিরাপদ এবং ব্যবহারকারী-বান্ধব।</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-lg glass transition-transform hover:scale-105">
<h3 class="text-2xl font-bold mb-4">স্মার্ট কন্ট্র্যাক্ট ডেভেলপমেন্ট</h3>
<p class="text-gray-600">আমাদের বিশেষজ্ঞ স্মার্ট কন্ট্র্যাক্ট ডেভেলপাররা ব্লকচেইন প্রযুক্তির উপর ভিত্তি করে নিরাপদ এবং কার্যকরী কন্ট্র্যাক্ট তৈরি করে।</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-lg glass transition-transform hover:scale-105">
<h3 class="text-2xl font-bold mb-4">টোকেন ডেভেলপমেন্ট</h3>
<p class="text-gray-600">আমরা ERC-20, BEP-20, এবং অন্যান্য টোকেন স্ট্যান্ডার্ডসে বিশেষজ্ঞতা রাখি।</p>
</div>
</div>
</div>
</section>
<!-- Projects Section -->
<section id="projects" class="py-20 bg-gray-200">
<div class="container mx-auto px-4">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 gradient-text">সম্প্রতি শেষ করা প্রজেক্টস</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-white rounded-lg overflow-hidden shadow-lg glass transition-transform hover:scale-105">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ_CCj4ct5sQzkmVl0jlZPG-JdQPGNs3DUopUuI76D_oqMvotHgV11xhC0&s=10" alt="ডিফাই প্ল্যাটফর্ম" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-bold mb-2">ডিফাই প্ল্যাটফর্ম</h3>
<p class="text-gray-600">একটি সুন্দর ওয়েব অ্যাপ্লিকেশন যেখানে ব্যবহারকারীরা ক্রিপ্টোকারেন্সি ট্রেড করতে পারে।</p>
</div>
</div>
<div class="bg-white rounded-lg overflow-hidden shadow-lg glass transition-transform hover:scale-105">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSSFLiWYFQkbrtbaI05zFi6vpMfk4q_eK3cIbJA1f9xNV3OnhdQlZIdIohD&s=10" alt="টোকেন মার্কেটপ্লেস" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-bold mb-2">টোকেন মার্কেটপ্লেস</h3>
<p class="text-gray-600">ক্রিপ্টো টোকেন ট্রেডিং প্ল্যাটফর্ম যেখানে ব্যবহারকারীরা সহজেই টোকেন কিনতে এবং বিক্রি করতে পারেন।</p>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section id="testimonials" class="py-20 bg-gray-100">
<div class="container mx-auto px-4">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 gradient-text">আমাদের সন্তুষ্ট ক্লায়েন্টদের প্রশংসাপত্র</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-white p-6 rounded-lg shadow-lg glass transition-transform hover:scale-105">
<p class="text-gray-600 mb-4">"লিখন শেখ এবং তার দল অত্যন্ত পেশাদার এবং দ্রুত কাজ করেছে।"</p>
<p class="font-bold text-gray-800">জন ডো</p>
<p class="text-gray-600">প্রতিষ্ঠাতা, ব্লকচেইন স্টুডিও</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-lg glass transition-transform hover:scale-105">
<p class="text-gray-600 mb-4">"অত্যন্ত দক্ষ এবং নির্ভরযোগ্য দল।"</p>
<p class="font-bold text-gray-800">জেনিফার স্মিথ</p>
<p class="text-gray-600">সিইও, ফিনটেক কোম্পানি</p>
</div>
</div>
</div>
</section>
<!-- Blog Section -->
<section id="blog" class="py-20 bg-gray-200">
<div class="container mx-auto px-4">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 gradient-text">আমাদের ব্লগ</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-white rounded-lg overflow-hidden shadow-lg glass transition-transform hover:scale-105">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT1buvstGLK8hhNlMTBtkGFuvYG6grMtlJpXw&s" alt="ব্লকচেইন প্রযুক্তির ভবিষ্যৎ" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-bold mb-2">ব্লকচেইন প্রযুক্তির ভবিষ্যৎ</h3>
<p class="text-gray-600 mb-4">ব্লকচেইন প্রযুক্তি কীভাবে বিভিন্ন শিল্পকে পরিবর্তন করছে তা জানুন।</p>
<a href="#" class="text-blue-500 hover:underline">আরও পড়ুন</a>
</div>
</div>
<div class="bg-white rounded-lg overflow-hidden shadow-lg glass transition-transform hover:scale-105">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTC0TJAI_xJDjLft0BHTarAmogvARxZoYvOIg&usqp=CAU" alt="ক্রিপ্টোকারেন্সি: একটি নতুন অর্থনৈতিক যুগ" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-bold mb-2">ক্রিপ্টোকারেন্সি: একটি নতুন অর্থনৈতিক যুগ</h3>
<p class="text-gray-600 mb-4">ক্রিপ্টোকারেন্সি কীভাবে বৈশ্বিক অর্থনীতিকে প্রভাবিত করছে তা অন্বেষণ করুন।</p>
<a href="#" class="text-blue-500 hover:underline">আরও পড়ুন</a>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-20 bg-gray-100">
<div class="container mx-auto px-4">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 gradient-text">যোগাযোগ করুন</h2>
<div class="max-w-lg mx-auto">
<form action="process_contact.php" method="POST" class="space-y-6">
<div>
<label for="name" class="block text-sm font-medium text-gray-700 mb-2">নাম</label>
<input type="text" id="name" name="name" required class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
</div>
<div>
<label for="email" class="block text-sm font-medium text-gray-700 mb-2">ইমেইল</label>
<input type="email" id="email" name="email" required class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
</div>
<div>
<label for="message" class="block text-sm font-medium text-gray-700 mb-2">বার্তা</label>
<textarea id="message" name="message" rows="4" required class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"></textarea>
</div>
<div>
<button type="submit" class="w-full bg-blue-600 text-white font-bold py-2 px-4 rounded-md hover:bg-blue-700 transition duration-300">পাঠান</button>
</div>
</form>
</div>
</div>
</section>
</main>
<footer class="bg-gray-900 text-white py-8">
<div class="container mx-auto px-4">
<div class="flex flex-wrap justify-between items-center">
<div class="w-full md:w-1/3 mb-6 md:mb-0">
<h3 class="text-2xl font-bold gradient-text mb-4">লিখন শেখ</h3>
<p class="text-gray-400">বাংলাদেশের অগ্রণী ব্লকচেইন এবং ওয়েব৩ ডেভেলপমেন্ট সেবা প্রদানকারী।</p>
</div>
<div class="w-full md:w-1/3 mb-6 md:mb-0">
<h4 class="text-xl font-bold mb-4">দ্রুত লিঙ্ক</h4>
<ul class="space-y-2">
<li><a href="#services" class="text-gray-400 hover:text-white transition-colors">সেবা</a></li>
<li><a href="#projects" class="text-gray-400 hover:text-white transition-colors">প্রজেক্টস</a></li>
<li><a href="#blog" class="text-gray-400 hover:text-white transition-colors">ব্লগ</a></li>
<li><a href="#contact" class="text-gray-400 hover:text-white transition-colors">যোগাযোগ</a></li>
</ul>
</div>
<div class="w-full md:w-1/3">
<h4 class="text-xl font-bold mb-4">সামাজিক যোগাযোগ</h4>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white transition-colors">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors">
<i class="fab fa-linkedin-in"></i>
</a>
</div>
</div>
</div>
<div class="mt-8 border-t border-gray-800 pt-8 text-center">
<p class="text-gray-400">© <span id="currentYear"></span> লিখন শেখ। সর্বস্বত্ব সংরক্ষিত।</p>
</div>
</div>
</footer>
<script>
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Set current year in footer
document.getElementById('currentYear').textContent = new Date().getFullYear();
</script>
</body>
</html>