D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home1
/
netbooks
/
public_html
/
__lomaker
/
Filename :
blog-list.html
back
Copy
<!DOCTYPE html> <html lang="en"> <head> <!-- ================== Basics =================== --> <title>Blog List</title> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" type="text/css" href="font/mdi-font/css/material-design-iconic-font.min.css"> <!-- ================== Font =================== --> <link rel="stylesheet" type="text/css" href="font/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="font/mdi-font/css/material-design-iconic-font.min.css"> <!-- ================== Vendor CSS =================== --> <link rel="stylesheet" type="text/css" href="vendor/bootstrap4/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="vendor/owl-carousel/animate.css"> <link rel="stylesheet" type="text/css" href="vendor/owl-carousel/owl.carousel.min.css"> <link rel="stylesheet" type="text/css" href="vendor/owl-carousel/owl.theme.default.min.css"> <!-- Main CSS --> <link rel="stylesheet" type="text/css" href="css/font.css"> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <!-- Page Loader --> <div id="page-loader"> <div class="page-loader__inner"> <div class="page-loader__spin"></div> </div> </div> <!-- End Page Loader --> <!-- Page Wrap --> <div class="page-wrap"> <!-- Header Stick --> <header class="header-stick"> <div class="container clearfix"> <h1 class="logo pull-left"> <a href="index.html"> <img alt="Logo" src="img/logo-black.png"> </a> </h1> <nav class="menu-desktop pull-right"> <ul class="ul--inline ul--no-style"> <li class="li-has-sub"> <a href="index.html"> Home </a> <ul class="sub-menu ul--no-style"> <li> <a href="index.html"> Home Page 1 </a> </li> <li> <a href="index2.html"> Home Page 2 </a> </li> <li> <a href="index3.html"> Home Page 3 </a> </li> <li> <a href="index4.html"> Home Page 4 </a> </li> <li> <a href="index5.html"> Home Page 5 </a> </li> <li> <a href="index6.html"> Home Page 6 </a> </li> </ul> </li> <li class="li-has-sub"> <a href="project-2col-v1.html"> Projects </a> <ul class="sub-menu ul--no-style"> <li> <a href="project-2col-v1.html"> Project 2 Column v1 </a> </li> <li> <a href="project-2col-v2.html"> Project 2 Column v2 </a> </li> <li> <a href="project-3col-v1.html"> Project 3 Column v1 </a> </li> <li> <a href="project-3col-v2.html"> Project 3 Column v2 </a> </li> <li> <a href="project-4col-v1.html"> Project 4 Column v1 </a> </li> <li> <a href="project-4col-v2.html"> Project 4 Column v2 </a> </li> </ul> </li> <li class="li-has-sub"> <a href="service-list.html"> Services </a> <ul class="sub-menu ul--no-style"> <li> <a href="service-list.html"> Services List </a> </li> <li> <a href="service-v1.html"> Services v1 </a> </li> <li> <a href="service-v2.html"> Services v2 </a> </li> </ul> </li> <li class="li-has-sub"> <a href=""> Pages </a> <ul class="sub-menu ul--no-style"> <li> <a href="portfolio-detail-v1.html"> Portfolio Detail v1 </a> </li> <li> <a href="portfolio-detail-v2.html"> Portfolio Detail v2 </a> </li> <li> <a href="portfolio-detail-v3.html"> Portfolio Detail v3 </a> </li> <li> <a href="about-us.html"> About Us </a> </li> <li> <a href="testimonial.html"> Tesimonial </a> </li> <li> <a href="our-process.html"> Our Process </a> </li> <li> <a href="404page.html"> 404 page </a> </li> </ul> </li> <li class="li-has-sub"> <a href="blog-list.html"> Blog </a> <ul class="sub-menu ul--no-style"> <li> <a href="blog-list.html"> Blog List </a> </li> <li> <a href="blog-detail.html"> Blog Detail </a> </li> <li> <a href="blog-2col.html"> Blog 2 Column </a> </li> <li> <a href="blog-3col.html"> Blog 3 Column </a> </li> <li> <a href="blog-4col.html"> Blog 4 Column </a> </li> </ul> </li> <li class="li-has-sub"> <a href="product.html"> Shop </a> <ul class="sub-menu ul--no-style"> <li> <a href="product.html"> Product </a> </li> <li> <a href="single-product.html"> Product Detail </a> </li> <li> <a href="cart.html"> Cart </a> </li> <li> <a href="checkout.html"> Checkout </a> </li> </ul> </li> <li> <a href="contact.html"> Contact </a> </li> </ul> </nav> </div> </header> <!-- End Header Stick --> <!-- Header Desktop --> <header class="header-desktop header1"> <div class="container clearfix"> <h1 class="logo pull-left"> <a href="index.html"> <img alt="logo" src="img/logo-black.png"> </a> </h1> <div class="header-button pull-right clearfix"> <div class="canvas-menu-button pull-right"> <a href="#" onclick="return false;"> <i class="zmdi zmdi-menu"></i> </a> </div> <div class="mini-cart pull-right"> <a href="" id="cart-button" onclick="return false;"> <i class="zmdi zmdi-case"></i> <span class="mini-cart-counter">2</span> </a> <div class="cart-dropdown cart-dropdown--hidden"> <ul class="cart-list ul--no-style"> <li> <div class="cart__item"> <div class="img-thumb"> <img alt="Hand Made Chair" src="img/cart-item-01.jpg"> <span class="mini-cart-counter mini-cart-counter--gray"> 1 </span> </div> <div class="pro-detail"> <h6> <a href="single-product.html"> Handmade Wood Chair </a> </h6> <p> <em> Price : $ 2,65 </em> </p> </div> </div> </li> <li> <div class="cart__item"> <div class="img-thumb"> <img alt="Basket Chair" src="img/cart-item-02.jpg"> <span class="mini-cart-counter mini-cart-counter--gray"> 2 </span> </div> <div class="pro-detail"> <h6> <a href="single-product.html"> Basket Chair </a> </h6> <p> <em> Price : $ 4.15 </em> </p> </div> </div> </li> </ul> <div class="total-checkout"> <p class="total"> Subtotal : <span class="sum"> $10,95 </span> </p> <div class="checkout"> <a href="cart.html" class="au-btn au-btn--small au-btn--pill au-btn--border au-btn--gray m-r-15">My cart</a> <a href="checkout.html" class="au-btn au-btn--small au-btn--pill au-btn--border au-btn--gray">Checkout</a> </div> </div> </div> </div> <div class="search-button pull-right clearfix"> <a class="search-button__btn" href="#" onclick="return false;"> <i class="zmdi zmdi-search"></i> </a> <form class="form form-header pull-left" role="form"> <input type="text" id="header-input" class="form__input form__input--hidden" placeholder="Search here..."> </form> </div> </div> <nav class="menu-desktop menu-desktop--show pull-right"> <ul class="ul--inline ul--no-style"> <li class="li-has-sub"> <a href="index.html"> Home </a> <ul class="sub-menu ul--no-style"> <li> <a href="index.html"> Home Page 1 </a> </li> <li> <a href="index2.html"> Home Page 2 </a> </li> <li> <a href="index3.html"> Home Page 3 </a> </li> <li> <a href="index4.html"> Home Page 4 </a> </li> <li> <a href="index5.html"> Home Page 5 </a> </li> <li> <a href="index6.html"> Home Page 6 </a> </li> </ul> </li> <li class="li-has-sub"> <a href="project-2col-v1.html"> Projects </a> <ul class="sub-menu ul--no-style"> <li> <a href="project-2col-v1.html"> Project 2 Column v1 </a> </li> <li> <a href="project-2col-v2.html"> Project 2 Column v2 </a> </li> <li> <a href="project-3col-v1.html"> Project 3 Column v1 </a> </li> <li> <a href="project-3col-v2.html"> Project 3 Column v2 </a> </li> <li> <a href="project-4col-v1.html"> Project 4 Column v1 </a> </li> <li> <a href="project-4col-v2.html"> Project 4 Column v2 </a> </li> </ul> </li> <li class="li-has-sub"> <a href="service-list.html"> Services </a> <ul class="sub-menu ul--no-style"> <li> <a href="service-list.html"> Services List </a> </li> <li> <a href="service-v1.html"> Services v1 </a> </li> <li> <a href="service-v2.html"> Services v2 </a> </li> </ul> </li> <li class="li-has-sub"> <a href=""> Pages </a> <ul class="sub-menu ul--no-style"> <li> <a href="portfolio-detail-v1.html"> Portfolio Detail v1 </a> </li> <li> <a href="portfolio-detail-v2.html"> Portfolio Detail v2 </a> </li> <li> <a href="portfolio-detail-v3.html"> Portfolio Detail v3 </a> </li> <li> <a href="about-us.html"> About Us </a> </li> <li> <a href="testimonial.html"> Tesimonial </a> </li> <li> <a href="our-process.html"> Our Process </a> </li> <li> <a href="404page.html"> 404 page </a> </li> </ul> </li> <li class="li-has-sub"> <a href="blog-list.html"> Blog </a> <ul class="sub-menu ul--no-style"> <li> <a href="blog-list.html"> Blog List </a> </li> <li> <a href="blog-detail.html"> Blog Detail </a> </li> <li> <a href="blog-2col.html"> Blog 2 Column </a> </li> <li> <a href="blog-3col.html"> Blog 3 Column </a> </li> <li> <a href="blog-4col.html"> Blog 4 Column </a> </li> </ul> </li> <li class="li-has-sub"> <a href="product.html"> Shop </a> <ul class="sub-menu ul--no-style"> <li> <a href="product.html"> Product </a> </li> <li> <a href="single-product.html"> Product Detail </a> </li> <li> <a href="cart.html"> Cart </a> </li> <li> <a href="checkout.html"> Checkout </a> </li> </ul> </li> <li> <a href="contact.html"> Contact </a> </li> </ul> </nav> </div> </header> <!-- End Header Desktop --> <!-- Menu Canvas --> <div id="menu-canvas" class="menu-canvas--hidden"> <div class="menu-canvas__inner"> <div class="close-menu-canvas"> <i class="zmdi zmdi-close" id="btn-close"></i> </div> <h1 class="logo"> <a href="index.html"> <img alt="Logo" src="img/logo-white.png"> </a> </h1> <div class="menu-canvas-slide"> <div class="menu-canvas__image"> <div id="sync1" class="owl-carousel owl-theme"> <div class="item"> <img alt="Project 1" src="img/item-menu-canvas-01.jpg"> </div> <div class="item"> <img alt="Project 2" src="img/item-menu-canvas-02.jpg"> </div> </div> </div> <div id="sync2" class="owl-carousel owl-theme"> <p class="item menu-canvas__detail"> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque la udantium </p> <p class="item menu-canvas__detail"> Loren son perspiciatis unde omgi iste natus error sit voluptmen accusantium doloremque la udantium </p> </div> </div> <div class="social"> <a href="" class="social__item"> <i class="zmdi zmdi-facebook"></i> </a> <a href="" class="social__item"> <i class="zmdi zmdi-dribbble"></i> </a> <a href="" class="social__item"> <i class="zmdi zmdi-google"></i> </a> <a href="" class="social__item"> <i class="zmdi zmdi-twitter"></i> </a> <a href="" class="social__item"> <i class="zmdi zmdi-instagram"></i> </a> </div> </div> </div> <!-- End Menu Canvas --> <!-- Header Mobile --> <header class="header-mobile"> <div class="container clearfix"> <h1 class="logo pull-left"> <a href="index.html"> <img alt="Logo" src="img/logo-black.png"> </a> </h1> <a class="menu-mobile__button"> <i class="fa fa-bars"></i> </a> <nav class="menu-mobile hidden"> <ul class="ul--no-style"> <li> <i class="fa fa-plus menu-mobile__more"></i> <a href="index.html"> Home </a> <ul class="ul--no-style hidden"> <li> <a href="index.html"> Home Page 1 </a> </li> <li> <a href="index2.html"> Home Page 2 </a> </li> <li> <a href="index3.html"> Home Page 3 </a> </li> <li> <a href="index4.html"> Home Page 4 </a> </li> <li> <a href="index5.html"> Home Page 5 </a> </li> <li> <a href="index6.html"> Home Page 6 </a> </li> </ul> </li> <li> <i class="fa fa-plus menu-mobile__more"></i> <a href="project-2col-v1.html"> Projects </a> <ul class="ul--no-style hidden"> <li> <a href="project-2col-v1.html"> Project 2 Column v1 </a> </li> <li> <a href="project-2col-v2.html"> Project 2 Column v2 </a> </li> <li> <a href="project-3col-v1.html"> Project 3 Column v1 </a> </li> <li> <a href="project-3col-v2.html"> Project 3 Column v2 </a> </li> <li> <a href="project-4col-v1.html"> Project 4 Column v1 </a> </li> <li> <a href="project-4col-v2.html"> Project 4 Column v2 </a> </li> </ul> </li> <li> <i class="fa fa-plus menu-mobile__more"></i> <a href="service-list.html"> Services </a> <ul class="ul--no-style hidden"> <li> <a href="service-list.html"> Services List </a> </li> <li> <a href="service-v1.html"> Services v1 </a> </li> <li> <a href="service-v2.html"> Services v2 </a> </li> </ul> </li> <li> <i class="fa fa-plus menu-mobile__more"></i> <a href="portfolio-detail-v1.html"> Pages </a> <ul class="ul--no-style hidden"> <li> <a href="portfolio-detail-v1.html"> Portfolio Detail v1 </a> </li> <li> <a href="portfolio-detail-v2.html"> Portfolio Detail v2 </a> </li> <li> <a href="portfolio-detail-v3.html"> Portfolio Detail v3 </a> </li> <li> <a href="about-us.html"> About Us </a> </li> <li> <a href="testimonial.html"> Tesimonial </a> </li> <li> <a href="our-process.html"> Our Process </a> </li> <li> <a href="404page.html"> 404 page </a> </li> </ul> </li> <li> <i class="fa fa-plus menu-mobile__more"></i> <a href="blog-list.html"> Blog </a> <ul class="ul--no-style hidden"> <li> <a href="blog-list.html"> Blog List </a> </li> <li> <a href="blog-detail.html"> Blog Detail </a> </li> <li> <a href="blog-2col.html"> Blog 2 Column </a> </li> <li> <a href="blog-3col.html"> Blog 3 Column </a> </li> <li> <a href="blog-4col.html"> Blog 4 Column </a> </li> </ul> </li> <li> <i class="fa fa-plus menu-mobile__more"></i> <a href="product.html"> Shop </a> <ul class="ul--no-style hidden"> <li> <a href="product.html"> Product </a> </li> <li> <a href="single-product.html"> Product Detail </a> </li> <li> <a href="cart.html"> Cart </a> </li> <li> <a href="checkout.html"> Checkout </a> </li> </ul> </li> <li> <a href="contact.html"> Contact </a> </li> </ul> </nav> </div> </header> <!-- End Header Mobile --> <!-- Navigation --> <section class="navigation"> <div class="parallax parallax--nav-3"> <div class="container clearfix"> <div class="row"> <div class="col-md-12"> <h2> blog list </h2> <ul class="breadcrumbs ul--inline ul--no-style"> <li> <a href="index.html">Home</a> </li> <span>/</span> <li> <a href="">Blogs</a> </li> <span>/</span> <li class="active"> Blog List </li> </ul> </div> </div> </div> </div> </section> <!-- End Navigation --> <!-- Blog List --> <section class="blog-list-wrap"> <div class="container"> <div class="row"> <div class="col-lg-8 col-md-7"> <div class="blog-list"> <div class="blog-item"> <div class="img-blog"> <a href="blog-detail.html"> <img alt="Blog 1" src="img/blog-11.jpg"> <div class="date date--big"> <div class="date__inner"> <span class="day">24</span> <span class="month">dec</span> </div> </div> </a> </div> <div class="blog-content"> <h4 class="blog-title"> <a href="blog-detail.html">Minimalist style 2017</a> </h4> <p class="author"> <em>By AThony Lee</em> </p> <p> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet .... </p> </div> <div class="see-more see-more--left"> <a href="blog-detail.html" class="au-btn au-btn--big au-btn--pill au-btn--yellow au-btn--white">See More</a> </div> </div> <!-- end blog item --> <div class="blog-item"> <div class="img-blog"> <a href="blog-detail.html"> <img alt="Blog 2" src="img/blog-12.jpg"> <div class="date date--big"> <div class="date__inner"> <span class="day">30</span> <span class="month">dec</span> </div> </div> </a> </div> <div class="blog-content"> <h4 class="blog-title"> <a href="blog-detail.html">Desgin is thinking make visual</a> </h4> <p class="author"> <em>By Mike Song</em> </p> <p> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet .... </p> </div> <div class="see-more see-more--left"> <a href="blog-detail.html" class="au-btn au-btn--big au-btn--pill au-btn--yellow au-btn--white">See More</a> </div> </div> <!-- end blog item --> <div class="blog-item"> <div class="img-blog"> <a href="blog-detail.html"> <img alt="Blog 3" src="img/blog-13.jpg"> <div class="date date--big"> <div class="date__inner"> <span class="day">24</span> <span class="month">dec</span> </div> </div> </a> </div> <div class="blog-content"> <h4 class="blog-title"> <a href="blog-detail.html">Minimalist style 2017</a> </h4> <p class="author"> <em>By AThony Lee</em> </p> <p> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet .... </p> </div> <div class="see-more see-more--left"> <a href="blog-detail.html" class="au-btn au-btn--big au-btn--pill au-btn--yellow au-btn--white">See More</a> </div> </div> <!-- end blog item --> </div> <!-- End blog list --> </div> <div class="col-lg-4 col-md-5"> <div class="blog-sidebar"> <div class="blog__search"> <form action="" method="get" role="search" class="search-form"> <input type="text" name="search" placeholder="Search here..."> <button type="submit"> <i class="fa fa-search"></i> </button> </form> </div> <div class="blog__about"> <h4 class="title-sidebar"> about </h4> <p> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia quuntur magni dolores eos qui ratione whattan lolipopz voluptatem sequi nesciunt. Neque porro ququam est, qui dolorem ipsum quia dolor sit amet, cotransectetur, adipisci velit, sed quia non nulock mquam eius modi tempora incidunt ut </p> </div> <div class="blog__recent"> <h4 class="title-sidebar"> Recent Post </h4> <div class="blog__recent-item clearfix"> <div class="img pull-left"> <a href="#"> <img alt="Blog Thumb 1" src="img/blog-item-01.jpg"> </a> </div> <div class="text"> <h6> <a href="#"> details are the key of interior </a> </h6> <p> <em>November , 24 , 2017</em> </p> </div> </div> <!-- End Blog recent item --> <div class="blog__recent-item clearfix"> <div class="img pull-left"> <a href="#"> <img alt="Blog Thumb 2" src="img/blog-item-02.jpg"> </a> </div> <div class="text"> <h6> <a href="#"> morden interior and human ability </a> </h6> <p> <em>November , 15 , 2017</em> </p> </div> </div> <!-- End Blog recent item --> <div class="blog__recent-item clearfix"> <div class="img pull-left"> <a href="#"> <img alt="Blog Thumb 3" src="img/blog-item-03.jpg"> </a> </div> <div class="text"> <h6> <a href="#"> 5 things you need to fix your room </a> </h6> <p> <em>November , 24 , 2017</em> </p> </div> </div> <!-- End Blog recent item --> </div> <ul class="blog__cate ul--no-style"> <h4 class="title-sidebar"> category </h4> <li> <a href=""> Design Knowledge <span> <em>(25 posts)</em> </span> </a> </li> <li> <a href=""> Tricks and Tips <span> <em>(12 posts)</em> </span> </a> </li> <li> <a href=""> Interior Experiences <span> <em>(21 posts)</em> </span> </a> </li> <li> <a href=""> Q&A <span> <em>(09 posts)</em> </span> </a> </li> </ul> <div class="blog__tag-wrap"> <h4 class="title-sidebar"> tags </h4> <div class="blog__tag"> <a href="#"> Art deco </a> <a href="#"> Architecture </a> <a href="#"> ARC </a> <a href="#"> Famous Building 2017 </a> <a href="#"> Au Creative </a> <a href="#"> Resort </a> <a href="#"> Minimalist style </a> <a href="#"> MH </a> </div> </div> </div> </div> </div> </div> </section> <!-- End Blog List --> <!-- Pagination --> <section class="pagination-wrap"> <div class="container clearfix"> <a href="#" class="nav-port pull-left"> <i class="zmdi zmdi-arrow-left"></i> </a> <a href="#" class="nav-port pull-right"> <i class="zmdi zmdi-arrow-right"></i> </a> <ul class="page-number-wrap ul--inline ul--no-style"> <li> <span class="page-number current"> 1 </span> </li> <li> <a href="#" class="page-number"> 2 </a> </li> <li> <a href="#" class="page-number"> 3 </a> </li> </ul> </div> </section> <!-- End Pagination --> <!-- Footer --> <footer class="footer-2"> <div class="overlay overlay--dark"> </div> <div class="parallax parallax--footer"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-7 col-md-9 col-12"> <h1> <a href=""> <img alt="Logo" src="img/logo-white.png"> </a> </h1> <form method="post" class="form-footer"> <input type="text" name="name" class="form__input" placeholder="Your Email..."> <button type="submit" class="au-btn au-btn--yellow au-btn--white au-btn--submit">Send</button> </form> <ul class="ul--inline ul--footer"> <li> <a href="service-list.html">Service</a> </li> <li> <a href="product.html">Product</a> </li> <li> <a href="portfolio-detail-v1.html">Gallery</a> </li> <li> <a href="blog-list.html">Blog</a> </li> <li> <a href="contact.html">Contact</a> </li> </ul> <div class="social"> <a href="" class="social__item social__item--circle"> <i class="zmdi zmdi-facebook"></i> </a> <a href="" class="social__item social__item--circle"> <i class="zmdi zmdi-dribbble"></i> </a> <a href="" class="social__item social__item--circle"> <i class="zmdi zmdi-google"></i> </a> <a href="" class="social__item social__item--circle"> <i class="zmdi zmdi-twitter"></i> </a> <a href="" class="social__item social__item--circle"> <i class="zmdi zmdi-instagram"></i> </a> </div> </div> </div> </div> </div> </footer> <!-- End Footer --> <!-- Copyright --> <section class="copyright"> <div class="container"> <div class="row"> <div class="col-md-12"> Copyright © 2017 Designer by <span>Authemes</span> . All rights reserved </div> </div> </div> </section> <!-- End Copyright --> <!-- Back to top --> <a href="" id="btn-to-top"> <i class="fa fa-chevron-up"></i> </a> <!-- End Back to top --> </div> <!-- End Page Wrap --> <!-- =================== PLUGIN JS ==================== --> <script src="vendor/jquery-3.2.1.min.js" type="text/javascript"></script> <script src="vendor/jquery-migrate-3.0.0.min.js" type="text/javascript"></script> <script src="vendor/wow/wow.min.js" type="text/javascript"></script> <script src="vendor/bootstrap4/popper.min.js" type="text/javascript"></script> <script src="vendor/bootstrap4/bootstrap.min.js" type="text/javascript"></script> <script src="vendor/owl-carousel/owl.carousel.min.js" type="text/javascript"></script> <!-- =================== CUSTOM JS ==================== --> <script type="text/javascript" src="js/main.js"></script> <script type="text/javascript" src="js/wow-custom.js"></script> </body> </html>