---
layout: default
title: Trang chủ
---

<section class="section first-section">
	<div class="container-fluid">
		<div class="masonry-blog clearfix">
			<div class="left-side">
				<div class="masonry-box post-media">
					<img src="{{ site.baseurl }}/assets/images/bai-noi-bat-1.png" alt="" class="img-fluid">
					<div class="shadoweffect">
						<div class="shadow-desc">
							<div class="blog-meta">
								<!-- <span class="bg-aqua"><a href="{% link _pages/outstanding-left.html %}" title="">Giới thiệu</a></span> -->
								<h4><a href="{% link _pages/outstanding-left.html %}" title="">Giới thiệu bản thân</a></h4>
								<small><a href="#" title="">10 Apr, 2021</a></small>
								<small><a href="#" title="">by Quinny</a></small>
							</div><!-- end meta -->
						</div><!-- end shadow-desc -->
					</div><!-- end shadow -->
				</div><!-- end post-media -->
			</div><!-- end left-side -->

			<div class="center-side">
				<div class="masonry-box post-media">
					<img src="{{ site.baseurl }}/assets/images/bai-noi-bat-22.png" alt="" class="img-fluid">
					<div class="shadoweffect">
						<div class="shadow-desc">
							<div class="blog-meta">
								<!-- <span class="bg-aqua"><a href="{% link _pages/outstanding-mid.html %}" title="">Outdoor</a></span> -->
								<h4><a href="{% link _pages/outstanding-mid.html %}" title="">1m5 Club: Phong cách ăn mặc đẹp của 1000 người phụ nữ chỉ 1m5</a></h4>
								<small><a href="#" title="">11 Apr, 2021</a></small>
								<small><a href="#" title="">by Quinny</a></small>
							</div><!-- end meta -->
						</div><!-- end shadow-desc -->
					</div><!-- end shadow -->
				</div><!-- end post-media -->
			</div><!-- end left-side -->

			<div class="right-side hidden-md-down">
				<div class="masonry-box post-media">
					<img src="{{ site.baseurl }}/assets/images/bai-noi-bat-3.png" alt="" class="img-fluid">
					<div class="shadoweffect">
						<div class="shadow-desc">
							<div class="blog-meta">
								<!-- <span class="bg-aqua"><a href="{% link _pages/outstanding-right.html %}" title="">Indoor</a></span> -->
								<h4><a href="{% link _pages/outstanding-right.html %}" title="">Chị Đẹp Nhật Thảo: Yêu thời trang và luôn biết nhược điểm bản thân để tìm ra sự lựa chọn phù hợp</a></h4>
								<small><a href="#" title="">11 Apr, 2021</a></small>
								<small><a href="#" title="">by Quinny</a></small>
							</div><!-- end meta -->
						</div><!-- end shadow-desc -->
					</div><!-- end shadow -->
				</div><!-- end post-media -->
			</div><!-- end right-side -->
		</div><!-- end masonry -->
	</div>
</section>

