-
Notifications
You must be signed in to change notification settings - Fork 0
/
faq.html
191 lines (172 loc) · 8.32 KB
/
faq.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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>Bonsai</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="manifest" href="site.webmanifest">
<link href='https://fonts.googleapis.com/css?family=Open Sans' rel='stylesheet'>
<link rel="stylesheet" href="jquery-ui.css">
<link rel="stylesheet" href="faq.css">
<script src="java.js" defer></script>
<meta name="theme-color" content="#fafafa">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="jquery-ui.js"></script>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
$(function () {
$(".button-containter").accordion({
collapsible: true
});
});
</script>
</head>
<body>
<nav class="stripe menubar">
<div class="content_container">
<ul>
<li style="float: left;"><img class="logo" src="images/logo.png"><span><a class="logo"
href="index.html">Bonsai</a></span></li>
<li><a href="information.html">INFORMATION</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="calculator.html">CALCULATOR</a></li>
<li><a href="gallery.html">GALLERY</a></li>
<li><a href="contact.html">CONTACT US</a></li>
<li></li>
<li></li>
<li>
<input type="text" placeholder="Search..">
</li>
</ul>
<div class="topnav" id="myTopnav">
<img class="logo" src="images/logo.png" style="float: left;"><span><a class="logo"
href="index.html">Bonsai</a></span>
<a href="information.html">INFORMATION</a>
<a href="faq.html">FAQ</a>
<a href="calculator.html">CALCULATOR</a>
<a href="gallery.html">GALLERY</a>
<a href="contact.html">CONTACT US</a>
<a href="javascript:void(0);" class="icon2" onclick="myFunction()"><i class="fa fa-bars"></i></a>
<a class="icon1"><i class="fa fa-search"></i></a>
</ul>
</div>
</div>
</nav>
<div class="stripe introduction">
<div class="content_container">
<h1><b>FAQ</b></h1><br>
<h2>Explore cool fact about bonsai!</h2>
</div>
</div>
<div class="stripe fact">
<div class="content_container">
<div class="button-containter">
<h3 class="accordion">Bonsai Tree Care</h3>
<div class="panel bonsai-tree-care">
<p>Bonsai trees are planted in small pots with minimal water and nutrient reserves! In order to keep your
Bonsai healthy you need to water and fertilize regularly. They require lots of water, light, and fertilizer
in order to really thrive!</p>
<p>Determining where the best spot for your Bonsai is a tough task, however, there are many different factors
that need to be taken into consideration such as the climate and time of year.</p>
<p>Watering is the most important part of taking care of your Bonsai but is often overlooked. How often your
Bonsai needs water is determined by the size of the tree, size of its pot, the time of year, type of
soil-mixture, and the local climate. </p>
<p>In order for your Bonsai to survive, fertilizing reguarly is cruical. </p>
</div>
<h3 class="accordion">Growing and Cultiviating</h3>
<div class="panel growing and cultiviating">
<p> When growing from a seed it takes at least five years of growing before your Bonsai will resemble a tree.
Buying one from a nursey will result in you being able to style it right away!</p>
<p>If you chose to start your Bonsai growing journey it allowes you to expereince the fun of shaping your own
tree! You can grow a Bonsai from either seeds, cuttings, or buying Bonsai nursery stock!</p>
<p>When just starting out you may want to opt for buying a Bondai tree so that you are able to foster your
abilites to learn to care for this specific plant</p>
</div>
<h3 class="accordion">Styling</h3>
<div class="panel styling">
<p>Bonsai trees are normal planets that are propagated like any other, however, they are trained using
sophisicated techniques that keep them smaller.</p>
<p> The styping of Bonsai trees include methods such as regular pruning and wiring, while also including more
advanced techniques like creation of deadwood!</p>
</div>
<h3 class="accordion">Popular Tree Species</h3>
<div class="panel popular-tree-species">
<p>Each Bonsai tree has specific requirements for its training, cultivation, and care! Knowing which Bonsai
tree you have will be crical in ensuring you are providing it with proper care!</p>
<p>The most popular tree species are the Ficus and Juniper! </p>
<p>
</div>
<h3 class="accordion">Best Bonsai for Beginners</h3>
<div class="panel best-bonsai-for-beginners">
<p>When picking your tree it is very important that you pick the correct species. Tropical and sub-tropical
tree species can be kept indoors, however, temperature trees can only be grown outside.</p>
<p>Choice #1: Ficus! This is the most popular indoor Bonsai because it is a very resilent tree with very
beautiful leaves!</p>
<p>Choice #2: Dwarf Jade! This is the easiest indoor Bonsai to take care of. The tree is a succulent, and can
survive periods of drought due to it storing water in its leaves. </p>
<p>Choice #3: Juniper! This is the most popular outdoor Bonsai because it stands out against nature and it is
very afforable for beginners.</p>
<p>Choice #4: Japanese Maple! This tree is known for its beautiful fall colors, but needs winter protection!
</p>
<p>Overall, it comes down to where your Bonsai will be kept that impacts which one you should get! However,
all of these are great options!</p>
</div>
</div>
</div>
</div>
<script>
/* variables */
var acc = document.getElementsByClassName("accordion");
var i;
/* Toggle between adding and removing the class "active". This interacts with the CSS to highlight the button that controls the panel
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
If click occurs, it also checks the status of the panel and toggles whether the panel is shown or hidden
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
});
} */
</script>
<div>
<button onclick="topFunction()" id="top" title="Go to top">Top</button>
<footer class="footer">
<div class="footer1">
<p class="logoend" href="home.html"><a>Bonsai</a></p>
<img class="logoend" src="images/logo.png">
</div>
<div class="footer2">
<p class="footer2">
Written by Kaia Nguyen, Khanh Mai, Ngoc Uong and Rachel Farver. <br>
At Miami University, Oxford, Ohio, USA. <br>
© Art of Bonsai, 2023
</p>
</div>
</footer>
</body>
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>
</body>
</html>