about reponsive
This commit is contained in:
+11
-11
@@ -12,7 +12,7 @@ const About: NextPage = () => {
|
||||
درباره ی داناک
|
||||
</h1>
|
||||
</div>
|
||||
<div className='flex mt-14 justify-between max-w-maxWidth mx-auto'>
|
||||
<div className='flex xl:flex-row flex-col gap-8 mt-14 justify-between max-w-maxWidth mx-auto'>
|
||||
<h6 className='font-bold'>
|
||||
داناک در یک نگاه
|
||||
</h6>
|
||||
@@ -20,7 +20,7 @@ const About: NextPage = () => {
|
||||
قبل از تبدیل شدن داناک به یک شرکت ، یک ایده بودیم. ایده ای نه برای ساخت یک محصول یا خدمت جدید، ایده ای برای ساخت یک فرهنگ خلاقانه و ارزش محور. داناک با این باور متولد شده که استعداد ، توانایی و تعهد افراد می تواند موتور محرکه شرکتی رو به آینده باشد. شرکتی که توانایی انجام کارهای شگفت انگیز و فوق العاده ای دارد و غیر ممکن ها را ممکن می سازد. داناک ترکیبی از بهترین مهندسین ، توانمندترین متخصصین ، جدیدترین تکنولوژی ها و خلاقانه ترین ایده هاست. به پشتوانه این ترکیب فوق العاده می توانیم با ارائه راه کار های مبتنی بر نرم افزار ، هوش مصنوعی و آنالیز داده به شما کمک کنیم تا سازمان خود را بهتر رصد کنید و تصمیم های هوشمندانه تری اتخاذ نمایید.
|
||||
</div>
|
||||
</div>
|
||||
<div className='mt-20 flex gap-8 max-w-maxWidth mx-auto'>
|
||||
<div className='mt-20 flex xl:flex-row flex-col gap-8 max-w-maxWidth mx-auto'>
|
||||
<InfoBox
|
||||
icon={<TickCircle size={24} color='#FF7B00' />}
|
||||
title='مأموریت'
|
||||
@@ -43,12 +43,12 @@ const About: NextPage = () => {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='mt-[300px] bg-white rounded-4xl p-10 h-[500px]'>
|
||||
<div className='mt-[300px] bg-white rounded-4xl p-10 xl:h-[500px]'>
|
||||
<div className='max-w-maxWidth mx-auto'>
|
||||
<video controls className='w-full -mt-[300px] rounded-4xl max-h-[500px]'>
|
||||
<video controls className='w-full xl:-mt-[300px] -mt-[100px] rounded-4xl max-h-[500px]'>
|
||||
</video>
|
||||
|
||||
<div className='flex gap-24 mt-20'>
|
||||
<div className='flex xl:flex-row flex-col gap-24 mt-20'>
|
||||
<div className='max-w-[300px]'>
|
||||
<h6 className='font-bold'>
|
||||
مجوز ها و گواهینامه ها
|
||||
@@ -59,19 +59,19 @@ const About: NextPage = () => {
|
||||
</div>
|
||||
|
||||
<div className='flex-1 flex flex-wrap gap-6 text-sm'>
|
||||
<div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
|
||||
<div className='flex-1 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
|
||||
صادرکنندگان نرم افزار
|
||||
</div>
|
||||
<div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
|
||||
<div className='flex-1 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
|
||||
صادرکنندگان نرم افزار
|
||||
</div>
|
||||
<div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
|
||||
<div className='flex-1 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
|
||||
صادرکنندگان نرم افزار
|
||||
</div>
|
||||
<div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
|
||||
<div className='flex-1 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
|
||||
صادرکنندگان نرم افزار
|
||||
</div>
|
||||
<div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
|
||||
<div className='flex-1 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
|
||||
صادرکنندگان نرم افزار
|
||||
</div>
|
||||
<div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
|
||||
@@ -82,7 +82,7 @@ const About: NextPage = () => {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='max-w-maxWidth mx-auto flex gap-24 mt-24'>
|
||||
<div className='max-w-maxWidth mx-auto flex xl:flex-row flex-col xl:gap-24 gap-10 mt-24'>
|
||||
<div className='max-w-[300px]'>
|
||||
<h6 className='font-bold'>
|
||||
ارزش های ما
|
||||
|
||||
Reference in New Issue
Block a user