forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
102 lines (96 loc) · 3.98 KB
/
index.html
File metadata and controls
102 lines (96 loc) · 3.98 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>My Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<title>Orchids</title>
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header>
Everything You Need to Know About Orchid Care
</header>
<div class="pageDiv">
<h1>Orchids</h1>
<h2>Orchid Care: Watering, Lighting, Repotting, and More</h2>
<img
src="https://www.almanac.com/sites/default/files/styles/max_2600x2600/public/image_nodes/orchid-pot-shutterstock_491195248.jpg?itok=as1YyXTF"
alt="mainPicture"
/>
<h3>About Orchids</h3>
<hr>
<p>
The <em><span style="color:blue;font-weight:bold">orchid family </span> </em>one of the largest in the realm of flowering plants:
More than 25,000 species grow naturally, on every continent except
Antarctica. <br>The greatest concentration of orchid varieties is found in the
tropical regions of the world, namely in Asia and Central and South
America.</br> In most of North America, orchids must be grown indoors
(exceptions include native species such as the lady’s slipper).
</p>
<hr>
<h3>
Orchid Flowers
</h3>
<section class="aboutFlawers">
<article class="bloom">
<h4>How often do orchids bloom?</h4>
<img src="../HTML-CSS-Coursework-Week1/images/orchid_two.jpeg" alt="image1">
<p>
It depends on the type of orchid. Phalaenopsis orchids will readily bloom every few months, while other types may be limited to once or twice a year.
</p>
<a href="" target="_blank">More info</a>
</article>
<article class="last">
<h4>How long do orchid flowers last?</h4>
<img src="../HTML-CSS-Coursework-Week1/images/orchid_three.jpeg" alt="image2">
<p>
Depending on the species, orchid flowers can last anywhere from several days to several weeks. Generally speaking, they will last longer if the orchid is kept in a cool spot, is watered sufficiently, and isn’t stressed.
</p>
<a href="" target="_blank">More info</a>
</article>
</article>
<article class="spike">
<h4>When should I cut the flower spike? </h4>
<img src="../HTML-CSS-Coursework-Week1/images/orchid_four.jpeg" alt="image3">
<p>
Soon as the flowers wilt and begin to drop off the stem (called a “spike”), it can be cut. Prune the spike off at the base, being careful not to accidentally snip any leaves or roots as well. Phalaenopsis orchids are an exception: they will often produce more flowers from the same flower spike, so don’t be too quick to snip it once the flowers fade. In fact, leaving the flower spike on Phalaenopsis orchids can speed up the time between blooms.
</p>
<a href="" target="_blank">More info</a>
</article>
<article class="notBloom">
<h4>Why won’t my orchid bloom? </h4>
<img src="../HTML-CSS-Coursework-Week1/images/orchid_five.jpeg" alt="image4">
<p>
Your orchid is most likely not getting enough light. Read more about lighting below!
</p>
<a href="" target="_blank">More info</a>
</article>
<article class="moreInfo">
<p>
For more information we invite you to
<a href="https://www.almanac.com/plant/orchids" target="_blank">Almanac</a>
</p>
<button class="buttonContuctUs">Contact us
</button>
</article>
</section>
<footer>
<div class="footer">
<p>Author: Olena Reukova</p>
<p><a href="https://www.linkedin.com/in/olena-reukova-20b7b433/">https://www.linkedin.com/</a></p>
</div>
</footer>
</body>
</html>