<template> <Preloader></Preloader> <FixArea></FixArea> <Header-top-section sectionClass="header-top-section-4" /> <TopHeader headerClass="header-4" /> <div class="search-wrap"> <div class="search-inner"> <i class="fas fa-times search-close" id="search-close"></i> <div class="search-cell"> <form method="get"> <div class="search-field-holder"> <input type="search" class="main-search-input" placeholder="Search..." /> </div> </form> </div> </div> </div> <div class="breadcrumb-wrapper bg-cover" style="background-image: url('/image/breadcrumb.svg')"> <div class="line-shape"> <img src="/picture/line1.png" alt="shape-img" /> </div> <div class="plane-shape float-bob-y"> <img src="/picture/plane2.png" alt="shape-img" /> </div> <div class="doll-shape float-bob-x"> <img src="/picture/doll.png" alt="shape-img" /> </div> <div class="parasuit-shape float-bob-y"> <img src="/picture/parasuit1.png" alt="shape-img" /> </div> <div class="frame-shape"> <img src="/picture/frame3.png" alt="shape-img" /> </div> <div class="bee-shape float-bob-x"> <img src="/picture/bee1.png" alt="shape-img" /> </div> <div class="container"> <div class="page-heading"> <h1 class="wow fadeInUp" data-wow-delay=".3s">Blog Details</h1> <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s"> <li> <a href="p9wfc14694.html">Home</a> </li> <li> <i class="fas fa-chevron-right"></i> </li> <li>Blog Details</li> </ul> </div> </div> </div> <section class="news-details fix section-padding"> <div class="container"> <div class="news-details-area"> <div class="row g-5"> <div class="col-12 col-lg-8"> <div class="blog-post-details"> <div class="single-blog-post"> <div class="post-featured-thumb bg-cover" style="background-image: url('/image/post-4.jpg')" ></div> <div class="post-content"> <ul class="post-list d-flex align-items-center"> <li> <i class="fa-regular fa-user"></i> By Admin </li> <li> <i class="fa-solid fa-calendar-days"></i> 18 Dec, 2024 </li> <li> <i class="fa-solid fa-tag"></i> Education </li> </ul> <h3>From without content style without</h3> <p class="mb-3"> Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore of magna aliqua. Ut enim ad minim veniam, made of owl the quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea dolor commodo consequat. Duis aute irure and dolor in reprehenderit. </p> <p class="mb-3"> The is ipsum dolor sit amet consectetur adipiscing elit. Fusce eleifend porta arcu In hac habitasse the is platea augue thelorem turpoi dictumst. In lacus libero faucibus at malesuada sagittis placerat eros sed istincidunt augue ac ante rutrum sed the is sodales augue consequat. </p> <p> Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet. Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate lectus. Ut viverra bibendum lorem, at tempus nibh mattis in. Sed a massa eget lacus consequat auctor. </p> <div class="hilight-text mt-4 mb-4"> <p> Pellentesque sollicitudin congue dolor non aliquam. Morbi volutpat, nisi vel ultricies <br /> urnacondimentum, sapien neque lobortis tortor, quis efficitur mi ipsum eu metus. Praesent eleifend <br /> orci sit amet est vehicula. </p> <svg width="36" height="36" viewbox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F39F5F" ></path> <path d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z" stroke="#F39F5F" ></path> </svg> </div> <p class="mt-4 mb-5"> Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla, mattis ligula consectetur, ultrices mauris. Maecenas vitae mattis tellus. Nullam quis imperdiet augue. Vestibulum auctor ornare leo, non suscipit magna interdum eu. Curabitur pellentesque nibh nibh, at maximus ante fermentum sit amet. Pellentesque commodo lacus at sodales sodales. Quisque sagittis orci ut diam condimentum, vel euismod erat placerat. In iaculis arcu eros. </p> <div class="row g-4"> <div class="col-lg-6"> <div class="details-image"> <img src="/picture/post-5.jpg" alt="img" /> </div> </div> <div class="col-lg-6"> <div class="details-image"> <img src="/picture/post-6.jpg" alt="img" /> </div> </div> </div> <p class="pt-5"> Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore of magna aliqua. Ut enim ad minim veniam, made of owl the quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea dolor commodo consequat. Duis aute irure and dolor in reprehenderit.Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore of magna aliqua. Ut enim ad minim veniam, made of owl the quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea dolor commodo consequat. Duis aute irure and dolor in reprehenderit. </p> </div> </div> <div class="row tag-share-wrap mt-4 mb-5"> <div class="col-lg-8 col-12"> <div class="tagcloud"> <a href="">Class</a> <a href="">Sports</a> <a href="">Canteen</a> </div> </div> <div class="col-lg-4 col-12 mt-3 mt-lg-0 text-lg-end"> <div class="social-share"> <span class="me-3">Share:</span> <a href="#"><i class="fab fa-facebook-f"></i></a> <a href="#"><i class="fab fa-twitter"></i></a> <a href="#"><i class="fab fa-linkedin-in"></i></a> </div> </div> </div> <div class="comments-area"> <div class="comments-heading"> <h3>02 Comments</h3> </div> <div class="blog-single-comment d-flex gap-4 pt-4 pb-5"> <div class="image"> <img src="/picture/comment.png" alt="image" /> </div> <div class="content"> <div class="head d-flex flex-wrap gap-2 align-items-center justify-content-between" > <div class="con"> <h5><a href="">Albert Flores</a></h5> <span>March 20, 2024 at 2:37 pm</span> </div> <div class="star"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> </div> <p class="mt-30 mb-4"> Neque porro est qui dolorem ipsum quia quaed inventor veritatis et quasi architecto var sed efficitur turpis gilla sed sit amet finibus eros. Lorem Ipsum is simply dummy </p> <a href="" class="reply">Reply</a> </div> </div> <div class="blog-single-comment d-flex gap-4 pt-5 pb-5"> <div class="image"> <img src="/picture/comment-2.png" alt="image" /> </div> <div class="content"> <div class="head d-flex flex-wrap gap-2 align-items-center justify-content-between" > <div class="con"> <h5><a href="">Alex Flores</a></h5> <span>March 20, 2024 at 2:37 pm</span> </div> <div class="star"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> </div> <p class="mt-30 mb-4"> Neque porro est qui dolorem ipsum quia quaed inventor veritatis et quasi architecto var sed efficitur turpis gilla sed sit amet finibus eros. Lorem Ipsum is simply dummy </p> <a href="" class="reply">Reply</a> </div> </div> </div> <div class="comment-form-wrap pt-5"> <h3>Leave a comments</h3> <form action="#" id="contact-form" method="POST"> <div class="row g-4"> <div class="col-lg-6"> <div class="form-clt"> <span>Your Name*</span> <input type="text" name="name" id="name" placeholder="Your Name" /> </div> </div> <div class="col-lg-6"> <div class="form-clt"> <span>Your Email*</span> <input type="text" name="email" id="email2" placeholder="Your Email" /> </div> </div> <div class="col-lg-12"> <div class="form-clt"> <span>Message*</span> <textarea name="message" id="message" placeholder="Write Message" ></textarea> </div> </div> <div class="col-lg-6"> <button type="submit" class="theme-btn"> post comment <i class="fa-solid fa-arrow-right-long"></i> </button> </div> </div> </form> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="main-sidebar"> <div class="single-sidebar-widget"> <div class="wid-title"> <h3>Search</h3> </div> <div class="search-widget"> <form action="#"> <input type="text" placeholder="Search here" /> <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button> </form> </div> </div> <div class="single-sidebar-widget"> <div class="wid-title"> <h3>Categories</h3> </div> <div class="news-widget-categories"> <ul> <li> <a href="">Teachers</a> <span>(5)</span> </li> <li> <a href="">Indoor Games</a> <span>(3)</span> </li> <li class="active"> <a href="">Education</a> <span>(6)</span> </li> <li> <a href="">Canteen</a> <span>(2)</span> </li> <li> <a href="">Classes</a> <span>(4)</span> </li> <li> <a href="">Examination</a> <span>(7)</span> </li> </ul> </div> </div> <div class="single-sidebar-widget"> <div class="wid-title"> <h3>Recent Post</h3> </div> <div class="recent-post-area"> <div class="recent-items"> <div class="recent-thumb"> <img src="/picture/pp3.jpg" alt="img" /> </div> <div class="recent-content"> <ul> <li> <i class="fa-solid fa-calendar-days"></i> 18 Dec, 2024 </li> </ul> <h6> <a href=""> That Jerk Form Finance <br /> Really Me </a> </h6> </div> </div> <div class="recent-items"> <div class="recent-thumb"> <img src="/picture/pp4.jpg" alt="img" /> </div> <div class="recent-content"> <ul> <li> <i class="fa-solid fa-calendar-days"></i> 18 Dec, 2024 </li> </ul> <h6> <a href=""> How to keep Chidden Safe <br /> Online In Simple </a> </h6> </div> </div> <div class="recent-items"> <div class="recent-thumb"> <img src="/picture/pp5.jpg" alt="img" /> </div> <div class="recent-content"> <ul> <li> <i class="fa-solid fa-calendar-days"></i> 18 Dec, 2024 </li> </ul> <h6> <a href=""> Form Without Content <br /> Style Without </a> </h6> </div> </div> </div> </div> <div class="single-sidebar-widget"> <div class="wid-title"> <h3>Tags</h3> </div> <div class="news-widget-categories"> <div class="tagcloud"> <a href="news-standard.html">Time-Table</a> <a href="">Children</a> <a href="">Examination</a> <a href="">Class</a> <a href="">Sports</a> <a href="">Canteen</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> <FooterSection></FooterSection> </template>