🧩 TemplateBuilder — No-Code Website Builder

A beginner-friendly, no-code website builder that lets anyone create beautiful, responsive websites in minutes — no programming knowledge required.

---

🌐 Live Demo

Open index.html in your browser to get started.

---

📸 Preview

Home Page	Templates Page
Hero section with CTA	Browse all available templates

---

✨ Features

• 🎨 Multiple Ready-Made Templates — Business, Portfolio, Restaurant, Blog & Magazine, and more
• ✏️ Live Editor — Edit content in real time with an instant preview panel
• 📱 Mobile Responsive — All templates look great on any screen size
• 🚀 Zero Coding Required — Simple form-based editor for all customizations
• 🖼️ Image Upload Support — Upload your own logos, profile photos, and article images
• 🗂️ Category Management — Add/remove categories dynamically
• 👁️ Live Preview — See changes instantly as you type

---

📁 Project Structure

web-template/
│
├── index.html               # Main landing page
├── styles.css               # Landing page styles
├── about.html               # About Us page
├── templete.html            # Template selection page
├── templetestyles.css       # Template selection styles
│
├── businesstemp/
│   ├── index.html           # Business template editor
│   └── styles.css
│
├── portfoliotemp/
│   ├── index.html           # Portfolio template editor
│   ├── styles.css
│   └── script.js
│
├── restaurantfood/
│   ├── index.html           # Restaurant template editor
│   ├── styles.css
│   └── script.js
│
├── blog&Magazine/
│   ├── index.html           # Blog & Magazine template editor
│   ├── styles.css
│   └── script.js
│
└── educationcontent/
    ├── index.html           # Course/Education template editor
    └── styles.css

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/Sauravkolte/web-template.git
cd web-template

2. Open in Browser

Simply open index.html in any browser — no server or installation needed!

# Or use VS Code Live Server extension
# Right-click index.html → Open with Live Server

---

🗂️ Available Templates

Template	Description	Path
Business Pro	Corporate website with professional layout	businesstemp/
Creative Portfolio	Showcase for artists, designers, photographers	portfoliotemp/
Restaurant Menu	Food menu with categories and item cards	restaurantfood/
Blog & Magazine	Content-focused layout for writers	blog&Magazine/
Course Content	Education/learning platform layout	educationcontent/

---

🛠️ How It Works

1. Choose a Template — Browse the templates page and pick one
2. Customize Content — Use the left-panel editor to update text, images, and info
3. Preview Instantly — See live changes in the right preview panel
4. Copy & Use — Copy the generated code or export your site

---

💻 Technologies Used

• HTML5 — Structure and markup
• CSS3 — Styling and responsive design
• Vanilla JavaScript — Dynamic editing and live preview
• Font Awesome — Icons (cdnjs.cloudflare.com)
• Google Fonts — Typography (Inter font family)

---

📌 Pages Overview

index.html — Landing Page

• Hero section with tagline
• Featured templates grid
• "How It Works" 3-step section
• Footer with navigation

templete.html — Template Browser

• Grid of all available templates
• Preview images for each template
• Direct links to template editors

about.html — About Page

• Mission statement
• Feature highlights
• Who the builder helps

---

🤝 Contributing

Contributions are welcome! To contribute:

1. Fork the repository
2. Create a new branch: git checkout -b feature/your-feature
3. Commit your changes: git commit -m "Add your feature"
4. Push to the branch: git push origin feature/your-feature
5. Open a Pull Request

---

👨‍💻 Author

Saurav Kolte
GitHub: @Sauravkolte

---

⭐ If you found this project helpful, please give it a star on GitHub!