This commit is contained in:
Flatlogic Bot 2025-12-01 22:38:36 +00:00
parent 8b11bcf8e1
commit 9b16e60a4f
48 changed files with 1779 additions and 6 deletions

BIN
assets/images/Marketing.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 556 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 713 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 947 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 92 KiB

After

Width:  |  Height:  |  Size: 947 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 360 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 270 KiB

106
change_password.php Normal file
View File

@ -0,0 +1,106 @@
<?php
require_once 'admin/config.php';
require_login();
$error = '';
$success = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$current_password = $_POST['current_password'];
$new_password = $_POST['new_password'];
$confirm_password = $_POST['confirm_password'];
if (empty($current_password) || empty($new_password) || empty($confirm_password)) {
$error = 'All fields are required.';
} elseif (!password_verify($current_password, ADMIN_PASSWORD)) {
$error = 'Incorrect current password.';
} elseif ($new_password !== $confirm_password) {
$error = 'New password and confirmation do not match.';
} else {
$config_file = 'admin/config.php';
$config_content = file_get_contents($config_file);
$new_hash = password_hash($new_password, PASSWORD_DEFAULT);
$new_config_content = preg_replace(
'/define\(\'ADMIN_PASSWORD\',\s*\'.*\'\);/',
"define('ADMIN_PASSWORD', '" . $new_hash . "');",
$config_content
);
if (file_put_contents($config_file, $new_config_content)) {
$success = 'Password changed successfully.';
} else {
$error = 'Failed to update password. Please check file permissions.';
}
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Change Password - Admin</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/admin.css">
</head>
<body>
<div class="wrapper">
<!-- Sidebar -->
<nav id="sidebar">
<div class="sidebar-header">
<h3>Admin Panel</h3>
</div>
<ul class="list-unstyled components">
<li>
<a href="admin.php">Templates</a>
</li>
<li>
<a href="editor_13d84da0257b8680.php">Editor</a>
</li>
<li class="active">
<a href="change_password.php">Change Password</a>
</li>
<li>
<a href="edit_file.php?file=editor_13d84da0257b8680.php">Edit Editor Page</a>
</li>
<li>
<a href="logout.php">Logout</a>
</li>
</ul>
</nav>
<!-- Page Content -->
<div id="content">
<h1 class="page-title">Change Password</h1>
<div class="card">
<div class="card-body">
<?php if ($error): ?>
<div class="alert alert-danger"><?php echo $error; ?></div>
<?php endif; ?>
<?php if ($success): ?>
<div class="alert alert-success"><?php echo $success; ?></div>
<?php endif; ?>
<form action="change_password.php" method="post">
<div class="mb-3">
<label for="current_password" class="form-label">Current Password</label>
<input type="password" class="form-control" id="current_password" name="current_password" required>
</div>
<div class="mb-3">
<label for="new_password" class="form-label">New Password</label>
<input type="password" class="form-control" id="new_password" name="new_password" required>
</div>
<div class="mb-3">
<label for="confirm_password" class="form-label">Confirm New Password</label>
<input type="password" class="form-control" id="confirm_password" name="confirm_password" required>
</div>
<button type="submit" class="btn btn-primary">Change Password</button>
</form>
</div>
</div>
</div>
</div>
</body>
</html>

94
edit_file.php Normal file
View File

@ -0,0 +1,94 @@
<?php
require_once 'admin/config.php';
require_login();
$error = '';
$success = '';
$file_path = isset($_GET['file']) ? $_GET['file'] : '';
if (empty($file_path)) {
header('Location: admin.php');
exit;
}
// Security check: Ensure the path is within the project root and does not contain '..'
$real_path = realpath($file_path);
if ($real_path === false || strpos($real_path, realpath(__DIR__)) !== 0) {
die('Invalid file path.');
}
if (!file_exists($file_path)) {
die('File not found.');
}
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$file_content = isset($_POST['file_content']) ? $_POST['file_content'] : '';
if (empty($file_content)) {
$error = 'File content cannot be empty.';
} else {
if (file_put_contents($file_path, $file_content)) {
$success = 'File updated successfully.';
} else {
$error = 'Failed to write updated file.';
}
}
} else {
$file_content = file_get_contents($file_path);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Edit File</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/admin.css">
</head>
<body>
<div class="wrapper">
<!-- Sidebar -->
<nav id="sidebar">
<div class="sidebar-header">
<h3>Admin Panel</h3>
</div>
<ul class="list-unstyled components">
<li>
<a href="admin.php">Templates</a>
</li>
<li>
<a href="logout.php">Logout</a>
</li>
</ul>
</nav>
<!-- Page Content -->
<div id="content">
<h1 class="page-title">Edit File: <?php echo htmlspecialchars(basename($file_path)); ?></h1>
<?php if ($error): ?>
<div class="alert alert-danger"><?php echo $error; ?></div>
<?php endif; ?>
<?php if ($success): ?>
<div class="alert alert-success"><?php echo $success; ?></div>
<?php endif; ?>
<div class="card">
<div class="card-body">
<form method="POST">
<div class="mb-3">
<label for="file_content" class="form-label">File Content</label>
<textarea class="form-control" id="file_content" name="file_content" rows="20" required><?php echo htmlspecialchars($file_content); ?></textarea>
</div>
<button type="submit" class="btn btn-primary">Update File</button>
<a href="admin.php" class="btn btn-secondary">Cancel</a>
</form>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,169 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Minimalist Modern Title</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; }
/* assets/css/custom.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
:root {
--primary-color: #007bff; /* A vibrant blue */
--primary-hover: #0056b3;
--background-color: #fdfdfd; /* A very light, almost white grey */
--card-bg-color: #ffffff;
--text-color: #333;
--text-light: #666;
--border-color: #eef2f7;
--shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
--border-radius: 12px;
}
body {
font-family: 'Poppins', sans-serif;
background-color: var(--background-color);
color: var(--text-color);
}
a {
color: var(--primary-color);
}
a:hover {
color: var(--primary-hover);
}
.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
transition: all 0.3s ease;
}
.btn-primary:hover {
background-color: var(--primary-hover);
border-color: var(--primary-hover);
transform: translateY(-2px);
}
.btn-success {
background-color: #28a745;
border-color: #28a745;
}
.btn-success:hover {
background-color: #218838;
border-color: #1e7e34;
}
header.bg-white {
background-color: var(--card-bg-color) !important;
border-bottom-color: var(--border-color) !important;
}
header .fs-4 {
font-weight: 600;
}
#gallery-section .display-5 {
font-weight: 700;
}
#gallery-section .card {
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
box-shadow: none;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#gallery-section .card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow);
}
#gallery-section .card-img-top {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
}
#gallery-section .card-title {
font-weight: 600;
}
#gallery-section .card-footer {
background-color: transparent;
}
#preview-section {
padding-top: 4rem;
padding-bottom: 4rem;
}
.preview-container {
max-width: 960px;
margin: auto;
background: var(--card-bg-color);
padding: 3rem;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
border: 1px solid var(--border-color);
}
.preview-container img {
border-radius: var(--border-radius);
}
#editor-section {
background-color: #f8f9fa; /* A slightly darker grey for contrast */
}
#editor-section h2 {
font-weight: 600;
}
.form-control, .form-select {
border-radius: 8px;
border-color: var(--border-color);
}
.form-control:focus {
box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
border-color: var(--primary-color);
}
footer.bg-light {
background-color: var(--card-bg-color) !important;
border-top-color: var(--border-color) !important;
}
</style>
</head>
<body>
<main>
<section class="py-5">
<div class="container preview-container">
<div class="row align-items-center">
<div class="col-md-6">
<img id="previewImage" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
</div>
</div>
</div>
</section>
</main>
<footer class="text-center py-3 bg-light">
<p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
</footer>
</body>
</html>

