331 lines
No EOL
16 KiB
PHP
331 lines
No EOL
16 KiB
PHP
<?php
|
|
include 'partials/header.php'
|
|
?>
|
|
|
|
<section class="featured">
|
|
<div class ="container featured__container">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog1.jpg">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="category-posts.php" class="category__button">Wild Life</a>
|
|
<h2 class="post__info"><a href="post.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid!</a></h2>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. At quidem reiciendis in fuga consequatur eligendi molestiae, magnam assumenda laborum inventore deleniti. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Reprehenderit maxime sapiente dolores iure quae necessitatibus ut perferendis aliquam fugiat cupiditate.
|
|
</p>
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar3.jpg">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Underemployed</h5>
|
|
<small>June 10, 2022 - 07:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- ===================END OF FEATURED================-->
|
|
|
|
<section class="posts">
|
|
|
|
<div class="container posts__container">
|
|
<article class="post">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog3.jpg" alt="">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<h3 class="post__title"><a href="post.php" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem, iusto!</a></h3>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, exercitationem! Minima ipsam obcaecati commodi nam aliquid delectus magnam molestiae nobis?
|
|
</p>
|
|
<div class="post__author">
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar4.jpg" alt="">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Jone titus</h5>
|
|
<small>June 12,2022 - 20:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="post">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog4.jpg" alt="">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<h3 class="post__title"><a href="post.php" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem, iusto!</a></h3>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, exercitationem! Minima ipsam obcaecati commodi nam aliquid delectus magnam molestiae nobis?
|
|
</p>
|
|
<div class="post__author">
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar5.jpg" alt="">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Jone titus</h5>
|
|
<small>June 12,2022 - 20:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="post">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog5.jpg" alt="">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<h3 class="post__title"><a href="post.php" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem, iusto!</a></h3>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, exercitationem! Minima ipsam obcaecati commodi nam aliquid delectus magnam molestiae nobis?
|
|
</p>
|
|
<div class="post__author">
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar6.jpg" alt="">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Jone titus</h5>
|
|
<small>June 12,2022 - 20:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
|
|
<article class="post">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog6.jpg" alt="">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<h3 class="post__title"><a href="post.php" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem, iusto!</a></h3>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, exercitationem! Minima ipsam obcaecati commodi nam aliquid delectus magnam molestiae nobis?
|
|
</p>
|
|
<div class="post__author">
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar7.jpg" alt="">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Jone titus</h5>
|
|
<small>June 12,2022 - 20:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="post">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog7.jpg" alt="">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<h3 class="post__title"><a href="post.php" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem, iusto!</a></h3>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, exercitationem! Minima ipsam obcaecati commodi nam aliquid delectus magnam molestiae nobis?
|
|
</p>
|
|
<div class="post__author">
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar8.jpg" alt="">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Jone titus</h5>
|
|
<small>June 12,2022 - 20:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="post">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog8.jpg" alt="">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<h3 class="post__title"><a href="post.php" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem, iusto!</a></h3>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, exercitationem! Minima ipsam obcaecati commodi nam aliquid delectus magnam molestiae nobis?
|
|
</p>
|
|
<div class="post__author">
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar9.jpg" alt="">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Jone titus</h5>
|
|
<small>June 12,2022 - 20:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="post">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog9.jpg" alt="">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<h3 class="post__title"><a href="post.php" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem, iusto!</a></h3>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, exercitationem! Minima ipsam obcaecati commodi nam aliquid delectus magnam molestiae nobis?
|
|
</p>
|
|
<div class="post__author">
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar10.jpg" alt="">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Jone titus</h5>
|
|
<small>June 12,2022 - 20:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
|
|
<article class="post">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog10.jpg" alt="">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<h3 class="post__title"><a href="post.php" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem, iusto!</a></h3>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, exercitationem! Minima ipsam obcaecati commodi nam aliquid delectus magnam molestiae nobis?
|
|
</p>
|
|
<div class="post__author">
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar11.jpg" alt="">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Jone titus</h5>
|
|
<small>June 12,2022 - 20:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="post">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog11.jpg" alt="">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<h3 class="post__title"><a href="post.php" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem, iusto!</a></h3>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, exercitationem! Minima ipsam obcaecati commodi nam aliquid delectus magnam molestiae nobis?
|
|
</p>
|
|
<div class="post__author">
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar12.jpg" alt="">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Jone titus</h5>
|
|
<small>June 12,2022 - 20:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="post">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog12.jpg" alt="">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<h3 class="post__title"><a href="post.php" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem, iusto!</a></h3>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, exercitationem! Minima ipsam obcaecati commodi nam aliquid delectus magnam molestiae nobis?
|
|
</p>
|
|
<div class="post__author">
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar13.jpg" alt="">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Jone titus</h5>
|
|
<small>June 12,2022 - 20:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="post">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog14.jpg" alt="">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<h3 class="post__title"><a href="post.php" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem, iusto!</a></h3>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, exercitationem! Minima ipsam obcaecati commodi nam aliquid delectus magnam molestiae nobis?
|
|
</p>
|
|
<div class="post__author">
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar14.jpg" alt="">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Jone titus</h5>
|
|
<small>June 12,2022 - 20:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
|
|
<article class="post">
|
|
<div class="post__thumbnail">
|
|
<img src="./images/blog15.jpg" alt="">
|
|
</div>
|
|
<div class="post__info">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<h3 class="post__title"><a href="post.php" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem, iusto!</a></h3>
|
|
<p class="post__body">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, exercitationem! Minima ipsam obcaecati commodi nam aliquid delectus magnam molestiae nobis?
|
|
</p>
|
|
<div class="post__author">
|
|
<div class="post__author-avatar">
|
|
<img src="./images/avatar15.jpg" alt="">
|
|
</div>
|
|
<div class="post__author-info">
|
|
<h5>By: Jone titus</h5>
|
|
<small>June 12,2022 - 20:23</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!--=====================================================================
|
|
==========================END OF THE POSTS===============================
|
|
=================================================================== -->
|
|
<section class="category__buttons">
|
|
<div class="container category__buttons-container">
|
|
<a href="" class="category__button">Wild Life</a>
|
|
<a href="" class="category__button">Music</a>
|
|
<a href="" class="category__button">Movies</a>
|
|
<a href="" class="category__button">Travel</a>
|
|
<a href="" class="category__button">Science & Technology</a>
|
|
<a href="" class="category__button">Food</a>
|
|
</div>
|
|
</section>
|
|
<!--=======================END OF CATEGORY ===================================-->
|
|
<?php
|
|
include './partials/footer.php';
|
|
?>
|