📂 word-counter-tool-prompt.txt

Size: 2.53 KB

📄 File Preview:

Create a 100% working, professional, single-page tool website using HTML, CSS, and JavaScript only.  
The website name is: "Word Counter"

⚙️ Requirements:
1. The complete code must be written in **one single block** (no external files) so it can be directly pasted into **Blogger.com’s HTML theme editor**.
2. The website must include:
   - A professional header with logo/title and menu
   - Working light/dark mode toggle
   - Hero section with title, short description, and main call-to-action button
   - Functional tool section (depends on the tool name; example: if tool = “Greeting Messages Generator”, it should generate random greeting messages)
   - Green success push notification when the tool performs an action successfully
   - Ad placeholders using `<div class="ads-container"><div class="ad-unit">Replace with your Ad code</div></div>` (no dummy ads, just placeholders)
   - 4-section footer: About, Quick Links, Legal (Terms, Privacy Policy, Disclaimer), and Support/Contact
   - Working legal pages with visible content (no Lorem Ipsum) that open dynamically (same page or modal)
   - Fully responsive mobile-friendly layout

🧱 Design Style:
- Use modern gradients, rounded corners, and smooth shadows
- Follow professional color themes similar to tech tools
- Hero background should have gradient or wave effect
- Buttons and interactions must have smooth hover animations
- All UI text must be real, not dummy filler text

🚫 Restrictions:
- Do NOT include login, signup, pricing, or membership features.
- Do NOT add Lorem Ipsum or “demo” text.
- Do NOT link any external JS/CSS (no Bootstrap, jQuery, etc.)
- No CDN other than Font Awesome (for icons) if needed.

✅ Functionality:
- Light/Dark mode toggle must work using JavaScript and remember user’s choice with `localStorage`
- Menu navigation should switch between pages (`data-page` attributes)
- Push notification must display success message in top-right corner (auto hide)
- All buttons and links must function properly
- The site should be copy-paste ready and run perfectly in Blogger

📄 Pages to include:
- Home
- Tool page (main function area)
- About
- Features
- Privacy Policy
- Terms of Service
- Disclaimer
- Help / FAQ / Contact

💡 Output Instructions:
- Deliver the full HTML, CSS, and JavaScript code combined in one code block
- The website should load fully functional instantly after copy-paste into Blogger
- Include meaningful comments for easy editing
- Use the tool name (“Word Counter”) everywhere dynamically

⬇️ Download Now