View File

@ -0,0 +1,8 @@
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row justify-content-center text-center">
<div class="col-lg-8">
<img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;w=1260&amp;amp;h=750&amp;amp;dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-4 fw-bold">Classic Serif Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
<div data-editable="cta" data-id="cta" data-label="Call to Action" data-content="{&amp;quot;type&amp;quot;:&amp;quot;button&amp;quot;,&amp;quot;text&amp;quot;:&amp;quot;Learn More&amp;quot;,&amp;quot;url&amp;quot;:&amp;quot;https:\/\/cdn1.sharemyimage.com\/smi\/2025\/12\/01\/Comic-Suit-Shot.jpg&amp;quot;,&amp;quot;style&amp;quot;:&amp;quot;btn-primary&amp;quot;,&amp;quot;color&amp;quot;:&amp;quot;#ff0000&amp;quot;,&amp;quot;code&amp;quot;:&amp;quot;no\n&amp;quot;}"><a href="https://cdn1.sharemyimage.com/smi/2025/12/01/Comic-Suit-Shot.jpg" class="btn btn-primary" style="background-color: #ff0000; border-color: #ff0000;">Learn More</a></div>
</div>
</div></a>

View File

@ -0,0 +1,62 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Template 4</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="shortcut icon">
<meta property="og:image" content="">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="gjs-row" id="iqu61">
<div class="gjs-cell" id="i19it" style="text-align: center; padding: 20px;">
<h1 data-editable="text" data-id="main-title" data-label="Main Title" class="ingc-h1" style="font-size: 2.5em; font-weight: bold;">Your eBook Title Here</h1>
</div>
</div>
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto flex flex-wrap">
<div class="lg:w-1/2 w-full mb-10 lg:mb-0 rounded-lg overflow-hidden">
<img data-editable="image" data-id="main-image" data-label="Main Image" alt="feature" src="https://adfasdf.doo.ee/Webinar.jpg" class="object-cover object-center h-full w-full">
</div>
<div class="flex flex-col flex-wrap lg:py-6 -mb-10 lg:w-1/2 lg:pl-12 lg:text-left text-center">
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 data-editable="text" data-id="feature-1-title" data-label="Feature 1 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Shooting Stars</h2>
<p data-editable="text" data-id="feature-1-desc" data-label="Feature 1 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
</div>
</div>
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 data-editable="text" data-id="feature-2-title" data-label="Feature 2 Title" class="text-gray-900 text-lg title-font font-medium mb-3">The Catalyzer</h2>
<p data-editable="text" data-id="feature-2-desc" data-label="Feature 2 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
</div>
</div>
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 data-editable="text" data-id="feature-3-title" data-label="Feature 3 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Neptune</h2>
<p data-editable="text" data-id="feature-3-desc" data-label="Feature 3 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
</div>
</div>
<div data-editable="cta" data-id="cta-button" data-label="Call to Action" class="flex flex-col mb-10 lg:items-start items-center" style="margin-top: 2.5rem;" data-content="{&amp;quot;type&amp;quot;:&amp;quot;button&amp;quot;,&amp;quot;text&amp;quot;:&amp;quot;Learn More&amp;quot;,&amp;quot;url&amp;quot;:&amp;quot;https:\/\/cdn1.sharemyimage.com\/smi\/2025\/12\/01\/Comic-Suit-Shot.jpg&amp;quot;,&amp;quot;style&amp;quot;:&amp;quot;btn-primary&amp;quot;,&amp;quot;color&amp;quot;:&amp;quot;#ffffff&amp;quot;}"><a href="https://cdn1.sharemyimage.com/smi/2025/12/01/Comic-Suit-Shot.jpg" class="btn btn-primary" style="background-color: #ffffff; border-color: #ffffff;">Learn More</a></div>
</div>
</div>
</section>
</body>
</html>

