advJavaHTMLAssignment/easyPlants.html at master · Grace0Hud/advJavaHTMLAssignment · GitHub

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
<!DOCTYPE html>
<html>
  <head>
 <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Plant Care - Easy Plants</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <meta name = "author" content = "Grace Hudgens">
    <meta name = "description" content = "A guide to caring for various types of household plants - the section for easy to care for plants."
    <html lang ="en-US">
  </head>
  <body id = "easyPlants">
<h2 id = "easyPlantTitle">Easy Plants</h2>
 <div class = "row">
<!-- navigation panel -->
  <div class = "column">
  <nav>
    <ul id = "nav">
      <li id = "nav"><a href = "index.html">Home</a></li>
      <li id = "nav"><a href = "succulents.html">Succulents/Desert Plants</a></li>
      <li id = "nav"><a href = "easyPlants.html">Easy Plants</a></li>
      <li id = "nav"><a href = "advancedPlants.html">Advanced Plants</a></li>
       <li id = "nav"><a href = "viewerInteractions.html">Feedback Options </a></li>
    </ul>
  </nav>
  </div>
<!-- information column -->
<div class = "column information">
  <!-- Lists the easy to care for indoor plants-->
  <h3>Easy Indoor Plants</h3>
  <p>
    <dl>
      <dt><mark>Lavender</mark></dt>
      <dd>A tall purple flowering plant - <i>needs sun and infrequent watering</i></dd>
      <dt><mark>Snake Plant</mark></dt>
      <dd>A low fleshy plant with dark green and yellow leaves - <i>good with low light and dry air</i></dd>
      <dt><mark>Spider Plant</mark></dt>
      <dd>Green and white plants with long reaching leaves - <i>just add sunlight and water</i></dd>
      <dt><mark>Peace Lily</mark></dt>
      <dd>A dark green oval leaved plant with sumularly shaped pink, white, or purple flowers - <i>low light, moderate temperatures, moist soil</i></dd>
      <dt><mark>Heart leaf Philodendron</mark></dt>
      <dd>A bright green plant with large heart shaped leaves - <i>need low/indirect light and infrequent watering.</i></dd>
      <dt><mark>Pothos</mark></dt>
      <dd>A plant with small heart shaped leaves of varying colors - <i>good for darker rooms</i></dd>
      <dt><mark>Various Herbs</mark></dt>
      <dd>Basil, rosemery, oregano, etc. They serve a practical and aestetic purpose at the same time - <i>place in direct sun and water every other day</i></dd>
      <dt><mark>Asparagus Fern</mark></dt>
      <dd>A bright green plant with long fluffy leaves - <i>adapts to both sun and dim light</i></dt>
      <dt><mark>Chinese Money Plant</mark></dt>
      <dd>A short plant with circular bright green leaves - <i>likes shade and weekly watering</i></dd>
      </dl>
        </p>
        <p><strong>More of these plants can be found in the resources on the home page - as well as where to buy them</strong></p>
<p>Below is a PDF with more information on the care of indoor plants - as well as some more suggestions.</p>
<!--PDF on the science of how to care for indoor plants-->
<iframe id = "easyPlantPDF" src="https://pdfs.semanticscholar.org/e71d/6d4a7a53660ba41a6e50c29a3a47b6888763.pdf" width="61%" height="700px">
<!--images-->
</div>
</div>
  </nav>
  </body>
  </html>