diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..35948db5 Binary files /dev/null and b/.DS_Store differ diff --git a/css/style.css b/css/style.css index 75e9841e..c6b6d744 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,77 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ +body { + background: linear-gradient(#e66465, #9198e5); + font-family: "Times New Roman", Times, serif; +} +header { + font-size: 36px; + font-weight: bold; + text-align: center; + margin: 30px 30px; +} +.pageDiv { + display: block; + line-height: 32px; + width: 50%; + margin: 20px auto; + padding: 30px; +} +h1, +h2, +h3, +h4 { + font-weight: bold; + text-align: center; + padding: 18px 0px; +} +h1 { + font-size: 34px; +} +h2 { + font-size: 30px; +} +h3 { + font-size: 26px; +} +h4 { + font-size: 24px; +} +p { + font-size: 20px; + line-height: 24px; +} +ul { + font-size: 20px; +} +img { + display: block; + margin: 0 auto; + border-radius: 8px; + max-width: 700px; + width: 100%; + height: 100%; +} +.buttonContuctUs { + display: block; + background: #e1676c; + color: white; + margin: 30px auto; + font-size: 28px; + padding: 14px 40px; + border: none; + border-radius: 25px; + box-shadow: 0 1px 20px rgb(0 0 0 / 50%); + transition: opacity 200ms ease; + cursor: pointer; +} +.buttonContuctUs:hover { + background-color: blue; + color: white; +} +.footer > p { + font-size: 18px; + text-align: center; + margin: auto; +} diff --git a/images/orchid-general.jpeg b/images/orchid-general.jpeg new file mode 100644 index 00000000..024cd044 Binary files /dev/null and b/images/orchid-general.jpeg differ diff --git a/images/orchid_five.jpeg b/images/orchid_five.jpeg new file mode 100644 index 00000000..afa430bd Binary files /dev/null and b/images/orchid_five.jpeg differ diff --git a/images/orchid_four.jpeg b/images/orchid_four.jpeg new file mode 100644 index 00000000..1edf4d25 Binary files /dev/null and b/images/orchid_four.jpeg differ diff --git a/images/orchid_three.jpeg b/images/orchid_three.jpeg new file mode 100644 index 00000000..869dddef Binary files /dev/null and b/images/orchid_three.jpeg differ diff --git a/images/orchid_two.jpeg b/images/orchid_two.jpeg new file mode 100644 index 00000000..a8e4246c Binary files /dev/null and b/images/orchid_two.jpeg differ diff --git a/index.html b/index.html index 67dfc7f5..5529ea42 100644 --- a/index.html +++ b/index.html @@ -14,9 +14,89 @@ /> + Orchids - + - + +
+ Everything You Need to Know About Orchid Care +
+
+

Orchids

+

Orchid Care: Watering, Lighting, Repotting, and More

+ mainPicture +

About Orchids

+
+

+ The orchid family one of the largest in the realm of flowering plants: + More than 25,000 species grow naturally, on every continent except + Antarctica.
The greatest concentration of orchid varieties is found in the + tropical regions of the world, namely in Asia and Central and South + America.
In most of North America, orchids must be grown indoors + (exceptions include native species such as the lady’s slipper). +

+
+

+ Orchid Flowers +

+ +
+
+

How often do orchids bloom?

+ image1 +

+ 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. + +

+ More info +
+
+

How long do orchid flowers last?

+ image2 +

+ 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. + +

+ More info +
+ +
+

When should I cut the flower spike?

+ image3 +

+ 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. + +

+ More info +
+
+

Why won’t my orchid bloom?

+ image4 +

+ Your orchid is most likely not getting enough light. Read more about lighting below! + +

+ More info +
+
+

+ For more information we invite you to + Almanac +

+ +
+
+ +