-
Notifications
You must be signed in to change notification settings - Fork 0
/
HLyiMain.html
156 lines (142 loc) · 5.67 KB
/
HLyiMain.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
<!DOCTYPE HTML>
<html>
<head>
<title>Hoya Lyi</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/leaf-solid.svg" alt="" /></span><span class="title">Hoya Hangout</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Hoya Hangout</a></li>
<li><a href="General.html">General Hoya Tips</a></li>
<li><a href="VermontHoya.html">Vermont Hoyas - Doug Chamberlain</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>Hoya Lyi</h1>
<h3>Plant Facts</h3>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Plant Characteristicis</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<th>Plant Characteristic</th>
<th>Description</th>
</tr>
<tr>
<td>Species</td>
<td>H. Lyi</td>
</tr>
<tr>
<td>Name Origin</td>
<td>H. Lyi, sometimes confused with H. yuennanensis.</td>
</tr>
<tr>
<td>Origin</td>
<td>South West China</td>
</tr>
<tr>
<td>Leaf Morphology</td>
<td>Thin linear, dark green leaves that are covered in small hairs.</td>
</tr>
<tr>
<td>Flower Morphology</td>
<td>Flat , fuzzy pink flowers, with magenta centers and light pink accents.</td>
</tr>
<tr>
<td>Flowering Schedule</td>
<td>Flowers typically produced in spring and summer.</td>
</tr>
<tr>
<td>Maximum Size</td>
<td>Over 3-6 feet indoors.</td>
</tr>
<tr>
<td>Humidity</td>
<td> Loves high humidity but can tolerate lower humidity levels.</td>
</tr>
<tr>
<td>Temperature</td>
<td>Thrives best over 60 degrees Fahrenheit.</td>
</tr>
</tbody>
</table>
</div>
<!-- <p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique.</p> -->
<span class="image main"><img src="images/HLyiMain.jpg" alt="Close up of a small hanging Hoya Lyi. The leaves are narrow and long. They are green in color and sometimes have hairs on them. A small bundle of flowers are visable and have yet to bloom." /></span>
<blockquote>Leaves of the Hoya Lyi</blockquote>
<span class="image main"><img src="images/HLyiFlowers.jpg" alt="Bundle of over 7 flowers. There are several stages of blooming visable. Some flowers have yet to bloom while another is the process of opening. The flowers are star shaped and fuzzy. The petals are light pink with white waxy centers and magenta accents." /></span>
<blockquote>Flowers of the Hoya Lyi</blockquote>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<!-- <section>
<h2>Get in touch</h2>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="primary" /></li>
</ul>
</form>
</section> -->
<section>
<h2>Follow</h2>
<ul class="icons">
<li><a href="https://twitter.com/_katmlane_" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/katmlane/katmlane" class="icon brands style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://katmlane.netlify.app/" class="icon solid style2 fa-envelope"><span class="label">Portfolio</span></a></li>
</ul>
</section>
<ul class="copyright">
<li>© KatMLaneDesigns</li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>