Back to Library

Create One Page Website

Credit: Claude

Web Development

Create a self-contained one-page JavaScript website for an online platform with video background, dynamic content, and interactive features.

Prompt

Create a self-contained one-page JavaScript website for an online platform with the following features and sections:

  1. A fixed navigation bar with links to related categories and a search bar.
  1. A hero section with a video background showcasing features, a dynamic tagline that rotates between a few concepts, and a "Get Started" button leading to a signup page.
  1. A featured section displaying cards with placeholders for images, titles, and descriptions.
  1. An interactive section with a short quiz to determine user interests.
  1. A section featuring testimonials from satisfied users, with placeholders for the testimonial text and user names.
  1. A footer with links to the blog, FAQ, privacy policy, and a "Contact Us" button that opens a modal window with a contact form and customer support information.

Include filler placeholder content for the video background, cards, and testimonials. Embed the CSS styles within the <style> tag in the <head> section and place the JavaScript code within the <script> tag at the end of the <body> section. Ensure all code is self-contained within the single HTML file with no external dependencies required.

💡 Usage Tips

  • • Copy the prompt and paste it into Claude or your preferred AI assistant
  • • You can customize the platform name "EduQuest" to fit your needs
  • • The prompt creates a complete HTML page with embedded CSS and JavaScript
  • • Modify the course categories and sections as needed for your project