## Blog

- Home
- Shortcodes
- Blog

## Blog style 1

## From The Blog

30

June, 2021

#### Farniture drawing 2021

89 Like 59 Comments 29 Share

There are many variations of passages of Lorem Ipsum available, but the majority have suffered If you are going to use a passage Lorem Ipsum, you alteration in some form.

Read more...
30

June, 2021

#### Farniture drawing 2021

89 Like 59 Comments 29 Share

There are many variations of passages of Lorem Ipsum available, but the majority have suffered If you are going to use a passage Lorem Ipsum, you alteration in some form.

Read more...

        <!-- Section-title start -->
        <div class="row">
        <div class="col-lg-12">
        <div class="section-title text-center">
        <h2 class="title-border">From The Blog</h2>
        </div>
        </div>
        </div>
        <!-- Section-title end -->
        <div class="row">
        <!-- Single-blog start -->
        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
        <div class="single-blog mt-30">
        <div class="row">
        <div class="col-lg-6 col-md-7 col-sm-7 col-xs-12">
        <div class="blog-info">
        <div class="post-meta fix">
        <div class="post-date floatleft"><span class="text-dark-red">30</span></div>
        <div class="post-year floatleft">
        <p class="text-uppercase text-dark-red mb-0">June, 2021</p>
        <h4 class="post-title"><a href="#" tabindex="0">Farniture drawing 2021</a></h4>
        </div>
        </div>
        <div class="like-share fix">
        <a href="#"><i class="zmdi zmdi-favorite"></i><span>89 Like</span></a>
        <a href="#"><i class="zmdi zmdi-comments"></i><span>59 Comments</span></a>
        <a href="#"><i class="zmdi zmdi-share"></i><span>29 Share</span></a>
        </div>
        <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered If you are going to use a passage  Lorem Ipsum, you alteration in some form.</p>
        <a href="#" class="button-2 text-dark-red">Read more...</a>
        </div>
        </div>
        <div class="col-lg-6 col-md-5 col-sm-5 col-xs-12">
        <div class="blog-photo">
        <a href="#"><img src="img/blog/1.jpg" alt="" /></a>
        </div>
        </div>
        </div>
        </div>
        </div>
        <!-- Single-blog end -->
        <!-- Single-blog start -->
        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
        <div class="single-blog mt-30">
        <div class="row">
        <div class="col-lg-6 col-md-7 col-sm-7 col-xs-12">
        <div class="blog-info">
        <div class="post-meta fix">
        <div class="post-date floatleft"><span class="text-dark-red">30</span></div>
        <div class="post-year floatleft">
        <p class="text-uppercase text-dark-red mb-0">June, 2021</p>
        <h4 class="post-title"><a href="#" tabindex="0">Farniture drawing 2021</a></h4>
        </div>
        </div>
        <div class="like-share fix">
        <a href="#"><i class="zmdi zmdi-favorite"></i><span>89 Like</span></a>
        <a href="#"><i class="zmdi zmdi-comments"></i><span>59 Comments</span></a>
        <a href="#"><i class="zmdi zmdi-share"></i><span>29 Share</span></a>
        </div>
        <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered If you are going to use a passage  Lorem Ipsum, you alteration in some form.</p>
        <a href="#" class="button-2 text-dark-red">Read more...</a>
        </div>
        </div>
        <div class="col-lg-6 col-md-5 col-sm-5 col-xs-12">
        <div class="blog-photo">
        <a href="#"><img src="img/blog/2.jpg" alt="" /></a>
        </div>
        </div>
        </div>
        </div>
        </div>
        <!-- Single-blog end -->
        </div>

        .blog-area {}
        .single-blog { transition: all 0.5s ease 0s;}
        .post-date {
        border: 1px solid #d6948c;
        height: 40px;
        line-height: 38px;
        text-align: center;
        width: 40px;
        }
        .post-date span {
        font-size: 20px;
        font-weight: 700;
        }
        .post-year { padding-left: 10px;}
        .post-year p {font-weight: 700;}
        .like-share {padding: 12px 0;}
        .like-share a {
        color: #999;
        float: left;
        font-size: 12px;
        line-height: 14px;
        margin-right: 20px;
        }
        .like-share a:hover { color: #c87065;}
        .like-share a:last-child { margin-right: 0;}
        .like-share a i { padding: 0 8px 0 2px;}
        .blog-photo { overflow: hidden;}
        .single-blog:hover .blog-photo img { transform: scale(1.1);}
        .blog-photo img {
        width: 100%;
        transition: all 0.5s ease 0s;
        }
        .blog-photo a { display: block;}