D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home1
/
netbooks
/
public_html
/
__lomaker
/
Filename :
blog-4col.html
back
Copy
<!DOCTYPE html> <html lang="en"> <head> <!-- ================== Basics =================== --> <title>Blog Grid 4 Columns</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"> <!-- ================== 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 grid 4 columns </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 Grid 4 Columns </li> </ul> </div> </div> </div> </div> </section> <!-- End Navigation --> <!-- Blog Grid 2 --> <div class="blog1 blog2"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div id="filter-wrap"> <ul id="filter" class="ul--no-style ul--inline"> <li class="active"> <span data-filter="*">All</span> </li> <li> <span data-filter=".design">Design Knowledge</span> </li> <li> <span data-filter=".trick">Tricks and Tips</span> </li> <li> <span data-filter=".exper">Interior Experiences</span> </li> <li> <span data-filter=".qna">Q&A</span> </li> </ul> </div> </div> </div> <div id="isotope-grid" class="clearfix"> <div class="col-lg-3 col-md-6 item design"> <div class="blog-item"> <div class="img-blog"> <a href="#"> <img alt="Blog 1" src="img/blog-31.jpg"> </a> </div> <div class="blog-content"> <h4 class="blog-title"> <a href="">Minimalist style 2017</a> </h4> <p class="blog-meta"> <em class="author">By AThony Lee</em> <em class="cate">Design Knowledge</em> <em class="time">Apr 24,2017</em> </p> <p> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit audolor sit amet .... </p> </div> </div> </div> <!-- End Item --> <div class="col-lg-3 col-md-6 item exper"> <div class="blog-item"> <div class="img-blog"> <a href="#"> <img alt="Blog 2" src="img/blog-32.jpg"> </a> </div> <div class="blog-content"> <h4 class="blog-title"> <a href="">Best resort in uk</a> </h4> <p class="blog-meta"> <em class="author">By Mike Song</em> <em class="cate">Interior Experiences</em> <em class="time">Dec 14,2017</em> </p> <p> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit audolor sit amet .... </p> </div> </div> </div> <!-- End Item --> <div class="col-lg-3 col-md-6 item trick"> <div class="blog-item"> <div class="img-blog"> <a href="#"> <img alt="Blog 3" src="img/blog-33.jpg"> </a> </div> <div class="blog-content"> <h4 class="blog-title"> <a href="">5 things will every room need</a> </h4> <p class="blog-meta"> <em class="author">By Jawn Ha</em> <em class="cate">Tricks and Tips</em> <em class="time">Nov 24,2017</em> </p> <p> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit audolor sit amet .... </p> </div> </div> </div> <!-- End Item --> <div class="col-lg-3 col-md-6 item design"> <div class="blog-item"> <div class="img-blog"> <a href="#"> <img alt="Blog 4" src="img/blog-34.jpg"> </a> </div> <div class="blog-content"> <h4 class="blog-title"> <a href="">simple is the best</a> </h4> <p class="blog-meta"> <em class="author">By Lake Louthor</em> <em class="cate">Design Knowledge</em> <em class="time">Apr 24,2017</em> </p> <p> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit audolor sit amet .... </p> </div> </div> </div> <!-- End Item --> <div class="col-lg-3 col-md-6 item qna"> <div class="blog-item"> <div class="img-blog"> <a href="#"> <img alt="Blog 5" src="img/blog-35.jpg"> </a> </div> <div class="blog-content"> <h4 class="blog-title"> <a href="">Black or White?</a> </h4> <p class="blog-meta"> <em class="author">By Lucy Green</em> <em class="cate">Q&A</em> <em class="time">Apr 14,2017</em> </p> <p> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit audolor sit amet .... </p> </div> </div> </div> <!-- End Item --> <div class="col-lg-3 col-md-6 item exper"> <div class="blog-item"> <div class="img-blog"> <a href="#"> <img alt="Blog 5" src="img/blog-36.jpg"> </a> </div> <div class="blog-content"> <h4 class="blog-title"> <a href="">Best office interior in uk 2017</a> </h4> <p class="blog-meta"> <em class="author">By Lebrond</em> <em class="cate">Interior Experiences</em> <em class="time">jan 09,2017</em> </p> <p> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit audolor sit amet .... </p> </div> </div> </div> <!-- End Item --> <div class="col-lg-3 col-md-6 item design"> <div class="blog-item"> <div class="img-blog"> <a href="#"> <img alt="Blog 7" src="img/blog-37.jpg"> </a> </div> <div class="blog-content"> <h4 class="blog-title"> <a href="">time to change your place</a> </h4> <p class="blog-meta"> <em class="author">By Mike song</em> <em class="cate">Interior Experiences</em> <em class="time">dec 14,2017</em> </p> <p> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit audolor sit amet .... </p> </div> </div> </div> <!-- End Item --> <div class="col-lg-3 col-md-6 item qna"> <div class="blog-item"> <div class="img-blog"> <a href="#"> <img alt="Blog 8" src="img/blog-38.jpg"> </a> </div> <div class="blog-content"> <h4 class="blog-title"> <a href="">wood items , yes or no?</a> </h4> <p class="blog-meta"> <em class="author">By Jawn Ha</em> <em class="cate">Q&A</em> <em class="time">nov 24,2017</em> </p> <p> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit audolor sit amet .... </p> </div> </div> </div> <!-- End Item --> </div> </div> </div> <!-- End Blog Grid 2 --> <!-- Contact --> <section class="contact"> <div class="parallax parallax--contact parallax--contact1"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="contact__inner clearfix"> <p class="contact__content"> We are the reliable partner to help you complete the work </p> <a href="contact.html" class="au-btn au-btn--big au-btn--pill au-btn--dark">Contact Now</a> </div> </div> </div> </div> </div> </section> <!-- End Contact --> <!-- 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/isotope/isotope.pkgd.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/isotope-custom.js"></script> </body> </html>