<section class="section wb">
	<div class="container">
		<div class="row">
			<div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
				<div class="page-wrapper">
					<div class="blog-list clearfix">
						{% for post in paginator.posts %}
							<div class="blog-box row">
								<div class="col-md-4">
									<div class="post-media">
										<a href="{{ post.url }}" title="">
											<img src="{{ post.image }}" alt="" class="img-fluid">
											<div class="hovereffect"></div>
										</a>
									</div><!-- end media -->
								</div><!-- end col -->

								<div class="blog-meta big-meta col-md-8">
									<span class="bg-aqua"><a href="{{ post.url }}" title="">{{ post.category }}</a></span>
									<h4><a href="{{ post.url }}" title="">{{ post.title }}</a></h4>
									<p>{{ post.excerpt }}</p>
									<small><a href="#" title=""><i class="fa fa-eye"></i>1887</a></small>
									<small><a href="#" title="">{{ post.date }}</a></small>
									<small><a href="#" title="">by {{ post.author }}</a></small>
								</div><!-- end meta -->
							</div><!-- end blog-box -->

							<hr class="invis">
						{% endfor %}

						<div class="row">
							<div class="col-lg-10 offset-lg-1">
								<div class="banner-spot clearfix">
									<div class="banner-img">
										<a href="https://www.facebook.com/groups/806126216978160" target="_blank">
											<img src="{{ site.baseurl }}/assets/images/ads_2.png" alt="" class="img-fluid">
										</a>
									</div><!-- end banner-img -->
								</div><!-- end banner -->
							</div><!-- end col -->
						</div><!-- end row -->

						<hr class="invis">
					</div><!-- end blog-list -->
				</div><!-- end page-wrapper -->

				<hr class="invis">

				<div class="row">
					<div class="col-md-12">
						<!-- Pagination links -->
						<nav aria-label="Page navigation">
                            <ul class="pagination justify-content-start">
                                {% if paginator.previous_page %}
                                    {% if paginator.previous_page == 1 %}
                                    <li class="page-item">
                                        <a class="page-link" href="/">&laquo;</a>
                                    </li>
                                    {% else %}
                                    <li class="page-item">
                                        <a class="page-link" href="{{ paginator.previous_page_path | relative_url }}">&laquo; Trước</a>
                                    </li>
                                    {% endif %}
                                {% else %}
                                    <li class="disabled page-item">
                                        <a class="page-link" href="#">&laquo; Trước</a>
                                    </li>
                                {% endif %}
                                {% if paginator.page == 1 %}
                                    <li class="active-blog page-item">
                                        <a class="page-link" href="#">1</a>
                                    </li>
                                {% else %}
                                    <li class="page-item page-item">
                                        <a class="page-link" href="{% link blogs/index.html %}">1</a>
                                    </li>
                                {% endif %}
                                {% for count in (2..paginator.total_pages) %}
                                    {% if count == paginator.page %}
                                        <li class="active-blog page-item">
                                            <a class="page-link" href="#">{{count}}</a>
                                        </li>
                                    {% else %}
                                        <li class="page-item">
                                            <a class="page-link" href="{{ site.paginate_path | relative_url | replace: ':num', count }}">{{count}}</a>
                                        </li>
                                    {% endif %}
                                {% endfor %}
                                {% if paginator.next_page %}
                                    <li class="page-item">
                                        <a class="page-link" href="{{ paginator.next_page_path | relative_url }}">Sau &raquo;</a>
                                    </li>
                                {% else %}
                                    <li class="disabled page-item">
                                        <a class="page-link" href="#">Sau &raquo;</a>
                                    </li>
                                {% endif %}
                            </ul>
                        </nav>
					</div><!-- end col -->
				</div><!-- end row -->
			</div><!-- end col -->

			<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
				<div class="sidebar">
					<div class="widget">
						<h2 class="widget-title">Tìm kiếm</h2>
						<form class="form-inline search-form">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="Tìm kiếm">
							</div>
							<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>
						</form>
					</div><!-- end widget -->

					<div class="widget">
						<h2 class="widget-title">Bài viết gần đây</h2>
						<div class="blog-list-widget">
							<div class="list-group">
								<a href="{% post_url 2021-04-23-cach-phoi-do-de-keo-chan-cho-nam-lun %}"
									class="list-group-item list-group-item-action flex-column align-items-start">
									<div class="w-100 justify-content-between">
										<img src="{{ site.baseurl }}/assets/images/bai-viet-11.png" alt="" class="img-fluid float-left">
										<h5 class="mb-1">Cách phối đồ để kéo chân cho nấm lùn</h5>
										<small>30 Apr, 2021</small>
									</div>
								</a>

								<a href="{% post_url 2021-04-22-bi-quyet-an-mac-de-trong-quyen-luc-cho-co-nang-nam-lun %}"
									class="list-group-item list-group-item-action flex-column align-items-start">
									<div class="w-100 justify-content-between">
										<img src="{{ site.baseurl }}/assets/images/bai-viet-10.png" alt="" class="img-fluid float-left">
										<h5 class="mb-1">8 bí quyết ăn mặc để trông quyền lực cho cô nàng nấm lùn</h5>
										<small>1 May, 2021</small>
									</div>
								</a>

								<a href="{% post_url 2021-04-21-cach-mac-quan-jeans-lam-mong-thon-gon-hon %}"
									class="list-group-item list-group-item-action flex-column align-items-start">
									<div class="w-100 last-item justify-content-between">
										<img src="{{ site.baseurl }}/assets/images/bai-viet-9.png" alt="" class="img-fluid float-left">
										<h5 class="mb-1">Cách mặc quần jean để làm mông thon gọn hơn</h5>
										<small>1 May, 2021</small>
									</div>
								</a>
							</div>
						</div><!-- end blog-list -->
					</div><!-- end widget -->

					<div class="widget">
						<h2 class="widget-title">Advertising</h2>
						<div class="banner-spot clearfix">
							<div class="banner-img">
								<img src="{{ site.baseurl }}/assets/images/ads_1.png" alt="" class="img-fluid">
							</div><!-- end banner-img -->
						</div><!-- end banner -->
					</div><!-- end widget -->

					<div class="widget">
						<h2 class="widget-title">Instagram Feed</h2>
						<div class="instagram-wrapper clearfix">
							<a href="{% post_url 2021-04-13-nam-lun-co-nen-mang-bot %}"><img src="{{ site.baseurl }}/assets/images/bai-insta-1.png" alt="" class="img-fluid"></a>
							<a href="{% post_url 2021-04-13-nam-lun-co-nen-mang-bot %}"><img src="{{ site.baseurl }}/assets/images/bai-insta-2.png" alt="" class="img-fluid"></a>
							<a href="{% post_url 2021-04-13-nam-lun-co-nen-mang-bot %}"><img src="{{ site.baseurl }}/assets/images/bai-insta-3.png" alt="" class="img-fluid"></a>
							<a href="{% post_url 2021-04-13-nam-lun-co-nen-mang-bot %}"><img src="{{ site.baseurl }}/assets/images/bai-insta-4.png" alt="" class="img-fluid"></a>
							<a href="{% post_url 2021-04-13-nam-lun-co-nen-mang-bot %}"><img src="{{ site.baseurl }}/assets/images/bai-insta-5.png" alt="" class="img-fluid"></a>
							<a href="{% post_url 2021-04-14-phoi-do %}"><img src="{{ site.baseurl }}/assets/images/ins_01.png" alt="" class="img-fluid"></a>
							<a href="{% post_url 2021-04-14-phoi-do %}"><img src="{{ site.baseurl }}/assets/images/ins_02.png" alt="" class="img-fluid"></a>
							<a href="{% post_url 2021-04-14-phoi-do %}"><img src="{{ site.baseurl }}/assets/images/ins_03.png" alt="" class="img-fluid"></a>
							<a href="{% post_url 2021-04-14-phoi-do %}"><img src="{{ site.baseurl }}/assets/images/ins_04.png" alt="" class="img-fluid"></a>
						</div><!-- end Instagram wrapper -->
					</div><!-- end widget -->

					<div class="widget">
						<h2 class="widget-title">Danh Mục</h2>
						<div class="link-widget">
							<ul>
								<li><a href="{% link pagehackdang/pagehackdang.html %}">Hack Dáng <span>(21)</span></a></li>
								<li><a href="{% link pagephoido/pagephoido.html %}">Phối Đồ <span>(15)</span></a></li>
								<li><a href="{% link pagebodytype/pagebodytype.html %}">Body Type <span>(31)</span></a></li>
								<li><a href="{% link pagemactheodip/pagemactheodip.html %}">Mặc Theo Dịp <span>(22)</span></a></li>
								<li><a href="{% link pagemactheostyle/pagemactheostyle.html %}">Mặc Theo Style <span>(66)</span></a></li>
								<li><a href="{% link pagechupanh/pagechupanh.html %}">Chụp Ảnh <span>(66)</span></a></li>
								<li><a href="{% link pageclub/pageclub.html %}">1m5 Club <span>(66)</span></a></li>
							</ul>
						</div><!-- end link-widget -->
					</div><!-- end widget -->
				</div><!-- end sidebar -->
			</div><!-- end col -->
		</div><!-- end row -->
	</div><!-- end container -->
</section>