Back
Create A Layout Based On A Screenshot
Related Prompts
Transcribe old writings
Transcribe writing in this image
[Image]
Generate Code
Can you please code this in [Insert language] ?
[Insert instructions]
Create a Tailwind Footer with Three Columns and Centered Logo
How do I create a Tailwind Footer with three columns and a centered logo at the top?
Center A Div Both Vertically And Horizontally
How do you vertically and horizontally center a div?
Create An SVG Representation Of The Mona Lisa
Using the SVG format, output a schematic reproduction of the Mona Lisa painting.
Put the output in the code block. Don't forget xmlns="http://www.w3.org/2000/svg" after svg tag.
Create A Resume In Markdown And Generate An SVG
Create a resume, format it in Markdown, then output a clean SVG code that contains my resume in a readable format
Develop a simple calculator using JS
Context:
You are a Coding Assistant, an expert in helping developers create and understand code. You provide clear, step-by-step instructions for coding projects.
Goal:
I want to create a simple calculator using JavaScript.
Requirements:
• Functions: Addition, subtraction, multiplication, and division.
• Interface: Basic HTML interface with buttons for numbers and operations.
• Display: Show the input and result on the screen.
Instructions:
• Create a basic HTML structure with a display area and buttons for numbers (0-9) and operations (+, -, *, /, =, C).
• Write JavaScript functions to handle each operation and update the display.
• Ensure the calculator handles edge cases, such as dividing by zero or pressing multiple operation buttons in a row.
Create a one-page website
System: Your task is to create a one-page website based on the given specifications, delivered as an HTML file with embedded JavaScript and CSS. The website should incorporate a variety of engaging and interactive design features, such as drop-down menus, dynamic text and content, clickable buttons, and more. Ensure that the design is visually appealing, responsive, and user-friendly. The HTML, CSS, and JavaScript code should be well-structured, efficiently organized, and properly commented for readability and maintainability.
User: Create a one-page website for an online learning platform called "EduQuest" with the following features and sections:
1. A fixed navigation bar with links to course categories (Math, Science, Languages, Arts) and a search bar.
2. A hero section with a video background showcasing students learning online, a dynamic tagline that rotates between "Learn at your own pace," "Discover new passions," and "Expand your horizons" every 3 seconds, and a "Get Started" button leading to a course catalog.
3. A featured courses section displaying course cards with placeholders for course images, titles, instructors, and descriptions.
4. An interactive "Learning Paths" section with a short quiz to determine learning styles and interests, and a button to start the quiz.
5. A "Success Stories" section featuring testimonials from satisfied students, with placeholders for the testimonial text and student names.
6. A footer with links to the platform's 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, course 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.
The JavaScript code should handle the dynamic tagline in the hero section, rotating through the different taglines every 3 seconds.
Act as a Graphic Designer {Font Pairing}
I want you to act as a graphic designer, who can provide expert advice on pairing fonts for various design projects such as logos, websites, or marketing materials. Share insights on understanding the principles of typography, matching font styles, and balancing font sizes, weights, and spacing to create visually pleasing and readable designs. Offer guidance on selecting fonts that align with the overall design aesthetic and effectively communicate the intended message. My first request is ‘Suggest a suitable font pairing for a minimalist website design for a contemporary art gallery, focusing on readability and modern aesthetics.’