OXIESEC PANEL
- Current Dir:
/
/
var
/
www
/
cream
/
NLEditor
/
newsletter
/
21
Server IP: 139.59.38.164
Upload:
Create Dir:
Name
Size
Modified
Perms
📁
..
-
04/30/2025 06:15:46 AM
rwxr-xr-x
📄
bnewsletter_2.html
6.92 KB
04/30/2025 06:15:44 AM
rw-r--r--
📁
images21
-
04/30/2025 06:17:41 AM
rwxr-xr-x
📁
images_21
-
04/30/2025 06:17:41 AM
rwxr-xr-x
📄
index.php
6.72 KB
05/19/2025 10:07:22 AM
rw-r--r--
📄
new.html
6.52 KB
04/30/2025 06:15:44 AM
rw-r--r--
📄
newsletter_2.html
8.4 KB
04/30/2025 06:15:44 AM
rw-r--r--
Editing: newsletter_2.html
Close
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BNI Newsletter</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> </head> <body style="margin: 0; padding: 0; font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; color: #333; max-width:700px"> <div id="canvasArea"> <!-- Header Section --> <div class="" style="max-width: 800px;"> <div style="padding: 10px 20px; background-color: #ffffff;"> <div style="width: 100%; display: flex; justify-content: space-between;"> <div style="text-align: left;"> <div style="font-size: 14px; color: #333;"><p>From Name</p></div> <div style="border-bottom: 1px solid #ccc; margin: 5px 0;"></div> </div> <div style="text-align: right; font-size: 12px;"> <p>Date: DDMMYYYY</p> </div> </div> </div> <!-- BNI Logo Section --> <div style="padding: 10px 20px; background-color: #ffffff;"> <div style="width: 100%; display: flex; justify-content: space-between; align-items: center;"> <div style="width: 40%;"> <img src="https://knoblycream.com/Xpress/NLEditor/newsletter/21/images_21/header.jpg" alt="BNI Logo" style="max-width: 100%;"> </div> <div style="width: 60%; text-align: right; font-weight: bold;"> <span style="color: #000000;">NORTH WEST</span> <span style="color: #666;">BIRMINGHAM</span> <div style="font-size: 12px; font-weight: normal; font-style: italic; color: #666;"><p>the power of one</p></div> </div> </div> </div> <!-- Black Bar --> <div style="height: 20px; background-color: #000000; position: relative;"> <div style="position: absolute; top: 0; right: 0; height: 20px; width: 50%; background: linear-gradient(to right, #000000, #000000 70%, #ff0000 100%);"> </div> <div style="position: absolute; top: 10px; right: 40px; height: 2px; background-color: #ff0000; width: 150px;"> </div> </div> <!-- Speaker Section --> <div style="padding: 0; margin: 0;"> <div style="background-color: #e74c3c; color: white; padding: 10px 20px; font-weight: bold;"> <p>Speaker</p> </div> <div style="width: 100%; display: flex;"> <div style="padding: 10px; width: 40%; vertical-align: top;"> <img src="https://knoblycream.com/Xpress/NLEditor/newsletter/21/images_21/1.jpg" alt="Speaker Photo" style="max-width: 100%;"> </div> <div style="padding: 10px; width: 60%; vertical-align: top;"> <img src="https://knoblycream.com/Xpress/NLEditor/newsletter/21/images_21/2.jpg" alt="Network Graphic" style="max-width: 100%;"> </div> </div> <div style="padding: 0 10px 10px 10px;"> <div style="margin-bottom: 10px; font-size: 12px;"> <p><strong>Managing a business or a team can be a huge undertaking!</strong></p> </div> <div style="font-size: 12px; margin-bottom: 10px;"> <p>Whether you're a business owner, entrepreneur, managing a team in corporate, and work in a large corporation.</p> </div> <div style="margin-top: 20px;"> <a href="#" style="background-color: #e74c3c; color: white; padding: 5px 10px; text-decoration: none; font-size: 12px;">Read more</a> </div> </div> </div> <!-- Content Section 1 --> <div style="padding: 10px 20px; background-color: #ffffff;"> <div style="font-weight: bold; margin-bottom: 10px; color: #333; font-size: 14px;"><p>We believe in the power of content.</p></div> </div> <!-- Application Section --> <div style="padding: 0; margin: 0;"> <div style="background-color: #e74c3c; color: white; padding: 10px 20px; font-weight: bold;"> <p>Application owner</p> </div> <div style="width: 100%; display: flex;"> <div style="padding: 10px; width: 40%; vertical-align: top;"> <img src="https://knoblycream.com/Xpress/NLEditor/newsletter/21/images_21/3.jpg" alt="Person Photo" style="max-width: 100%;"> </div> <div style="padding: 10px; width: 60%; vertical-align: top;"> <img src="https://knoblycream.com/Xpress/NLEditor/newsletter/21/images_21/pic.jpg" alt="Meeting Image" style="max-width: 100%; border: 1px solid #ccc;"> </div> </div> <div style="padding: 0 10px 10px 10px;"> <div style="margin-bottom: 10px; font-size: 12px;"> <p><strong>Name</strong></p> </div> <div style="font-size: 12px; color: #666; margin-bottom: 10px;"> <p>JOB Role/Position</p> </div> <div style="margin-top: 20px;"> <a href="#" style="background-color: #e74c3c; color: white; padding: 5px 10px; text-decoration: none; font-size: 12px;">Read more</a> </div> </div> </div> <!-- Content Section 2 --> <div style="padding: 10px 20px; background-color: #ffffff;"> <div style="font-weight: bold; margin-bottom: 10px; color: #333; font-size: 14px;"><p>We believe in the power of content.</p></div> </div> <!-- Content Section 3 (Digital Graphics) --> <div style="padding: 10px 20px; background-color: #ffffff;"> <img src="https://knoblycream.com/Xpress/NLEditor/newsletter/21/images_21/pic2.jpg" alt="Digital Content Graphic" style="max-width: 100%;"> <div style="text-align: right; margin-top: 10px;"> <a href="#" style="background-color: #e74c3c; color: white; padding: 5px 10px; text-decoration: none; font-size: 12px;">Read more</a> </div> </div> <!-- Contact Section --> <div style="background-color: #e74c3c; color: white; padding: 20px; margin-top: 20px;"> <div style="text-align: center; font-weight: bold; margin-bottom: 10px;"><p>CONTACT INFO</p></div> <div style="text-align: center; font-size: 12px; line-height: 1.5;"> <p>Thank you for subscribing! <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br> Ut enim ad minim veniam <br> For more info visit <a href="#" style="color: white;">www.website.com</a></p> </div> </div> <!-- Footer --> <div style="background-color: #e74c3c; color: white; padding: 10px; text-align: center; font-size: 10px;"> <p>© 2025 BNI Newsletter</p> </div> </div> </div> <!-- Import jQuery (required for your script) --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- Initialize the editing functionality (your script) --> <script> $(document).ready(function() { makeElementsEditable(); }); </script> </body> </html>