326 lines
15 KiB
PHP
326 lines
15 KiB
PHP
|
<?php
|
||
|
|
include 'partials/header.php'
|
||
|
|
?>
|
||
|
|
<section class="search__bar">
|
||
|
|
<form class="container search__bar-container" action="">
|
||
|
|
<div>
|
||
|
|
<i class="uil uil-search"></i>
|
||
|
|
<input type="search" name="" placeholder="Search">
|
||
|
|
<button type="submit" class="btn">Go</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- ===================END OF SEARCH================-->
|
||
|
|
|
||
|
|
<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.html" >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.html" >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.html" >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.html" >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.html" >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.html" >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.html" >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.html" >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.html" >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.html" >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.html" >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.html" >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';
|
||
|
|
?>
|
||
|
|
|
||
|
|
|