-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
333 lines (325 loc) · 18.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
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
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
<!DOCTYPE html>
<html dir="rtl" lang="fa">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مسجد محل</title>
<link rel="icon" type="image/x-icon" href="img/الله.ico">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header class="header">
<div id="skiptocontent">
<a href="#news" class="">برو به محتویات اصلی</a>
</div>
<a id="logo" href="#" aria-label="صفحه اصلی مسجد محله">
<h1>مسجد محله</h1>
<p>ملجأ همه مؤمنین</p>
</a>
<nav class="navbar" aria-label="فهرست اصلی">
<ul class="nav-menu" role="presentation">
<li class="nav-item">
<a href="#about" class="nav-link">درباره</a>
</li>
<li class="nav-item">
<a href="#program" class="nav-link">برنامهها</a>
</li>
<li class="nav-item">
<a href="#news" class="nav-link">اخبار</a>
</li>
<li class="nav-item">
<a href="#participation" class="nav-link">مشارکت</a>
</li>
<li class="nav-item">
<a href="#events" class="nav-link">مراسمات</a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link">تماس</a>
</li>
<li class="nav-item">
<a href="#participation" class="nav-link">پرداخت</a>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
</header>
<main>
<section id="intro">
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">۱ / ۳</div>
<img src="img/تلاوت-قرآن.jpg" alt="قرآن داخل رحل و قاریان در حال قرائت قرآن مجید">
<div class="text">آموزش قرائت و تلاوت قرآن مجید</div>
</div>
<div class="mySlides fade">
<div class="numbertext">۲ / ۳</div>
<img src="img/مسجد-ایران-اوقات.jpg" alt="صحن مسجد خشتی و نمایی زیبا از آسمان">
<div class="text">نماز و مراسم عبادی و ارتباطات روزانه </div>
</div>
<div class="mySlides fade">
<div class="numbertext">۳ / ۳</div>
<img src="img/2_طلوع_خورشید_بر_فراز_مسجد_شیخ_لطف_الله.jpg" alt="فوارههای میدان امام خمینی اصفهان">
<div class="text">اوقات شرعی و وقت برگزاری نماز</div>
</div>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
</div>
</section>
<section id="news">
<br>
<h2>اخبار اخیر محل</h2>
<hr>
<br>
<div class="flexbox">
<div class="plate">
<h3>حمایت از کسب جدید</h3>
<p>اخیراَ از برادران عزیزی که به این محل مهاجرت کردند آقای عباسی مغازه فروش مصالح ساختمانی دایر
کردند که آدرس و
مشخصات ایشان جهت حمایت و خرید کالای مورد نیاز توسط مؤمنین به شرح زیر اعلام میگردد:</p>
<p>تهران، خیابان جنب مسجد، شماره ۲۶۰</p>
<p>شماره تماس: <a href="tel:+989123456789">۰۹۱۲۳۴۵۶۷۸۹</a></p>
</div>
<div class="plate">
<h3>عضو جدید جامعه اسلامی</h3>
<p>روز گذشته خانواده آقای محسن حسینی به علی محمد با وزن ۳.۵ کیلوگرم بعنوان عضو جدید خانواده خوش آمد
گفتند. برای علی محمد و مادرش آرزوی سلامتی و برای همه عاقبت بخیری آرزو میکنیم
</p>
<p>محسن جان تولد فرزندت مبارک</p>
<p>شیرینی یادت نره</p>
</div>
<div class="plate">
<h3>همیاری</h3>
<p>یکی از برادران عزیز نیاز به مبلغی برای ادای قرض بعلت مشکلاتی که در کسبشان پیش آمده دارند. این
اعلام درخواست علیرغم عدم هرگونه عرض حاجتی از سوی این مرد بزرگ انجام میگیرد.</p>
<p>رفقایی که استطاعت دارند میتوانند برای رضای خدا و رفع گرفتاری این عزیز مبلغی را بصورت قرض الحسنه
در اختیار قرار دهند به حاج آقا محمدی مراجعه کنند یا تماس بگیرند.</p>
<p>نشانی رایانامه: <a href="mailto:محمدی@مسجد.ایران">محمدی@مسجد.ایران</a></p>
</div>
<div class="plate">
<h3>کمک به پیش کسوتان</h3>
<p>با خبر شدیم که خانم جواهری بعلت کهولت سن برای انجام خرید و کارهای منزل دچار مشکلاتی شدند.</p>
<p>از خواهرانی که میتوانند برای کمک به این مادر عزیز وقت بگذارند برای عیادت، طبخ غذا، نظافت و انجام
خرید برای ایشان لطفاً زمان و نوع حمایت خود را با حاجیه خانم جمالی هماهنگ کنند.</p>
<p>التماس دعاء</p>
</div>
<div class="plate">
<h3>کمک آموزشی</h3>
<p>از خواهران و برادرانی که میتوانند برای تدریس و تقویت و رفع اشکال درس ریاضیات دبیرستان بصورت
داوطلبانه اقدام کنند، لطفاً زمان و نوع حمایت خود را از این دانش آموزان با دفتر مسجد هماهنگ کنند.
.</p>
<p>نشانی رایانامه: <a href="mailto:دفتر@مسجد.ایران">دفتر@مسجد.ایران</a></p>
</div>
<div class="plate">
<h3>سفر به اصفهان</h3>
<p>در پی سفر جمعی از خانواده های محل به شهر اصفهان، دوستانی مبادرت به ثبت خاطرات و عکس و تجربههای
جالب (و برخی هم درس آموز) کردن که میتوانید این مقالات را در نشانی زیر پیدا کنید:</p>
<p><a href="#">سیر و سفر به اصفهان</a></p>
</div>
</div>
</section>
<section id="events">
<br>
<h2>مراسمات و جلسات</h2>
<hr>
<div class="flexbox">
<div>
<h3>آموزش دین</h3>
<ol id="dateTime">
</ol>
<br>
</div>
<div>
<h3>مراسم مستمر عبادی</h3>
<ol class="abjad">
<li>هر شب جمعه (پنج شنبه شب) ها، دعای کمیل</li>
<li>هر صبح جمعه بعد از نماز صبح، دعای ندبه</li>
<li>دوشنبه شبها زیارت عاشورا</li>
<li>چهارشنبه شبها دعای توسل</li>
</ol>
<br>
</div>
<div>
<h3>جلسات مستمر رسیدگی به امور</h3>
<ol>
<li>شنبه شبها، جلسه کسبه محل با دستورکار هماهنگی جهت حمایت از کسب و کارهای محلی</li>
<li>سه شنبه شبها، جلسه اعضای خیریه جهت هماهنگی و با دستورکارهای جاری</li>
<li>هر دوهفته یکبار، یکشنبه شبها جلسه هیئت امناء</li>
</ol>
</div>
</div>
</section>
<section id="program">
<br>
<h2>برنامهها</h2>
<hr>
<div class="flexbox">
<div>
<h3>آموزش برای کودکان و نوجوانان</h3>
<ol>
<li>آموزش خواندن/نوشتن</li>
<li>آموزش قرآن مجید</li>
<li>آموزش کاربردی زبان عربی</li>
<li>آموزش مناظره، بلاغت و فصاحت</li>
<li>آموزش ریاضیات</li>
</ol>
<br>
</div>
<div>
<h3>نوجوانان و جوانان</h3>
<ol>
<li>آموزش شنا</li>
<li>آموزش کوهنوردی و اردو</li>
<li>آموزش کشتی و تکواندو</li>
<li>آموزش ورزش زنان</li>
<li>آموزش نگهداری از کودکان</li>
<li>آموزش مهارت استفاده از فناوری و رایانه</li>
<li>آموزش مهارتهای مدیریتی</li>
<li>آموزش آشپزی و نان پزی</li>
<li>آموزش مهارت ارتباطات مؤثر</li>
</ol>
<br>
</div>
<div>
<h3>بزرگسالان و جوانان</h3>
<ol>
<li>آموزش تمرکز، تهذیب نفس و پیشرفت فردی</li>
<li>احکام و حقوق کسب و تجارت</li>
<li>مشاوره و آموزش زبان عربی و صادرات</li>
<li>مشاوره و آموزش ایجاد و توسعه کسب</li>
<li>آموزش و تمرین امداد و نجات و ایمنی</li>
<li>آموزش روشهای تأمین سرمایه</li>
<li>مشاوره روانشناسی موفقیت</li>
</ol>
</div>
</div>
</section>
<section id="participation">
<br>
<h2>مشارکت</h2>
<hr>
<div class="flexContainer">
<div class="flexbox">
<div class="plate">
<h3>حمایت سالیانه</h3>
<p>حمایتهای مالی سالیانه شامل خمس (سهم امام(عج) و سهم سادات)، زکات و صدقات سالیانه میباشد که با
دقت
در محل هر یک با ارائه گزارش مصرف میگردد.</p><br>
<button type="submit" class="btn">انفاق</button><br>
</div>
<div class="plate">
<h3>پشتیبانی از برنامهها و حامی شرکتی</h3>
<p>کسب و کارها و شرکتها میتوانند برای معرفی نام، کالا و خدماتشان به جامعه از طریق حمایت مالی،
تهیه
نیازمندیهای برنامه های مسجد، یا اهدای هدایا با نام تجاری خود اقدام کنند.</p>
<p>لازم به توضیح است مسجد در پذیرفتن یا عدم پذیرش درخواست در صورتیکه فعالیتهای آن کسب را مغایر
با
شرع یا ارزشها و منافع شهروندان مسلمان بیابد مختار است. </p><br>
<button type="submit" class="btn">اطلاعات برای حامیان</button><br>
</div>
<div class="plate">
<h3>نذر و وقف و قربانی</h3>
<p>نذر و وقف و قربانی از خیرات و مبرات که در راه خدا و برای خدا باشد (نه برای تبلیغ، برای تبلیغ
به
بخش "پشتیبانی از برنامهها و حامی شرکتی" مراجعه کنید) با کمال میل پذیرفته میشود.</p><br>
<button type="submit" class="btn">انفاق</button><br>
</div>
<div class="plate">
<h3>اهدای البسه، کتاب و لوازم منزل</h3>
<p>البسه، کتب و لوازم زندگی که بصورتی قابل استفاده باشد که عزت مؤمنین حفظ گردد و یا با فروش آنها
توسط فروشگاه معتمد مسجد در راه تأمین خرید مایحتاج نیازمندان صرف گردد پذیرفته میشود.</p><br>
<button type="submit" class="btn">تنظیم وقت برای اهداء</button><br>
</div>
<div class="plate">
<h3>مشارکت فردی و گروهی</h3>
<p>ارائه خدمت از همیاری، همکاری، انجام امور خیرات و مبرات، همفکری، پیشنهاد و انتقاد سازنده و هر
نوع قدم خیر.</p><br>
<button type="submit" class="btn">تماس</button><br>
</div>
<div class="plate">
<h3>اطلاعات مالی</h3>
<p>مشخصات حساب بانکی که پرداختی به آن قابل کم کردن از درآمد مشمول مالیات نیز کم میگردد به شرح
زیر
میباشد.</p><br>
<button type="submit" class="btn">دسترسی به گزارش مالی سنوات ماضی</button><br>
</div>
</div>
<div>
<img src="img/زکات.jpg" alt="زکات" class="presImg">
</div>
</div>
</section>
<section id="contact">
<br>
<h2>تماس</h2>
<hr>
<div class="flexbox">
<div class="plate">
<h3>امام جماعت</h3>
<p>حجت الاسلام سید حاج ابراهیم قربانی</p>
<a href="" class="mailIco" aria-label="ارسال رایانامه به امام جماعت">✉</a>
<br>
</div>
<div class="plate">
<h3>رئیس هیئت امناء</h3>
<p>حاج محمد ناظری</p>
<a href="" class="mailIco" aria-label="ارسال رایانامه به رئیس هیئت امناء">✉</a>
<br>
</div>
<div class="plate">
<h3>خادم مسجد</h3>
<p>سید حاج محمدباقر حسینی</p>
<a href="" class="mailIco" aria-label="ارسال رایانامه به خادم مسجد">✉</a>
<br>
</div>
</div>
</section>
</main>
<footer>
<section id="about">
<div class="flexbox center">
<div>
<img src="img/allah.png" alt=""><br>
<p>تهران، خیابان ایران<br>مسجد محل</p>
</div>
<div>
<h3>ارتباط سریع</h3>
<ul>
<li>
<a href="#about">درباره</a>
</li>
<li>
<a href="#program">برنامهها</a>
</li>
<li>
<a href="#news">اخبار</a>
</li>
<li>
<a href="#participation">مشارکت</a>
</li>
<li>
<a href="#events">مراسمات</a>
</li>
<li>
<a href="#contact">تماس</a>
</li>
<li>
<a href="#participation">پرداخت</a>
</ul>
</div>
</div>
</section>
</footer>
<script src="js/slideShow.js"></script>
<script src="js/menu.js"></script>
<script src="js/dateTimeEvent.js"></script>
</body>
</html>