-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.php
More file actions
661 lines (597 loc) · 53.6 KB
/
index.php
File metadata and controls
661 lines (597 loc) · 53.6 KB
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
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
<!DOCTYPE html>
<html lang="en">
<head>
<title>Online Sapling Sales</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keyword" content="Ağaç,Fidan,Online ağaç,Ağaç türleri,oksijen,toprak,online fidan bağış">
<meta name="description" content="Ağaç Türlerimiz ve Online Satış">
<meta name="author" content="Fevzi Kaya">
<link rel="stylesheet" href="bootstrap.css">
<link rel="stylesheet" href="index.css">
<script src="script.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap" rel="stylesheet">
<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=Open+Sans&display=swap" rel="stylesheet">
<link rel="icon" href="foto/tree_icon.png">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark gezinti">
<div class="container">
<a class="navbar-brand logo" href="https://web.itu.edu.tr/kayafe18/php/index.php">
<b>FutureIsOurs</b>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav mx-auto">
<li class="nav-item me-5">
<a class="nav-link" style="color: white;" aria-current="page" href="https://web.itu.edu.tr/kayafe18/php/index.php">HOME</a>
</li>
<li class="nav-item me-5">
<a class="nav-link" style="color: white;" href="https://web.itu.edu.tr/kayafe18/php/order.php">ORDER</a>
</li>
<li class="nav-item me-5 dropdown">
<a class="nav-link dropdown-toggle" style="color: white;" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
COMMUNICATION
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="https://www.instagram.com/misterkayaa/" target="_blank"><i class="bi bi-instagram"></i> Instagram</a></li>
<li><a class="dropdown-item" href="https://www.linkedin.com/in/fevzi-kaya-344a92211" target="_blank"><i class="bi bi-linkedin"></i> LinkedIn</a></li>
</ul>
</li>
</ul>
<div class="d-flex" style="justify-content:flex-end !important">
<form action="loginpage.php">
<button class="btn btn-warning" type="submit">Sign In</button>
</form>
</div>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-md-6 mt-5">
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" aria-label="Slide 5"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5" aria-label="Slide 6"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="6" aria-label="Slide 7"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="foto/3.jpg" class="d-block w-100 yuk" alt="...">
</div>
<div class="carousel-item">
<img src="foto/1.jpg" class="d-block w-100 yuk" alt="...">
</div>
<div class="carousel-item">
<img src="foto/2.jpg" class="d-block w-100 yuk" alt="...">
</div>
<div class="carousel-item">
<img src="foto/4.jpg" class="d-block w-100 yuk" alt="...">
</div>
<div class="carousel-item">
<img src="foto/aksener.jpg" class="d-block w-100 yuk" alt="...">
</div>
<div class="carousel-item">
<img src="foto/cumhurbaskani.jpg" class="d-block w-100 yuk" alt="...">
</div>
<div class="carousel-item">
<img src="foto/kılıcdaroglu.jpg" class="d-block w-100 yuk" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="col mt-5">
<h2 style="font-family: 'Open Sans', sans-serif;"><b>Our Studies and Purposes</b></h2>
<p style="font-family: 'Open Sans', sans-serif;font-size:20px;">
We tell all our people, young and old, the importance of nature.In the photos on the left, you can see our voluntary work.We want them to experience the feeling of planting saplings by contacting them more closely, especially in the agreements we made with schools.You can examine our tree types below and get detailed information.You can order if you wish...
</p>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row">
<div class="col-12">
<h2 style="font-family: 'Poppins', sans-serif;">Tree Species</h2>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-3 gy-3">
<div class="wrapper">
<div class="cardd">
<img src="foto/sedir3.jpg" alt="">
<div class="info">
<h1>Cedar</h1>
<p>It is naturally found in the Western, Central and Eastern Taurus Mountains. There are 109,440 hectares of Cedar forest in our country. It can be grown up to 40 m.</p>
</div>
</div>
<!-- Button trigger modal -->
<br>
<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Cedar Tree</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Cedrus trees can grow up to 30–40 m (occasionally 60 m) tall with spicy-resinous scented wood, thick ridged or square-cracked bark, and broad, level branches. The shoots are dimorphic, with long shoots, which form the framework of the branches, and short shoots, which carry most of the leaves. The leaves are evergreen and needle-like, 8–60 mm long, arranged in an open spiral phyllotaxis on long shoots, and in dense spiral clusters of 15–45 together on short shoots; they vary from bright grass-green to dark green to strongly glaucous pale blue-green, depending on the thickness of the white wax layer which protects the leaves from desiccation. The seed cones are barrel-shaped, 6–12 cm long and 3–8 cm broad, green maturing grey-brown, and, as in Abies, disintegrate at maturity to release the winged seeds. The seeds are 10–15 mm long, with a 20–30 mm wing; as in Abies, the seeds have two or three resin blisters, containing an unpleasant-tasting resin, thought to be a defence against squirrel predation. Cone maturation takes one year, with pollination in autumn and the seeds maturing the same time a year later. The pollen cones are slender ovoid, 3–8 cm long, produced in late summer, and shedding pollen in autumn.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<form action="order.php">
<button type="submit" class="btn btn-primary">Order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-3 gy-3">
<div class="wrapper">
<div class="cardd">
<img src="foto/ormangulu.jpg" alt="">
<div class="info">
<h2>Rhododendron</h2>
<p>It has flowers in colors such as yellow, red, pink, purple and blue. It blooms in summer. It is usually in the form of shrubs and dwarf trees. It gives plenty of seeds. Rhododendrons can be seen in heights of 10 cm, and it is also known that there are rhododendron species exceeding 50 meters in length.</p>
</div>
</div>
<!-- Button trigger modal -->
<br>
<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal2">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel2">Rhododendron Tree</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Deciduous or evergreen shrubs and shrubs are woody plants that rarely become trees. The buds are covered with numerous scales arranged like tiles. The arrangement of leaves on the shoots is alternating. There are oil glands on the stems of flowers and leaves. The flowers are mostly terminal, ink clusters, and sometimes singly. The 5-piece bowl is free or fused to each other. Crown; bells, funnels or similar shapes. Etamines are 5-10. The ovary has 5-10 eyes. The fruit is an egg-shaped 8-10 mm long capsule. Seeds are very small and abundant. It shows the feature of being blown around by the wind.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<form action="order.php">
<button type="submit" class="btn btn-primary">Order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-3 gy-3">
<div class="wrapper">
<div class="cardd">
<img src="foto/sıgla.jpg" alt="">
<div class="info">
<h1>Sweetgum</h1>
<p>The flowers typically appear in spring and persist into autumn/fall, sometimes persisting into winter. They are typically about 25–40 mm in diameter and are covered with rusty hairs.</p>
</div>
</div>
<!-- Button trigger modal -->
<br>
<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal3">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel3">Sweetgum Tree</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<h5>Size</h5>Liquidambar styraciflua is a medium-sized to large tree, growing anywhere from 15–20 m (50–70 ft) in cultivation and up to 45 m (150 ft) in the wild, with a trunk up 60–90 cm (2–3 ft) in diameter, on average. Trees may live to 400 years. The tree is a symmetrical shape and crowns into an egg shape when the branches get too heavy after its first two years of cultivation.
<br><br>
<h5>Bark and branches</h5>Another distinctive feature of the tree is the peculiar appearance of its small branches and twigs. The bark attaches itself to these in plates edgewise instead of laterally, and a piece of the leafless branch with the aid of a little imagination readily takes on a reptilian form; indeed, the tree is sometimes called "alligatorwood". The bark is a light brown tinged with red and sometimes gray with dark streaks and has a density of 590 kg/m3 (37 lb/cu ft). It is deeply fissured with scaly ridges. The branches carry layers of cork. The branchlets are pithy, many-angled, winged, and at first covered with rusty hairs, finally becoming red brown, gray or dark brown. As an ornamental tree, the species has a drawback—the branches may have ridges or "wings" that cause more surface area, increasing weight of snow and ice accumulation on the tree. However, the wood is heavy and hard with an interlocking grain, but is difficult to season.
<br><br>
<h5>Flowers</h5>The flowers typically appear in spring and persist into autumn/fall, sometimes persisting into winter. They are typically about 25–40 mm in diameter and are covered with rusty hairs. The flowers are unisexual and greenish in color. Staminate flowers in terminal racemes 5–8 cm (2–3 in) long, the pistillate in a solitary head on a slender peduncle borne in the axil of an upper leaf. Staminate flowers destitute of calyx and corolla, but are surrounded by hairy bracts. Stamens indefinite; filaments short; anthers introrse. Pistillate flowers with a two-celled, two-beaked ovary, the carpels produced into a long, recurved, persistent style. The ovaries all more or less cohere and harden in fruit. There are many ovules but few mature.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<form action="order.php">
<button type="submit" class="btn btn-primary">Order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-3 gy-3">
<div class="wrapper">
<div class="cardd">
<img src="foto/mese.jpg" alt="">
<div class="info">
<h1>Oak</h1>
<p>Oaks have spirally arranged leaves, with lobate margins in many species; some have serrated leaves or entire leaves with smooth margins.</p>
</div>
</div>
<!-- Button trigger modal -->
<br>
<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal4">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel4">Oak Tree</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Oaks have spirally arranged leaves, with lobate margins in many species; some have serrated leaves or entire leaves with smooth margins. Many deciduous species are marcescent, not dropping dead leaves until spring. In spring, a single oak tree produces both male flowers (in the form of catkins) and small female flowers, meaning that the trees are monoecious. The fruit is a nut called an acorn or oak nut borne in a cup-like structure known as a cupule; each acorn contains one seed (rarely two or three) and takes 6–18 months to mature, depending on their species. The acorns and leaves contain tannic acid, which helps to guard from fungi and insects. The live oaks are distinguished for being evergreen, but are not actually a distinct group and instead are dispersed across the genus.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<form action="order.php">
<button type="submit" class="btn btn-primary">Order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-12 col-lg-3 gy-4">
<div class="wrapper">
<div class="cardd">
<img src="foto/almond.jpg" alt="">
<div class="info">
<h1>Almond</h1>
<p>The fruit of the almond is a drupe, consisting of an outer hull and a hard shell with the seed, which is not a true nut, inside.</p>
</div>
</div>
<!-- Button trigger modal -->
<br>
<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal5">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal5" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel5">Almond Tree</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
The fruit of the almond is a drupe, consisting of an outer hull and a hard shell with the seed, which is not a true nut, inside. Shelling almonds refers to removing the shell to reveal the seed. Almonds are sold shelled or unshelled. Blanched almonds are shelled almonds that have been treated with hot water to soften the seedcoat, which is then removed to reveal the white embryo.
<br><br><h5>Tree</h5>The almond is a deciduous tree, growing 4–10 m (13–33 ft) in height, with a trunk of up to 30 cm (12 in) in diameter. The young twigs are green at first, becoming purplish where exposed to sunlight, then grey in their second year. The leaves are 8–13 cm (3–5 in) long, with a serrated margin and a 2.5 cm (1 in) petiole. The flowers are white to pale pink, 3–5 cm (1–2 in) diameter with five petals, produced singly or in pairs and appearing before the leaves in early spring. Almond grows best in Mediterranean climates with warm, dry summers and mild, wet winters. The optimal temperature for their growth is between 15 and 30 °C (59 and 86 °F) and the tree buds have a chilling requirement of 200 to 700 hours below 7.2 °C (45.0 °F) to break dormancy. Almonds begin bearing an economic crop in the third year after planting. Trees reach full bearing five to six years after planting. The fruit matures in the autumn, 7–8 months after flowering.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<form action="order.php">
<button type="submit" class="btn btn-primary">Order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-3 gy-4">
<div class="wrapper">
<div class="cardd">
<img src="foto/hackberry-tree.jpg" alt="">
<div class="info">
<h1>Hackberry</h1>
<p>The common hackberry is easily distinguished from elms and some other hackberries by its cork-like bark with wart-like protuberances.</p>
</div>
</div>
<!-- Button trigger modal -->
<br>
<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal6">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal6" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel6">Hackberry Tree</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
The common hackberry is easily distinguished from elms and some other hackberries by its cork-like bark with wart-like protuberances. The leaves are distinctly asymmetrical and coarse-textured. It produces small fruits that turn orange-red to dark purple in the autumn, often staying on the trees for several months. The common hackberry is easily confused with the sugarberry (Celtis laevigata) and is most easily distinguished by range and habitat. The common hackberry also has wider leaves that are coarser above than the sugarberry.
<br>The common hackberry is a medium-sized tree, 9 to 15 metres (30 to 50 ft) in height, with a slender trunk. In the best conditions in the southern Mississippi Valley area, it can grow to 40 metres (130 ft). It has a handsome round-topped head and pendulous branches. It prefers rich moist soil, but will grow on gravelly or rocky hillsides. The roots are fibrous and it grows rapidly. In the western part of its range, trees may still grow up to 29 m (95 ft). The maximum age attained by hackberry is probably between 150 and 200 years in ideal conditions.
The bark is light brown or silvery gray, broken on the surface into thick appressed scales and sometimes roughened with excrescences; the pattern is very distinctive. The remarkable bark pattern is even more pronounced in younger trees, with the irregularly-spaced ridges resembling long geologic palisades of sedimentary rock formations when viewed edge-wise. Coins as large as USA quarters can easily be laid flat against the valleys, which may be as deep as an adult human finger.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<form action="order.php">
<button type="submit" class="btn btn-primary">Order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-3 gy-4">
<div class="wrapper">
<div class="cardd">
<img src="foto/weeping-willow.jpg" alt="">
<div class="info">
<h1>Willow</h1>
<p>Willows all have abundant watery bark sap, which is heavily charged with salicylic acid, soft, usually pliant, tough wood, slender branches, and large, fibrous, often stoloniferous roots.</p>
</div>
</div>
<!-- Button trigger modal -->
<br>
<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal7">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal7" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel7">Weeping Willow Tree</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Willows all have abundant watery bark sap, which is heavily charged with salicylic acid, soft, usually pliant, tough wood, slender branches, and large, fibrous, often stoloniferous roots. The roots are remarkable for their toughness, size, and tenacity to live, and roots readily sprout from aerial parts of the plant.
<br><br><h5>Leaves</h5>The leaves are typically elongated, but may also be round to oval, frequently with serrated edges. Most species are deciduous; semievergreen willows with coriaceous leaves are rare, e.g. Salix micans and S. australior in the eastern Mediterranean. All the buds are lateral; no absolutely terminal bud is ever formed. The buds are covered by a single scale. Usually, the bud scale is fused into a cap-like shape, but in some species it wraps around and the edges overlap. The leaves are simple, feather-veined, and typically linear-lanceolate. Usually they are serrate, rounded at base, acute or acuminate. The leaf petioles are short, the stipules often very conspicuous, resembling tiny, round leaves, and sometimes remaining for half the summer. On some species, however, they are small, inconspicuous, and caducous (soon falling). In color, the leaves show a great variety of greens, ranging from yellowish to bluish color. Willows are among the earliest woody plants to leaf out in spring and the last to drop their leaves in autumn. Leafout may occur as early as February depending on the climate and is stimulated by air temperature. If daytime highs reach 10 °C (50 °F) for a few consecutive days, a willow will attempt to put out leaves and flowers.
<br><br><h5>Flowers</h5>With the exception of Salix martiana, willows are dioecious, with male and female flowers appearing as catkins on separate plants; the catkins are produced early in the spring, often before the leaves. The staminate (male) flowers are without either calyx with corolla; they consist simply of stamens, varying in number from two to 10, accompanied by a nectariferous gland and inserted on the base of a scale which is itself borne on the rachis of a drooping raceme called a catkin, or ament. This scale is square, entire, and very hairy. The anthers are rose-colored in the bud, but orange or purple after the flower opens; they are two-celled and the cells open latitudinally. The filaments are threadlike, usually pale brown, and often bald.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<form action="order.php">
<button type="submit" class="btn btn-primary">Order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-3 gy-4">
<div class="wrapper">
<div class="cardd">
<img src="foto/sakura1.jpg" alt="">
<div class="info">
<h1>Sakura</h1>
<p>Sakura is a type of "Cherry Tree" that does not bear fruit. Sakura, a Japanese word, means “Cherry Blossom” in Turkish. Sakura is a type of "Cherry Tree" that does not bear fruit. There is a wide variety of Japanese cherry blossoms (sakura); More than 200 varieties are known to exist.</p>
</div>
</div>
<!-- Button trigger modal -->
<br>
<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal8">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal8" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel8">Sakura Tree</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
It is a type of fruitless cherry tree and is known to grow up to 8-10 meters. Although the tree does not bear fruit, it has special flowers. It has flowers that slowly bloom creating a fairy-tale world. One of its distinctive features is that the flowers bloom slowly, but they fall out all of a sudden. This tree with special flowers is considered sacred in Japanese culture and has special meanings.
<br><br><h5>Importance of Sakura Tree in Japanese Culture</h5>
Sakura tree flowers, which are considered sacred to the Japanese, represent the beginning of life and spring with the slowly opening. These slow-blooming flowers fall out in an instant. Fresh and lively flowers fall before they fade. This situation shows that death can come at any time while life continues. Especially for the Japanese people, who have a great place in their culture of Samurai life, the Sakura tree reminds that life exists in its sudden death along with its beauty. The fact that these magnificently beautiful flowers stay on the branch for a short time and fall out while they are fresh and not wilted also symbolizes how short life is. It is celebrated with festivals lasting two weeks in 11 different cities, provided that the Sakura tree, which is considered sacred in Japan, begins to bloom.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<form action="order.php">
<button type="submit" class="btn btn-primary">Order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-12 col-lg-3 gy-5">
<div class="wrapper">
<div class="cardd">
<img src="foto/lemon-cypress.jpg" alt="">
<div class="info">
<h1>Cypress</h1>
<p>It is a very fast growing and very robust plant. Especially when the bright yellow green leaves are rubbed by hand, a lemon scent comes. It also creates a very nice appearance in the pot and can last for a long time.</p>
</div>
</div>
<!-- Button trigger modal -->
<br>
<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal9">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal9" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel9">Lemon Cypress Tree </h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Some of the rare natural forests in the world are in the south of our country. Along with the pine pine, it characterizes the natural landscape of the Mediterranean. It draws attention from afar with its thinness, long length (30-35 m) and dark green leaf texture, which has been the subject of folk songs. There are 599 hectares of pure cypress forest in our country. It differs from other conifers in that it has cones resembling a small soccer ball and scaly leaves that overlap each other. Its subspecies naturally grown in Turkey is Branched Cypress.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<form action="order.php">
<button type="submit" class="btn btn-primary">Order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-3 gy-5">
<div class="wrapper">
<div class="cardd">
<img src="foto/lemon.jpg" alt="">
<div class="info">
<h1>Lemon</h1>
<p>Lemon is a species that is usually grown in subtropical climatic regions of the northern and southern hemispheres. Lemons form medium-sized trees around 3-7 m. Trees exceeding 8 m. can also be encountered. Crown structures are scattered; As the tree matures, the crown structure reaches medium density.</p>
</div>
</div>
<!-- Button trigger modal -->
<br>
<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal10">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal10" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel10">Lemon Tree </h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Lemon Citrus lemon is a small evergreen tree in the family Rutaceae, a flowering plant native primarily to Northeast India, South Asia. The ellipsoidal yellow fruit of the tree is used worldwide for culinary and non-culinary purposes, especially for juice, which has both culinary and cleaning uses. Its pulp and peel are also used in cooking and baking. The juice of the lemon is about 5% to 6% citric acid and has a pH of 2.2 and therefore has a sour taste. The distinctive sour taste of lemon juice makes it an important ingredient in beverages and foods such as lemonade and lemon meringue pies. Grown in temperate climates and carrying essential oils, lemon fruits are widely produced in regions such as India, South America, Southeast Asia, California, the Aegean, and the Mediterranean. The fruit is primarily used for its juice, while the flesh and skin can be used in cooking and baking.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<form action="order.php">
<button type="submit" class="btn btn-primary">Order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-3 gy-5">
<div class="wrapper">
<div class="cardd">
<img src="foto/orange.jpg" alt="">
<div class="info">
<h1>Orange</h1>
<p>The orange tree is an evergreen tree with a yield of 50-60 years. Some well-maintained orange trees can live for 100 years or more. The orange plant belongs to the Rutaceae family. It is a flowering tree and its height at maturity can range from 5 to 15 m.</p>
</div>
</div>
<!-- Button trigger modal -->
<br>
<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal11">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal11" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel11">Orange Tree</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
All citrus trees belong to the single genus Citrus and remain almost entirely interfertile. This includes grapefruits, lemons, limes, oranges, and various other types and hybrids. As the interfertility of oranges and other citrus has produced numerous hybrids and cultivars, and bud mutations have also been selected, citrus taxonomy is fairly controversial, confusing or inconsistent. The fruit of any citrus tree is considered a hesperidium, a kind of modified berry; it is covered by a rind originated by a rugged thickening of the ovary wall. Different names have been given to the many varieties of the species. Orange applies primarily to the sweet orange – Citrus sinensis (L.) Osbeck. The orange tree is an evergreen, flowering tree, with an average height of 9 to 10 m (30 to 33 ft), although some very old specimens can reach 15 m (49 ft). Its oval leaves, alternately arranged, are 4 to 10 cm (1.6 to 3.9 in) long and have crenulate margins. Sweet oranges grow in a range of different sizes, and shapes varying from spherical to oblong. Inside and attached to the rind is a porous white tissue, the white, bitter mesocarp or albedo (pith). The orange contains a number of distinct carpels (segments) inside, typically about ten, each delimited by a membrane, and containing many juice-filled vesicles and usually a few seeds (pips). When unripe, the fruit is green. The grainy irregular rind of the ripe fruit can range from bright orange to yellow-orange, but frequently retains green patches or, under warm climate conditions, remains entirely green. Like all other citrus fruits, the sweet orange is non-climacteric. The Citrus sinensis group is subdivided into four classes with distinct characteristics: common oranges, blood or pigmented oranges, navel oranges, and acidless oranges. Other citrus groups also known as oranges are:
<br><br><b>Mandarin orange</b> (Citrus reticulata) is an original species of citrus, and is a progenitor of the common orange.
<br><br><b>Bitter orange</b> (Citrus aurantium), also known as Seville orange, sour orange (especially when used as rootstock for a sweet orange tree), bigarade orange and marmalade orange. Like the sweet orange, it is a pomelo x mandarin hybrid, but arose from a distinct hybridization event.
<br><br><b>Bergamot orange</b> (Citrus bergamia Risso), grown mainly in Italy for its peel, producing a primary essence for perfumes, also used to flavor Earl Grey tea. It is a hybrid of bitter orange x lemon.
<br><br><b>Trifoliate orange</b> (Poncirus trifoliata), sometimes included in the genus (classified as Citrus trifoliata). It often serves as a rootstock for sweet orange trees and other Citrus cultivars.
<br><br>An enormous number of cultivars have, like the sweet orange, a mix of pomelo and mandarin ancestry. Some cultivars are mandarin-pomelo hybrids, bred from the same parents as the sweet orange (e.g. the tangor and ponkan tangerine). Other cultivars are sweet orange x mandarin hybrids (e.g. clementines). Mandarin traits generally include being smaller and oblate, easier to peel, and less acidic. Pomelo traits include a thick white albedo (rind pith, mesocarp) that is more closely attached to the segments.
<br>Orange trees generally are grafted. The bottom of the tree, including the roots and trunk, is called rootstock, while the fruit-bearing top has two different names: budwood (when referring to the process of grafting) and scion (when mentioning the variety of orange).
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<form action="order.php">
<button type="submit" class="btn btn-primary">Order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-3 gy-5">
<div class="wrapper">
<div class="cardd">
<img src="foto/olive.jpeg" alt="">
<div class="info">
<h1>Olive</h1>
<p>Olive tree leaves are dark on the upper side and silver on the lower side. - The trunk of the olive tree is between 50-55 cm on average. In addition, its body is very resistant to decay and impacts. The olive tree is a very long-lasting and durable tree.</p>
</div>
</div>
<!-- Button trigger modal -->
<br>
<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal12">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal12" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel12">Olive Tree</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Olive tree Olea europaea is an evergreen tree or shrub with densely branched, broad-topped, evergreen leaves, native to the Mediterranean, Europe, Asia and Africa. The tree is stunted and rarely exceeds 8-15 m (26-49 ft) in height. 'Pisciottana', a unique species of 40,000 trees found only in the region around Pisciotta in the Campania region of southern Italy, often surpasses this with correspondingly large trunk diameters. It has a broad, curved, tuberous body. As the tree ages, the smooth gray bark of the trunk gradually cracks. The crown (top) of the tree expands each year, approximately as much as it increases in height. The tree is long-lived and can live for about 2000 years. The crown of the tree is open and asymmetrical in fertile soils, and more dense and rounded in unproductive soils. Its shoots are gray, thornless and almost triangular. Its silvery green leaves are oblong, with a leaf length of 20–86 mm and a width of 5–30 mm, depending on the type. Its lanceolate, very short-stalked, leathery-hard leaves are arranged in pairs opposite to the shoots. The leaves are simple, whole-edged, and the margins are slightly curved towards the underside. There is a pointed protrusion at the ends of the leaves. The upper surface of the leaf is dark gray-green and hairless, the lower surface is bluish-silver and covered with white dense silky hairs. Ten-slit calyx and crown, two stamens and bifid stigma, and small, white, hairy flowers in inflorescences that sprout from the axils of leaves and usually emerge from the previous year's tree branch. Inside the fleshy fruit of "Olea europaea" there is a hard core called "stone". Its fruit is small, 1–2.5 cm long, thin-fleshed, and wild ones are smaller than olive garden varieties. Olives are picked as their color changes from green to purple. Canned black olives can be artificially darkened (see below for processing) and may contain the chemical iron gluconate to improve appearance. Towards the end of spring, it has small whitish-yellow, fragrant flowers that open in sparse clusters in the armpits of the leaves. Flowers fertilized with pollen carried by the winds turn into fleshy and oily fruits. The fruit is green at first and becomes glossy black after ripening. The olive tree is a very valuable tree in terms of the "oil" obtained from the pulp and seed of the fruit. The tree has a very imposing and aesthetic appearance. Its wood is extremely resistant to decay. The olive tree grows in regions with an average annual temperature of 15-20 °C.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<form action="order.php">
<button type="submit" class="btn btn-primary">Order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
</div>
<br><br><br><br>
<div>
<footer class="text-center text-white" style="background-color: #0a4275;">
<div class="container p-4 pb-0">
<div>
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">ITU Ayazaga Campus, Rectorate Building, 34469 Maslak-ISTANBUL-TURKEY</span>
</p>
</div>
</div>
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
<i class="bi bi-envelope"></i> kayafe18@itu.edu.tr   <i class="bi bi-telephone"></i> +90 212 285 29 10
</div>
</footer>
</div>
<script src="bootstrap.js"></script>
</body>
</html>