-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtomato.html
138 lines (129 loc) · 6.61 KB
/
tomato.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Roots</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300&family=Montserrat:wght@300&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<style>
.collapsible {
background-color: #FF5252;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
margin-left: 0px;
font-family: 'Merriweather', sans-serif;
}
.active,
.collapsible:hover {
background-color: red;
}
.collapsible:after {
content: '\002B';
color: white;
font-weight: bold;
float: right;
margin-left: 5px;
font-family: 'Merriweather', sans-serif;
}
.active:after {
content: "\2212";
}
.content {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #f1f1f1;
}
</style>
</head>
<body>
<div class="header">
<ul>
<li><img src="Images/logo.png" class = "logoImg"/></li>
<li class = "headings"><a href="index.html">Home</a></li>
<li class = "headings" ><a href="#getstarted">Get Started</a></li>
<li class = "headings" ><a href="#aboutus">About Us</a></li>
<li class = "headings" ><a href="#contact">Contact</a></li>
<li class = "headings" ><a href="#">Sign In</a></li>
</ul>
</div>
<div>
<div>
<button type="button" class="collapsible"> What does it look like? </button>
<div class="content">
<p class = "info">The Seeds look like this:</p>
<img src="Images/Tomato_Seeds.jpg" alt="Tomato Seeds Image" id = "tomatoSeeds">
<p class = "info">Stages of Tomato Growing:</p>
<img src="Images/Stages of tomato plant.jfif" alt="Image of the states of a Tomato plant" class = "tomatoStages">
</div>
<button type="button" class="collapsible"> How do I plant it? </button>
<div class="content">
<p class = "info"> Steps to plant tomato seeds and grow tomatoes.</p>
<ul class = "ba">
<li>
Step 1: Thoroughly moisten the seed-starting mix, and then fill the containers to within 1/2" of the top. Firm the mix but don't compact it.
</li>
<li>
Step 2: Place two or three seeds into each small container or each cell of a seed starter. Cover the seed with about 1/4" of soil and gently firm it over the seeds.
</li>
<li>
Step 3: Water to ensure good seed-to-mix contact. You can use a plant mister or just dribble a stream of water over the top. You don't need to soak the soil, just moisten the top layer.
</li>
<li>
Step 4: Place the pots in a warm spot or on top of a heat mat. At this point, the seeds don't need light.
</li>
<li>
Step 5: Keep the mix moist but not soaking wet. If your seed-starting system has a greenhouse top, use it to help hold moisture. Or, you can lay some plastic kitchen wrap over the tops of the pots.
</li>
<li>
Step 6: Check pots daily. As soon as you see sprouts, remove the covering and place the pots in a sunny window or under grow lights, keeping the lights just an inch or two above the tops of the plants.
</li>
</ul>
</div>
<button type="button" class="collapsible"> When should I harvest? </button>
<div class="content">
<p class = "info">Tomatoes are typically ready to harvest 60-85 days after planting seedlings outdoors. However, timing can change depending on your climate and the variety of tomatoes you're growing. If you're planting determinate tomatoes, be ready for a large harvest all at once.</p>
<p class = "info">Tomato plants are generally much branched, spreading 60–180 cm (24–72 inches) and somewhat trailing when fruiting, but a few forms are compact and upright.</p>
</div>
</br>
</br>
<div id = "calender">
<center>
<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=Africa%2FLagos&src=YnJhMDNpcTcwbWw1ODhmOWs4dGZwcW44czBAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&color=%23F09300&title=The%20Official%20Roots%20Calendar&showNav=1&showDate=1&hl=en_GB&mode=MONTH&showTz=1" style="border:solid 1px #777" width="800" height="600" frameborder="0" scrolling="no"></iframe>
</center>
</div>
<div>
<h1 id = "addInfo"> Additional Information about Tomatoes: </h1>
<p id = "pTag3">Tomato plants are generally much branched, spreading 60–180 cm (24–72 inches) and somewhat trailing when fruiting, but a few forms are compact and upright. The tiny currant tomato (S. pimpinellifolium) is a closely related species and has been used by breeders to hybridize several pest- and disease-resistant tomato varieties.The wild species originated in the Andes Mountains of South America, probably mainly in Peru and Ecuador, and is thought to have been domesticated in pre-Columbian Mexico; its name is derived from the Náhuatl (Aztec) word tomatl. Indeed, the roots and leaves of the tomato plant are poisonous and contain the neurotoxin solanine.The Italians called the tomato pomodoro (“golden apple”), which has given rise to speculation that the first tomatoes known to Europeans were yellow. The eggplant was called pomme des Mours (“apple of the Moors”) because it was a favourite vegetable of the Arabs, and pomodoro and pomme d’amour may be corruptions of that name.Tomatoes were introduced to North America from Europe. Additionally, a large percentage of the world’s tomato crop is used for processing; products include canned tomatoes, tomato juice, ketchup, puree, paste, and “sun-dried” tomatoes or dehydrated pulp.</p>
</div>
</div>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}
</script>
</body>
</html>