View File

@ -0,0 +1,91 @@
<!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">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Template 4</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="shortcut icon">
<meta property="og:image" content="">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="gjs-row" id="iqu61">
<div class="gjs-cell" id="i19it" style="text-align: center; padding: 20px;">
<h1 data-editable="text" data-id="main-title" data-label="Main Title" class="ingc-h1" style="font-size: 2.5em; font-weight: bold;">Your eBook Title Here</h1>
</div>
</div>
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto flex flex-wrap">
<div class="lg:w-1/2 w-full mb-10 lg:mb-0 rounded-lg overflow-hidden">
<img data-editable="image" data-id="main-image" data-label="Main Image" alt="feature" src="https://adfasdf.doo.ee/Webinar.jpg" class="object-cover object-center h-full w-full">
</div>
<div class="flex flex-col flex-wrap lg:py-6 -mb-10 lg:w-1/2 lg:pl-12 lg:text-left text-center">
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 data-editable="text" data-id="feature-1-title" data-label="Feature 1 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Shooting Stars</h2>
<p data-editable="text" data-id="feature-1-desc" data-label="Feature 1 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
</div>
</div>
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 data-editable="text" data-id="feature-2-title" data-label="Feature 2 Title" class="text-gray-900 text-lg title-font font-medium mb-3">The Catalyzer</h2>
<p data-editable="text" data-id="feature-2-desc" data-label="Feature 2 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
</div>
</div>
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 data-editable="text" data-id="feature-3-title" data-label="Feature 3 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Neptune</h2>
<p data-editable="text" data-id="feature-3-desc" data-label="Feature 3 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
</div>
</div>
<div data-editable="cta" data-id="cta-button" data-label="Call to Action" class="flex flex-col mb-10 lg:items-start items-center" style="margin-top: 2.5rem;" data-content="{&amp;quot;type&amp;quot;:&amp;quot;button&amp;quot;,&amp;quot;text&amp;quot;:&amp;quot;Learn More&amp;quot;,&amp;quot;url&amp;quot;:&amp;quot;https:\/\/cdn1.sharemyimage.com\/smi\/2025\/12\/01\/Comic-Suit-Shot.jpg&amp;quot;,&amp;quot;style&amp;quot;:&amp;quot;btn-primary&amp;quot;,&amp;quot;color&amp;quot;:&amp;quot;#ffffff&amp;quot;,&amp;quot;code&amp;quot;:&amp;quot;https:\/\/cdn1.sharemyimage.com\/smi\/2025\/12\/01\/Comic-Suit-Shot.jpg&amp;quot;}"><a href="https://cdn1.sharemyimage.com/smi/2025/12/01/Comic-Suit-Shot.jpg" class="btn btn-primary" style="background-color: #ffffff; border-color: #ffffff;">Learn More</a></div>
</div>
</div>
</section>
</body>
</html>
</div>
</section>
</main>
<footer class="text-center py-3 bg-light">
<p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
</footer>
</body>
</html>

