-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
231 lines (206 loc) · 14.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Football_Club</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<!-- <script>
document.addEventListener("contextmenu",function(e){
e.preventDefault();
});</script> -->
</head>
<body class="2xl:px-36">
<!-- navigation bar start -->
<section class="navigation">
<nav class="flex items-center justify-between px-6 py-2 xl:px-36 " >
<img class="w-36 ml-0 " style="filter: drop-shadow(0px 3px 2px rgb(58, 57, 57));" src="img/logo.png" alt="logo">
<ul class=" gap-x-7 hidden md:flex 2xl:gap-x-24 ">
<li class="text-xl text-gray-600 hover:text-lime-600 hover:scale-125 duration-500 "><a href="index.html"> হোম মেনু </a></li>
<li class="text-xl text-gray-600 hover:text-lime-600 hover:scale-125 duration-500"><a href="gallary.html" > গ্যালারি </a></li>
<li class="text-xl text text-gray-600 hover:text-lime-600 hover:scale-125 duration-500 "><a href="member_seial.html" >সদস্যদের তালিকা </a></li>
<li class="text-xl text-gray-600 hover:text-lime-600 hover:scale-125 duration-700"><a href="fund.html" > অনুদান </a></li>
</ul>
<div>
<a href="hire.html" >
<button class="text-xl border-solid border-2 px-2 py-1 border-current rounded-xl hover:border-lime-700 hover:text-lime-600"> Hire Player </button></a>
</div>
</nav>
</section>
<!-- banner start -->
<section class="relative px-6">
<img src="img/win_cup.gif" alt="banner_ball_img" class="absolute -z-10 -mt-32 w-32 ml-36 opacity-90 md:w-60 md:left-[57%] md:-mt-20">
<div class="mt-32 text-center">
<span class="mx-auto font-extrabold text-2xl text-lime-600 md:text-4xl">ডিফেন্ডিং স্কোয়াড অব গোসাইরহাট</span><br>
<br> <p class="text-xs text-gray-600 md:text-lg">চ্যাম্পিয়ন তারা নয় যারা একবার খেলার মাঠে জয়ী হয়েই থেমে যায়। বরং তারাই প্রকৃত <br>চ্যাম্পিয়ন যারা হারের পর হার সহ্য করে শুধুমাত্র খেলায় জেতার জন্য</p>
<br> <br>
<div class="flex justify-center gap-x-7">
<a href="fund.html" alt="refund_page"><button class="text-xl bg-lime-500 text-white px-6 py-2 border-current rounded-xl hover:border-lime-700 ">Donation</button></a>
<a href="hire.html" alt="hire_page"> <button class="text-xl border-solid border-2 px-4 py-1 border-current rounded-xl hover:border-lime-600 hover:text-lime-600">Hire Player</button></a>
</div>
</div>
</section><br>
<!-- News start -->
<section class="border-2 px-6">
<marquee direction="left" behavior="scroll" scrollamount="1" >
<div class="flex justify-between items-center text-lg text-lime-600 font-bold gap-x-10 py-2">
<p>Today Match Report :Idilpur 2 - 2 Madaripur</p>
<p>Nagerpara 2 - 2 Goriberchor</p>
<p>আগামি ১০/১১/২০২৩ বঙ্গবন্ধু শেখ মুজিব গোল্ডকাপ টুনামেন্ট ২০২৩ শুরু হবে !</p>
<p>Today Match Report : IdilPur 2 - 2 MadariPur</p>
<p> NagerPara 2 - 2 GoriberChor</p>
</div>
</marquee>
</section><br><br>
<!-- Hero start -->
<section >
<div class="flex justify-center ">
<img src="img/team.jpg" alt="group_photo " class="border w-80 border md:w-1/2">
</div><br><br>
<div class="grid items-center justify-center justify-between px-6 md:p-10 md:grid md:grid-cols-2 md:justify-center md:items-center ">
<!-- Profile_image_01 -->
<div class="flex gap-2 justify-center items-center flex-col ">
<img src ="img/jamal_bhuyan.jpg" class="rounded-full w-20 h-20 border-4 border-lime-600 items-center justify-center md:h-40 md:w-40">
<div class="text-sm gap-4 justify-center text-center items-center ">
<h1 class="p-1 text-lg text-gray-600">জামাল ভূঁইয়া</h1>
<div class="p-px mx-36 bg-lime-500 h-1 w-12"></div>
<p class="p-1 md:text-xl" >বাংলাদেশ জাতীয় ফুটবল দলের অধিনায়ক</p><br>
</div>
</div>
<!-- details -->
<div class="">
<h1 class="text-sm text-gray-600 md:w-full md:text-lg">খেলা একটি মৌলিক মানবিক ক্ষমতা এবং সমাজের জনপ্রিয় ক্রিয়া যা প্রতিটি সমাজের জন্য গুরুত্বপূর্ণ। খেলার মাধ্যমে শারীরিক ও মানসিক প্রশাসন, দৃঢ় আত্মবিশ্বাস, প্রতিস্পর্ধার মাধ্যমে জীবনের সাম্প্রতিক্ষেপ সম্পন্ন করা যায়। খেলা একটি শিক্ষার উপাদান হিসেবেও গুরুত্বপূর্ণ। খেলা শিক্ষার মাধ্যমে নীতি, শ্রদ্ধা, সমর্পণ, দৃড়তা এবং দম্পতি জীবনে দক্ষতা অর্জন করতে সাহায্য করে। খেলা একটি জাতীয় এবং আন্তর্জাতিক একতা এবং সমাজে সমষ্টি ভাবে একত্রিত করার একটি উপাদান হিসেবেও গুরুত্বপূর্ণ।</h1>
<br><span class="text-lime-700">Learn More....</span>
</div>
</div><br>
<!-- quotes -->
<div class=" px-6 justify-center items-center text-center text-sm md:block md:gap-4 md:mx-auto md:p-10">
<div >
<p class="font-thin md:text-xl " >" দেশের হয়ে একটি ম্যাচ জিতে যে আনন্দ পাই, পুরো আইপিএল ট্রফি জিত্লেও সে আনন্দ নেই। "</p>
<p class="text-lime-700">
( সাকিব আল হাসান )</p>
</div><br>
<div class="">
<p class="font-thin md:text-xl">" পা দিয়ে ফুটবল খেলা এক বিষয় আর হৃদয় দিয়ে ফুটবল খেলা অন্য বিষয়। "</p>
<p class="text-lime-700"> ( লিওনেল মেসি )</p>
</div>
</div>
</section><br><br>
<!-- cards start-->
<section class="px-6 grid justify-center items-center gap-2 md:grid-cols-4 md:gap-2">
<!-- card-1 -->
<div class="bg-gray-100 rounded-lg p-4 mx-auto md:mx-auto">
<img src="img/team.jpg" class="h-40 w-full rounded">
<p class="text-sm text-lime-700 pt-1">চ্যাম্পিয়নস ট্রফি</p>
<h1 class="text-lg font-semibold pt-1">মুজিব গোল্ডকাপ</h1>
<p class="text-base font-thin pt-2 text-gray-600">বাচ্চাদের স্বাধীনতা ও খেলার সময় দুটোই দেয়া উচিত। খেলাধুলা কোনো বিলাসীতা নয় বরং এটা প্রয়োজনীয়তা।</p>
</div>
<!-- card-2 -->
<div class="bg-gray-100 rounded-lg p-4 mx-auto md:mx-auto">
<img src="img/team_1.jpg" class="h-40 w-full rounded">
<p class="text-sm text-lime-700 pt-1">চ্যাম্পিয়নস ট্রফি</p>
<h1 class="text-lg font-semibold pt-1">মুজিব গোল্ডকাপ</h1>
<p class="text-base font-thin pt-2 text-gray-600">বাচ্চাদের স্বাধীনতা ও খেলার সময় দুটোই দেয়া উচিত। খেলাধুলা কোনো বিলাসীতা নয় বরং এটা প্রয়োজনীয়তা।</p>
</div>
<!-- card-3 -->
<div class="bg-gray-100 rounded-lg p-4 mx-auto md:mx-auto">
<img src="img/troffy.webp" class="h-40 w-full rounded">
<p class="text-sm text-lime-700 pt-1">চ্যাম্পিয়নস ট্রফি</p>
<h1 class="text-lg font-semibold pt-1">মুজিব গোল্ডকাপ</h1>
<p class="text-base font-thin pt-2 text-gray-600">বাচ্চাদের স্বাধীনতা ও খেলার সময় দুটোই দেয়া উচিত। খেলাধুলা কোনো বিলাসীতা নয় বরং এটা প্রয়োজনীয়তা।</p>
</div>
<!-- card-4 -->
<div class="bg-gray-100 rounded-lg p-4 mx-auto md:mx-auto">
<img src="img/team.jpg" class="h-40 w-full rounded ">
<p class="text-sm text-lime-700 pt-1">চ্যাম্পিয়নস ট্রফি</p>
<h1 class="text-lg font-semibold pt-1">মুজিব গোল্ডকাপ</h1>
<p class="text-base font-thin pt-2 text-gray-600">বাচ্চাদের স্বাধীনতা ও খেলার সময় দুটোই দেয়া উচিত। খেলাধুলা কোনো বিলাসীতা নয় বরং এটা প্রয়োজনীয়তা।</p>
</div>
</section><br><br>
<!-- Club Directors -->
<div class=" justify-center items-center text-center">
<p class="text-gray-600">ক্লাব পরিচালকগণ</p>
<h1 class="text-lime-700 text-xl md:text-2xl">সার্বিক পরিচালক ও প্রশিক্ষক সদস্য</h1>
</div><br>
<section class="grid px-6 justify-center items-center text-center md:grid-cols-3">
<!-- club-card-1 -->
<div class="p-2" >
<div >
<img src="img/professional.jpg" class=" grid h-20 w-20 rounded-full justify-center mx-auto items-center md:w-32 md:h-32 md:mx-auto">
</div>
<div class="bg-gray-100 h-20 w-full ">
<h1 class="p-2 font-semibold">জাভিয়ের ফার্নান্দেজ </h1>
<p class="text-base text-gray-700">প্রশিক্ষক</p>
</div>
</div>
<!-- club-card-2 -->
<div class="p-2" >
<div >
<img src="img/professional.jpg" class=" grid h-20 w-20 rounded-full justify-center mx-auto items-center md:w-32 md:h-32 md:mx-auto">
</div>
<div class="bg-gray-100 h-20 w-full">
<h1 class="p-2 font-semibold">আমের খান</h1>
<p class="text-base text-gray-700">প্ররিচালক</p>
</div>
</div>
<!-- club-card-3 -->
<div class="p-2" >
<div >
<img src="img/professional.jpg" class=" grid h-20 w-20 rounded-full justify-center mx-auto items-center md:w-32 md:h-32 md:mx-auto">
</div>
<div class="bg-gray-100 h-20 w-full">
<h1 class="p-2 font-semibold">মোঃ ইউসুফ আলী</h1>
<p class="text-base text-gray-700">প্ররিচালক</p>
</div>
</div>
<!-- club-card-4 -->
<div class="p-2" >
<div >
<img src="img/professional.jpg" class=" grid h-20 w-20 rounded-full justify-center mx-auto items-center md:w-32 md:h-32 md:mx-auto">
</div>
<div class="bg-gray-100 h-20 w-full">
<h1 class="p-2 font-semibold">ডেভিড গোমেজ</h1>
<p class="text-base text-gray-700">প্রশিক্ষক</p>
</div>
</div>
<!-- clib-card-5 -->
<div class="p-2" >
<div >
<img src="img/professional.jpg" class=" grid h-20 w-20 rounded-full justify-center mx-auto items-center md:w-32 md:h-32 md:mx-auto">
</div>
<div class="bg-gray-100 h-20 w-full">
<h1 class="p-2 font-semibold">হাসান আল-মামুন</h1>
<p class="text-base text-gray-700">প্রশিক্ষক</p>
</div>
</div>
<!-- club-card-6 -->
<div class="p-2" >
<div >
<img src="img/professional.jpg" class=" grid h-20 w-20 rounded-full justify-center mx-auto items-center md:w-32 md:h-32 md:mx-auto">
</div>
<div class="bg-gray-100 h-20 w-full">
<h1 class="p-2 font-semibold">মিগুয়েল অ্যাঞ্জেল </h1>
<p class="text-base text-gray-700">প্রশিক্ষক</p>
</div>
</div>
</section><br>
<div class="grid justify-center text-center items-center grid-cols-1 ">
<img class="mx-auto md:mx-auto" width="48" height="48" src="https://img.icons8.com/badges/48/quote-right.png" alt="quote-right"/>
<p class="text-sm text-gray-600 p-2 md:text-lg">দেশের তুলনায় ক্রিকেট খুবই ছোট একটা বেপার । একটা দেশের অনেক ছোট ছোট <br>মাধ্যমের একটা হতে পারে খেলাদুলা, তার একটা অংশ ক্রিকেট । ক্রিকেট কখনই <br>দেশপ্রেমের প্রতীক হতে পারে না । সোজা কথায় – খেলাদুলা হলো বিনোদন ।</p>
<p class="text-sm">( মাশরাফি বিন মর্তুজা )</p>
<p class="text-base text-gray-600">সাবেক অধিনায়ক বাংলাদেশ ক্রিকেট দল</p>
</div><br>
<!-- footer -->
<footer class="flex justify-center items-center px-6 p-4 gap-4 md:justify-between" >
<div><img src="img/logo.png" class=" h-20 w-20 md:w-30 md:h-30"> </div>
<h1 class="flex text-gray-600 text-sm">© 2023 Official-<p class="font-semibold text-lime-700">@Sumaya</p></h1>
<div class="flex md:">
<img width="24" height="24" src="https://img.icons8.com/deco/48/facebook-new.png" alt="facebook-new"/>
<img width="24" height="24" src="https://img.icons8.com/deco/48/instagram-new.png" alt="instagram-new"/>
<img width="24" height="24" src="https://img.icons8.com/deco/24/twitter.png" alt="twitter"/>
<img width="24" height="24" src="https://img.icons8.com/plumpy/24/linkedin.png" alt="linkedin"/>
</div>
</footer>
</body>
</html>