hp
get_header();
?>

<div class="single-post-wrapper" style="padding: 3rem 0; background: #F5EFE6;">
    <div class="container" style="max-width: 1400px; margin: 0 auto; padding: 0 20px;">
        
                    
            <div style="display: grid; grid-template-columns: 2fr 1fr; gap: 3rem; align-items: start;">
                
                <!-- Main Content Column -->
                <article class="single-post-content" style="background: white; padding: 3rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
                    
                    <!-- Post Header -->
                    <header style="text-align: center; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 2px solid #E8D7C3;">
                        
                        <!-- Category Badge -->
                        <div style="margin-bottom: 1rem;"><span style="background: linear-gradient(135deg, #D4A574, #C9A76A); color: white; padding: 0.4rem 1rem; border-radius: 20px; font-size: 0.9rem; margin: 0 0.25rem;">Uncategorized</span></div>                        
                        <h1 style="font-size: 2.5rem; color: #2C5F3F; margin-bottom: 1rem; line-height: 1.3;">Hello world!</h1>
                        
                        <div style="color: #D4A574; font-size: 0.95rem;">
                            <span>October 13, 2025</span>
                            <span style="margin: 0 0.5rem;">•</span>
                            <span>By reynoldsjonitha@gmail.com</span>
                        </div>
                    </header>
                    
                    <!-- Featured Image -->
                                        
                    <!-- Post Content -->
                    <div class="entry-content" style="font-size: 1.1rem; line-height: 1.9; color: #555;">
                        
<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!</p>
                    </div>
                    
                    <!-- Tags -->
                                        
                    <!-- Previous/Next Navigation -->
                    <nav style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 3rem; padding-top: 2rem; border-top: 2px solid #E8D7C3;">
                        <div>
                                                    </div>
                        <div style="text-align: right;">
                            <div style="padding: 1.5rem; background: linear-gradient(135deg, #F5EFE6, #FFFBF7); border-radius: 8px; border-right: 4px solid #D4A574;"><small style="color: #888; display: block; margin-bottom: 0.5rem;">Next Post →</small><a href="https://poetichoney.com/love/" style="color: #2C5F3F; font-weight: 600; font-size: 1rem;">Love</a></div>                        </div>
                    </nav>
                    
                    <!-- Comments Section - INSIDE the post content -->
                                            <div style="margin-top: 3rem; padding-top: 2rem; border-top: 2px solid #E8D7C3;">
                            
<div id="comments" class="comments-area">

			<h2 class="comments-title">
			One comment on &ldquo;<span>Hello world!</span>&rdquo;		</h2><!-- .comments-title -->

		
		<ol class="comment-list">
					<li id="comment-1" class="comment even thread-even depth-1">
			<article id="div-comment-1" class="comment-body">
				<footer class="comment-meta">
					<div class="comment-author vcard">
						<img alt='' src='https://secure.gravatar.com/avatar/8e1606e6fba450a9362af43874c1b2dfad34c782e33d0a51e1b46c18a2a567dd?s=32&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/8e1606e6fba450a9362af43874c1b2dfad34c782e33d0a51e1b46c18a2a567dd?s=64&#038;d=mm&#038;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' decoding='async'/>						<b class="fn"><a href="https://wordpress.org/" class="url" rel="ugc external nofollow">A WordPress Commenter</a></b> <span class="says">says:</span>					</div><!-- .comment-author -->

					<div class="comment-metadata">
						<a href="https://poetichoney.com/hello-world/#comment-1"><time datetime="2025-10-13T08:48:51+00:00">October 13, 2025 at 8:48 am</time></a>					</div><!-- .comment-metadata -->

									</footer><!-- .comment-meta -->

				<div class="comment-content">
					<p>Hi, this is a comment.<br />
To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.<br />
Commenter avatars come from <a href="https://gravatar.com/">Gravatar</a>.</p>
				</div><!-- .comment-content -->

				<div class="reply"><a rel="nofollow" class="comment-reply-link" href="#comment-1" data-commentid="1" data-postid="1" data-belowelement="div-comment-1" data-respondelement="respond" data-replyto="Reply to A WordPress Commenter" aria-label="Reply to A WordPress Commenter">Reply</a></div>			</article><!-- .comment-body -->
		</li><!-- #comment-## -->
		</ol><!-- .comment-list -->

			<div id="respond" class="comment-respond">
		<h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/hello-world/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://poetichoney.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p>
<p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p>
<p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p>
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p>
<p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='1' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="139"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form>	</div><!-- #respond -->
	
