This repository was archived by the owner on Feb 13, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathorchid.html
229 lines (183 loc) · 9.51 KB
/
orchid.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
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
<!DOCTYPE html>
<html>
<head><!--head tag is where all non-displayed information goes-->
<title>The Orchid Show at the New York Botanical Garden</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<style>
*{
box-sizing:border-box;
}
body, html{
height: 100%;
}
section{
background: white;
color:green;
}
/*This is the css for creating the big background image we disscused.*/
.BigBackdrop{
background: #ac04fa; /* if image cant be viewed, color will be displayed instead */
background: linear-gradient(
to top, rgba(0, 0, 0, .25), rgba(0, 0, 0, .75)
),url("orchidpics/orchidwelcome.jpg");
min-height: 100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* Overlay title ontop of BigBackdrop Image*/
.frontpage{
position: absolute;
top: 50%;
left:50%;
transform: translate(-50%, -50%);
color: white;
}
.container{
max-width: 100%;
background-color: white;
margin: 0;
overflow: auto;
}
.gallery{
margin-left: 0;
align: left;
width: 700px;
}
.gallery img{
width: 100%;
height: auto;
float: left;
}
.desc{
text-align: center;
margin-left: 800px;
margin-right: 7%;
}
.footer{position: relative;
height: 5em;
line-height: 5em;
margin: 0;
background: #39454b;
color:#999;
color: rgba(185, 186, 187, 0.5);
overflow: hidden;
}
.nmbr{
text
}
</style>
</head>
<!-- body will hold majority of content for the page-->
<body>
<div class="BigBackdrop">
<nav>
<a href="Homepage Pictures/project.html">Home</a>
<a href="orchid.html" class="active">Orchid Show</a>
<a href="membership.html">Membership</a>
<a href="about.html">About</a>
</nav>
<!--this div contains the #plantlove link that will forward users to the official website-->
<div style="text-align:right;">
<a href="https://www.nybg.org/about/plantlove/" target="_blank">
<h1 class="plantLove">#plantlove</h1>
</a>
</div>
<div class="frontpage" style="font-size:65px;">The Orchid Show<br>
<span style="font-size:50px;">At the New York Botanical Garden</span></div>
</div>
<section>
<h1>Colors from Every Corner!</h1>
<h5>We have Orchids on display from all parts of the world!</h5>
<p>Nullam eu varius tellus. Proin eget nulla congue, mollis nibh vel, placerat eros. Sed pellentesque et enim non pretium. Vestibulum erat erat, fringilla non vestibulum eu, sollicitudin in ex. Curabitur varius orci eu lorem pharetra, in facilisis magna rutrum. Ut iaculis ipsum ac nisi lacinia, eu auctor turpis luctus. Fusce nec sapien eros. Duis posuere, elit non finibus egestas, ex ligula maximus ante, laoreet sodales erat mauris et dui. Donec suscipit quis dolor nec euismod. Suspendisse interdum leo quis feugiat consectetur.</p>
</section>
<section>
<div class="container">
<div class="gallery">
<img src="orchidpics\PandG.jpg" alt="Yoooo">
</div>
<div class="desc">
<h4 class="nmbr">1.</h4>
<h1>Araceae</h1>
<p>The Araceae are a family of monocotyledonous flowering plants in which flowers are borne on a type of inflorescence called a spadix. The spadix is usually accompanied by, and sometimes partially enclosed in, a spathe or leaf-like bract. Also known as the arum family, members are often colloquially known as aroids. This family of 114 genera and about 3750 known species[3] is most diverse in the New World tropics, although also distributed in the Old World tropics and northern temperate regions.</p>
</div>
</div>
</section>
<section>
<div class="container">
<div class="gallery">
<img src="orchidpics\yellow.jpg" alt="Yoooo">
</div>
<div class="desc">
<h4>2.</h4>
<h1>Dendrobium</h1>
<p>Dendrobium is a genus of mostly epiphytic and lithophytic orchids in the family Orchidaceae. It is a very large genus, containing more than 1,800 species that are found in diverse habitats throughout much of south, east and southeast Asia, including China, Japan, India, the Philippines, Indonesia, Australia, New Guinea, Vietnam and many of the islands of the Pacific. Orchids in this genus have roots that creep over the surface of trees or rocks, rarely having their roots in soil. Up to six leaves develop in a tuft at the tip of a shoot and from one to a large number of flowers are arranged along an unbranched flowering stem. Several attempts have been made to separate Dendrobium into smaller genera, but most have not been accepted by the World Checklist of Selected Plant Families.</p>
</div>
</div>
</section>
<section>
<div class="container">
<div class="gallery">
<img src="orchidpics\white.jpg" alt="Yoooo">
</div>
<div class="desc">
<h4>3.</h4>
<h1>Moth Orchids (white)</h1>
<p>Phalaenopsis Blume (1825), commonly known as moth orchids, is a genus of about seventy species of orchids in the family orchid. Orchids in this genus are monopodial epiphytes or lithophytes with long, coarse roots, short, leafy stems and long-lasting, flat flowers arranged in a flowering stem that often branches near the end. Orchids in this genus are native to India, China, Southeast Asia, New Guinea and Australia with the majority in Indonesia and the Philippines.</p>
</div>
</div>
</section>
<section>
<div class="container">
<div class="gallery">
<img src="orchidpics\pink.jpg" alt="Yoooo">
</div>
<div class="desc">
<h4>4.</h4>
<h1>Moth Orchid (Pink)</h1>
<p>Orchids in the genus Phalaenopsis are monopodial ephiphytic, sometimes lithophytic herbs with long, coarse roots and short leafy stems hidden by overlapping leaf bases. The leaves are usually arranged in two rows, relatively large and leathery, oblong to elliptic and sometimes succulent. A few to many, small to large, long-lasting, flat, often fragrant flowers are arranged on erect to hanging racemes or panicles. The sepals and petals are free from and spread widely apart from each other. The lateral sepals are usually larger than the dorsal sepal and the petals much wider than the sepals. The labellum is joined stiffly to the column and has three lobes. The side lobes are erect and more or less parallel to each other and the middle lobe sometimes has a pair of appendages or antennae.</p>
</div>
</div>
</section>
<section>
<div class="container">
<div class="gallery">
<img src="orchidpics\tree.jpg" alt="Yoooo">
</div>
<div class="desc">
<h4>5.</h4>
<h1>Title</h1>
<p>Maecenas lacinia id arcu sit amet rutrum. Nullam quis quam sit amet augue tempor pharetra eget eget erat. Nullam finibus, nulla sit amet condimentum feugiat, ligula ipsum ullamcorper urna, a imperdiet lacus dui eu nisl. Etiam id tincidunt quam. Etiam faucibus pharetra dolor in sodales. Etiam sed porttitor turpis. Vivamus placerat justo id neque lacinia, id porta risus bibendum. Duis ligula lorem, rutrum non neque ac, dignissim lobortis odio. Nullam porta, nulla eget dictum faucibus, eros leo euismod elit, ac volutpat ligula risus sit amet odio. Quisque eu orci tristique, tincidunt nulla id, vehicula est. Proin vehicula placerat vestibulum. Vestibulum massa nulla, gravida eu erat sed, malesuada bibendum lacus. Aenean molestie sapien mauris. Maecenas nec arcu dui.</p>
</div>
</div>
</section>
<section>
<div class="container">
<div class="gallery">
<img src="orchidpics\6.jpg" alt="Yoooo">
</div>
<div class="desc">
<h4>6.</h4>
<h1>Title</h1>
<p>Quisque vel luctus tortor. Fusce nec urna felis. Suspendisse id egestas purus. Ut porttitor mauris dui. Nam at libero posuere nisl pretium cursus venenatis vel dolor. Quisque dignissim diam bibendum elit placerat, pulvinar facilisis velit lobortis. Fusce scelerisque eros mollis quam fermentum rhoncus. Vestibulum cursus nunc quam, ac viverra ipsum accumsan sit amet. Nam consectetur sapien quis facilisis rhoncus.</p>
</div>
</div>
</section>
<section>
<h1>Just a taste</h1>
<h5>Nullam eu varius tellus. Proin eget nulla congue, mollis nibh vel, placerat eros. Sed pellentesque et enim non pretium. Vestibulum erat erat, fringilla non vestibulum eu, sollicitudin in ex. Curabitur varius orci eu lorem pharetra, in facilisis magna rutrum. Ut iaculis ipsum ac nisi lacinia, eu auctor turpis luctus. Fusce nec sapien eros. Duis posuere, elit non finibus egestas, ex ligula maximus ante, laoreet sodales erat mauris et dui. Donec suscipit quis dolor nec euismod. Suspendisse interdum leo quis feugiat consectetur.</h5>
<h6>Info on plants taken from <a href="https://www.wikipedia.org/"target="_blank"> wikipedia.org</a></h6>
<h1>We hope to see you at the show!</h1>
</section>
</body>
<footer style="height: 40%;">
<!--this div contains the text-->
<div class="generalInfo">
<h2>Location</h2>
<h5> <a href = "https://www.nybg.org/visit/directions/">2900 Southern Boulevard, Bronx, NY 10458-5126</a></h5>
<h2>General Info</h2>
<h5>Call: 718.817.8700</h5>
</div>
</footer>
</html>