PageSourceSearch

https://nargil.ir/Plants-List.aspx

html nargil.ir collected 2026-10-02 13:51:31 UTC 89,540 bytes, 1,864 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="fa" dir="rtl">
5<head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="icon" type="image/png" href="/favicon.ico" /><title>
6	فهرست تصویری انواع گیاهان
7</title>
8    <link id="HeadContent_lnkCanonical" rel="canonical" href="https://nargil.ir/Plants-List.aspx?type=image&amp;category=all"></link>
9    <meta id="HeadContent_metaDescription" name="description" content="فهرست تصویری انواع گیاهان در سایت نارگیل؛ مشاهده عکس گیاهان، نام فارسی، نام علمی و صفحه معرفی هر گیاه."></meta>
10    <meta id="HeadContent_metaKeywords" name="keywords" content="فهرست گیاهان, لیست گیاهان, انواع گیاهان, گیاهان, عکس گیاهان, تصویر گیاهان, نام فارسی گیاهان, نام لاتین گیاهان, نام علمی گیاهان, دانشنامه گیاهان, نارگیل"></meta>
11    <meta id="HeadContent_metaRobots" name="robots" content="index,follow,max-image-preview:large"></meta>
12    <meta id="HeadContent_ogTitle" property="og:title" content="فهرست تصویری انواع گیاهان"></meta>
13    <meta id="HeadContent_ogDescription" property="og:description" content="فهرست تصویری انواع گیاهان در سایت نارگیل؛ مشاهده عکس گیاهان، نام فارسی، نام علمی و صفحه معرفی هر گیاه."></meta>
14    <meta id="HeadContent_ogUrl" property="og:url" content="https://nargil.ir/Plants-List.aspx?type=image&amp;category=all"></meta>
15    <meta id="HeadContent_ogType" property="og:type" content="website"></meta>
16    <meta id="HeadContent_twitterCard" name="twitter:card" content="summary_large_image"></meta>
17    
17<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https://nargil.ir/Plants-List.aspx?type=image&category=all#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"نارگیل","item":"https://nargil.ir/"},{"@type":"ListItem","position":2,"name":"فهرست گیاهان","item":"https://nargil.ir/Plants-List.aspx?type=image&category=all"}]},{"@type":"CollectionPage","@id":"https://nargil.ir/Plants-List.aspx?type=image&category=all#webpage","url":"https://nargil.ir/Plants-List.aspx?type=image&category=all","name":"فهرست تصویری انواع گیاهان","description":"فهرست تصویری انواع گیاهان در سایت نارگیل؛ مشاهده عکس گیاهان، نام فارسی، نام علمی و صفحه معرفی هر گیاه.","inLanguage":"fa-IR","isPartOf":{"@type":"WebSite","name":"نارگیل","url":"https://nargil.ir/"},"breadcrumb":{"@id":"https://nargil.ir/Plants-List.aspx?type=image&category=all#breadcrumb"},"mainEntity":{"@type":"ItemList","name":"فهرست تصویری انواع گیاهان","numberOfItems":32,"itemListElement":[{"@type":"ListItem","position":1,"name":"آب تره","url":"https://nargil.ir/Plant.aspx?Name=Nasturtium-officinale&cid=66276","image":"https://nargil.ir/plant/images/plants/Nasturtium%20officinale.jpg"},{"@type":"ListItem","position":2,"name":"آبشار طلایی (علفی)","url":"https://nargil.ir/Plant.aspx?Name=Solidago-Shortii&cid=6004","image":"https://nargil.ir/plant/images/plants/Solidago%20Shortii.jpg"},{"@type":"ListItem","position":3,"name":"آپوسینوم صورتی (خرزهرهٔ وحشی)","url":"https://nargil.ir/Plant.aspx?Name=Apocynum-androsaemifolium&cid=110808","image":"https://nargil.ir/plant/images/image_day/shortimage/Apocynum_androsaemifolium-ECE2612ADF20211005163825.jpg"},{"@type":"ListItem","position":4,"name":"آپوسینوم کنفی (کنف وحشی)","url":"https://nargil.ir/Plant.aspx?Name=Apocynum-cannabinum&cid=110815","image":"https://nargil.ir/plant/images/image_day/shortimage/Apocynum_cannabinum-AF5D5A892920191003203649.jpg"},{"@type":"ListItem","position":5,"name":"آتراآفاکسیس خاردار","url":"https://nargil.ir/Plant.aspx?Name=Atraphaxis-spinosa&cid=114956","image":"https://nargil.ir/plant/contentsimages/114956/Atraphaxis-spinosa_1.jpg"},{"@type":"ListItem","position":6,"name":"آجوگا","url":"https://nargil.ir/Plant.aspx?Name=Ajuga-Reptans&cid=5836","image":"https://nargil.ir/plant/images/plants/Ajuga%20Reptans.jpg"},{"@type":"ListItem","position":7,"name":"آجیل شمع / کَندِل نات","url":"https://nargil.ir/Plant.aspx?Name=Aleurites-moluccana&cid=6431","image":"https://nargil.ir/plant/images/plants/Aleurites%20moluccana.jpg"},{"@type":"ListItem","position":8,"name":"آجیل نان","url":"https://nargil.ir/Plant.aspx?Name=Brosimum-alicastrum&cid=6488","image":"https://nargil.ir/plant/images/plants/Brosimum%20alicastrum.jpg"},{"@type":"ListItem","position":9,"name":"آچیلئا","url":"https://nargil.ir/Plant.aspx?Name=Achilea&cid=83965","image":"https://nargil.ir/plant/images/plants/Achilea.jpg"},{"@type":"ListItem","position":10,"name":"آدمک - چله داغ","url":"https://nargil.ir/Plant.aspx?Name=Biebersteinia-multifida-De&cid=6974","image":"https://nargil.ir/plant/images/plants/Biebersteinia%20multifida%20De.jpg"},{"@type":"ListItem","position":11,"name":"آدنیوم، رز صحرایی","url":"https://nargil.ir/Plant.aspx?Name=Adenium-obesum&cid=6161","image":"https://nargil.ir/plant/images/plants/Adenium%20obesum.jpg"},{"@type":"ListItem","position":12,"name":"آرازا","url":"https://nargil.ir/Plant.aspx?Name=Eugenia-stipitata&cid=58848","image":"https://nargil.ir/plant/images/plants/Eugenia%20stipitata.jpg"},{"@type":"ListItem","position":13,"name":"آرالیای برگ پهن","url":"https://nargil.ir/Plant.aspx?Name=Aralia-Sieboldii&cid=5977","image":"https://nargil.ir/plant/images/plants/Aralia%20Sieboldii.jpg"},{"@type":"ListItem","position":14,"name":"آرالیای دروغی","url":"https://nargil.ir/Plant.aspx?Name=Dizygotheca-Elegantissima&cid=5124","image":"https://nargil.ir/plant/images/plants/Dizygotheca%20Elegantissima.jpg"},{"@type":"ListItem","position":15,"name":"آرالیای ژاپنی","url":"https://nargil.ir/Plant.aspx?Name=Fatsia-Japonica&cid=5267","image":"https://nargil.ir/plant/images/plants/Fatsia%20Japonica.jpg"},{"@type":"ListItem","position":16,"name":"آرانتیس","url":"https://nargil.ir/Plant.aspx?Name=Eranthis-Hyemalis&cid=5934","image":"https://nargil.ir/plant/images/plants/Eranthis%20Hyemalis.jpg"},{"@type":"ListItem","position":17,"name":"آرتوکارپوس سریکارپوس","url":"https://nargil.ir/Plant.aspx?Name=Artocarpus-sericicarpus&cid=57503","image":"https://nargil.ir/plant/images/plants/Artocarpus%20sericicarpus.jpg"},{"@type":"ListItem","position":18,"name":"آرتیشو","url":"https://nargil.ir/Plant.aspx?Name=Cynara-scolymus&cid=56927","image":"https://nargil.ir/plant/images/plants/Cynara%20scolymus.jpg"},{"@type":"ListItem","position":19,"name":"آرتیشوی خاردار","url":"https://nargil.ir/Plant.aspx?Name=Cynara-cardunculus&cid=7012","image":"https://nargil.ir/plant/images/plants/Cynara%20cardunculus.jpg"},{"@type":"ListItem","position":20,"name":"آردیسیا","url":"https://nargil.ir/Plant.aspx?Name=Ardisia-crenata&cid=6212","image":"https://nargil.ir/plant/images/plants/Ardisia%20crenata.jpg"},{"@type":"ListItem","position":21,"name":"آردیسیا مارلبری","url":"https://nargil.ir/Plant.aspx?Name=Ardisia-escallonoides&cid=110835","image":"https://nargil.ir/plant/images/image_day/shortimage/Ardisia_escallonoides-B661D5B7B520200303235756.jpg"},{"@type":"ListItem","position":22,"name":"آرگن","url":"https://nargil.ir/Plant.aspx?Name=Argania-spinosa&cid=6450","image":"https://nargil.ir/plant/images/plants/Argania%20spinosa.jpg"},{"@type":"ListItem","position":23,"name":"آرمریا","url":"https://nargil.ir/Plant.aspx?Name=Armeria-Maritima&cid=6345","image":"https://nargil.ir/plant/images/plants/Armeria%20Maritima.jpg"},{"@type":"ListItem","position":24,"name":"آروکاریا بیدویلی","url":"https://nargil.ir/Plant.aspx?Name=Araucaria-bidwillii&cid=6446","image":"https://nargil.ir/plant/images/plants/Araucaria%20bidwillii.jpeg"},{"@type":"ListItem","position":25,"name":"آروم خالدار","url":"https://nargil.ir/Plant.aspx?Name=Arum-maculatum&cid=85291","image":"https://nargil.ir/plant/images/plants/Arum%20maculatum.jpg"},{"@type":"ListItem","position":26,"name":"آرونیا قرمز","url":"https://nargil.ir/Plant.aspx?Name=Aronia-arbutifolia&cid=110774","image":"https://nargil.ir/plant/images/image_day/shortimage/Aronia_arbutifolia-18A9A498D220191123183849.jpg"},{"@type":"ListItem","position":27,"name":"آریستولوشیا الگانس","url":"https://nargil.ir/Plant.aspx?Name=Aristolochia-elegans&cid=62110","image":"https://nargil.ir/plant/images/plants/Aristolochia%20elegans.jpg"},{"@type":"ListItem","position":28,"name":"آریستولوکیا پشمالو (پیچ لوله‌ای پشمالو)","url":"https://nargil.ir/Plant.aspx?Name=Aristolochia-tomentosa&cid=110898","image":"https://nargil.ir/plant/images/image_day/shortimage/Aristolochia_tomentosa-B86F3314D920191219194111.jpg"},{"@type":"ListItem","position":29,"name":"آریستولوکیا غول‌پیکر (پیچ لوله‌ای غول‌آسا)","url":"https://nargil.ir/Plant.aspx?Name=Aristolochia-gigantea&cid=110889","image":"https://nargil.ir/plant/images/image_day/shortimage/Aristolochia_gigantea-5C6DC7411C20200104222157.jpg"},{"@type":"ListItem","position":30,"name":"آريوكارپوس فیساراتوس","url":"https://nargil.ir/Plant.aspx?Name=Ariocarpus-Fissuratus&cid=5529","image":"https://nargil.ir/plant/images/plants/Ariocarpus%20Fissuratus.jpg"},{"@type":"ListItem","position":31,"name":"آزاد","url":"https://nargil.ir/Plant.aspx?Name=Zelkova-serrata&cid=5776","image":"https://nargil.ir/plant/images/plants/Zelkova%20serrata.jpg"},{"@type":"ListItem","position":32,"name":"آزارا","url":"https://nargil.ir/Plant.aspx?Name=Azara-petiolaris&cid=6467","image":"https://nargil.ir/plant/images/plants/Azara%20petiolaris.jpg"}]}}]}</script>
17
18
19    <style type="text/css">
20        .np-plants-page,
21        .np-plants-page * {
22            box-sizing: border-box;
23        }
24
25        .np-plants-page {
26            direction: rtl;
27            width: min(1480px, calc(100% - 24px));
28            margin: 0 auto 48px auto;
29            color: #16352b;
30            font-family: myFont1, Tahoma, Arial, sans-serif;
31        }
32
33        .np-hero {
34            position: relative;
35            overflow: hidden;
36            margin: 18px 0 16px 0;
37            padding: clamp(20px, 4vw, 46px);
38            border-radius: 34px;
39            background:
40                radial-gradient(circle at 12% 12%, rgba(255,255,255,.72), transparent 34%),
41                radial-gradient(circle at 88% 22%, rgba(180, 235, 183, .62), transparent 30%),
42                linear-gradient(135deg, #f4fff2 0%, #e4f9d4 47%, #f8fff5 100%);
43            border: 1px solid rgba(37, 116, 77, .14);
44            box-shadow: 0 24px 70px rgba(17, 86, 47, .11);
45        }
46
47        .np-hero:before {
48            content: "";
49            position: absolute;
50            inset: auto -80px -120px auto;
51            width: 360px;
52            height: 360px;
53            border-radius: 999px;
54            background: rgba(59, 164, 83, .12);
55        }
56
57        .np-hero__content {
58            position: relative;
59            z-index: 1;
60        }
61
62        .np-eyebrow {
63            display: inline-flex;
64            align-items: center;
65            gap: 8px;
66            padding: 8px 13px;
67            margin-bottom: 12px;
68            border-radius: 999px;
69            color: #1a6b3c;
70            background: rgba(255,255,255,.72);
71            border: 1px solid rgba(29, 128, 71, .14);
72            font-weight: 700;
73            font-size: 13px;
74        }
75
76        .np-hero h1 {
77            margin: 0;
78            color: #113b2a;
79            font-size: clamp(25px, 4.1vw, 48px);
80            line-height: 1.35;
81            letter-spacing: -0.025em;
82            font-weight: 900;
83        }
84
85        .np-hero p {
86            max-width: 860px;
87            margin: 14px 0 0 0;
88            color: #48695c;
89            font-size: clamp(14px, 1.4vw, 17px);
90            line-height: 2.05;
91        }
92
93        .np-toolbar {
94            position: sticky;
95            top: 8px;
96            z-index: 10;
97            display: grid;
98            grid-template-columns: minmax(160px, .7fr) minmax(220px, 1fr) minmax(260px, 1.35fr);
99            gap: 12px;
100            align-items: end;
101            margin: 16px 0 18px 0;
102            padding: 12px;
103            border-radius: 26px;
104            background: rgba(255,255,255,.88);
105            border: 1px solid rgba(42, 117, 77, .13);
106            box-shadow: 0 16px 44px rgba(14, 74, 42, .08);
107            backdrop-filter: blur(12px);
108        }
109
110        .np-field {
111            display: flex;
112            flex-direction: column;
113            gap: 7px;
114            min-width: 0;
115        }
116
117        .np-field label {
118            color: #45675b;
119            font-size: 12px;
120            font-weight: 800;
121        }
122
123        .np-select,
124        .np-search__input {
125            width: 100%;
126            min-height: 44px;
127            border: 1px solid rgba(38, 115, 73, .18);
128            border-radius: 17px;
129            background: #fff;
130            color: #16352b;
131            outline: none;
132            padding: 0 14px;
133            font-family: inherit;
134            font-size: 14px;
135            transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
136        }
137
138        .np-select:focus,
139        .np-search__input:focus {
140            border-color: rgba(45, 151, 76, .58);
141            box-shadow: 0 0 0 4px rgba(79, 179, 97, .12);
142        }
143
144        .np-search {
145            display: grid;
146            grid-template-columns: minmax(0, 1fr) auto auto;
147            gap: 8px;
148            align-items: center;
149        }
150
151        .np-btn {
152            min-height: 44px;
153            border: 0;
154            border-radius: 16px;
155            padding: 0 18px;
156            cursor: pointer;
157            font-family: inherit;
158            font-weight: 900;
159            white-space: nowrap;
160            transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
161        }
162
163        .np-btn:hover {
164            transform: translateY(-1px);
165        }
166
167        .np-btn--primary {
168            color: #fff;
169            background: linear-gradient(135deg, #209455, #79bf2b);
170            box-shadow: 0 14px 30px rgba(47, 143, 67, .22);
171        }
172
173        .np-btn--ghost {
174            color: #2e694f;
175            background: #eef8ed;
176            border: 1px solid rgba(40, 119, 74, .14);
177        }
178
179        .np-summary {
180            display: flex;
181            flex-wrap: wrap;
182            align-items: center;
183            gap: 8px;
184            margin: 0 0 18px 0;
185        }
186
187        .np-chip {
188            display: inline-flex;
189            align-items: center;
190            min-height: 34px;
191            padding: 6px 12px;
192            border-radius: 999px;
193            background: #f1f9ef;
194            color: #2b664d;
195            border: 1px solid rgba(45, 122, 76, .13);
196            font-size: 13px;
197            font-weight: 800;
198        }
199
200        .np-grid {
201            display: grid;
202            gap: 10px;
203            align-items: stretch;
204        }
205
206        .np-grid--image,
207        .np-grid--name {
208            grid-template-columns: repeat(8, minmax(0, 1fr));
209        }
210
211        .np-card {
212            display: block;
213            height: 100%;
214            text-decoration: none;
215            color: inherit;
216            border-radius: 18px;
217            background: rgba(255,255,255,.96);
218            border: 1px solid rgba(42, 111, 71, .12);
219            box-shadow: 0 8px 22px rgba(16, 76, 42, .055);
220            overflow: hidden;
221            transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
222        }
223
224        .np-card:hover {
225            transform: translateY(-2px);
226            border-color: rgba(52, 157, 83, .32);
227            box-shadow: 0 14px 34px rgba(18, 91, 50, .10);
228        }
229
230        .np-card:focus-visible {
231            outline: 4px solid rgba(79, 179, 97, .22);
232        }
233
234        /*
235           مهم: این بخش عمداً height ثابت دارد، نه padding-bottom/aspect-ratio.
236           بعضی CSSهای عمومی سایت روی img اثر می‌گذارند؛ بنابراین selectorها قوی و !important هستند.
237           object-fit: cover باعث می‌شود خودِ عکس همیشه ابعاد یکسان داشته باشد، بدون دفرمه شدن.
238        */
239        .np-plants-page .np-card > .np-thumb {
240            display: block !important;
241            position: relative !important;
242            box-sizing: border-box !important;
243            width: 100% !important;
244            height: 168px !important;
245            min-height: 168px !important;
246            max-height: 168px !important;
247            padding: 0 !important;
248            margin: 0 !important;
249            overflow: hidden !important;
250            border-radius: 14px 14px 0 0 !important;
251            background: linear-gradient(145deg, #effbea, #f9fff5) !important;
252        }
253
254        .np-plants-page .np-card > .np-thumb > img,
255        .np-plants-page .np-card > .np-thumb > .np-plant-img {
256            position: static !important;
257            display: block !important;
258            box-sizing: border-box !important;
259            width: 100% !important;
260            height: 100% !important;
261            min-width: 100% !important;
262            min-height: 100% !important;
263            max-width: 100% !important;
264            max-height: 100% !important;
265            padding: 0 !important;
266            margin: 0 !important;
267            object-fit: cover !important;
268            object-position: center center !important;
269            border-radius: 14px 14px 0 0 !important;
270            transform: none !important;
271        }
272
273        .np-thumb--empty:before {
274            content: "☘";
275            position: absolute;
276            inset: 0;
277            display: grid;
278            place-items: center;
279            color: rgba(46, 126, 74, .28);
280            font-size: 42px;
281        }
282
283        .np-card__body {
284            min-height: 66px;
285            padding: 7px 8px 8px 8px;
286            text-align: center;
287        }
288
289        .np-card__title {
290            display: block;
291            color: #113b2a;
292            font-size: 12.8px;
293            font-weight: 900;
294            line-height: 1.65;
295            overflow: hidden;
296            display: -webkit-box;
297            -webkit-line-clamp: 2;
298            -webkit-box-orient: vertical;
299        }
300
301        .np-card__latin,
302        .np-card__scientific {
303            display: block;
304            margin-top: 2px;
305            color: #6a8179;
306            font-size: 10.8px;
307            line-height: 1.45;
308            direction: ltr;
309            overflow: hidden;
310            text-overflow: ellipsis;
311            white-space: nowrap;
312        }
313
314        .np-card__scientific {
315            font-style: italic;
316        }
317
318        .np-name-card {
319            display: flex;
320            min-height: 56px;
321            align-items: center;
322            gap: 7px;
323            padding: 7px 8px;
324            border-radius: 16px;
325        }
326
327        .np-name-card__icon {
328            flex: 0 0 26px;
329            width: 26px;
330            height: 26px;
331            display: grid;
332            place-items: center;
333            border-radius: 13px;
334            background: linear-gradient(135deg, #e8f8e6, #f7fff1);
335            color: #2d8a4a;
336            font-size: 15px;
337        }
338
339        .np-name-card__text {
340            min-width: 0;
341            display: block;
342        }
343
344        .np-status {
345            min-height: 40px;
346            margin: 18px auto 0 auto;
347            text-align: center;
348            color: #587366;
349            font-size: 14px;
350            font-weight: 800;
351        }
352
353        .np-status--loading:after {
354            content: "";
355            display: inline-block;
356            width: 16px;
357            height: 16px;
358            margin-right: 9px;
359            vertical-align: -4px;
360            border-radius: 50%;
361            border: 2px solid rgba(45, 135, 74, .22);
362            border-top-color: rgba(45, 135, 74, .8);
363            animation: npSpin .75s linear infinite;
364        }
365
366        @keyframes npSpin {
367            to { transform: rotate(360deg); }
368        }
369
370        .np-sentinel {
371            width: 100%;
372            height: 2px;
373        }
374
375        @media (max-width: 1280px) {
376            .np-grid--image,
377            .np-grid--name { grid-template-columns: repeat(6, minmax(0, 1fr)); }
378            .np-plants-page .np-card > .np-thumb {
379                height: 154px !important;
380                min-height: 154px !important;
381                max-height: 154px !important;
382            }
383        }
384
385        @media (max-width: 980px) {
386            .np-toolbar { grid-template-columns: 1fr 1fr; }
387            .np-toolbar .np-field--search { grid-column: 1 / -1; }
388            .np-grid--image,
389            .np-grid--name { grid-template-columns: repeat(4, minmax(0, 1fr)); }
390            .np-plants-page .np-card > .np-thumb {
391                height: 136px !important;
392                min-height: 136px !important;
393                max-height: 136px !important;
394            }
395        }
396
397        @media (max-width: 620px) {
398            .np-plants-page { width: min(100% - 14px, 1480px); }
399            .np-hero { border-radius: 25px; padding: 20px 16px; }
400            .np-toolbar {
401                position: static;
402                grid-template-columns: 1fr;
403                border-radius: 22px;
404                padding: 10px;
405            }
406            .np-search { grid-template-columns: 1fr auto; }
407            .np-search__input { grid-column: 1 / -1; }
408            .np-btn { padding: 0 13px; min-height: 42px; }
409            .np-grid { gap: 6px; }
410            .np-grid--image,
411            .np-grid--name { grid-template-columns: repeat(3, minmax(0, 1fr)); }
412            .np-card { border-radius: 18px; }
413            .np-plants-page .np-card > .np-thumb {
414                height: 104px !important;
415                min-height: 104px !important;
416                max-height: 104px !important;
417                border-radius: 12px 12px 0 0 !important;
418            }
419            .np-plants-page .np-card > .np-thumb > img,
420            .np-plants-page .np-card > .np-thumb > .np-plant-img {
421                border-radius: 12px 12px 0 0 !important;
422            }
423            .np-card__body { min-height: 58px; padding: 6px 5px 7px 5px; }
424            .np-card__title { font-size: 11.7px; line-height: 1.55; }
425            .np-card__latin,
426            .np-card__scientific { font-size: 10px; }
427            .np-name-card { min-height: 52px; padding: 6px; gap: 5px; }
428            .np-name-card__icon { display: none; }
429        }
430    </style>
431
432
433    
433<script src="/Script/jquery/jquery-3.6.0.min.js"></script>
433
434	
435	<!-- Google tag (gtag.js) - new Google Analytics GA4 -->
vendor: 66 bytes, lines 435-436
435
436	<script async src="https://www.googletagmanager.com/gtag/js?id=
436G-ETX1FGW01F
vendor: 14 bytes, lines 436-437
436"></script>
437	
437<script>
438	  
vendor: 141 bytes, lines 438-442
438window.dataLayer = window.dataLayer || [];
439	  function gtag(){dataLayer.push(arguments);}
440	  gtag('js', new Date());
441
442	  gtag('config', '
442G-ETX1FGW01F
vendor: 6 bytes, lines 442-443
442');
443	
443</script>
443
444
445	<link rel="preconnect" href="https://fonts.googleapis.com" /><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" /><link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&amp;display=swap" rel="stylesheet" />
446
447    <style>
448        * {
449            box-sizing: border-box;
450        }
451
452		@font-face {
453			font-family: 'Vazirmatn';
454			src: url('/font/vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
455			font-weight: 400;
456			font-style: normal;
457			font-display: swap;
458		}
459		@font-face {
460			font-family: 'Vazirmatn';
461			src: url('/font/vazirmatn/Vazirmatn-Medium.woff2') format('woff2');
462			font-weight: 500;
463			font-style: normal;
464			font-display: swap;
465		}
466		@font-face {
467			font-family: 'Vazirmatn';
468			src: url('/font/vazirmatn/Vazirmatn-Bold.woff2') format('woff2');
469			font-weight: 700;
470			font-style: normal;
471			font-display: swap;
472		}
473
474        html,
475        body {
476            margin: 0;
477            padding: 0;
478            width: 100%;
479            min-height: 100%;
480            background: #ffffff;
481            color: #222;
482			font-family: Vazirmatn, Tahoma, Arial, sans-serif;
483        }
484
485        body,
486        body *,
487        input,
488        button,
489        textarea,
490        select {
491            font-family: Vazirmatn, Tahoma, Arial, sans-serif;
492        }
493
494        body {
495            display: flex;
496            flex-direction: column;
497        }
498
499        a {
500            text-decoration: none;
501        }
502
503        /* =========================
504           Header
505        ========================= */
506
507        .nb-header {
508            width: 100%;
509            min-height: 74px;
510            background: linear-gradient(
511                180deg,
512                #5f8f16 0%,
513                #5f8f16 70%,
514                #7fad24 88%,
515                #a8ca3a 100%
516            );
517            border-bottom: 1px solid rgba(45, 83, 10, 0.35);
518            border-bottom-left-radius: 18px;
519            border-bottom-right-radius: 18px;
520            box-shadow: 0 5px 18px rgba(61, 90, 20, 0.20);
521            position: sticky;
522            top: 0;
523            z-index: 9000;
524        }
525
526        .nb-header-inner {
527            width: 100%;
528            max-width: 1320px;
529            height: 74px;
530            min-height: 74px;
531            margin: 0 auto;
532            padding: 0 18px;
533            display: flex;
534            align-items: center;
535            justify-content: space-between;
536            gap: 16px;
537        }
538
539        .nb-header-right {
540            display: flex;
541            align-items: center;
542            gap: 18px;
543            min-width: 0;
544        }
545
546        .nb-header-left {
547            display: flex;
548            align-items: center;
549            gap: 12px;
550            flex-shrink: 0;
551        }
552
553        .nb-logo {
554            height: 100%;
555            display: flex;
556            align-items: center;
557            flex-shrink: 0;
558        }
559
560        .nb-logo img {
561            width: auto;
562            height: 67px;
563            max-height: 90%;
564            object-fit: contain;
565            display: block;
566        }
567
568        .nb-desktop-menu {
569            display: flex;
570            align-items: center;
571            gap: 4px;
572            font-size: 14px;
573            font-weight: 600;
574        }
575
576        .nb-desktop-menu a {
577            color: #ffffff;
578            padding: 10px 11px;
579            border-radius: 999px;
580            white-space: nowrap;
581            transition: background 0.2s ease, color 0.2s ease;
582            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
583        }
584
585        .nb-desktop-menu a:hover {
586            background: rgba(255, 255, 255, 0.22);
587            color: #ffffff;
588        }
589		
590		.nb-header-search {
591			display: flex;
592			align-items: center;
593			width: 250px;
594			height: 38px;
595			background: rgba(255, 255, 255, 0.92);
596			border-radius: 999px;
597			overflow: hidden;
598			border: 1px solid rgba(255, 255, 255, 0.35);
599			box-shadow: 0 2px 8px rgba(20, 70, 10, 0.12);
600			flex-shrink: 0;
601		}
602
603		.nb-header-search input {
604			width: 100%;
605			height: 100%;
606			border: 0;
607			outline: none;
608			background: transparent;
609			padding: 0 13px 0 6px;
610			font-size: 13px;
611			color: #24400f;
612		}
613
614		.nb-header-search input::placeholder {
615			color: #6b7d55;
616		}
617
618		.nb-header-search button {
619			width: 42px;
620			height: 100%;
621			border: 0;
622			background: #d0f498;
623			color: #ffffff;
624			cursor: pointer;
625			font-size: 15px;
626			font-weight: bold;
627		}
628
629		.nb-header-search button:hover {
630			background: #183d09;
631		}
632
633
634
635        .nb-user-box {
636            display: flex;
637            align-items: center;
638            gap: 8px;
639            font-size: 13px;
640            color: #ffffff;
641            white-space: nowrap;
642            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
643        }
644
645        .nb-user-name {
646            color: #ffffff;
647            font-weight: bold;
648            max-width: 190px;
649            overflow: hidden;
650            text-overflow: ellipsis;
651            display: inline-block;
652            vertical-align: middle;
653        }
654
655        .nb-counter {
656            min-width: 22px;
657            height: 22px;
658            padding: 0 7px;
659            border-radius: 999px;
660            background: rgba(255, 255, 255, 0.85);
661            border: 1px solid rgba(53, 94, 20, 0.25);
662            color: #124d22;
663            display: inline-flex;
664            align-items: center;
665            justify-content: center;
666            font-size: 12px;
667            font-weight: bold;
668            text-shadow: none;
669        }
670
671        .nb-small-link {
672            color: #ffffff;
673            font-weight: bold;
674            display: inline-flex;
675            align-items: center;
676            gap: 5px;
677        }
678
679        .nb-small-link:hover {
680            color: #ffffff;
681        }
682
683        .nb-login-btn {
684            border: 0;
685            background: rgba(255, 255, 255, 0.92);
686            color: #24520e;
687            padding: 9px 18px;
688            border-radius: 999px;
689            cursor: pointer;
690            font-size: 13px;
691            font-weight: bold;
692            box-shadow: 0 3px 10px rgba(20, 91, 38, 0.18);
693            transition: background 0.2s ease, transform 0.2s ease;
694        }
695
696        .nb-login-btn:hover {
697            background: #ffffff;
698            transform: translateY(-1px);
699        }
700
701        .nb-mobile-menu-btn {
702            display: none;
703            width: 42px;
704            height: 42px;
705            border: 0;
706            border-radius: 12px;
707            background: rgba(255, 255, 255, 0.22);
708            cursor: pointer;
709            align-items: center;
710            justify-content: center;
711            padding: 0;
712        }
713
714        .nb-mobile-menu-btn span {
715            width: 22px;
716            height: 2px;
717            background: #ffffff;
718            display: block;
719            position: relative;
720            border-radius: 3px;
721        }
722
723        .nb-mobile-menu-btn span::before,
724        .nb-mobile-menu-btn span::after {
725            content: "";
726            width: 22px;
727            height: 2px;
728            background: #ffffff;
729            display: block;
730            position: absolute;
731            right: 0;
732            border-radius: 3px;
733        }
734
735        .nb-mobile-menu-btn span::before {
736            top: -7px;
737        }
738
739        .nb-mobile-menu-btn span::after {
740            top: 7px;
741        }
742
743        .nb-mobile-menu {
744            display: none;
745            background: #f8ffe2;
746            border-top: 1px solid rgba(77, 107, 21, 0.18);
747            border-bottom: 1px solid rgba(77, 107, 21, 0.18);
748            box-shadow: 0 8px 22px rgba(35, 60, 12, 0.13);
749        }
750
751        .nb-mobile-menu-inner {
752            max-width: 1320px;
753            margin: 0 auto;
754            padding: 8px 12px 12px;
755            display: grid;
756            grid-template-columns: 1fr;
757            gap: 5px;
758        }
759
760        .nb-mobile-menu a {
761            color: #24360e;
762            padding: 12px 14px;
763            border-radius: 12px;
764            font-size: 14px;
765            font-weight: bold;
766            background: rgba(255, 255, 255, 0.62);
767        }
768
769        .nb-mobile-menu a:hover {
770            background: #ffffff;
771            color: #0f4f1c;
772        }
773
774        .nb-mobile-user {
775            display: none;
776            padding: 11px 14px;
777            border-radius: 12px;
778            background: rgba(222, 242, 146, 0.75);
779            color: #22410f;
780            font-size: 13px;
781            line-height: 1.8;
782        }
783
784        .nb-mobile-user a {
785            padding: 0;
786            background: transparent;
787            display: inline;
788            color: #174d20;
789        }
790
791        /* =========================
792           Main
793        ========================= */
794
795        .nb-content {
796            width: 100%;
797            flex: 1;
798            min-height: 60vh;
799        }
800		
801		
802		
803        /* =========================
804           Search Box
805        ========================= */
806			.nb-mobile-search {
807			display: none;
808			grid-template-columns: 1fr auto;
809			gap: 7px;
810			padding: 8px;
811			border-radius: 14px;
812			background: rgba(222, 242, 146, 0.75);
813		}
814
815		.nb-mobile-search input {
816			height: 42px;
817			border: 1px solid rgba(80, 120, 25, 0.25);
818			border-radius: 10px;
819			padding: 0 12px;
820			outline: none;
821			font-size: 13px;
822			color: #24360e;
823			background: #ffffff;
824		}
825
826		.nb-mobile-search button {
827			height: 42px;
828			border: 0;
829			border-radius: 10px;
830			padding: 0 13px;
831			background: #24520e;
832			color: #ffffff;
833			font-size: 13px;
834			font-weight: bold;
835			cursor: pointer;
836		}
837		
838		
839		
840		
841		
842
843        /* =========================
844           Login Modal
845        ========================= */
846
847        .nb-login-overlay {
848            position: fixed;
849            inset: 0;
850            background: rgba(0, 0, 0, 0.42);
851            z-index: 99999;
852            display: none;
853            align-items: center;
854            justify-content: center;
855            padding: 18px;
856        }
857
858        .nb-login-panel {
859            width: 340px;
860            min-height: 330px;
861            background: #fff;
862            border-radius: 18px;
863            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
864            padding: 22px;
865            position: relative;
866            text-align: right;
867        }
868
869        .nb-login-close {
870            position: absolute;
871            left: 13px;
872            top: 10px;
873            border: 0;
874            background: transparent;
875            font-size: 25px;
876            line-height: 25px;
877            cursor: pointer;
878            color: #777;
879        }
880
881        .nb-login-title {
882            margin: 8px 0 18px;
883            font-size: 18px;
884            font-weight: bold;
885            color: #155e2d;
886            text-align: center;
887        }
888
889        .nb-login-panel label {
890            display: block;
891            margin: 10px 0 5px;
892            font-size: 13px;
893            color: #333;
894        }
895
896        .nb-login-panel input[type="text"],
897        .nb-login-panel input[type="password"] {
898            width: 100%;
899            height: 42px;
900            border: 1px solid #d7d7d7;
901            border-radius: 10px;
902            padding: 8px 10px;
903            font-size: 14px;
904            outline: none;
905        }
906
907        .nb-login-panel input[type="text"]:focus,
908        .nb-login-panel input[type="password"]:focus {
909            border-color: #16803a;
910            box-shadow: 0 0 0 3px rgba(22, 128, 58, 0.12);
911        }
912
913        .nb-login-submit {
914            width: 100%;
915            height: 42px;
916            border: 0;
917            border-radius: 10px;
918            background: #16803a;
919            color: #fff;
920            font-size: 14px;
921            cursor: pointer;
922            margin-top: 15px;
923            font-weight: bold;
924        }
925
926        .nb-login-submit:hover {
927            background: #0f6b2d;
928        }
929
930        .nb-login-submit:disabled {
931            opacity: 0.75;
932            cursor: wait;
933        }
934
935        .nb-token-link {
936            display: inline-block;
937            margin-top: 13px;
938            color: #0b5eaa;
939            font-size: 13px;
940            text-decoration: none;
941            cursor: pointer;
942        }
943
944        .nb-token-link:hover {
945            text-decoration: underline;
946        }
947
948        .nb-login-message {
949            margin-top: 12px;
950            min-height: 22px;
951            font-size: 13px;
952            color: #b00020;
953            line-height: 1.8;
954        }
955
956        .nb-login-hint {
957            margin-top: 8px;
958            color: #666;
959            font-size: 12px;
960            line-height: 1.8;
961        }
962
963        /* =========================
964           Footer
965        ========================= */
966
967        .nb-footer {
968            width: 100%;
969            background: #18240d;
970            color: #eaf5d7;
971            margin-top: 40px;
972        }
973
974        .nb-footer-inner {
975            max-width: 1320px;
976            margin: 0 auto;
977            padding: 34px 18px 22px;
978        }
979
980        .nb-footer-grid {
981            display: grid;
982            grid-template-columns: 1.4fr 1fr 1fr 1fr;
983            gap: 28px;
984        }
985
986        .nb-footer-title {
987            font-size: 15px;
988            font-weight: bold;
989            margin-bottom: 13px;
990            color: #ffffff;
991        }
992
993        .nb-footer-about {
994            font-size: 13px;
995            line-height: 2;
996            color: #d7e8be;
997        }
998
999        .nb-footer-links {
1000            display: grid;
1001            gap: 9px;
1002        }
1003
1004        .nb-footer-links a {
1005            color: #d7e8be;
1006            font-size: 13px;
1007        }
1008
1009        .nb-footer-links a:hover {
1010            color: #ffffff;
1011        }
1012
1013        .nb-footer-note {
1014            font-size: 12px;
1015            line-height: 2;
1016            color: #c8ddb1;
1017        }
1018
1019        .nb-footer-bottom {
1020            border-top: 1px solid rgba(255, 255, 255, 0.12);
1021            margin-top: 26px;
1022            padding-top: 15px;
1023            display: flex;
1024            align-items: center;
1025            justify-content: space-between;
1026            gap: 12px;
1027            font-size: 12px;
1028            color: #c8ddb1;
1029        }
1030
1031        .nb-footer-bottom a {
1032            color: #eaf5d7;
1033        }
1034
1035        .nb-footer-bottom a:hover {
1036            color: #ffffff;
1037        }
1038
1039        /* =========================
1040           Responsive
1041        ========================= */
1042
1043        @media (max-width: 900px) {
1044            .nb-header {
1045                min-height: 64px;
1046                border-bottom-left-radius: 16px;
1047                border-bottom-right-radius: 16px;
1048            }
1049
1050            .nb-header-inner {
1051                height: 64px;
1052                min-height: 64px;
1053                padding: 0 12px;
1054            }
1055
1056            .nb-logo img {
1057                width: auto;
1058                height: 58px;
1059                max-height: 90%;
1060            }
1061
1062            .nb-desktop-menu {
1063                display: none;
1064            }
1065
1066            .nb-mobile-menu-btn {
1067                display: inline-flex;
1068            }
1069
1070            .nb-user-box {
1071                display: none;
1072            }
1073
1074            .nb-mobile-user {
1075                display: block;
1076            }
1077
1078            .nb-footer-grid {
1079                grid-template-columns: 1fr 1fr;
1080            }
1081			
1082			.nb-header-search {
1083				display: none;
1084			}
1085
1086			.nb-mobile-search {
1087				display: grid;
1088			}
1089        }
1090
1091        @media (max-width: 560px) {
1092            .nb-header {
1093                min-height: 60px;
1094                border-bottom-left-radius: 14px;
1095                border-bottom-right-radius: 14px;
1096            }
1097
1098            .nb-header-inner {
1099                height: 60px;
1100                min-height: 60px;
1101                gap: 8px;
1102                padding: 0 10px;
1103            }
1104
1105            .nb-logo img {
1106                width: auto;
1107                height: 54px;
1108                max-height: 90%;
1109            }
1110
1111            .nb-login-btn {
1112                padding: 8px 13px;
1113                font-size: 12px;
1114            }
1115
1116            .nb-mobile-menu-btn {
1117                width: 39px;
1118                height: 39px;
1119            }
1120
1121            .nb-login-panel {
1122                width: 92vw;
1123                max-width: 350px;
1124            }
1125
1126            .nb-footer {
1127                margin-top: 28px;
1128            }
1129
1130            .nb-footer-inner {
1131                padding: 28px 16px 18px;
1132            }
1133
1134            .nb-footer-grid {
1135                grid-template-columns: 1fr;
1136                gap: 22px;
1137            }
1138
1139            .nb-footer-bottom {
1140                flex-direction: column;
1141                align-items: flex-start;
1142                line-height: 1.9;
1143            }
1144        }
1145    </style>
1146	
1147
1148</head>
1149
1150<body>
1151    <form method="post" action="./Plants-List.aspx" id="form1">
1152<div class="aspNetHidden">
1153<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
1154<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
1155<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="hHH0dIys5BJKKCvPNmTb/aEGTEVayZhBHWbGhmtvyxbsJRLlFUV8inX3YvysLI1ua/DNjZEI8iYj0NfFvAXA3noWlHJOk8IhkXPGyisA1bc=" />
1156</div>
1157
1158<script type="text/javascript">
1159//<![CDATA[
1160var theForm = document.forms['form1'];
1161if (!theForm) {
1162    theForm = document.form1;
1163}
1164function __doPostBack(eventTarget, eventArgument) {
1165    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
1166        theForm.__EVENTTARGET.value = eventTarget;
1167        theForm.__EVENTARGUMENT.value = eventArgument;
1168        theForm.submit();
1169    }
1170}
1171//]]>
1172</script>
1172
1173
1174
1175<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZJexFJMkSyokHWkuIZ44cxtABkcuZVJ3QCNYuVc0oUczDMV99GsWiGiQLzm3a-dkgQ2&amp;t=638901698248157332" type="text/javascript"></script>
1175
1176
1177
1178<script src="/ScriptResource.axd?d=D9drwtSJ4hBA6O8UhT6CQokzSNWaiuqG8x7gPVYNV1fJbHWH_8VvIDr3BPQS5ZGQvYAfKyVPTeQ4nSqN2-X15FV_5VrixhHZh7P8QZdL0nH5p8KMnu4H_j6nGKnD-6BkfhyHUX5DI_IrTh-Hp1nZF-tonQVk7SB951LOOFqYjlM1&amp;t=5c0e0825" type="text/javascript"></script>
vendor: 2 bytes, line 1178
1178
1179<script type="text/javascript">
1180//<![CDATA[
1181if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
1182//]]>
1183</script>
1183
1184
1185<script src="/ScriptResource.axd?d=JnUc-DEDOM5KzzVKtsL1tZurSmscG430Ccok-YgDdq8E8XIFiU8DsjSOYR92VRO1U5w8XswaIrAxYlL75ZfCfv3UPVrci9uQCAjVihHxIFX-J0oY9iZn1EA2b4pMW5oa1ec8FcmFODQSEiROaTjZOcy0GmWSMn8yrl5JCOgGIiqOXKcAMcdtXrIkR2UouQJv0&amp;t=5c0e0825" type="text/javascript"></script>
1185
1186<div class="aspNetHidden">
1187
1188	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="74E6B787" />
1189</div>
1190
1191        
1191<script type="text/javascript">
1192//<![CDATA[
1193Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', 'form1', [], [], [], 90, 'ctl00');
1194//]]>
1195</script>
1195
1196
1197
1198        <header class="nb-header">
1199            <div class="nb-header-inner">
1200
1201                <div class="nb-header-right">
1202                    <button type="button" class="nb-mobile-menu-btn" onclick="NB_ToggleMobileMenu();" aria-label="باز و بسته کردن منو">
1203                        <span></span>
1204                    </button>
1205
1206                    <a href="/" class="nb-logo" aria-label="نارگیل">
1207                        <img src="/Images/NewNargilLogoTop.webp" alt="نارگیل" />
1208                    </a>
1209
1210                    <nav class="nb-desktop-menu">
1211                        <a href="/">خانه</a>
1212                        <a href="/Plants-List.aspx">دانشنامه</a>
1213                        <a href="/Questions-List.aspx">پرسش و پاسخ</a>
1214                        <a href="/content-all.aspx">مقالات</a>
1215                        <a href="/Commercial/">خرید عمده گیاه</a>
1216                        <a href="/contact.aspx">تماس ☎</a>
1217                    </nav>
1218					
1219					<div class="nb-header-search">
1220						<input type="text" id="txtHeaderSearch" placeholder="جستجو در نارگیل..." />
1221						<button type="button" onclick="NB_HeaderSearch();" aria-label="جستجو">🔍</button>
1222					</div>
1223					
1224                </div>
1225
1226                <div class="nb-header-left">
1227                    
1228
1229                    <div id="pnlGuest">
1230	
1231                        <button type="button" class="nb-login-btn" onclick="NB_OpenLogin();">ورود</button>
1232                    
1233</div>
1234                </div>
1235
1236            </div>
1237
1238            <div id="nbMobileMenu" class="nb-mobile-menu">
1239                <div class="nb-mobile-menu-inner">
1240
1241                    
1242					
1243					<div class="nb-mobile-search">
1244						<input type="text" id="txtMobileHeaderSearch" placeholder="جستجو در نارگیل..." />
1245						<button type="button" onclick="NB_MobileHeaderSearch();" aria-label="جستجو">جستجو</button>
1246					</div>
1247
1248                    <a href="/">خانه</a>
1249                    <a href="/Plants-List.aspx">دانشنامه</a>
1250                    <a href="/Commercial/">خرید عمده گیاه</a>
1251                    <a href="/Questions-List.aspx">پرسش و پاسخ</a>
1252                    <a href="/content-all.aspx">مقالات</a>
1253                    <a href="/Games/">سرگرمی</a>
1254                    <a href="/categories.aspx">دسته‌بندی‌ها</a>
1255                    <a href="/Contact.aspx">تماس با ما</a>
1256
1257                </div>
1258            </div>
1259        </header>
1260
1261        <main class="nb-content">
1262            
1263    <div id="npPlantsPage"
1264         class="np-plants-page"
1265         data-type="image"
1266         data-category="all"
1267         data-initial-page="1"
1268         data-rows-in-page="32"
1269         data-has-more="true"
1270         data-endpoint="/Plants-List.aspx/LoadPlants">
1271
1272        <header class="np-hero">
1273            <div class="np-hero__content">
1274                <span class="np-eyebrow">دانشنامه گیاهان نارگیل</span>
1275                <h1>فهرست تصویری انواع گیاهان</h1>
1276                <p>در این بخش، فهرست تصویری و لیست کامل گیاهانهمراه با نام فارسی و نام علمی نمایش داده می‌شود.</p>
1277            </div>
1278        </header>
1279
1280        <section class="np-toolbar" aria-label="فیلترهای فهرست گیاهان">
1281            <div class="np-field">
1282                <label for="npTypeSelect">نوع نمایش</label>
1283                <select id="npTypeSelect" class="np-select" aria-label="نوع نمایش گیاهان">
1284                    <option value="image" selected="selected">تصویری</option>
1285                    <option value="name" >فقط نام‌ها</option>
1286                </select>
1287            </div>
1288
1289            <div class="np-field">
1290                <label for="npCategorySelect">دسته‌بندی</label>
1291                <select id="npCategorySelect" class="np-select" aria-label="دسته‌بندی گیاهان">
1292                    <option value="all" selected="selected">همه گیاهان</option><option value="گیاهان دارویی">گیاهان دارویی</option><option value="درختان">درختان</option><option value="درختان میوه">درختان میوه</option><option value="درختان زینتی">درختان زینتی</option><option value="گل ها و گیاهان زینتی">گل ها و گیاهان زینتی</option><option value="علف های هرز">علف های هرز</option><option value="گیاهان زراعی">گیاهان زراعی</option><option value="بونسای">بونسای</option><option value="گیاهان زینتی آپارتمانی">گیاهان زینتی آپارتمانی</option><option value="گیاهان زینتی فضای باز">گیاهان زینتی فضای باز</option><option value="کاکتوس ها">کاکتوس ها</option><option value="گیاهان بیابانی">گیاهان بیابانی</option><option value="سبزیجات">سبزیجات</option><option value="گیاهان آبزی">گیاهان آبزی</option><option value="حبوبات">حبوبات</option><option value="سبزی جات برگی">سبزی جات برگی</option><option value="سبزی جات غیر برگی">سبزی جات غیر برگی</option><option value="صیفی جات">صیفی جات</option><option value="گیاهان پوششی">گیاهان پوششی</option><option value="قارچ ها">قارچ ها</option><option value="گیاهان بومی ایران">گیاهان بومی ایران</option><option value="مغزهای گیاهی">مغزهای گیاهی</option><option value="ادویه های گیاهی">ادویه های گیاهی</option><option value="گیاهان پرطرفدار">گیاهان پرطرفدار</option><option value="میوه های استوایی">میوه های استوایی</option><option value="بری‌ها و میوه‌های جنگلی">بری‌ها و میوه‌های جنگلی</option><option value="ساکولنت ها">ساکولنت ها</option><option value="گیاهان معطر">گیاهان معطر</option>
1293                </select>
1294            </div>
1295
1296            <div class="np-field np-field--search">
1297                <label for="npKeywordInput">جستجو داخل همین لیست</label>
1298                <div class="np-search">
1299                    <input id="npKeywordInput" class="np-search__input" type="search" autocomplete="off" placeholder="نام فارسی، نام لاتین یا نام علمی گیاه..." />
1300                    <button id="npSearchBtn" type="button" class="np-btn np-btn--primary">جستجو</button>
1301                    <button id="npClearSearchBtn" type="button" class="np-btn np-btn--ghost">پاک کردن</button>
1302                </div>
1303            </div>
1304        </section>
1305
1306        <div class="np-summary" aria-label="خلاصه فیلترهای فعلی">
1307            <span class="np-chip">دسته‌بندی: همه گیاهان</span><span class="np-chip">نوع نمایش: تصویری</span>
1308        </div>
1309
1310        <main>
1311            <div id="npPlantsGrid" class="np-grid np-grid--image">
1312                <a class="np-card" href="/Plant.aspx?Name=Nasturtium-officinale&amp;cid=66276"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Nasturtium%20officinale.jpg" alt="آب تره - تصویر گیاه" title="نام لاتین: Watercress" loading="eager" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آب تره</strong><span class="np-card__scientific">Nasturtium officinale</span></span></a><a class="np-card" href="/Plant.aspx?Name=Solidago-Shortii&amp;cid=6004"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Solidago%20Shortii.jpg" alt="آبشار طلایی (علفی) - تصویر گیاه" title="نام لاتین: Short&#39;s Goldenrod" loading="eager" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آبشار طلایی (علفی)</strong><span class="np-card__scientific">Solidago Shortii</span></span></a><a class="np-card" href="/Plant.aspx?Name=Apocynum-androsaemifolium&amp;cid=110808"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/image_day/shortimage/Apocynum_androsaemifolium-ECE2612ADF20211005163825.jpg" alt="آپوسینوم صورتی (خرزهرهٔ وحشی) - تصویر گیاه" title="نام لاتین: Spreading Dogbane" loading="eager" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آپوسینوم صورتی (خرزهرهٔ وحشی)</strong><span class="np-card__scientific">Apocynum androsaemifolium</span></span></a><a class="np-card" href="/Plant.aspx?Name=Apocynum-cannabinum&amp;cid=110815"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/image_day/shortimage/Apocynum_cannabinum-AF5D5A892920191003203649.jpg" alt="آپوسینوم کنفی (کنف وحشی) - تصویر گیاه" title="نام لاتین: Hemp Dogbane" loading="eager" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آپوسینوم کنفی (کنف وحشی)</strong><span class="np-card__scientific">Apocynum cannabinum</span></span></a><a class="np-card" href="/Plant.aspx?Name=Atraphaxis-spinosa&amp;cid=114956"><span class="np-thumb"><img class="np-plant-img" src="/plant/contentsimages/114956/Atraphaxis-spinosa_1.jpg" alt="آتراآفاکسیس خاردار - تصویر گیاه" title="نام لاتین: Spiny atraphaxis" loading="eager" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آتراآفاکسیس خاردار</strong><span class="np-card__scientific">Atraphaxis spinosa</span></span></a><a class="np-card" href="/Plant.aspx?Name=Ajuga-Reptans&amp;cid=5836"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Ajuga%20Reptans.jpg" alt="آجوگا - تصویر گیاه" title="نام لاتین: bugle" loading="eager" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آجوگا</strong><span class="np-card__scientific">Ajuga Reptans</span></span></a><a class="np-card" href="/Plant.aspx?Name=Aleurites-moluccana&amp;cid=6431"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Aleurites%20moluccana.jpg" alt="آجیل شمع / کَندِل نات - تصویر گیاه" title="نام لاتین: Candlenut" loading="eager" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آجیل شمع / کَندِل نات</strong><span class="np-card__scientific">Aleurites moluccana</span></span></a><a class="np-card" href="/Plant.aspx?Name=Brosimum-alicastrum&amp;cid=6488"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Brosimum%20alicastrum.jpg" alt="آجیل نان - تصویر گیاه" title="نام لاتین: breadnut" loading="eager" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">
1312آجیل نان</strong><span class="np-card__scientific">Brosimum alicastrum</span></span></a><a class="np-card" href="/Plant.aspx?Name=Achilea&amp;cid=83965"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Achilea.jpg" alt="آچیلئا - تصویر گیاه" title="آچیلئا" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آچیلئا</strong><span class="np-card__scientific">Achilea</span></span></a><a class="np-card" href="/Plant.aspx?Name=Biebersteinia-multifida-De&amp;cid=6974"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Biebersteinia%20multifida%20De.jpg" alt="آدمک - چله داغ - تصویر گیاه" title="نام لاتین: Biebersteinia" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آدمک - چله داغ</strong><span class="np-card__scientific">Biebersteinia multifida De</span></span></a><a class="np-card" href="/Plant.aspx?Name=Adenium-obesum&amp;cid=6161"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Adenium%20obesum.jpg" alt="آدنیوم، رز صحرایی - تصویر گیاه" title="نام لاتین: Desert rose" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آدنیوم، رز صحرایی</strong><span class="np-card__scientific">Adenium obesum</span></span></a><a class="np-card" href="/Plant.aspx?Name=Eugenia-stipitata&amp;cid=58848"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Eugenia%20stipitata.jpg" alt="آرازا - تصویر گیاه" title="نام لاتین: Araza" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آرازا</strong><span class="np-card__scientific">Eugenia stipitata</span></span></a><a class="np-card" href="/Plant.aspx?Name=Aralia-Sieboldii&amp;cid=5977"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Aralia%20Sieboldii.jpg" alt="آرالیای برگ پهن - تصویر گیاه" title="نام لاتین: Fatsi or Japanese Aralia" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آرالیای برگ پهن</strong><span class="np-card__scientific">Aralia Sieboldii</span></span></a><a class="np-card" href="/Plant.aspx?Name=Dizygotheca-Elegantissima&amp;cid=5124"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Dizygotheca%20Elegantissima.jpg" alt="آرالیای دروغی - تصویر گیاه" title="نام لاتین: False Aralia" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آرالیای دروغی</strong><span class="np-card__scientific">Dizygotheca Elegantissima</span></span></a><a class="np-card" href="/Plant.aspx?Name=Fatsia-Japonica&amp;cid=5267"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Fatsia%20Japonica.jpg" alt="آرالیای ژاپنی - تصویر گیاه" title="نام لاتین: Japanese aralia" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آرالیای ژاپنی</strong><span class="np-card__scientific">Fatsia Japonica</span></span></a><a class="np-card" href="/Plant.aspx?Name=Eranthis-Hyemalis&amp;cid=5934"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Eranthis%20Hyemalis.jpg" alt="آرانتیس - تصویر گیاه" title="نام لاتین: Winter aconite" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آرانتیس</strong><span class="np-card__scientific">Eranthis Hyemalis</span></span></a><a class="np-card" href="/Plant.aspx?Name=Artocarpus-sericicarpus&amp;cid=57503"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Artocarpus%20sericicarpus.jpg" alt="آرتوکارپوس سریکارپوس - تصویر گیاه" title="نام لاتین: pedalai" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آرتوکارپوس سریکارپوس</strong><span class="np-card__scientific">Artocarpus sericicarpus</span></span></a><a class="np-card" href="/Plant.aspx?Name=Cynara-scolymus&amp;cid=56927"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Cynara%20scolymus.jpg" alt="آرتیشو - تصویر گیاه" title="نام لاتین: artichoke" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آرتیشو</strong><span class="np-card__scientific">Cynara scolymus</span></span></a><a class="np-card" href="/Plant.aspx?Name=Cynara-cardunculus&amp;cid=7012"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Cynara%20cardunculus.jpg" alt="آرتیشوی خاردار - تصویر گیاه" title="نام لاتین: artichoke thistle" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آرتیشوی خاردار</strong><span class="np-card__scientific">Cynara cardunculus</span></span></a><a class="np-card" href="/Plant.aspx?Name=Ardisia-crenata&amp;cid=6212"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Ardisia%20crenata.jpg" alt="آردیسیا - تصویر گیاه" title="نام لاتین: christmas berry" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آردیسیا</strong><span class="np-card__scientific">Ardisia crenata</span></span></a><a class="np-card" href="/Plant.aspx?Name=Ardisia-escallonoides&amp;cid=110835"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/image_day/shortimage/Ardisia_escallonoides-B661D5B7B520200303235756.jpg" alt="آردیسیا مارلبری - تصویر گیاه" title="نام لاتین: Marlberry" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آردیسیا مارلبری</strong><span class="np-card__scientific">Ardisia escallonoides</span></span></a><a class="np-card" href="/Plant.aspx?Name=Argania-spinosa&amp;cid=6450"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Argania%20spinosa.jpg" alt="آرگن - تصویر گیاه" title="نام لاتین: Argan" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آرگن</strong><span class="np-card__scientific">Argania spinosa</span></span></a><a class="np-card" href="/Plant.aspx?Name=Armeria-Maritima&amp;cid=6345"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Armeria%20Maritima.jpg" alt="آرمریا - تصویر گیاه" title="نام لاتین: sea pink" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آرمریا</strong><span class="np-card__scientific">Armeria Maritima</span></span></a><a class="np-card" href="/Plant.aspx?Name=Araucaria-bidwillii&amp;cid=6446"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Araucaria%20bidwillii.jpeg" alt="آروکاریا بیدویلی - تصویر گیاه" title="نام لاتین: bunya pine" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آروکاریا بیدویلی</strong><span class="np-card__scientific">Araucaria bidwillii</span></span></a><a class="np-card" href="/Plant.aspx?Name=Arum-maculatum&amp;cid=85291"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Arum%20maculatum.jpg" alt="آروم خالدار - تصویر گیاه" title="نام لاتین: Cuckoo Pint" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آروم خالدار</strong><span class="np-card__scientific">Arum maculatum</span></span></a><a class="np-card" href="/Plant.aspx?Name=Aronia-arbutifolia&amp;cid=110774"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/image_day/shortimage/Aronia_arbutifolia-18A9A498D220191123183849.jpg" alt="آرونیا قرمز - تصویر گیاه" title="نام لاتین: Red Chokeberry" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آرونیا قرمز</strong><span class="np-card__scientific">Aronia arbutifolia</span></span></a><a class="np-card" href="/Plant.aspx?Name=Aristolochia-elegans&amp;cid=62110"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Aristolochia%20elegans.jpg" alt="آریستولوشیا الگانس - تصویر گیاه" title="نام لاتین: elegant Dutchman&#39;s pipe" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آریستولوشیا الگانس</strong><span class="np-card__scientific">Aristolochia elegans</span></span></a><a class="np-card" href="/Plant.aspx?Name=Aristolochia-tomentosa&amp;cid=110898"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/image_day/shortimage/Aristolochia_tomentosa-B86F3314D920191219194111.jpg" alt="آریستولوکیا پشمالو (پیچ لوله‌ای پشمالو) - تصویر گیاه" title="نام لاتین: Woolly Dutchman’s P
1312ipe" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آریستولوکیا پشمالو (پیچ لوله‌ای پشمالو)</strong><span class="np-card__scientific">Aristolochia tomentosa</span></span></a><a class="np-card" href="/Plant.aspx?Name=Aristolochia-gigantea&amp;cid=110889"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/image_day/shortimage/Aristolochia_gigantea-5C6DC7411C20200104222157.jpg" alt="آریستولوکیا غول‌پیکر (پیچ لوله‌ای غول‌آسا) - تصویر گیاه" title="نام لاتین: Giant Dutchman’s Pipe" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آریستولوکیا غول‌پیکر (پیچ لوله‌ای غول‌آسا)</strong><span class="np-card__scientific">Aristolochia gigantea</span></span></a><a class="np-card" href="/Plant.aspx?Name=Ariocarpus-Fissuratus&amp;cid=5529"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Ariocarpus%20Fissuratus.jpg" alt="آريوكارپوس فیساراتوس - تصویر گیاه" title="نام لاتین: Living Rock cactus" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آريوكارپوس فیساراتوس</strong><span class="np-card__scientific">Ariocarpus Fissuratus</span></span></a><a class="np-card" href="/Plant.aspx?Name=Zelkova-serrata&amp;cid=5776"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Zelkova%20serrata.jpg" alt="آزاد - تصویر گیاه" title="نام لاتین: Japanese zelkova" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آزاد</strong><span class="np-card__scientific">Zelkova serrata</span></span></a><a class="np-card" href="/Plant.aspx?Name=Azara-petiolaris&amp;cid=6467"><span class="np-thumb"><img class="np-plant-img" src="/plant/images/plants/Azara%20petiolaris.jpg" alt="آزارا - تصویر گیاه" title="نام لاتین: maquicillo" loading="lazy" decoding="async" /></span><span class="np-card__body"><strong class="np-card__title">آزارا</strong><span class="np-card__scientific">Azara petiolaris</span></span></a>
1313            </div>
1314            <div id="npSentinel" class="np-sentinel" aria-hidden="true"></div>
1315            <div id="npPlantsStatus"
1316                 class="np-status"
1317                 aria-live="polite"
1318                 data-loading="در حال بارگذاری گیاهان بیشتر..."
1319                 data-noresult="گیاهی با این فیلترها پیدا نشد."
1320                 data-error="ارتباط با سرور برقرار نشد. دوباره تلاش کنید."
1321                 data-end="همه موارد این فهرست نمایش داده شد."></div>
1322        </main>
1323
1324        <noscript>
1325            <div class="np-status">برای استفاده از جستجوی داخلی و بارگذاری خودکار موارد بیشتر، JavaScript مرورگر باید فعال باشد.</div>
1326        </noscript>
1327    </div>
1328
1329    
1329<script type="text/javascript">
1330        (function () {
1331            var page = document.getElementById('npPlantsPage');
1332            if (!page) { return; }
1333
1334            var grid = document.getElementById('npPlantsGrid');
1335            var sentinel = document.getElementById('npSentinel');
1336            var status = document.getElementById('npPlantsStatus');
1337            var typeSelect = document.getElementById('npTypeSelect');
1338            var categorySelect = document.getElementById('npCategorySelect');
1339            var keywordInput = document.getElementById('npKeywordInput');
1340            var searchBtn = document.getElementById('npSearchBtn');
1341            var clearBtn = document.getElementById('npClearSearchBtn');
1342
1343            var state = {
1344                type: page.getAttribute('data-type') || 'image',
1345                category: page.getAttribute('data-category') || 'all',
1346                keyword: '',
1347                currentPage: parseInt(page.getAttribute('data-initial-page'), 10) || 1,
1348                rowsInPage: parseInt(page.getAttribute('data-rows-in-page'), 10) || 32,
1349                hasMore: (page.getAttribute('data-has-more') === 'true'),
1350                endpoint: page.getAttribute('data-endpoint'),
1351                loading: false,
1352                prefetching: false,
1353                prefetched: null,
1354                consumeWhenReady: false,
1355                exhausted: false,
1356                token: 0
1357            };
1358
1359            state.exhausted = !state.hasMore;
1360
1361            function setStatus(text, loading) {
1362                status.textContent = text || '';
1363                if (loading) {
1364                    status.classList.add('np-status--loading');
1365                } else {
1366                    status.classList.remove('np-status--loading');
1367                }
1368            }
1369
1370            function escapeHtml(value) {
1371                return String(value || '')
1372                    .replace(/&/g, '&amp;')
1373                    .replace(/</g, '&lt;')
1374                    .replace(/>/g, '&gt;')
1375                    .replace(/"/g, '&quot;')
1376                    .replace(/'/g, '&#39;');
1377            }
1378
1379            function buildFilterUrl(type, category) {
1380                var cat = category || 'all';
1381                if (cat !== 'all') {
1382                    cat = encodeURIComponent(cat.replace(/\s+/g, '-'));
1383                }
1384                return 'Plants-List.aspx?type=' + encodeURIComponent(type || 'image') + '&category=' + cat;
1385            }
1386
1387            function renderPlant(item) {
1388                var href = escapeHtml(item.pageAddress || '#');
1389                var title = escapeHtml(item.nameFarsi || item.scientificName || item.plantSName || item.nameLatin || '');
1390                var latin = escapeHtml(item.nameLatin || '');
1391                var scientific = escapeHtml(item.scientificName || item.plantSName || '');
1392                var image = escapeHtml(item.imageUrl || '');
1393                var alt = escapeHtml((item.nameFarsi || scientific || item.nameLatin || '') + ' - تصویر گیاه');
1394                var latinTooltip = escapeHtml(latin ? ('نام لاتین: ' + latin) : (item.nameFarsi || scientific || ''));
1395
1396                if (state.type === 'name') {
1397                    return '' +
1398                        '<a class="np-card np-name-card" href="' + href + '" title="' + latinTooltip + '">' +
1399                            '<span class="np-name-card__icon" aria-hidden="true">☘</span>' +
1400                            '<span class="np-name-card__text" title="' + latinTooltip + '">' +
1401                                '<strong class="np-card__title">' + title + '</strong>' +
1402                                (scientific ? '<span class="np-card__scientific">' + scientific + '</span>' : '') +
1403                            '</span>' +
1404                        '</a>';
1405                }
1406
1407                return '' +
1408                    '<a class="np-card" href="' + href + '">' +
1409                        '<span class="np-thumb">' +
1410                            (image ? '<img class="np-plant-img" src="' + image 
1410+ '" alt="' + alt + '" title="' + latinTooltip + '" loading="lazy" decoding="async" />' : '') +
1411                        '</span>' +
1412                        '<span class="np-card__body">' +
1413                            '<strong class="np-card__title">' + title + '</strong>' +
1414                            (scientific ? '<span class="np-card__scientific">' + scientific + '</span>' : '') +
1415                        '</span>' +
1416                    '</a>';
1417            }
1418
1419            function appendItems(items) {
1420                if (!items || !items.length) { return; }
1421                var html = [];
1422                for (var i = 0; i < items.length; i++) {
1423                    html.push(renderPlant(items[i]));
1424                }
1425                grid.insertAdjacentHTML('beforeend', html.join(''));
1426            }
1427
1428            function fetchPage(pageNumber, token) {
1429                return fetch(state.endpoint, {
1430                    method: 'POST',
1431                    credentials: 'same-origin',
1432                    headers: { 'Content-Type': 'application/json; charset=utf-8' },
1433                    body: JSON.stringify({
1434                        type: state.type,
1435                        category: state.category,
1436                        keyword: state.keyword,
1437                        rowsInPage: state.rowsInPage,
1438                        pageNumber: pageNumber
1439                    })
1440                })
1441                .then(function (response) {
1442                    if (!response.ok) { throw new Error('server'); }
1443                    return response.json();
1444                })
1445                .then(function (json) {
1446                    if (token !== state.token) { return null; }
1447                    return json.d || json;
1448                });
1449            }
1450
1451            function loadAndAppend(pageNumber) {
1452                if (state.loading || state.exhausted) { return; }
1453                var localToken = state.token;
1454                state.loading = true;
1455                setStatus(status.getAttribute('data-loading'), true);
1456
1457                fetchPage(pageNumber, localToken).then(function (result) {
1458                    if (!result) { return; }
1459                    appendItems(result.items);
1460                    state.currentPage = pageNumber;
1461                    state.hasMore = !!result.hasMore;
1462                    state.exhausted = !state.hasMore;
1463
1464                    if ((!result.items || !result.items.length) && pageNumber === 1) {
1465                        setStatus(status.getAttribute('data-noresult'), false);
1466                    } else if (state.exhausted) {
1467                        setStatus(status.getAttribute('data-end'), false);
1468                    } else {
1469                        setStatus('', false);
1470                        prefetchNext();
1471                    }
1472                }).catch(function () {
1473                    setStatus(status.getAttribute('data-error'), false);
1474                }).finally(function () {
1475                    state.loading = false;
1476                });
1477            }
1478
1479            function prefetchNext() {
1480                if (state.exhausted || state.prefetching || state.loading || state.prefetched) { return; }
1481                var nextPage = state.currentPage + 1;
1482                var localToken = state.token;
1483                state.prefetching = true;
1484
1485                fetchPage(nextPage, localToken).then(function (result) {
1486                    if (!result) { return; }
1487                    state.prefetched = result;
1488                    if (state.consumeWhenReady) {
1489                        state.consumeWhenReady = false;
1490                        consumePrefetched();
1491                    }
1492                }).catch(function () {
1493                    state.prefetched = null;
1494                }).finally(function () {
1495                    state.prefetching = false;
1496                });
1497            }
1498
1499            function consumePrefetched() {
1500                if (state.exhausted) { return; }
1501                if (!state.prefetched) {
1502                    if (state.prefetching) {
1503                        state.consumeWhenReady = true;
1504                        return;
1505                    }
1506                    loadAndAppend(state.currentPage + 1);
1507                    return;
1508                }
1509
1510                var result = state.prefetched;
1511                state.prefetched = null;
1512                appendItems(result.items);
1513                state.currentPage += 1;
1514                state.hasMore = !!result.hasMore;
1515                state.exhausted = (!state.hasMore || !result.items || !result.items.length);
1516
1517                if (state.exhausted) {
1518                    setStatus(status.getAttribute('data-end'), false);
1519                } else {
1520                    setStatus('', false);
1521                    prefetchNext();
1522                }
1523            }
1524
1525            function resetAndSearch() {
1526                state.token += 1;
1527                state.keyword = (keywordInput.value || '').trim();
1528                state.currentPage = 0;
1529                state.hasMore = true;
1530                state.exhausted = false;
1531                state.loading = false;
1532                state.prefetching = false;
1533                state.prefetched = null;
1534                state.consumeWhenReady = false;
1535                grid.innerHTML = '';
1536                loadAndAppend(1);
1537            }
1538
1539            function changeFilter() {
1540                window.location.href = buildFilterUrl(typeSelect.value, categorySelect.value || 'all');
1541            }
1542
1543            grid.addEventListener('error', function (event) {
1544                var target = event.target;
1545                if (target && target.tagName && target.tagName.toLowerCase() === 'img') {
1546                    var holder = target.parentNode;
1547                    if (holder) { holder.classList.add('np-thumb--empty'); }
1548                    target.parentNode.removeChild(target);
1549                }
1550            }, true);
1551
1552            typeSelect.addEventListener('change', changeFilter);
1553            categorySelect.addEventListener('change', changeFilter);
1554            searchBtn.addEventListener('click', resetAndSearch);
1555            clearBtn.addEventListener('click', function () {
1556                if (keywordInput.value) {
1557                    keywordInput.value = '';
1558                    resetAndSearch();
1559                }
1560            });
1561            keywordInput.addEventListener('keydown', function (event) {
1562                if (event.key === 'Enter') {
1563                    event.preventDefault();
1564                    resetAndSearch();
1565                }
1566            });
1567
1568            if ('IntersectionObserver' in window) {
1569                var observer = new IntersectionObserver(function (entries) {
1570                    if (entries[0] && entries[0].isIntersecting) {
1571                        consumePrefetched();
1572                    }
1573                }, { root: null, rootMargin: '1400px 0px 2200px 0px', threshold: 0 });
1574                observer.observe(sentinel);
1575            }
1576
1577            window.addEventListener('scroll', function () {
1578                if (state.exhausted) { return; }
1579                var left = document.documentElement.scrollHeight - (window.innerHeight + window.pageYOffset);
1580                if (left < 1800) { consumePrefetched(); }
1581            }, { passive: true });
1582
1583            if (state.hasMore) {
1584                prefetchNext();
1585            } else {
1586                setStatus(status.getAttribute('data-end'), false);
1587            }
1588        })();
1589    </script>
1589
1590
1591        </main>
1592
1593        <footer class="nb-footer">
1594            <div class="nb-footer-inner">
1595
1596                <div class="nb-footer-grid">
1597
1598                    <section>
1599                        <div class="nb-footer-title">درباره نارگیل</div>
1600                        <div class="nb-footer-about">
1601                            نارگیل یک مرجع تخصصی و عمومی در حوزه گیاهان، باغبانی، فضای سبز، نگهداری گیاهان آپارتمانی، پرسش و پاسخ و محتوای آموزشی مرتبط با دنیای گیاهان است.
1602                        </div>
1603                    </section>
1604
1605                    <section>
1606                        <div class="nb-footer-title">بخش‌های اصلی</div>
1607                        <div class="nb-footer-links">
1608                            <a href="/Plants-List.aspx">بانک اطلاعات گیاهان</a>
1609                            <a href="/Questions-List.aspx">پرسش و پاسخ گیاهان</a>
1610                            <a href="/categories.aspx">دسته‌بندی موضوعی</a>
1611                            <a href="/content-all.aspx">مقالات و مطالب</a>
1612                        </div>
1613                    </section>
1614
1615                    <section>
1616                        <div class="nb-footer-title">خدمات و امکانات</div>
1617                        <div class="nb-footer-links">
1618                            <a href="/Games/">بازی‌های گیاهی</a>
1619                            <a href="/member_new_topic.aspx?topictype=2">ثبت پرسش جدید</a>
1620                            <a href="/Support-Nargil.aspx">حمایت از نارگیل</a>
1621                            <a href="/Contact.aspx">تماس با ما</a>
1622                        </div>
1623                    </section>
1624
1625                    <section>
1626                        <div class="nb-footer-title">یادداشت</div>
1627                        <div class="nb-footer-note">
1628                            مطالب سایت نارگیل با هدف آموزش و افزایش آگاهی منتشر می‌شود. برای تشخیص بیماری‌های جدی گیاهان، شرایط محیطی، خاک، آبیاری و تصاویر دقیق گیاه باید بررسی شود.
1629                        </div>
1630                    </section>
1631
1632                </div>
1633
1634                <div class="nb-footer-bottom">
1635                    <div>
1636                        © 2026 نارگیل - همه حقوق محفوظ است.
1637                    </div>
1638
1639                    <div>
1640                        <a href="/About.aspx">درباره ما</a>
1641                        |
1642                        <a href="/Contact.aspx">تماس با ما</a>
1643                        |
1644                        <a href="/Privacy.aspx">حریم خصوصی</a>
1645                    </div>
1646                </div>
1647
1648            </div>
1649        </footer>
1650
1651        <div id="nbLoginOverlay" class="nb-login-overlay">
1652            <div class="nb-login-panel">
1653                <button type="button" class="nb-login-close" onclick="NB_CloseLogin();">×</button>
1654
1655                <div class="nb-login-title">ورود به نارگیل</div>
1656
1657                <label for="txt_username">نام کاربری / موبایل / ایمیل</label>
1658                <input type="text" id="txt_username" autocomplete="username" />
1659
1660                <label for="txt_password">کلمه عبور یا رمز یکبار مصرف</label>
1661                <input type="password" id="txt_password" autocomplete="current-password" />
1662
1663                <input type="hidden" id="txt_userFullname" value="" />
1664
1665                <button type="button" id="btn_login" class="nb-login-submit" onclick="VerifyUserName();">
1666                    ورود
1667                </button>
1668
1669                <a id="div_token_request" class="nb-token-link" onclick="TokenRequest();">
1670                    درخواست رمز یکبار مصرف
1671                </a>
1672
1673                <div id="nbLoginMessage" class="nb-login-message"></div>
1674
1675                <div class="nb-login-hint">
1676                    اگر رمز عبور ندارید، ابتدا نام کاربری، موبایل یا ایمیل خود را وارد کنید و سپس درخواست رمز یکبار مصرف را بزنید.
1677                </div>
1678            </div>
1679        </div>
1680
1681        
1681<script>
1682            function NB_ToggleMobileMenu() {
1683                $("#nbMobileMenu").slideToggle(180);
1684            }
1685
1686            function NB_OpenLogin() {
1687                $("#nbLoginMessage").html("");
1688                $("#nbLoginOverlay").css("display", "flex");
1689                setTimeout(function () {
1690                    $("#txt_username").focus();
1691                }, 100);
1692            }
1693
1694            function NB_CloseLogin() {
1695                $("#nbLoginOverlay").hide();
1696            }
1697
1698            $(document).on("keydown", function (e) {
1699                if (e.key === "Escape") {
1700                    NB_CloseLogin();
1701                    $("#nbMobileMenu").slideUp(120);
1702                }
1703            });
1704
1705            $("#nbLoginOverlay").on("click", function (e) {
1706                if (e.target && e.target.id === "nbLoginOverlay") {
1707                    NB_CloseLogin();
1708                }
1709            });
1710
1711            $("#txt_username, #txt_password").on("keydown", function (e) {
1712                if (e.key === "Enter") {
1713                    e.preventDefault();
1714                    VerifyUserName();
1715                }
1716            });
1717
1718            $(window).on("resize", function () {
1719                if ($(window).width() > 900) {
1720                    $("#nbMobileMenu").hide();
1721                }
1722            });
1723			
1724			function NB_GoToSearch(keyword) {
1725				keyword = $.trim(keyword || "");
1726
1727				if (keyword.length === 0) {
1728					return;
1729				}
1730
1731				var url = "/content-all.aspx?categoryid=0&keyword=" + encodeURIComponent(keyword);
1732				window.location.href = url;
1733			}
1734
1735			function NB_HeaderSearch() {
1736				NB_GoToSearch($("#txtHeaderSearch").val());
1737			}
1738
1739			function NB_MobileHeaderSearch() {
1740				NB_GoToSearch($("#txtMobileHeaderSearch").val());
1741			}
1742
1743			$("#txtHeaderSearch").on("keydown", function (e) {
1744				if (e.key === "Enter") {
1745					e.preventDefault();
1746					NB_HeaderSearch();
1747				}
1748			});
1749
1750			$("#txtMobileHeaderSearch").on("keydown", function (e) {
1751				if (e.key === "Enter") {
1752					e.preventDefault();
1753					NB_MobileHeaderSearch();
1754				}
1755			});
1756
1757
1758            function TokenRequest() {
1759                var username = $.trim($("#txt_username").val());
1760
1761                if (username.length === 0) {
1762                    $("#nbLoginMessage").css("color", "#b00020").html("لطفاً ابتدا نام کاربری، موبایل یا ایمیل را وارد کنید.");
1763                    $("#txt_username").focus();
1764                    return;
1765                }
1766
1767                $("#div_token_request").hide();
1768                $("#nbLoginMessage").css("color", "#555").html("در حال ارسال رمز یکبار مصرف...");
1769
1770                $.post("/AjaxPages/TokenRequest.aspx", {
1771                    username: username
1772                }, function (data, status) {
1773
1774                    data = $.trim(data);
1775
1776                    if (data === "1") {
1777                        $("#nbLoginMessage").css("color", "#166534").html("رمز یکبار مصرف به ایمیل شما ارسال شد.");
1778                        $("#txt_password").focus();
1779                    }
1780                    else if (data === "2") {
1781                        $("#nbLoginMessage").css("color", "#166534").html("رمز یکبار مصرف به موبایل شما ارسال شد.");
1782                        $("#txt_password").focus();
1783                    }
1784                    else {
1785                        $("#div_token_request").show();
1786                        $("#nbLoginMessage").css("color", "#b00020").html("خطا در ارسال رمز: " + data);
1787                    }
1788
1789                }).fail(function () {
1790                    $("#div_token_request").show();
1791                    $("#nbLoginMessage").css("color", "#b00020").html("ارتباط با سرور برقرار نشد.");
1792                });
1793            }
1794
1795            function VerifyUserName() {
1796                var username = $.trim($("#txt_username").val());
1797                var password = $("#txt_password").val();
1798
1799                if (username.length === 0) {
1800                    $("#nbLoginMessage").css("color", "#b00020").html("لطفاً نام کاربری، موبایل یا ایمیل را وارد کنید.");
1801                    $("#txt_username").focus();
1802                    return;
1803                }
1804
1805                $("#btn_login").prop("disabled", true).text("لطفاً منتظر بمانید...");
1806                $("#nbLoginMessage").html("");
1807
1808                $.post("/AjaxPages/VerifyUserName.aspx", {
1809                    username: username,
1810                    fullname: $("#txt_userFullname").val(),
1811                    password: password,
1812                    SigninOrSignup: "signin"
1813                }, function (data, status) {
1814
1815                    data = $.trim(data);
1816
1817                    $("#btn_login").prop("disabled", false).text("ورود");
1818
1819                    if (data === "0") {
1820                        $("#txt_password").show();
1821                        $("#div_token_request").show();
1822
1823                        $("#txt_password").css({
1824                            "border": "3px solid navy",
1825                            "background-color": "#b9ebfa"
1826                        });
1827
1828                        $("#nbLoginMessage").css("color", "#0b4f8a").html("لطفاً کلمه عبور یا رمز یکبار مصرف را وارد کنید.");
1829                        $("#txt_password").focus();
1830                    }
1831                    else if (data === "1") {
1832                        location.reload();
1833                    }
1834                    else {
1835                        $("#txt_password").val("");
1836                        $("#nbLoginMessage").css("color", "#b00020").html("ورود ناموفق بود. لطفاً اطلاعات را بررسی کنید.");
1837                        $("#txt_password").focus();
1838                    }
1839
1840                }).fail(function () {
1841                    $("#btn_login").prop("disabled", false).text("ورود");
1842                    $("#nbLoginMessage").css("color", "#b00020").html("ارتباط با سرور برقرار نشد.");
1843                });
1844            }
1845
1846            // Set Stats - Amar
1847            $(function () {
1848                try {
1849                    var title = document.title || "";
1850                    var referrer = document.referrer || "";
1851                    var pageurl = "~" + window.location.pathname + window.location.search;
1852
1853                    $.post("/AjaxPages/SetAmar.aspx", {
1854                        page_url: pageurl,
1855                        page_title: title,
1856                        pre_link: referrer
1857                    });
1858                } catch (e) { }
1859            });
1860        </script>
1860
1861
1862    </form>
1863</body>
1864</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.