View File

@ -0,0 +1,92 @@
<!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">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Template 4</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="shortcut icon">
<meta property="og:image" content="">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="gjs-row" id="iqu61">
<div class="gjs-cell" id="i19it" style="text-align: center; padding: 20px;">
<h1 data-editable="text" data-id="main-title" data-label="Main Title" class="ingc-h1" style="font-size: 2.5em; font-weight: bold;">Your eBook Title Here</h1>
</div>
</div>
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto flex flex-wrap">
<div class="lg:w-1/2 w-full mb-10 lg:mb-0 rounded-lg overflow-hidden">
<img data-editable="image" data-id="main-image" data-label="Main Image" alt="feature" src="https://adfasdf.doo.ee/Webinar.jpg" class="object-cover object-center h-full w-full">
</div>
<div class="flex flex-col flex-wrap lg:py-6 -mb-10 lg:w-1/2 lg:pl-12 lg:text-left text-center">
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 data-editable="text" data-id="feature-1-title" data-label="Feature 1 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Shooting Stars</h2>
<p data-editable="text" data-id="feature-1-desc" data-label="Feature 1 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
</div>
</div>
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 data-editable="text" data-id="feature-2-title" data-label="Feature 2 Title" class="text-gray-900 text-lg title-font font-medium mb-3">The Catalyzer</h2>
<p data-editable="text" data-id="feature-2-desc" data-label="Feature 2 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
</div>
</div>
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 data-editable="text" data-id="feature-3-title" data-label="Feature 3 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Neptune</h2>
<p data-editable="text" data-id="feature-3-desc" data-label="Feature 3 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
</div>
</div>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="flex flex-col mb-10 lg:items-start items-center" style="margin-top: 2.5rem;"></div>
<a href="#" data-editable="button" data-id="cta-button" data-label="Call to Action Button" class="text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg">Get the eBook</a>
</div>
</div>
</section>
</body>
</html>
</div>
</section>
</main>
<footer class="text-center py-3 bg-light">
<p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
</footer>
</body>
</html>

View File

@ -0,0 +1,40 @@
<!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&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;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 &amp; 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">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
</footer>
</body>
</html>

View File

@ -0,0 +1,40 @@
<!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&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;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 &amp; 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">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
</footer>
</body>
</html>

View File

@ -0,0 +1,40 @@
<!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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern 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">Download Now</a>
</div>
</div></a>
</div>
</section>
</main>
<footer class="text-center py-3 bg-light">
<p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
</footer>
</body>
</html>

View File

@ -0,0 +1,40 @@
<!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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern 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">Download Now</a>
</div>
</div></a>
</div>
</section>
</main>
<footer class="text-center py-3 bg-light">
<p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
</footer>
</body>
</html>

View File

@ -0,0 +1,40 @@
<!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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern 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">Download Now</a>
</div>
</div></a>
</div>
</section>
</main>
<footer class="text-center py-3 bg-light">
<p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
</footer>
</body>
</html>

View File

@ -0,0 +1,11 @@
<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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
<a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=5#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Now</a>
</div>
</div></a>

View File

@ -0,0 +1,11 @@
<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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
<a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=5#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Now</a>
</div>
</div></a>

View File

@ -0,0 +1,11 @@
<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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template. Shane</p>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
<a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=5#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Now</a>
</div>
</div></a>

