PromptBase
🤖 GPT
🕋 Need a tool to create what you need?
(Java, C++, C#, JavaScript, PHP, Ruby, Swift, Kotlin, TypeScript, HTML/CSS, SQL).
🖥️ This is the best code generator.
- The tool that my team and I developed can create any code you need!
- This prompt: will create, solve and guide you through it.
🧐 Focus on creating innovative solutions for your business. Gain efficiency and productivity now! With just a few clicks!
...more
$3.99
After purchasing, you will gain access to the prompt file which you can use with GPT or the app builder. You'll receive 20 free generation credits with this purchase. By purchasing this prompt, you agree to our terms of service.
Over 1 month ago
Prompt Details
Model
Chat - GPT-3.5 (gpt-3.5-turbo)
Token size
181 ($0.00040 / call)
Example input
Create an advanced website / HTML code.
Example output
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
<style>
/* add some style to the page */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav a {
color: #fff;
text-decoration: none;
font-size: 18px;
}
main {
margin: 20px;
}
section {
margin-bottom: 50px;
}
h2 {
color: #333;
font-size: 28px;
margin-bottom: 20px;
}
p {
color: #555;
font-size: 18px;
line-height: 1.5;
}
footer {
background-color: #f2f2f2;
padding: 20px;
text-align: center;
font-size: 14px;
}
</style>
</head>
<body>
<header>
<h1>Welcome to My Website</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>Section 1</h2>
<p>This is the content of section 1</p>
</section>
<section>
<h2>Section 2</h2>
<p>This is the content of section 2</p>
</section>
</main>
<footer>
<p>© 2023 My Website. All Rights Reserved.</p>
</footer>
</body>
</html>
<!DOCTYPE html>: This is the document type declaration that tells the browser what type of document this is. In this case, it's an HTML5 document.
<html>: This is the opening tag for the HTML document.
<head>: This is the head section of the HTML document where you can include things like the page title, CSS styles, and scripts.
<title>My Website</title>: This is the title of the webpage that will be displayed in the browser tab.
</head>: This closes the head section.
<body>: This is the body section of the HTML document where you can include the main content of your webpage.
<header>: This is a section of the webpage that typically contains the logo, navigation links, and other important information.
<h1>Welcome to My Website</h1>: This is the main heading of the webpage.
<nav>: This is a navigation section that typically contains links to other pages or sections within the website.
<ul>: This creates an unordered list.
<li><a href="#">Home</a></li>: This creates a list item that is a link to the Home page.
<li><a href="#">About</a></li>: This creates a list item that is a link to the About page.
<li><a href="#">Contact</a></li>: This creates a list item that is a link to the Contact page.
</ul>: This closes the unordered list.
</nav>: This closes the navigation section.
</header>: This closes the header section.
<main>: This is the main content section of the webpage.
<section>: This creates a section within the main content.
<h2>Section 1</h2>: This is a sub-heading for Section 1.
<p>This is the content of section 1</p>: This is the main text content for Section 1.
</section>: This closes the Section 1 section.
<section>: This creates another section within the main content.
<h2>Section 2</h2>: This is a sub-heading for Section 2.
<p>This is the content of section 2</p>: This is the main text content for Section 2.
</section>: This closes the Section 2 section.
</main>: This closes the main content section.
<footer>: This is a section of the webpage that typically contains copyright information and other legal information.
<p>© 2023 My Website. All Rights Reserved.</p>: This is the copyright information for the website.
</footer>: This closes the footer section.
</body>: This closes the body section.
</html>: This closes the HTML document.