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.
Instant access
Commercial use
Money‑backBy purchasing this prompt, you agree to our terms of service
3
Favorites
55
Views
GPT-3.5-TURBO
🕋 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
Added over 1 month ago
