hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

page blogs title and head and list article & change footer hover mode

Browse Source
This commit is contained in:
Ehsan
2024-07-12 16:52:16 +03:30
parent c052e2d55e
commit 7b825e52c0
26 changed files with 263 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/blogs/Head.js
+47
View File
@@ -0,0 +1,47 @@
import Image from 'next/image'
import React from 'react'
function Head() {
return (
<div className='flex mt-[40px] items-center justify-center gap-[24px]'>
<div className='cover-head-blogs'>
<Image
src='/assets/images/head-blogs-1.png'
width={600}
height={424}
/>
<p>روش های خانگی محافظت از پوست در تابستان</p>
</div>
<div className='flex flex-col items-center justify-center gap-[24px]'>
<div className='flex items-center justify-center gap-[24px]'>
<div className='cover-head-blogs'>
<Image
src='/assets/images/head-blogs-2.png'
width={600}
height={424}
/>
<p className='!text-[16px] !bottom-[20px] !right-[16px]'>فواید نوشیدن آب برای سلامتی</p>
</div>
<div className='cover-head-blogs'>
<Image
src='/assets/images/head-blogs-3.png'
width={600}
height={424}
/>
<p className='!text-[16px] !bottom-[20px] !right-[16px]'>راهکارهای ساده برای درمان سر درد</p>
</div>
</div>
<div className='cover-head-blogs'>
<Image
src='/assets/images/head-blogs-4.png'
width={600}
height={424}
/>
<p>تغذیه مناسب برای کاهش فشار خون</p>
</div>
</div>
</div>
)
}
export default Head