-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (142 loc) · 7.68 KB
/
index.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 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>The #1 Freelance Product Suite - Bonsai</title>
<link rel="stylesheet" href="./Styles/navbar.css">
<link rel="stylesheet" href="./Styles/index.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>
<div id="part1">
<div class="back-box1"></div>
<div>
<h1>Everything you need to run your freelance business.</h1>
<h4>Bonsai’s all-in-one product suite with smart automation lets you focus on your passion, not your paperwork.</h4>
<div id="input">
<input type="email" placeholder="Enter your email">
<button>START FREE</button>
</div>
</div>
<div>
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/60dc499268d597166db997aa_bonsai_hero-opt-2.png" alt="">
</div>
</div>
<div id="part2">
<div class="back-box2"></div>
<h2>Make more, manage less</h2>
<p>Bonsai integrates and automates every step of your business so it runs seamlessly - from proposal to tax season.</p>
<div>
<div>
<h3>Without Bonsai</h3>
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e5fd7c602ca7c6c51feb665_ill_before_2n%20block.svg" alt="">
</div>
<div>
<h3>With Bonsai</h3>
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e5fd7c602ca7c9ed8feb675_ill_after_2nd%20block.svg" alt="">
</div>
</div>
</div>
<div id="part3">
<div class="back-box3"></div>
<div>
<div class="sections">
<div id="proposals">
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e63a671191f2adc6411e428_proposals%20icon%20-%20green.svg" alt="">
<h3>Proposals</h3>
</div>
<div id="contracts">
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e5fd7c602ca7ce5e2feb667_icon%202.svg" alt="">
<h3>Contracts</h3>
</div>
<div id="clientCrm">
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e63a76751beefc0cac1d2ee_projects.svg" width="7%" alt="">
<h3>Client CRM</h3>
</div>
<div id="timeTracking">
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e5fd7c602ca7c6fccfeb664_icon%204.svg" alt="">
<h3>Time Tracking</h3>
</div>
<div id="invoices">
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e5fd7c602ca7cc211feb68d_icon%205.svg" alt="">
<h3>Invoices</h3>
</div>
<div id="taskTracking">
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e5fd7c602ca7c852bfeb68c_icon%206.svg" alt="">
<h3>Task Tracking</h3>
</div>
<div id="taxes">
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e5fd7c602ca7cee21feb676_icon%207.svg" alt="">
<h3>Accounting & Taxes</h3>
</div>
<div id="forms">
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e72bbe6e8264bb7bbfe4820_dark-forms.svg" alt="">
<h3>Forms</h3>
</div>
</div>
<div id="append">
<h2>Win More Work</h2>
<p>With just a few clicks, you can craft structured proposals with clear estimates to close your deals faster.</p>
<p>EXPLORE PROPOSALS
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e5fd7c602ca7cb471feb668_green_arrow.svg" alt="" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
</p>
<img style="margin-left: 50px;" src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/6050acdd031b9f58db100f72_Graphic_Proposal-opt.png" width="80%" alt="">
</div>
</div>
</div>
<div id="part4">
<h2>Trusted by 500K+ self-employed workers and small businesses</h2>
<p>Whether you’re just getting started or your business is booming, Bonsai has you covered.</p>
</div>
<div id="part5">
<div>
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e5fd7c602ca7ca8ebfeb662_ill_Built%20for_4%20block.svg" alt="">
<p>Built for All Work Types</p>
<p>We proudly back people with wide-ranging businesses—from design and marketing to development, writing, and photography.</p>
</div>
<div>
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e5fd7c602ca7c967efeb661_ill_Global%20Support_4%20block.svg" alt="">
<p>Built for Global Businesses</p>
<p>Bonsai has international coverage across the United States, Canada, UK, Australia and more, with 180 currencies supported.</p>
</div>
</div>
<h2 class="afterPart5Heading">Don't just take it from us.</h2>
<div id="part6">
<div>
<div class="part6Img">
<div class="testimonial-image-1"></div>
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e5fd7c602ca7c29a9feb660_quote-icon.svg" alt="">
</div>
<p>"For all my Freelancer / Small Agency followers, I wish I’d discovered @bonsaiinc long ago - great templated contract"</p>
<p>David Mihm</p>
<p>Founder of TidingsCo</p>
</div>
<div>
<div class="part6Img">
<div class="testimonial-image-2"></div>
<img src="https://assets-global.website-files.com/58868bcd2ef4daaf0f072900/5e5fd7c602ca7c29a9feb660_quote-icon.svg" alt="">
</div>
<p>"@bonsaiinc is probably my all time favorite freelance tool. hands down. the team is super responsive and accessible when i have questions."</p>
<p>David Urbinati</p>
<p>Motion design / animation</p>
</div>
</div>
<div id="part7">
<h1>It’s <span style="color: #01B289;">your</span> business. <br>
We’re here to help it grow.</h1>
<button>START FREE</button>
</div>
</main>
<footer id="footer">
</footer>
</body>
</html>
<script src="./Scripts/index.js" type="module"></script>