
const Blog1 = () =>{
    return(
        <>
     

        <section class="page-header-section style-1">
        <div class="container">
            <div class="page-header-content">
                <div class="page-header-inner">
                    <div class="page-title">
                        <h2>Blog Single Page </h2>
                    </div>
                    <ol class="breadcrumb">
                        <li><a href="index.html">Home</a></li>
                        <li class="active">Blog Single </li>
                    </ol>
                </div>
            </div>
        </div>
    </section>

        <section class="blog-section padding-top padding-bottom">
        <div class="container">
            <div class="main-blog">
                <div class="row g-5">
                    <div class="col-xl-9 col-12">
                        <div class="blog-wrapper">
                            <div class="post-item">
                                <div class="post-item-inner">
                                    <div class="post-thumb">
                                        <img src={require('../images/blog/01.gif').default} alt="" />
                                        {/* <img src="assets/images/blog/01.gif" alt="blog"> */}
                                    </div>
                                    <div class="post-content">
                                        <span class="meta">By <a href="#">Admin</a> March 24, 2021</span>
                                        <h3>A wonderf serenity has taken poesion of my entire souin like these sweet
                                            mornins</h3>
                                        <p>A wonderf serenity has taken poesion of my entire souin like these sweet
                                            mornins sprin which enjy with my whole hear I am alone and feel the charm
                                            of existen spot which was creatie For the blisse of souls like mineingi am
                                            so
                                            happy my dear friend, so absoribed in the exquisite sense tranquilera
                                            existence, that I neglect my talentsri I should bye incapable of drawin and
                                            sinle stroke A wonderful serenity has taken possession of my entire souing
                                            like these sweet mornins sprng enjoy with mye whole heart. I am alone, and
                                            feel the charm of existthis spot which was creatied the bliss of souls like
                                            mineingi am so happy my dear friend, so absoribed in the exquisite sense
                                            tranquil existnce, dt I neglect my talentsri I should bye incapable of
                                            drawin and single stroke enjoy with my whole hrt. I am alone, and feel the
                                            charm of existencethis spot which was For the bliss of souls like mineingis
                                            am so happy my dear friend, so absoribed in the exquisite sense tranquil
                                            existence, that I neglects my talentsri I should bye incapable of drawing
                                            and
                                            single the present moment; and yet If feel that I never was a greater artst

                                        </p>
                                        <blockquote>
                                            <p>Steal into The inner Sanc Thro Myse Down Amon The Hall Gras Buzz The
                                                Little World Amon The Staks And Grow Famar With Count And Fies Then
                                                The Presence of The Almighty Among The Staks </p>
                                        </blockquote>
                                        <p>A wonderf serenity has taken poesion of my entire souin like these sweet
                                            mornins sprin which enjy with my whole hear I am alone and feel the charm
                                            of existen spot which was creatie For the blisse of souls like mineingi am
                                            so
                                            happy my dear friend, so absoribed in the exquisite sense tranquilera
                                            existence, that I neglect my talentsri I should bye incapable of drawin and
                                            sinle stroke A wonderful serenity has taken possession of my entire souing
                                            like these sweet mornins sprng enjoy with mye whole heart. I am alone, and
                                            feel the charm of existthis spot which was creatied the bliss of souls like
                                            mineingi am so happy my dear friend, so absoribed in the exquisite sense
                                            tranquil existnce, dt I neglect my talentsri I should bye incapable of
                                            drawin and single stroke enjoy with my whole hrt. I am alone, and feel the
                                            charm of existencethis spot which was For the bliss.
                                        </p>
                                    </div>
                                    <div class="tags-section">
                                        <ul class="tags">
                                            <li><span><i class="icofont-tags"></i></span></li>
                                            <li><a href="#">NFT</a></li>
                                            <li><a href="#">Token</a></li>
                                            <li><a href="#">Crypto</a></li>
                                            <li><a href="#">Ethereum</a></li>
                                        </ul>
                                        <ul class="social-link-list d-flex flex-wrap">
                                            <li><a href="#" class="facebook"><i class="icofont-facebook"></i></a></li>
                                            <li><a href="#" class="dribble"><i class="icofont-dribble"></i></a></li>
                                            <li><a href="#" class="twitter"><i class="icofont-twitter"></i></a></li>
                                            <li><a href="#" class="linkedin"><i class="icofont-linkedin"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div id="comments" class="comments">
                                <div class="widget-title">
                                    <h3>02 Comments</h3>
                                </div>
                                <ul class="comment-list">
                                    <li class="comment" id="li-comment-2">
                                        <div class="com-image">
                                            <img src={require('../images/seller/04.png').default} alt="" />
                                            {/* <img alt="author" src="assets/images/seller/04.png" class="avatar"
                                                height="70" width="70"> */}
                                        </div>
                                        <div class="com-content">
                                            <div class="com-title">
                                                <div class="com-title-meta">
                                                    <h4><a href="#" rel="external nofollow" class="url">rassel
                                                            mrh</a></h4>
                                                    <span> October 5, 2021 at 12:41 pm </span>
                                                </div>
                                                <span class="reply">
                                                    <a rel="nofollow" class="comment-reply-link" href="#"><i
                                                            class="icofont-reply-all"></i>
                                                        Reply</a>
                                                </span>
                                            </div>
                                            <p>The inner sanctuary, I throw myself down among the tall grass bye the
                                                trckli stream and, as I lie close to the earth</p>
                                        </div>
                                        <ul class="comment-list">
                                            <li class="comment even thread-even depth-1 comment" id="li-comment-3">
                                                <div class="com-image">
                                                <img src={require('../images/seller/01.gif').default} alt="" />
                                                    {/* <img alt="author" src="assets/images/seller/01.gif" class="avatar"
                                                        height="70" width="70"> */}
                                                </div>
                                                <div class="com-content">
                                                    <div class="com-title">
                                                        <div class="com-title-meta">
                                                            <h4><a href="http://Sk" rel="external nofollow"
                                                                    class="url">R3b ca</a></h4>
                                                            <span> October 5, 2021 at 12:41 pm </span>
                                                        </div>
                                                        <span class="reply">
                                                            <a rel="nofollow" class="comment-reply-link" href="#"><i
                                                                    class="icofont-reply-all"></i> Reply</a>
                                                        </span>
                                                    </div>
                                                    <p>A wonderful serenity has taken possession of my entire soul, like
                                                        these sweet mornings spring which I enjoy with my whole heart
                                                    </p>
                                                    <div class="reply-btn">
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>

                            <div id="respond" class="comment-respond">
                                <div class="add-comment">
                                    <div class="widget-title">
                                        <h3>Leave a Comment</h3>
                                    </div>
                                    <form action="#" method="post" id="commentform" class="comment-form" novalidate="">
                                        <div class="row w-100 g-3">
                                            <div class="col-lg-6">
                                                <div class="form-floating">
                                                    <input type="text" class="w-100 comment-input form-control"
                                                        id="authorName" placeholder="Full Name" />
                                                    <label for="authorName">Full Name</label>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">

                                                <div class="form-floating">
                                                    <input type="email" class="w-100 comment-input form-control"
                                                        id="authorEmail" placeholder="Your Email" />
                                                    <label for="authorEmail">Your Mail</label>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="form-floating w-100">
                                                    <input type="text" class="w-100 comment-input form-control"
                                                        id="cmntSub" placeholder="Subject" />
                                                    <label for="cmntSub">Subject</label>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="form-floating w-100 mb-4">
                                                    <textarea class="form-control" placeholder="Leave a comment here"
                                                        id="floatingTextarea"></textarea>
                                                    <label for="floatingTextarea">Comments</label>
                                                </div>
                                            </div>
                                            <button class="default-btn move-right" type="submit"><span>Send
                                                    Comment</span></button>
                                        </div>



                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-12">
                        <aside>
                            <div class="profile-widget search-widget">
                                <div class="widget-inner">
                                    <div class="widget-title">
                                        <h5>Search Post</h5>
                                    </div>
                                    <div class="widget-content">
                                        <p>Search from the newest post collections</p>
                                        <div class="form-floating nft-search-input">
                                            <input type="text" class="form-control" id="nftSearch"
                                                placeholder="Search post" />
                                            <label for="nftSearch">Search post</label>
                                            <button type="button"> <i class="icofont-search-1"></i></button>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="widget widget-category">
                                <div class="widget-header">
                                    <h5 class="title">Post Category</h5>
                                </div>
                                <ul class="widget-wrapper">
                                    <li>
                                        <a href="#" class="d-flex flex-wrap justify-content-between"><span><i
                                                    class="icofont-double-right"></i>Themeforest</span><span>06</span></a>
                                    </li>
                                    <li>
                                        <a href="#" class="d-flex flex-wrap justify-content-between"><span><i
                                                    class="icofont-double-right"></i>Photodune</span><span>11</span></a>
                                    </li>
                                    <li>
                                        <a href="#" class="d-flex active flex-wrap justify-content-between"><span><i
                                                    class="icofont-double-right"></i>Codecanyon</span><span>07</span></a>
                                    </li>
                                    <li>
                                        <a href="#" class="d-flex flex-wrap justify-content-between"><span><i
                                                    class="icofont-double-right"></i>GRaphicdriver</span><span>09</span></a>
                                    </li>
                                    <li>
                                        <a href="#" class="d-flex flex-wrap justify-content-between"><span><i
                                                    class="icofont-double-right"></i>Wordpress</span><span>50</span></a>
                                    </li>
                                    <li>
                                        <a href="#" class="d-flex flex-wrap justify-content-between"><span><i
                                                    class="icofont-double-right"></i>Joomla</span><span>20</span></a>
                                    </li>
                                    <li>
                                        <a href="#" class="d-flex flex-wrap justify-content-between"><span><i
                                                    class="icofont-double-right"></i>3docean</span><span>93</span></a>
                                    </li>
                                </ul>
                            </div>

                            <div class="widget widget-post">
                                <div class="widget-header">
                                    <h5 class="title">Most Popular Post</h5>
                                </div>
                                <ul class="widget-wrapper">
                                    <li class="d-flex flex-wrap justify-content-between">
                                        <div class="post-thumb">
                                            <a href="blog-single.html">
                                                <img src={require('../images/blog/01.jpg').default} alt="" />
                                                {/* <img src="assets/images/blog/01.jpg"
                                                    alt="post-img"> */}

                                                    </a>
                                        </div>
                                        <div class="post-content">
                                            <a href="blog-single.html">
                                                <h6>Poor People’s Campaign Our Resources</h6>
                                            </a>
                                            <p>July 23,2021</p>
                                        </div>
                                    </li>
                                    <li class="d-flex flex-wrap justify-content-between">
                                        <div class="post-thumb">
                                            <a href="blog-single.html">
                                            <img src={require('../images/blog/02.jpg').default} alt="" />
                                                {/* <img src="assets/images/blog/02.jpg"
                                                    alt="post-img"> */}

                                                    </a>
                                        </div>
                                        <div class="post-content">
                                            <a href="blog-single.html">
                                                <h6>Boosting Social For NGO And Charities </h6>
                                            </a>
                                            <p>July 23,2021</p>
                                        </div>
                                    </li>
                                    <li class="d-flex flex-wrap justify-content-between">
                                        <div class="post-thumb">
                                            <a href="blog-single.html">
                                            <img src={require('../images/blog/03.jpg').default} alt="" />
                                                {/* <img src="assets/images/blog/03.jpg"
                                                    alt="post-img"> */}

                                                    </a>
                                        </div>
                                        <div class="post-content">
                                            <a href="blog-single.html">
                                                <h6>Poor People’s Campaign Our Resources</h6>
                                            </a>
                                            <p>July 23,2021</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="widget widget-tags">
                                <div class="widget-header">
                                    <h5 class="title">Our Popular Tags</h5>
                                </div>
                                <ul class="widget-wrapper">
                                    <li><a href="#">envato</a></li>
                                    <li><a href="#" class="active">themeforest</a></li>
                                    <li><a href="#">codecanyon</a></li>
                                    <li><a href="#">videohive</a></li>
                                    <li><a href="#">audiojungle</a></li>
                                    <li><a href="#">3docean</a></li>
                                    <li><a href="#">envato</a></li>
                                    <li><a href="#">themeforest</a></li>
                                    <li><a href="#">codecanyon</a></li>
                                </ul>
                            </div>
                        </aside>
                    </div>
                </div>
            </div>
        </div>
    </section>
       
        
        </>
    )
}

export default Blog1;