Artistry by [Your Name] - Commission Paintings & Appointments
About this app
Book appointments for commissioned paintings, request quotes, or join our email list for updates.
Artistry by [Your Name] - Commission Paintings & Appointments Welcome to Artistry by [Your Name] Schedule an Appointment Checkout Request a Quote Submit Request Join Our Email List Subscribe Visit our Store Shop Now
Related apps
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Artistry by [Your Name] - Commission Paintings & Appointments</title>
<meta name="description" content="Book appointments for commissioned paintings, request quotes, or join our email list for updates.">
<meta name="keywords" content="artist, commissions, painting, schedule appointments, submit photo, email list, art store">
<!-- Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" crossorigin="anonymous">
<script type="text/javascript">
try {
document.addEventListener("DOMContentLoaded", function() {
const appointmentForm = document.getElementById('appointmentForm');
const quoteForm = document.getElementById('quoteForm');
const emailForm = document.getElementById('emailForm');
appointmentForm.addEventListener('submit', function(e) {
e.preventDefault();
alert('Appointment scheduled! Please pay at our payment page.');
});
quoteForm.addEventListener('submit', function(e) {
e.preventDefault();
alert('Quote request submitted! We will contact you soon.');
});
emailForm.addEventListener('submit', function(e) {
e.preventDefault();
alert('Thanks for signing up for our email list!');
});
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(to right, #f8b500, #fceabb);
color: #333;
font-family: 'Arial', sans-serif;
}
h1 {
margin-bottom: 20px;
color: #d1561e;
}
.card {
transition: transform 0.2s;
border: none;
}
.card:hover {
transform: scale(1.05);
box-shadow: 0 8px 16px rgba(0,0,0,0.3);
}
.input-group {
margin-bottom: 15px;
}
footer {
margin-top: 50px;
text-align: center;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Welcome to Artistry by [Your Name]</h1>
<div class="row">
<div class="col-md-4">
<div class="card p-3">
<h3>Schedule an Appointment</h3>
<form id="appointmentForm">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Your Name" required>
</div>
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" required>
</div>
<button type="submit" class="btn btn-success">Checkout</button>
</form>
</div>
</div>
<div class="col-md-4">
<div class="card p-3">
<h3>Request a Quote</h3>
<form id="quoteForm">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Your Name" required>
</div>
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" required>
</div>
<div class="input-group mb-3">
<input type="file" class="form-control" accept="image/*" required>
</div>
<button type="submit" class="btn btn-info">Submit Request</button>
</form>
</div>
</div>
<div class="col-md-4">
<div class="card p-3">
<h3>Join Our Email List</h3>
<form id="emailForm">
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" required>
</div>
<button type="submit" class="btn btn-primary">Subscribe</button>
</form>
</div>
</div>
</div>
<footer>
<h4>Visit our Store</h4>
<a href="https://your-store-placeholder.com" class="btn btn-warning">Shop Now</a>
</footer>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!