</div><!-- #comments -->                        </div>
                                        
                </article>
                
                <!-- Sidebar -->
                <aside class="post-sidebar" style="position: sticky; top: 100px;">
                    
                    <div style="background: white; padding: 2rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); margin-bottom: 2rem; border: 2px solid #E8D7C3;">
                        <h3 style="color: #2C5F3F; margin-bottom: 1rem; font-size: 1.3rem; text-align: center;">✨ Featured In This Post</h3>
                        
                        <div style="padding: 1rem; background: #F5EFE6; border-radius: 8px; margin-bottom: 1rem;">
                            <h4 style="color: #D4A574; font-size: 1rem; margin-bottom: 0.5rem;">🎵 Music</h4>
                            <p style="font-size: 0.9rem; color: #666; margin: 0;">Add your music info here</p>
                        </div>
                        
                        <div style="padding: 1rem; background: #F5EFE6; border-radius: 8px; margin-bottom: 1rem;">
                            <h4 style="color: #D4A574; font-size: 1rem; margin-bottom: 0.5rem;">💄 Products Used</h4>
                            <ul style="font-size: 0.9rem; color: #666; margin: 0; padding-left: 1.2rem;">
                                <li>Product 1</li>
                                <li>Product 2</li>
                                <li>Product 3</li>
                            </ul>
                        </div>
                        
                        <div style="padding: 1rem; background: #F5EFE6; border-radius: 8px;">
                            <h4 style="color: #D4A574; font-size: 1rem; margin-bottom: 0.5rem;">🔗 Links & Resources</h4>
                            <p style="font-size: 0.9rem; color: #666; margin: 0;">Add links here</p>
                        </div>
                    </div>
                    
                    <div style="background: linear-gradient(135deg, #D4A574, #C9A76A); padding: 2rem; border-radius: 12px; text-align: center; color: white;">
                        <h4 style="color: white; margin-bottom: 0.5rem;">Stay Connected</h4>
                        <p style="font-size: 0.9rem; margin-bottom: 1rem;">Join my newsletter</p>
                        <form method="post" style="display: flex; flex-direction: column; gap: 0.5rem;">
                            <input type="email" placeholder="Your email" required style="padding: 0.75rem; border: none; border-radius: 6px;">
                            <button type="submit" style="padding: 0.75rem; background: #2C5F3F; color: white; border: none; border-radius: 6px; font-weight: 600;">Subscribe</button>
                        </form>
                    </div>
                    
                </aside>
                
            </div>
            
                
    </div>
</div>

<style>
@media (max-width: 968px) {
    .single-post-wrapper .container > div {
        grid-template-columns: 1fr !important;
    }
    .post-sidebar {
        position: relative !important;
        top: 0 !important;
    }
}
</style>



		</div><!-- .main-content End -->
		</main><!-- #primary End -->

		<!-- Site Footer -->
		<footer id="site-footer" class=" clear-fix">
			<div class="site-footer-wrap wrapped-content">
				

    <div class="footer-bottom-wrap">
        <!-- Scroll To Top -->
        <span class="scrolltop">
            <i class="fa fa fa-angle-up"></i>
        </span>
        
        <div class="footer-copyright">
            &copy; 2025 Poetic Honey. All rights reserved.        </div>
        
        <div class="footer-credits">
            Graceful Theme by             <a href="http://optimathemes.com/">
                Optima Themes            </a>
        </div>
    </div>			</div><!-- .wrapped-content -->
		</footer><!-- #site-footer -->

		<div class="sidebar-slide-overlay image-overlay"></div>
<div class="header-left-menu-wrapper">
    <div class="header-left-menu">
        <div class="header-left-menu-wrap">
        	<button class="left-menu-close">
            	<i class="fa fa-times" aria-hidden="true"></i>
            </button> 
            <aside>
                                    <section id="nav_menu-3" class="graceful-widget widget_nav_menu"><div class="menu-side-container"><ul id="menu-side" class="menu"><li id="menu-item-150" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-150"><a href="https://poetichoney.com/146-2/">My Calendar</a></li>
</ul></div></section>                			</aside>
			<button class="left-menu-close-bottom">
            	Close
            </button>
        </div>
    </div>
</div>		
	</div><!-- #site-container -->

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/graceful-modern-blog\/*","\/wp-content\/themes\/graceful\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<!-- Sign in with Google button added by Site Kit -->
<script type="text/javascript" src="https://accounts.google.com/gsi/client"></script>
<script type="text/javascript">
/* <![CDATA[ */
(()=>{async function handleCredentialResponse(response){try{const res=await fetch('https://poetichoney.com/wp-login.php?action=googlesitekit_auth',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:new URLSearchParams(response)});if(res.ok && res.redirected){location.assign(res.url);}}catch(error){console.error(error);}}google.accounts.id.initialize({client_id:'579777204267-pt95gcnguina20ggehfsme35pfa2535g.apps.googleusercontent.com',callback:handleCredentialResponse,library_name:'Site-Kit'});const defaultButtonOptions={"theme":"outline","text":"signin_with","shape":"rectangular"};document.querySelectorAll('.googlesitekit-sign-in-with-google__frontend-output-button').forEach((siwgButtonDiv)=>{const buttonOptions={shape:siwgButtonDiv.getAttribute('data-googlesitekit-siwg-shape')|| defaultButtonOptions.shape,text:siwgButtonDiv.getAttribute('data-googlesitekit-siwg-text')|| defaultButtonOptions.text,theme:siwgButtonDiv.getAttribute('data-googlesitekit-siwg-theme')|| defaultButtonOptions.theme,};google.accounts.id.renderButton(siwgButtonDiv,buttonOptions);});})();
/* ]]> */
</script>

<!-- End Sign in with Google button added by Site Kit -->

<script type="text/javascript" src="https://poetichoney.com/wp-includes/js/comment-reply.min.js?ver=6.8.3" id="comment-reply-js" async="async" data-wp-strategy="async"></script>

</body>
</html>