-
Notifications
You must be signed in to change notification settings - Fork 0
/
bonsaiCash.html
188 lines (165 loc) · 6.81 KB
/
bonsaiCash.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Bonsai || Cash</title>
<link rel="stylesheet" href="./Styles/bonsaiCash.css" />
<link rel="stylesheet" href="./Styles/navbar.css">
<link rel="stylesheet" href="./Styles/footer.css">
<link rel="shortcut icon" href="https://pbs.twimg.com/profile_images/727273167958372352/Hhjwyvyo_400x400.jpg" type="image/x-icon">
<script
src="https://kit.fontawesome.com/af655f73fe.js"
crossorigin="anonymous"></script>
</head>
<body>
<header></header>
<main>
<!-- starting of section ------------------------------------------------------01 -->
<div class="section_main">
<!-- starting of heading -->
<div class="heading">
<h1>
One account <br />
for everything business
</h1>
</div>
<!-- end of heading -->
<!-- starting of paragraph -->
<div class="r_para">
<p>
Manage your finances, save on taxes, and get paid faster. <br />
All with no hidden fees and no minimums.
</p>
</div>
<!-- end of paragraph -->
<!-- starting sign up button -->
<div class="r_signUp">
<a href="./signup.html">Sign Up</a>
</div>
<!-- end sign up button -->
</div>
<!-- ending of section -------------------------------------------------------01 -->
<!-- starting of section ------------------------------------------------------ 02 -->
<div class="r_section_02">
<!-- starting of background box div -->
<div class="r_box_1"></div>
<div class="r_box_2"></div>
<div class="r_box_3"></div>
<!-- ending of background box div -->
<h2>Pay for your business expenses any way, anywhere</h2>
<!-- starting of grid div -->
<div class="r_pva">
<div class="r_pva_content">
<h3>Physical Card</h3>
<p>Get your new Bonsai card in your pocket in just a few days.</p>
<h3>Virtual Card</h3>
<p>
Generate your virtual card for your online subscriptions and
expenses.
</p>
<h3>Apple Pay</h3>
<p>
Add your new card to your Apple Wallet for easy in-store and
online payments.
</p>
</div>
<div class="r_pva_img">
<img src="./assets/image/image_03.png" alt="" />
</div>
</div>
<!-- end of grid div -->
</div>
<!-- ending of section ------------------------------------------------------ 02 -->
<!-- starting of section -----------------------------------------------------------03 -->
<div class="r_section_03">
<!-- starting of background box div -->
<div class="r_section_03_box_1"></div>
<div class="r_section_03_box_2"></div>
<!-- ending of background box div -->
<div class="sub_section_03">
<div>
<img src="./assets/image/image_04.png" alt="lady_image" />
</div>
<div>
<p>Raewyn Sangari, Virtual Assistant in Los Angeles, California</p>
<h2>
“With Bonsai Cash, I put my business finances on one card, and in
one location. My expenses are now much easier to track.”
</h2>
<a href="">Watch now</a>
</div>
</div>
</div>
<!-- ending of section -----------------------------------------------------------03 -->
<!-- staring of section -----------------===========================--------------------------------------- 04 -->
<div class="backgound_design">
<!-- starting of background box div -->
<div class="r_section_04_box_1"></div>
<div class="r_section_04_box_2"></div>
<!-- ending of background box div -->
<div class="r_section_04">
<div class="r_section_04_img">
<img src="./assets/image/image_05.png" alt="" />
</div>
<div class="r_section_04_content">
<h2>Do less accounting work thanks to easy expense management</h2>
<p>
Expenses from your Bonsai card are automatically tracked. All you
need to do is upload receipts from the app. Plus, tax write-offs
are already calculated.
</p>
<a href="">Sign up</a>
</div>
</div>
</div>
<!-- ending of section ------------------===========================-------------------------------------- 04 -->
<!-- staring of section -----------------===========================--------------------------------------- 04 -->
<div class="backgound_design">
<!-- starting of background box div -->
<div class="r_section_04_box_3"></div>
<!-- ending of background box div -->
<div class="r_section_04 section_4_part_2">
<div class="r_section_04_content content_part_2">
<h2>Receive your money faster</h2>
<img src="./assets/image/image_06.png" alt="" />
<p>
Collect your invoice payouts in your Bonsai Cash account in just
seconds.
</p>
<a href="">Sign up</a>
</div>
<div class="r_section_04_img img_part_2">
<img src="./assets/image/image_06.png" alt="" />
</div>
</div>
</div>
<!-- ending of section ------------------===========================-------------------------------------- 04 -->
<!-- starting of lower section ------------------------------------- last -->
<div class="r_lower_section">
<h2>Save ahead of tax season</h2>
<p>
Automatically set aside a portion of your earnings in custom envelopes
for taxes, holidays or savings.
</p>
<a href="">Try Bonsai Cash</a>
<div class="lower_section_img">
<img src="./assets/image/image_07.png" alt="" />
<img src="./assets/image/image_08.png" alt="" />
<img src="./assets/image/image_09.png" alt="" />
</div>
</div>
<!-- ending of section lower section ------------------------------------- last -->
<div class="empty_div"></div>
</main>
<!-- ------------------------------------*************** The End *****************---------------------------------- -->
<footer id="footer"></footer>
</body>
</html>
<script type="module">
import navbar from "./components/navbar.js"
document.querySelector("header").innerHTML = navbar();
import footer from "../components/footer.js";
document.querySelector("footer").innerHTML = footer();
</script>