---
# System prepended metadata

title: creating my first pricing page

---

# creating my first pricing page
#### **what is a pricing page?**
A pricing page is a webpage that displays the cost of products or services offered by a business. It is typically used by SaaS companies, e-commerce sites, and service providers to clearly communicate pricing plans, features, and value propositions to potential customers.
#### **why is a pricing page important?**
A pricing page is important because it directly impacts customer decisions and conversions. It helps potential customers understand the cost, value, and benefits of your product or service, making it a key part of your sales funnel. Below are other reasons : 
1. Increases Conversions 
1. Helps Customers Choose the Right Plan 
1. Builds Transparency & Trust
2. Boosts Revenue & Upsells
3. Improves User Experience (UX)
####  **what new things did you learn while on this project?**
* I learnt how to create a toggle button
* I learnt how to add dropdown to a nav bar
* I learnt how to make a webpage responsive
* my HTML & CSS was sharpned by this project

####  **Did i face any challenges ?**
I had a lot of challenges because this was the first time creating a pricing page with such features and i was stuck several times but i reached out to some of my colleagues and they put me through where necessary 
####  **How did you solve them**
*  I got materials from Google, youtube and even Chatgpt which were quite helpful
*  The website has some materials attached too
*  I asked my colleagues for help were necessary

#### Features of my website
The following are features of my website:
1. Hero section
2. Pricing plan section
3. responsive design
4. Hover effects
5. Foter section
### conclusion
Building the Bonsai pricing page with HTML and CSS was a valuable experience. It helped reinforce essential web develpoment skills, including structuring content, styling layouts, and creating responsive designs.


