65 lines
3.6 KiB
TypeScript
65 lines
3.6 KiB
TypeScript
export function ForTeachingTab() {
|
||
return (
|
||
<div className="lg:bg-[url('src/assets/mask_group2.png')] lg:aspect-[1520/546] sm:max-lg:aspect-[720/460] w-full lg:h-[max(534px,34vw)] tablet-figma:max-lg:h-[min(460px,60vw)] sm:max-tablet-figma:h-[max(460px,60vw)] mobile:max-sm:min-h-[746pxsdf] bg-[#3D425C4D] bg-no-repeat lg:p-10 sm:p-7 mobile:p-5 rounded-xl 2xl:bg-contain bg-right lg:max-2xl:bg-[length:50%]">
|
||
<div className='sm:max-lg:bg-[url("src/assets/mask_group2.png")] bg-no-repeat bg-right bg-[length:50%] sm:max-lg:pb-[55px] mobile:max-lg:border-b border-[#3D425C] sm:mb-8 mobile:mb-4'>
|
||
<h3 className="text-[#ffffff] font-medium lg:max-w-[455px] sm:max-w-[326px] mobile:max-sm:mb-0 h3">
|
||
Интерактивные тренажеры для учебных заведений
|
||
</h3>
|
||
<img src="src/assets/mask_group2.png" className="sm:hidden" alt="" />
|
||
</div>
|
||
<div className="flex lg:flex-col mobile:max-sm:flex-col lg:gap-y-6 mobile:gap-y-4 lg:mb-12 sm:max-lg:mb-8 mobile:max-sm:mb-4 sm:max-lg:border-b border-[#3D425C] sm:max-lg:pb-8">
|
||
<div className="flex gap-x-7 items-start lg:max-w-[437px] sm:w-fit sm:max-lg:pr-3 mobile:max-sm:pb-4 mobile:max-sm:border-b border-[#3D425C]">
|
||
<img
|
||
src="src/assets/service_icon.svg"
|
||
className="mobile:max-lg:hidden"
|
||
alt=""
|
||
/>
|
||
<div className="lg:pl-4 sm:pl-[13px] sm:border-l border-[#3D425C]">
|
||
<div className="flex mobile:max-sm:items-center sm:items-start sm:max-lg:flex-col gap-x-2 mb-2">
|
||
<img
|
||
src="src/assets/service_icon.svg"
|
||
className="lg:hidden"
|
||
alt=""
|
||
/>
|
||
<h4 className="text-[#ffffff] font-medium l-text">
|
||
cоздание обучающих VR систем
|
||
</h4>
|
||
</div>
|
||
<p className="text-[#ffffff] opacity-60 lg:font-medium m-text">
|
||
Проведение виртуальных практических работ, создание учебных
|
||
мастерских и стендов
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div className="flex gap-x-7 items-start lg:max-w-[437px] sm:w-fit sm:max-lg:pr-3 mobile:max-sm:pb-4 mobile:max-sm:border-b border-[#3D425C]">
|
||
<img
|
||
src="src/assets/service_icon.svg"
|
||
className="mobile:max-lg:hidden"
|
||
alt=""
|
||
/>
|
||
<div className="lg:pl-4 sm:pl-[13px] sm:border-l border-[#3D425C]">
|
||
<div className="flex mobile:max-sm:items-center sm:items-start sm:max-lg:flex-col gap-x-2 mb-2">
|
||
<img
|
||
src="src/assets/service_icon.svg"
|
||
className="lg:hidden"
|
||
alt=""
|
||
/>
|
||
<h4 className="text-[#ffffff] font-medium l-text">
|
||
cоздание VR лабораторий
|
||
</h4>
|
||
</div>
|
||
<p className="text-[#ffffff] opacity-60 lg:font-medium m-text">
|
||
Тренажер для проведения лабораториных работ позволит избежать
|
||
поломки оборудования, а также экономить на расходных средствах
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<h4 className="text-[#ffffff] font-medium lg:max-w-[408px] l-text">
|
||
Оснащение учебных классов и центров всем необходимым для современного
|
||
обучения под «ключ»
|
||
</h4>
|
||
</div>
|
||
);
|
||
}
|