parent
260c739dbe
commit
d2c9ca38b8
7 changed files with 97 additions and 18 deletions
@ -0,0 +1,68 @@ |
|||||||
|
import React from "react"; |
||||||
|
|
||||||
|
import blogImage from "../../../assets/images/blog-featured-image.jpg"; |
||||||
|
import blogAuthorImg from "../../../assets/images/blog-author.png"; |
||||||
|
|
||||||
|
import commentIcon from "../../../assets/icons/black-comment-icon.svg"; |
||||||
|
|
||||||
|
const BlogDesign6 = () => { |
||||||
|
return ( |
||||||
|
<section className="w-11/12 mx-auto p-4 bg-white rounded-md shadow-md my-8"> |
||||||
|
{/* title holder */} |
||||||
|
<div className="flex items-center justify-between mb-6"> |
||||||
|
<h2 className="text-productTitle bg-lime-200 p-2 rounded text-base"> |
||||||
|
طراحی بلاگ 6 |
||||||
|
</h2> |
||||||
|
</div> |
||||||
|
<div className="mb-6"> |
||||||
|
<p className="leading-10"> |
||||||
|
آدرس: |
||||||
|
<span className="bg-blue-400 text-white rounded shadow-sm px-2 py-1 mx-2"> |
||||||
|
blogs/design6 |
||||||
|
</span> |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
{/* blog UI Design6 */} |
||||||
|
<div className=""> |
||||||
|
<img |
||||||
|
src={blogImage} |
||||||
|
alt="" |
||||||
|
className="w-full |
||||||
|
" |
||||||
|
/> |
||||||
|
<div className="py-2"> |
||||||
|
<h2 className="text-base md:text-xl text-justify text-grayTextColor"> |
||||||
|
آیا مواد غذای پر فیبر و مفید هستند؟ |
||||||
|
</h2> |
||||||
|
{/* {blogExcerpt && ( */} |
||||||
|
<p className="text-justify text-sm md:text-base leading-6 my-3 text-grayTextColor"> |
||||||
|
در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد |
||||||
|
شد. طراح سعی می کند تا این متن را بیشتر از خد انتظار بلند کند تا |
||||||
|
دیگران متوجه شوند. |
||||||
|
</p> |
||||||
|
{/* // )} */} |
||||||
|
<div className=" flex item-center justify-between mt-5"> |
||||||
|
{/* {blogAuthor && ( */} |
||||||
|
<div className=" flex items-center"> |
||||||
|
<img src={blogAuthorImg} alt="" /> |
||||||
|
<p className="text-xs text-lightGrayTextColor mr-2"> |
||||||
|
حامد دژبانی نسب |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
{/* // )} */} |
||||||
|
{/* {blogComments && ( */} |
||||||
|
<div className=" flex items-center"> |
||||||
|
<p className="text-xs text-lightGrayTextColor ml-2"> |
||||||
|
زمان مطالعه 30 دقیقه |
||||||
|
</p> |
||||||
|
<img src={commentIcon} alt="" /> |
||||||
|
</div> |
||||||
|
{/* // )} */} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</section> |
||||||
|
); |
||||||
|
}; |
||||||
|
|
||||||
|
export default BlogDesign6; |
Loading…
Reference in new issue