40 lines
1.9 KiB
HTML
40 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Published Page</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<style>
|
|
body {
|
|
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
background-color: #F8F9FA;
|
|
color: #212529;
|
|
}
|
|
.preview-container { max-width: 960px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<section class="py-5">
|
|
<div class="container preview-container">
|
|
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
|
|
<div class="col-md-6 order-md-2">
|
|
<img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/2088205/pexels-photo-2088205.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
|
|
</div>
|
|
<div class="col-md-6 order-md-1">
|
|
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Bold & Blue Title</h1>
|
|
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
|
|
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
|
|
<a href="#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3">Get Your Copy</a>
|
|
</div>
|
|
</div></a>
|
|
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<footer class="text-center py-3 bg-light">
|
|
<p class="mb-0">© 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
|
|
</footer>
|
|
</body>
|
|
</html> |