[elementor-template id="1111"]
<style>
.single-post-layout {
    display: flex;
    gap: 30px;
    max-width: 1200px;
    margin: 50px auto;
    padding: 0 20px;
}

.single-post-sidebar {
    flex: 1;
    max-width: 300px;
    background: #f8f8f8;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.single-post-sidebar h3 {
    font-size: 1.2rem;
    margin-bottom: 15px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 8px;
    color: #333;
}

.single-post-sidebar ul {
    list-style: none;
    padding-left: 0;
}

.single-post-sidebar ul li {
    margin-bottom: 10px;
}

.single-post-sidebar ul li a {
    color: #0073aa;
    text-decoration: none;
    transition: color 0.3s ease;
}

.single-post-sidebar ul li a:hover {
    color: #005177;
}

.single-post-content-area {
    flex: 2;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.single-post-content-area h1 {
    font-size: 2rem;
    margin-bottom: 20px;
    color: #222;
}

.single-post-content-area .single-post-meta {
    font-size: 0.9rem;
    color: #888;
    margin-bottom: 20px;
}

.single-post-content-area img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 8px;
}
</style>

<div class="single-post-layout">

    <!-- Static Sidebar (not widgetized) -->
    <aside class="single-post-sidebar">
        <h3>Quick Links</h3>
        <ul>
            <li><a href="/about-us">About Us</a></li>
            <li><a href="/blog">Back to Blog</a></li>
            <li><a href="/contact-us">Contact</a></li>
            <li><a href="/popular-posts">Popular Posts</a></li>
        </ul>

        <h3>Follow Us</h3>
        <ul>
            <li><a href="https://facebook.com" target="_blank">Facebook</a></li>
            <li><a href="https://instagram.com" target="_blank">Instagram</a></li>
            <li><a href="https://twitter.com" target="_blank">Twitter</a></li>
        </ul>
    </aside>

    <!-- Blog Content Area -->
    <div class="single-post-content-area">
                    <h1>Hello world!</h1>
            <div class="single-post-meta">Posted on May 13, 2025 by morantours</div>

                            <div class="single-post-thumbnail"><img width="1024" height="683" src="https://morantours.com/wp-content/uploads/2025/05/meru-national-park-8-1024x683.webp" class="attachment-large size-large wp-post-image" alt="" decoding="async" srcset="https://morantours.com/wp-content/uploads/2025/05/meru-national-park-8-1024x683.webp 1024w, https://morantours.com/wp-content/uploads/2025/05/meru-national-park-8-300x200.webp 300w, https://morantours.com/wp-content/uploads/2025/05/meru-national-park-8-768x512.webp 768w, https://morantours.com/wp-content/uploads/2025/05/meru-national-park-8.webp 1536w" sizes="(max-width: 1024px) 100vw, 1024px" /></div>
            
            <div class="single-post-body">
                
<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!</p>
            </div>
            </div>
</div>