[ Mini Kiebo ]
Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64
Path:
D:
/
BACKUP C 19-12
/
XAMPP74
/
htdocs
/
sisinfo
/
template
/
flexor
/
[
Home
]
File: blog.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Blog - Flexor Bootstrap Template</title> <meta content="" name="descriptison"> <meta content="" name="keywords"> <!-- Favicons --> <link href="assets/img/favicon.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet"> <!-- Vendor CSS Files --> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet"> <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet"> <link href="assets/vendor/venobox/venobox.css" rel="stylesheet"> <link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="assets/vendor/aos/aos.css" rel="stylesheet"> <!-- Template Main CSS File --> <link href="assets/css/style.css" rel="stylesheet"> <!-- ======================================================= * Template Name: Flexor - v2.2.0 * Template URL: https://bootstrapmade.com/flexor-free-multipurpose-bootstrap-template/ * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ ======================================================== --> </head> <body> <!-- ======= Top Bar ======= --> <section id="topbar" class="d-none d-lg-block"> <div class="container d-flex"> <div class="contact-info mr-auto"> <ul> <li><i class="icofont-envelope"></i><a href="mailto:contact@example.com">contact@example.com</a></li> <li><i class="icofont-phone"></i> +1 5589 55488 55</li> <li><i class="icofont-clock-time icofont-flip-horizontal"></i> Mon-Fri 9am - 5pm</li> </ul> </div> <div class="cta"> <a href="#about" class="scrollto">Get Started</a> </div> </div> </section> <!-- ======= Header ======= --> <header id="header"> <div class="container d-flex"> <div class="logo mr-auto"> <h1 class="text-light"><a href="index.html"><span>Flexor</span></a></h1> <!-- Uncomment below if you prefer to use an image logo --> <!-- <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>--> </div> <nav class="nav-menu d-none d-lg-block"> <ul> <li><a href="index.html">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#services">Services</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#team">Team</a></li> <li><a href="#pricing">Pricing</a></li> <li class="active"><a href="blog.html">Blog</a></li> <li class="drop-down"><a href="">Drop Down</a> <ul> <li><a href="#">Drop Down 1</a></li> <li class="drop-down"><a href="#">Drop Down 2</a> <ul> <li><a href="#">Deep Drop Down 1</a></li> <li><a href="#">Deep Drop Down 2</a></li> <li><a href="#">Deep Drop Down 3</a></li> <li><a href="#">Deep Drop Down 4</a></li> <li><a href="#">Deep Drop Down 5</a></li> </ul> </li> <li><a href="#">Drop Down 3</a></li> <li><a href="#">Drop Down 4</a></li> <li><a href="#">Drop Down 5</a></li> </ul> </li> <li><a href="#contact">Contact</a></li> </ul> </nav><!-- .nav-menu --> </div> </header><!-- End Header --> <main id="main"> <!-- ======= Breadcrumbs ======= --> <section id="breadcrumbs" class="breadcrumbs"> <div class="container"> <ol> <li><a href="index.html">Home</a></li> <li>Blog</li> </ol> <h2>Blog</h2> </div> </section><!-- End Breadcrumbs --> <!-- ======= Blog Section ======= --> <section id="blog" class="blog"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up"> <article class="entry"> <div class="entry-img"> <img src="assets/img/blog-1.jpg" alt="" class="img-fluid"> </div> <h2 class="entry-title"> <a href="blog-single.html">Dolorum optio tempore voluptas dignissimos cumque fuga qui quibusdam quia</a> </h2> <div class="entry-meta"> <ul> <li class="d-flex align-items-center"><i class="icofont-user"></i> <a href="blog-single.html">John Doe</a></li> <li class="d-flex align-items-center"><i class="icofont-wall-clock"></i> <a href="blog-single.html"><time datetime="2020-01-01">Jan 1, 2020</time></a></li> </ul> </div> <div class="entry-content"> <p> Similique neque nam consequuntur ad non maxime aliquam quas. Quibusdam animi praesentium. Aliquam et laboriosam eius aut nostrum quidem aliquid dicta zena prista maraeda talan mas indera. </p> <div class="read-more"> <a href="blog-single.html">Read More</a> </div> </div> </article><!-- End blog entry --> </div> <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up"> <article class="entry"> <div class="entry-img"> <img src="assets/img/blog-2.jpg" alt="" class="img-fluid"> </div> <h2 class="entry-title"> <a href="blog-single.html">Nisi magni odit consequatur autem nulla dolorem</a> </h2> <div class="entry-meta"> <ul> <li class="d-flex align-items-center"><i class="icofont-user"></i> <a href="blog-single.html">John Doe</a></li> <li class="d-flex align-items-center"><i class="icofont-wall-clock"></i> <a href="blog-single.html"><time datetime="2020-01-01">Jan 1, 2020</time></a></li> </ul> </div> <div class="entry-content"> <p> Ad impedit qui officiis est in non aliquid veniam laborum. Id ipsum qui aut. Sit aliquam et quia molestias laboriosam. Tempora nam odit omnis eum corrupti qui aliquid excepturi molestiae. Facilis et sint quos sed voluptas. Maxime sed tempore enim omnis non alias. </p> <div class="read-more"> <a href="blog-single.html">Read More</a> </div> </div> </article><!-- End blog entry --> </div> <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up"> <article class="entry"> <div class="entry-img"> <img src="assets/img/blog-3.jpg" alt="" class="img-fluid"> </div> <h2 class="entry-title"> <a href="blog-single.html">Possimus soluta ut id suscipit ea ut. In quo quia et soluta libero sit sint.</a> </h2> <div class="entry-meta"> <ul> <li class="d-flex align-items-center"><i class="icofont-user"></i> <a href="blog-single.html">John Doe</a></li> <li class="d-flex align-items-center"><i class="icofont-wall-clock"></i> <a href="blog-single.html"><time datetime="2020-01-01">Jan 1, 2020</time></a></li> </ul> </div> <div class="entry-content"> <p> Aut iste neque ut illum qui perspiciatis similique recusandae non. Fugit autem dolorem labore omnis et. Eum temporibus fugiat voluptate enim tenetur sunt omnis tara kero pakla metaruna nedore stan. </p> <div class="read-more"> <a href="blog-single.html">Read More</a> </div> </div> </article><!-- End blog entry --> </div> <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up"> <article class="entry"> <div class="entry-img"> <img src="assets/img/blog-4.jpg" alt="" class="img-fluid"> </div> <h2 class="entry-title"> <a href="blog-single.html">Non rem rerum nam cum quo minus. Dolor distinctio deleniti explicabo eius exercitationem.</a> </h2> <div class="entry-meta"> <ul> <li class="d-flex align-items-center"><i class="icofont-user"></i> <a href="blog-single.html">John Doe</a></li> <li class="d-flex align-items-center"><i class="icofont-wall-clock"></i> <a href="blog-single.html"><time datetime="2020-01-01">Jan 1, 2020</time></a></li> </ul> </div> <div class="entry-content"> <p> Aspernatur rerum perferendis et sint. Voluptates cupiditate voluptas atque quae. Rem veritatis rerum enim et autem. Saepe atque cum eligendi eaque iste omnis a qui. </p> <div class="read-more"> <a href="blog-single.html">Read More</a> </div> </div> </article><!-- End blog entry --> </div> <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up"> <article class="entry"> <div class="entry-img"> <img src="assets/img/blog-5.jpg" alt="" class="img-fluid"> </div> <h2 class="entry-title"> <a href="blog-single.html">Blanditiis dignissimos deleniti. Rerum iste et.</a> </h2> <div class="entry-meta"> <ul> <li class="d-flex align-items-center"><i class="icofont-user"></i> <a href="blog-single.html">John Doe</a></li> <li class="d-flex align-items-center"><i class="icofont-wall-clock"></i> <a href="blog-single.html"><time datetime="2020-01-01">Jan 1, 2020</time></a></li> </ul> </div> <div class="entry-content"> <p> Quidem et eum explicabo quia illo numquam nostrum corrupti provident. Quia aspernatur et et facere. Quisquam maiores natus nihil incidunt ipsum est optio eum maxime. Dignissimos vitae explicabo. Corrupti esse sed a a. Laborum optio reprehenderit quia dena per. </p> <div class="read-more"> <a href="blog-single.html">Read More</a> </div> </div> </article><!-- End blog entry --> </div> <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up"> <article class="entry"> <div class="entry-img"> <img src="assets/img/blog-6.jpg" alt="" class="img-fluid"> </div> <h2 class="entry-title"> <a href="blog-single.html">Debitis cupiditate saepe ex quam aut id. Consequatur dignissimos et id id.</a> </h2> <div class="entry-meta"> <ul> <li class="d-flex align-items-center"><i class="icofont-user"></i> <a href="blog-single.html">John Doe</a></li> <li class="d-flex align-items-center"><i class="icofont-wall-clock"></i> <a href="blog-single.html"><time datetime="2020-01-01">Jan 1, 2020</time></a></li> </ul> </div> <div class="entry-content"> <p> Modi dolor et placeat ut iure ad. Qui perferendis fugit quo et cumque facilis et debitis rerum. Repellendus animi qui eos. Unde perferendis et tempora Ratione porro omnis magn delata sera marto ned. </p> <div class="read-more"> <a href="blog-single.html">Read More</a> </div> </div> </article><!-- End blog entry --> </div> </div> <div class="blog-pagination" data-aos="fade-up"> <ul class="justify-content-center"> <li class="disabled"><i class="icofont-rounded-left"></i></li> <li><a href="#">1</a></li> <li class="active"><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#"><i class="icofont-rounded-right"></i></a></li> </ul> </div> </div> </section><!-- End Blog Section --> </main><!-- End #main --> <!-- ======= Footer ======= --> <footer id="footer"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6 footer-contact"> <h3>Flexor</h3> <p> A108 Adam Street <br> New York, NY 535022<br> United States <br><br> <strong>Phone:</strong> +1 5589 55488 55<br> <strong>Email:</strong> info@example.com<br> </p> </div> <div class="col-lg-2 col-md-6 footer-links"> <h4>Useful Links</h4> <ul> <li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li> <li><i class="bx bx-chevron-right"></i> <a href="#">About us</a></li> <li><i class="bx bx-chevron-right"></i> <a href="#">Services</a></li> <li><i class="bx bx-chevron-right"></i> <a href="#">Terms of service</a></li> <li><i class="bx bx-chevron-right"></i> <a href="#">Privacy policy</a></li> </ul> </div> <div class="col-lg-3 col-md-6 footer-links"> <h4>Our Services</h4> <ul> <li><i class="bx bx-chevron-right"></i> <a href="#">Web Design</a></li> <li><i class="bx bx-chevron-right"></i> <a href="#">Web Development</a></li> <li><i class="bx bx-chevron-right"></i> <a href="#">Product Management</a></li> <li><i class="bx bx-chevron-right"></i> <a href="#">Marketing</a></li> <li><i class="bx bx-chevron-right"></i> <a href="#">Graphic Design</a></li> </ul> </div> <div class="col-lg-4 col-md-6 footer-newsletter"> <h4>Join Our Newsletter</h4> <p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p> <form action="" method="post"> <input type="email" name="email"><input type="submit" value="Subscribe"> </form> </div> </div> </div> </div> <div class="container d-lg-flex py-4"> <div class="mr-lg-auto text-center text-lg-left"> <div class="copyright"> © Copyright <strong><span>Flexor</span></strong>. All Rights Reserved </div> <div class="credits"> <!-- All the links in the footer should remain intact. --> <!-- You can delete the links only if you purchased the pro version. --> <!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/flexor-free-multipurpose-bootstrap-template/ --> Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> </div> </div> <div class="social-links text-center text-lg-right pt-3 pt-lg-0"> <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a> <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a> <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a> <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a> <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a> </div> </div> </footer><!-- End Footer --> <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a> <!-- Vendor JS Files --> <script src="assets/vendor/jquery/jquery.min.js"></script> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script> <script src="assets/vendor/jquery-sticky/jquery.sticky.js"></script> <script src="assets/vendor/venobox/venobox.min.js"></script> <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="assets/vendor/aos/aos.js"></script> <!-- Template Main JS File --> <script src="assets/js/main.js"></script> </body> </html>