-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (81 loc) · 3.16 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Bizarre Plants</title>
</head>
<body>
<!--title of website -->
<div class = "name" >
<h1>
Bizarre Plants
</h1>
<h4>
By Yoyo Yuan
</h4>
</div>
<!--oleander picture and info -->
<div class = "plant">
<div class = "box">
<img src = "/images/oleander.jpg" title = "oleander flower" width = 400 class = "center">
</div>
<div class = "box">
<a href = "https://www.bhg.com/gardening/plant-dictionary/shrub/oleander/" title = "info on Oleander" target = "_blank">
<h2>
Oleander
</h2>
</a>
<p>
So pretty and so deadly. Touching, or drinking the water from its vase is fatal, not mentioning chewing on it's leaves. Keep yourself and your pets away from them.
</p>
</div>
</div>
<!--datura picture and info -->
<div class ="plant">
<div class = "box">
<img src = "/images/datura.png" title = "Datura flower image" width = 300 class = "center">
</div>
<div class = "box">
<a href = "https://www.britannica.com/plant/Datura" title = "more info on Datura" target = "_blank">
<h2>
Datura
</h2>
</a>
<p>
This innocent looking plant can make a person hallucinate several days. Someone once swallowed an entire flower because he thought he's <b> not like the others </b>. He barely survived. With half of his intelligence gone, he can no longer use computers or any electronic device, causing communication with his friends and family to be complicated.
This plant contributes to hundreds of deaths each year.
</p>
<p>
Here's a piano piece inspired by the flower.
</p>
<button class = "btn" title = "Datura prelude <3" onclick = "window.open ('https://youtu.be/JfxwKUAeS0w', '_blank') ">
Listen
</button>
</div>
</div>
<!--Mimosa info-->
<div class = "plant">
<div class = "box">
<img src = "/images/mimosa.jpg" width = 400 title = "What Mimosa looks like" class = "center">
</div>
<div class = "box">
<a href = "https://www.britannica.com/plant/sensitive-plant" title = "More info on Mimosa plant" target = "_blank" >
<h2>Mimosa</h2>
</a>
<p>
Mimosa, Sensitive plant, Shameplant or Touch-me-Not is perfectly <b> safe to touch! </b> As seen in the name, leaves close right after it is touched. It is fun for kids and pets.
</p>
<p>
<b> Why does it close? </b> Normally, plants are rigid because of turgor pressure. When the Mimosa plant is touched or disturbed, various chemicals such as potassium ions are released within the body to make water and electrolytes flow out. The lack of pressure in the cells collpases the leaves.
This fools consumers into thinking the plant is wilted and risky to eat. Mimosa plants also close at night to reduce water loss.
</p>
<p>
Mimosa is edible, take a look at some non-obvious health benefits.
</p>
<button class = "btn" title = "10 Health Benefits of Mimosa" onclick = "window.open('https://microbeformulas.com/blogs/microbe-formulas/10-health-benefits-of-mimosa-pudica', '_blank')">
Read
</button>
</div>
</div>
</body>
</html>