View File

@ -0,0 +1,11 @@
<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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title Shane </h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4" style="display: none;"></div>
<a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=1#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: rgb(255, 255, 255);background-color: rgb(0, 123, 255);border-radius: 5px;">Download Now Shane</a>
</div>
</div></a>

View File

@ -0,0 +1,11 @@
<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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title Shane </h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4" style="display: none;"></div>
<a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=1#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: rgb(255, 255, 255);background-color: rgb(0, 123, 255);border-radius: 5px;">Download Now Shane</a>
</div>
</div></a>

View File

@ -0,0 +1,11 @@
<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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title Shane </h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
<a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=1#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: rgb(255, 255, 255);background-color: rgb(0, 123, 255);border-radius: 5px;">Download Now Shane</a>
</div>
</div></a>

View File

@ -0,0 +1,11 @@
<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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title Shane </h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
<a href="https://cdn1.sharemyimage.com/smi/2025/12/01/Comic-Suit-Shot.jpg" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: rgb(255, 255, 255);background-color: rgb(0, 123, 255);border-radius: 5px;">Download Now Shane</a>
</div>
</div></a>

View File

@ -0,0 +1,11 @@
<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&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;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 &amp; 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="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=2#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Get Your Copy</a>
</div>
</div></a>

View File

@ -0,0 +1,11 @@
<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&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;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 &amp; 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" style="display: none;"></div>
<a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=2#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: none;">Get Your Copy</a>
</div>
</div></a>

View File

@ -0,0 +1,9 @@
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row justify-content-center text-center">
<div class="col-lg-8">
<img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-4 fw-bold">Classic Serif Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
<a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=3#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Free</a>
</div>
</div></a>

View File

@ -0,0 +1,9 @@
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row justify-content-center text-center">
<div class="col-lg-8">
<img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-4 fw-bold">Classic Serif Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
<a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=3#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Free</a>
</div>
</div></a>

View File

@ -0,0 +1,9 @@
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row justify-content-center text-center">
<div class="col-lg-8">
<img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-4 fw-bold">Classic Serif Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
<a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=3#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Free</a>
</div>
</div></a>

View File

@ -0,0 +1,9 @@
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row justify-content-center text-center">
<div class="col-lg-8">
<img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-4 fw-bold">Classic Serif Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
<a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=3#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Free</a>
</div>
</div></a>

View File

@ -0,0 +1,9 @@
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row justify-content-center text-center">
<div class="col-lg-8">
<img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-4 fw-bold">Classic Serif Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</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">Download Free</a>
</div>
</div></a>

View File

@ -0,0 +1,11 @@
<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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern 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">Download Now</a>
</div>
</div></a>

View File

@ -0,0 +1,11 @@
<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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern 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">Download Now</a>
</div>
</div></a>

View File

@ -0,0 +1,11 @@
<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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern 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">Download Now</a>
</div>
</div></a>

View File

@ -0,0 +1,11 @@
<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">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern 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">Download Now</a>
</div>
</div></a>

View File

@ -0,0 +1,169 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Minimalist Modern Title</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; }
/* assets/css/custom.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
:root {
--primary-color: #007bff; /* A vibrant blue */
--primary-hover: #0056b3;
--background-color: #fdfdfd; /* A very light, almost white grey */
--card-bg-color: #ffffff;
--text-color: #333;
--text-light: #666;
--border-color: #eef2f7;
--shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
--border-radius: 12px;
}
body {
font-family: 'Poppins', sans-serif;
background-color: var(--background-color);
color: var(--text-color);
}
a {
color: var(--primary-color);
}
a:hover {
color: var(--primary-hover);
}
.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
transition: all 0.3s ease;
}
.btn-primary:hover {
background-color: var(--primary-hover);
border-color: var(--primary-hover);
transform: translateY(-2px);
}
.btn-success {
background-color: #28a745;
border-color: #28a745;
}
.btn-success:hover {
background-color: #218838;
border-color: #1e7e34;
}
header.bg-white {
background-color: var(--card-bg-color) !important;
border-bottom-color: var(--border-color) !important;
}
header .fs-4 {
font-weight: 600;
}
#gallery-section .display-5 {
font-weight: 700;
}
#gallery-section .card {
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
box-shadow: none;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#gallery-section .card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow);
}
#gallery-section .card-img-top {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
}
#gallery-section .card-title {
font-weight: 600;
}
#gallery-section .card-footer {
background-color: transparent;
}
#preview-section {
padding-top: 4rem;
padding-bottom: 4rem;
}
.preview-container {
max-width: 960px;
margin: auto;
background: var(--card-bg-color);
padding: 3rem;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
border: 1px solid var(--border-color);
}
.preview-container img {
border-radius: var(--border-radius);
}
#editor-section {
background-color: #f8f9fa; /* A slightly darker grey for contrast */
}
#editor-section h2 {
font-weight: 600;
}
.form-control, .form-select {
border-radius: 8px;
border-color: var(--border-color);
}
.form-control:focus {
box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
border-color: var(--primary-color);
}
footer.bg-light {
background-color: var(--card-bg-color) !important;
border-top-color: var(--border-color) !important;
}
</style>
</head>
<body>
<main>
<section class="py-5">
<div class="container preview-container">
<div class="row align-items-center">
<div class="col-md-6">
<img id="previewImage" src="https://images.pexels.com/photos/1907785/pexels-photo-1907785.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
</div>
</div>
</div>
</section>
</main>
<footer class="text-center py-3 bg-light">
<p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
</footer>
</body>
</html>

