blog page and blog details page added with header and footer change

This commit is contained in:
sujan
2024-09-29 12:39:31 +05:45
parent 25c3900ef1
commit 96cc0d81c1
10 changed files with 766 additions and 5522 deletions

225
blog.php Normal file
View File

@ -0,0 +1,225 @@
<?php include('header.php')?>
<!--Page Header Start-->
<section class="page-header">
<div class="page-header-bg" style="background-image: url('assets/images/backgrounds/page-header-bg.jpg')"> </div>
<div class="container">
<div class="page-header__inner">
<h2>Blog Posts</h2>
<ul class="thm-breadcrumb list-unstyled">
<li><a href="index.html">Home</a></li>
<li><span>-</span></li>
<li class="active">Blog Posts</li>
</ul>
</div>
</div>
</section>
<!--Page Header End-->
<!--Blog One Start-->
<section class="blog-page">
<div class="container">
<div class="row">
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img"> <img src="assets/images/blog/blog-1-1.jpg" alt=""> <a href="blog-details.php"> <span class="blog-one__plus"></span> </a> </div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img"> <img src="assets/images/blog/blog-one-user-img-1.jpg" alt=""> </div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.php">Vaccination Requirements for
Immigrant
Visa Applicants</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow"> <a href="blog-details.php"><i class="icon-up-right"></i></a> </div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img"> <img src="assets/images/blog/blog-1-2.jpg" alt=""> <a href="blog-details.php"> <span class="blog-one__plus"></span> </a> </div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img"> <img src="assets/images/blog/blog-one-user-img-1.jpg" alt=""> </div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.php">How to Ensure Direct for the
Hassle-Free Visa Process</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow"> <a href="blog-details.php"><i class="icon-up-right"></i></a> </div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img"> <img src="assets/images/blog/blog-1-3.jpg" alt=""> <a href="blog-details.php"> <span class="blog-one__plus"></span> </a> </div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img"> <img src="assets/images/blog/blog-one-user-img-1.jpg" alt=""> </div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.php">Citizenship Concept on How to
Become a UK Resident</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow"> <a href="blog-details.php"><i class="icon-up-right"></i></a> </div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img"> <img src="assets/images/blog/blog-1-4.jpg" alt=""> <a href="blog-details.php"> <span class="blog-one__plus"></span> </a> </div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img"> <img src="assets/images/blog/blog-one-user-img-1.jpg" alt=""> </div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.php">It has survived not only five
centuries, but also</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow"> <a href="blog-details.php"><i class="icon-up-right"></i></a> </div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img"> <img src="assets/images/blog/blog-1-5.jpg" alt=""> <a href="blog-details.php"> <span class="blog-one__plus"></span> </a> </div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img"> <img src="assets/images/blog/blog-one-user-img-1.jpg" alt=""> </div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.php">When an unknown printer took a
galley of type</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow"> <a href="blog-details.php"><i class="icon-up-right"></i></a> </div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img"> <img src="assets/images/blog/blog-1-6.jpg" alt=""> <a href="blog-details.php"> <span class="blog-one__plus"></span> </a> </div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img"> <img src="assets/images/blog/blog-one-user-img-1.jpg" alt=""> </div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.php">There are many of simple lorem
available for not</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow"> <a href="blog-details.php"><i class="icon-up-right"></i></a> </div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
</div>
</div>
</section>
<!--Blog One End-->
<?php include('footer.php')?>