DmitriyB
35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
import "../../styles/styles.css";
|
|
import "./demonstration.css"
|
|
import building from './building.png'
|
|
import building1 from './building1.png'
|
|
import building2 from './building2.png'
|
|
|
|
import iconButton from "./iconButton.svg"
|
|
|
|
|
|
export const Demostration: React.FC<any> = ({text}) => {
|
|
const { card } = text;
|
|
|
|
return (
|
|
<div className="block">
|
|
<div className='demos_container'>
|
|
<div className="main-block__icon_container demo__icon">
|
|
<img alt="icon" src={iconButton} className="main-block__icon"></img>
|
|
</div>
|
|
<div className='demo'>
|
|
<img alt='buildingImg' src={building} className='demo_image'></img>
|
|
<div className='demo_info'>
|
|
<div className='title__block'>
|
|
<h4 className='title__demo'>{card.title}</h4>
|
|
<p className='caption'>{card.subTitle}</p>
|
|
</div>
|
|
<div className='body__block'>
|
|
<p className='caption1'>{card.caption}</p>
|
|
<p className='caption2'>{card.caption1}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
} |