View File

@ -0,0 +1,169 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Minimalist Modern Title</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; }
/* assets/css/custom.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
:root {
--primary-color: #007bff; /* A vibrant blue */
--primary-hover: #0056b3;
--background-color: #fdfdfd; /* A very light, almost white grey */
--card-bg-color: #ffffff;
--text-color: #333;
--text-light: #666;
--border-color: #eef2f7;
--shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
--border-radius: 12px;
}
body {
font-family: 'Poppins', sans-serif;
background-color: var(--background-color);
color: var(--text-color);
}
a {
color: var(--primary-color);
}
a:hover {
color: var(--primary-hover);
}
.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
transition: all 0.3s ease;
}
.btn-primary:hover {
background-color: var(--primary-hover);
border-color: var(--primary-hover);
transform: translateY(-2px);
}
.btn-success {
background-color: #28a745;
border-color: #28a745;
}
.btn-success:hover {
background-color: #218838;
border-color: #1e7e34;
}
header.bg-white {
background-color: var(--card-bg-color) !important;
border-bottom-color: var(--border-color) !important;
}
header .fs-4 {
font-weight: 600;
}
#gallery-section .display-5 {
font-weight: 700;
}
#gallery-section .card {
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
box-shadow: none;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#gallery-section .card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow);
}
#gallery-section .card-img-top {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
}
#gallery-section .card-title {
font-weight: 600;
}
#gallery-section .card-footer {
background-color: transparent;
}
#preview-section {
padding-top: 4rem;
padding-bottom: 4rem;
}
.preview-container {
max-width: 960px;
margin: auto;
background: var(--card-bg-color);
padding: 3rem;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
border: 1px solid var(--border-color);
}
.preview-container img {
border-radius: var(--border-radius);
}
#editor-section {
background-color: #f8f9fa; /* A slightly darker grey for contrast */
}
#editor-section h2 {
font-weight: 600;
}
.form-control, .form-select {
border-radius: 8px;
border-color: var(--border-color);
}
.form-control:focus {
box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
border-color: var(--primary-color);
}
footer.bg-light {
background-color: var(--card-bg-color) !important;
border-top-color: var(--border-color) !important;
}
</style>
</head>
<body>
<main>
<section class="py-5">
<div class="container preview-container">
<div class="row align-items-center">
<div class="col-md-6">
<img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Social-Media-eBook.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
</div>
</div>
</div>
</section>
</main>
<footer class="text-center py-3 bg-light">
<p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
</footer>
</body>
</html>

View File

