<div style="font-family: Georgia, serif; padding: 20px; max-width: 1000px; margin: auto;">
<!-- Logo / Title -->
<h1 style="text-align: center; font-size: 42px; margin-bottom: 5px;">Echoes Times</h1>
<p style="text-align: center; font-size: 16px; color: gray;">Voices That Resonate. Stories That Matter.</p>
<!-- Search Bar -->
<div style="text-align: center; margin: 30px 0;">
<form action="/search" method="get">
<input
type="text"
name="q"
placeholder="Search Echoes Times..."
style="width: 60%; padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px;">
<button
type="submit"
style="padding: 10px 20px; font-size: 16px; background-color: #222; color: white; border: none; border-radius: 5px;">
Search
</button>
</form>
</div>
<hr style="margin: 30px 0;">
<!-- Featured Section -->
<h2>Top Story</h2>
<div style="background: #f5f5f5; padding: 15px; border-left: 5px solid #222;">
<h3 style="margin-top: 0;">Inside the Shifting Tides of 2025 Politics</h3>
<p>A deep dive into the policies, promises, and power struggles shaping the nation’s future.</p>
<a href="#" style="text-decoration: none; color: #007BFF;">Read more →</a>
</div>
<!-- Highlights -->
<h2 style="margin-top: 40px;">Highlights</h2>
<ul>
<li><strong>Interview:</
<li><strong>Report:</strong> Education Reforms You Should Know About</li>
<li><strong>Culture:</strong> The Revival of Print in a Digital Age</li>
</ul>
<!-- Recent Posts Section -->
<h2 style="margin-top: 40px;">Recent Articles</h2>
<div id="recent-posts"></div>
<!-- About Section -->
<h2 style="margin-top: 40px;">About Echoes Times</h2>
<p>
Echoes Times is an independent publication committed to amplifying thoughtful journalism, authentic storytelling,
and underrepresented voices. With in-depth reports, cultural insights, and editorial transparency, we aim to inform and inspire.
</p>
<!-- Editor's Note -->
<h2 style="margin-top: 40px;">Editor's Note</h2>
<p>
"In times of noise, clarity is courage. We believe journalism isn’t just about information — it’s about connection, reflection, and action."
<br><em>– The Editors</em>
</p>
<!-- Newsletter Signup -->
<h2 style="margin-top: 40px;">Subscribe to Our Newsletter</h2>
<form action="https://forms.gle/
<input type="email" name="email" placeholder="Enter your email"
style="padding: 10px; width: 60%; font-size: 16px; border: 1px solid #ccc; border-radius: 5px;">
<button
type="submit"
style="padding: 10px 20px; font-size: 16px; background-color: #222; color: white; border: none; border-radius: 5px;">
Subscribe
</button>
</form>
<!-- Social Icons -->
<div style="margin-top: 40px; text-align: center;">
<a href="#" style="margin: 0 10px;">Facebook</a> |
<a href="#" style="margin: 0 10px;">Twitter</a> |
<a href="#" style="margin: 0 10px;">Instagram</a>
</div>
</div>
<!-- Recent Posts Script -->
<script>
fetch('/feeds/posts/default?
.then(response => response.text())
.then(script => eval(script));
function showRecentPosts(json) {
let container = document.getElementById('
let posts = json.feed.entry.slice(0, 3); // Show latest 3 posts
posts.forEach(post => {
let title = post.title.$t;
let link = post.link.find(l => l.rel === "alternate").href;
let html = `<p><a href="${link}" style="font-weight: bold; color: #007BFF;">${title}</a></p>`;
container.innerHTML += html;
});
}
</script>
- Get link
- X
- Other Apps
- Get link
- X
- Other Apps
Comments
Post a Comment