Skip to content

style(consultation-page): card styles changed #45

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ismoilovdevml merged 1 commit into from
Mar 1, 2025
Merged

style(consultation-page): card styles changed #45

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 28 additions & 31 deletions pages/consultation.en-UZ.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,11 @@ import Image from 'next/image'

<section className="py-12">
<div className="max-w-7xl mx-auto px-4">
<h2 className="text-center text-4xl font-extrabold text-gray-800 dark:text-white mb-12">
<h2 className="text-center text-2xl sm:text-4xl font-extrabold text-gray-800 dark:text-white mb-12">
MUTAXASSISLAR
</h2>

<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
<div className="grid place-items-center grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
{[
{
name: "Otabek Ismoilov",
Expand Down Expand Up @@ -49,27 +49,29 @@ import Image from 'next/image'
].map((expert, index) => (
<div
key={index}
className="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 hover:shadow-2xl transition-transform transform hover:-translate-y-2 border border-green-500"
className="bg-white w-64 dark:bg-gray-800 rounded-xl shadow-lg p-3 py-6 hover:shadow-2xl transition-transform transform hover:-translate-y-2 border border-green-500 flex flex-col justify-between"
>
{/* Profil rasmi */}
<div className="w-24 h-24 mx-auto rounded-full overflow-hidden border-4 border-green-500">
<Image
src={expert.img}
alt={expert.name}
width={96}
height={96}
className="object-cover w-full h-full"
/>
</div>
<div classNam='h-64'>
{/* Profil rasmi */}
<div className="w-24 h-24 mx-auto rounded-full overflow-hidden border-4 border-green-500">
<Image
src={expert.img}
alt={expert.name}
width={96}
height={96}
className="object-cover w-full h-full"
/>
</div>

{/* Ism va lavozim */}
<div className="text-center mt-4">
<h4 className="text-xl font-bold text-gray-800 dark:text-gray-100">
{expert.name}
</h4>
<h5 className="text-sm text-gray-600 dark:text-gray-400">
{expert.role}
</h5>
{/* Ism va lavozim */}
<div className="text-center mt-4">
<h4 className="text-xl font-bold text-gray-800 dark:text-gray-100">
{expert.name}
</h4>
<h5 className="text-sm text-gray-600 dark:text-gray-400">
{expert.role}
</h5>
</div>
</div>

{/* Ma'lumotlar bloki */}
Expand All @@ -94,22 +96,17 @@ import Image from 'next/image'

{/* Tugmalar */}
<div className="flex justify-center space-x-3 mt-4">
<a
href="https://www.linkedin.com/in/shkuvandikov/"
target="_blank"
rel="noopener noreferrer"
<button
className="bg-green-500 text-white px-4 py-2 rounded-md text-sm font-semibold
hover:bg-green-600 hover:scale-105 transform transition"
>
LinkedIn
</a>
<a
href="mailto:[email protected]?subject=Consultatsiya so'rovi&body=Salom, men consultatsiyaga yozilmoqchiman..."
className="bg-green-500 text-white px-4 py-2 rounded-md text-sm font-semibold
hover:bg-green-600 hover:scale-105 transform transition"
</button>
<button
className="bg-green-500 text-white px-4 py-2 rounded-md text-sm font-semibold hover:bg-green-600 hover:scale-105 transform transition"
>
Yozilish
</a>
</button>
</div>
</div>
))}
Expand Down
Loading