@ -0,0 +1,169 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Bold &amp; Blue Title</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; }
/* assets/css/custom.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
:root {
--primary-color: #007bff; /* A vibrant blue */
--primary-hover: #0056b3;
--background-color: #fdfdfd; /* A very light, almost white grey */
--card-bg-color: #ffffff;
--text-color: #333;
--text-light: #666;
--border-color: #eef2f7;
--shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
--border-radius: 12px;
}
body {
font-family: 'Poppins', sans-serif;
background-color: var(--background-color);
color: var(--text-color);
}
a {
color: var(--primary-color);
}
a:hover {
color: var(--primary-hover);
}
.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
transition: all 0.3s ease;
}
.btn-primary:hover {
background-color: var(--primary-hover);
border-color: var(--primary-hover);
transform: translateY(-2px);
}
.btn-success {
background-color: #28a745;
border-color: #28a745;
}
.btn-success:hover {
background-color: #218838;
border-color: #1e7e34;
}
header.bg-white {
background-color: var(--card-bg-color) !important;
border-bottom-color: var(--border-color) !important;
}
header .fs-4 {
font-weight: 600;
}
#gallery-section .display-5 {
font-weight: 700;
}
#gallery-section .card {
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
box-shadow: none;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#gallery-section .card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow);
}
#gallery-section .card-img-top {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
}
#gallery-section .card-title {
font-weight: 600;
}
#gallery-section .card-footer {
background-color: transparent;
}
#preview-section {
padding-top: 4rem;
padding-bottom: 4rem;
}
.preview-container {
max-width: 960px;
margin: auto;
background: var(--card-bg-color);
padding: 3rem;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
border: 1px solid var(--border-color);
}
.preview-container img {
border-radius: var(--border-radius);
}
#editor-section {
background-color: #f8f9fa; /* A slightly darker grey for contrast */
}
#editor-section h2 {
font-weight: 600;
}
.form-control, .form-select {
border-radius: 8px;
border-color: var(--border-color);
}
.form-control:focus {
box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
border-color: var(--primary-color);
}
footer.bg-light {
background-color: var(--card-bg-color) !important;
border-top-color: var(--border-color) !important;
}
</style>
</head>
<body>
<main>
<section class="py-5">
<div class="container preview-container">
<div class="row align-items-center">
<div class="col-md-6 order-md-2">
<img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Marketing.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6 order-md-1">
<h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Bold &amp; Blue Title</h1>
<p id="previewDescription" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
</div>
</div>
</div>
</section>
</main>
<footer class="text-center py-3 bg-light">
<p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
</footer>
</body>
</html>

View File

@ -0,0 +1,169 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Bold &amp; Blue Title</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; }
/* assets/css/custom.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
:root {
--primary-color: #007bff; /* A vibrant blue */
--primary-hover: #0056b3;
--background-color: #fdfdfd; /* A very light, almost white grey */
--card-bg-color: #ffffff;
--text-color: #333;
--text-light: #666;
--border-color: #eef2f7;
--shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
--border-radius: 12px;
}
body {
font-family: 'Poppins', sans-serif;
background-color: var(--background-color);
color: var(--text-color);
}
a {
color: var(--primary-color);
}
a:hover {
color: var(--primary-hover);
}
.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
transition: all 0.3s ease;
}
.btn-primary:hover {
background-color: var(--primary-hover);
border-color: var(--primary-hover);
transform: translateY(-2px);
}
.btn-success {
background-color: #28a745;
border-color: #28a745;
}
.btn-success:hover {
background-color: #218838;
border-color: #1e7e34;
}
header.bg-white {
background-color: var(--card-bg-color) !important;
border-bottom-color: var(--border-color) !important;
}
header .fs-4 {
font-weight: 600;
}
#gallery-section .display-5 {
font-weight: 700;
}
#gallery-section .card {
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
box-shadow: none;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#gallery-section .card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow);
}
#gallery-section .card-img-top {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
}
#gallery-section .card-title {
font-weight: 600;
}
#gallery-section .card-footer {
background-color: transparent;
}
#preview-section {
padding-top: 4rem;
padding-bottom: 4rem;
}
.preview-container {
max-width: 960px;
margin: auto;
background: var(--card-bg-color);
padding: 3rem;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
border: 1px solid var(--border-color);
}
.preview-container img {
border-radius: var(--border-radius);
}
#editor-section {
background-color: #f8f9fa; /* A slightly darker grey for contrast */
}
#editor-section h2 {
font-weight: 600;
}
.form-control, .form-select {
border-radius: 8px;
border-color: var(--border-color);
}
.form-control:focus {
box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
border-color: var(--primary-color);
}
footer.bg-light {
background-color: var(--card-bg-color) !important;
border-top-color: var(--border-color) !important;
}
</style>
</head>
<body>
<main>
<section class="py-5">
<div class="container preview-container">
<div class="row align-items-center">
<div class="col-md-6 order-md-2">
<img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Marketing.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6 order-md-1">
<h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Bold &amp; Blue Title</h1>
<p id="previewDescription" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
<div id="previewCtaContainer"><a href="https://shane.com" class="btn btn-primary btn-lg" role="button">Get It Now! Jennifer</a></div>
</div>
</div>
</div>
</section>
</main>
<footer class="text-center py-3 bg-light">
<p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
</footer>
</body>
</html>

