PromptBase
🤖 GPT
Canva Pro offers extensive templates, design elements, and advanced features for creating professional, visually stunning content effortlessly.
...more
$2.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
Related item
Prompt Details
Model
Chat - GPT-4o mini (gpt-4o-mini)
Token size
132 ($0.00026 / call)
Example input
[Tool name]: Canva Pro
Example output
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Design Tool Prototype</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.header {
background-color: #333;
color: white;
padding: 10px;
text-align: center;
}
.sidebar {
width: 250px;
float: left;
background-color: #f4f4f4;
padding: 15px;
height: 100vh;
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}
.main-content {
margin-left: 250px;
padding: 20px;
}
.button {
display: inline-block;
padding: 10px 20px;
margin: 10px 0;
background-color: #007bff;
color: white;
text-align: center;
border-radius: 5px;
text-decoration: none;
}
.templates, .stock-photos, .fonts, .elements {
margin-bottom: 20px;
}
.templates img, .stock-photos img, .fonts img, .elements img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="header">
<h1>Design Tool Prototype</h1>
</div>
<div class="sidebar">
<h2>Menu</h2>
<a href="#" class="button">Templates</a>
<a href="#" class="button">Stock Photos</a>
<a href="#" class="button">Fonts</a>
<a href="#" class="button">Graphic Elements</a>
<a href="#" class="button">Brand Kit</a>
<a href="#" class="button">Collaboration</a>
<a href="#" class="button">Premium Content</a>
<a href="#" class="button">Download</a>
<a href="#" class="button">Print Services</a>
</div>
<div class="main-content">
<h2>Welcome to the Design Tool</h2>
<p>Select an option from the menu to get started.</p>
<div class="templates">
<h3>Templates</h3>
<img src="template1.jpg" alt="Template 1">
<img src="template2.jpg" alt="Template 2">
</div>
<div class="stock-photos">
<h3>Stock Photos</h3>
<img src="photo1.jpg" alt="Stock Photo 1">
<img src="photo2.jpg" alt="Stock Photo 2">
</div>
<div class="fonts">
<h3>Fonts</h3>
<img src="font1.jpg" alt="Font 1">
<img src="font2.jpg" alt="Font 2">
</div>
<div class="elements">
<h3>Graphic Elements</h3>
<img src="element1.jpg" alt="Graphic Element 1">
<img src="element2.jpg" alt="Graphic Element 2">
</div>
</div>
</body>
</html>