63
templates/Template_4.html Normal file
View File

@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Template 4</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="shortcut icon">
<meta property="og:image" content="">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="gjs-row" id="iqu61">
<div class="gjs-cell" id="i19it" style="text-align: center; padding: 20px;">
<h1 data-editable="text" data-id="main-title" data-label="Main Title" class="ingc-h1" style="font-size: 2.5em; font-weight: bold;">Your eBook Title Here</h1>
</div>
</div>
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto flex flex-wrap">
<div class="lg:w-1/2 w-full mb-10 lg:mb-0 rounded-lg overflow-hidden">
<img data-editable="image" data-id="main-image" data-label="Main Image" alt="feature" src="https://adfasdf.doo.ee/Webinar.jpg" class="object-cover object-center h-full w-full" />
</div>
<div class="flex flex-col flex-wrap lg:py-6 -mb-10 lg:w-1/2 lg:pl-12 lg:text-left text-center">
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-6 h-6">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 data-editable="text" data-id="feature-1-title" data-label="Feature 1 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Shooting Stars</h2>
<p data-editable="text" data-id="feature-1-desc" data-label="Feature 1 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
</div>
</div>
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-6 h-6">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 data-editable="text" data-id="feature-2-title" data-label="Feature 2 Title" class="text-gray-900 text-lg title-font font-medium mb-3">The Catalyzer</h2>
<p data-editable="text" data-id="feature-2-desc" data-label="Feature 2 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
</div>
</div>
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-6 h-6">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 data-editable="text" data-id="feature-3-title" data-label="Feature 3 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Neptune</h2>
<p data-editable="text" data-id="feature-3-desc" data-label="Feature 3 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
</div>
</div>
<div data-editable="embed" data-id="embed" data-label="Embed Code" class="flex flex-col mb-10 lg:items-start items-center" style="margin-top: 2.5rem;"></div>
<a href="#" data-editable="button" data-id="cta-button" data-label="Call to Action Button" class="text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg">Get the eBook</a>
</div>
</div>
</section>
</body>
</html>

View File

@ -4,21 +4,21 @@ $templates = [
'id' => 1,
'name' => 'Minimalist Modern',
'description' => 'A clean, modern design with a large feature image.',
'preview_image' => 'assets/images/templates/1.jpg',
'preview_image' => 'assets/images/Social-Media-eBook.png',
'file' => 'templates/template-1.html',
],
[
'id' => 2,
'name' => 'Bold & Blue',
'description' => 'A vibrant design with a prominent blue call-to-action.',
'preview_image' => 'assets/images/templates/2.jpg',
'preview_image' => 'assets/images/Marketing.png',
'file' => 'templates/template-2.html',
],
[
'id' => 3,
'name' => 'Classic Serif',
'description' => 'An elegant, text-focused design for a classic feel.',
'preview_image' => 'assets/images/templates/3.jpg',
'preview_image' => 'assets/images/Signals-of-Strain-eBook.png',
'file' => 'templates/template-3.html',
],
];

View File

@ -1,7 +1,7 @@
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates</a>
<div class="row align-items-center">
<div class="col-md-6">
<img id="previewImage" src="https://images.pexels.com/photos/1907785/pexels-photo-1907785.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
<img id="previewImage" src="assets/images/Social-Media-eBook.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>

View File

@ -1,7 +1,7 @@
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates</a>
<div class="row align-items-center">
<div class="col-md-6 order-md-2">
<img id="previewImage" 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">
<img id="previewImage" src="assets/images/Marketing.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6 order-md-1">
<h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Bold & Blue Title</h1>

View File

@ -1,7 +1,7 @@
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates</a>
<div class="row justify-content-center text-center">
<div class="col-lg-8">
<img id="previewImage" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
<img id="previewImage" src="assets/images/Signals-of-Strain-eBook.png" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
<h1 id="previewTitle" class="display-4 fw-bold">Classic Serif Title</h1>
<p id="previewDescription" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
<div id="previewCtaContainer">

12
templates/template-5.html Normal file
View File

@ -0,0 +1,12 @@
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates</a>
<div class="row align-items-center">
<div class="col-md-6">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern 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">Download Now</a>
</div>
</div>

12
templates/template-6.html Normal file
View File

@ -0,0 +1,12 @@
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates</a>
<div class="row align-items-center">
<div class="col-md-6">
<img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
</div>
<div class="col-md-6">
<h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
<p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern 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">Download Now</a>
</div>
</div>