DmitriyB/streaming-landing1
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

analy

Browse Source
This commit is contained in:
DmitriyB
2022-09-19 18:16:39 +05:00
parent 9c1ea8b99e
commit 70700f2c47
40 changed files with 287 additions and 358 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/demos/demos.tsx
+3 -45
View File
@@ -1,15 +1,11 @@
import './demos.css'
import "../../styles/styles.css";
import building from './building.png'
import building1 from './building1.png'
import building2 from './building2.png'
import iconButton from "./iconButton.svg"
export const Demos: React.FC<any> = ({ text }) => {
const { card } = text;
const { card1 } = text;
const { card2 } = text;
return (<div className=" demo__container_mobile main-block__container width demo__container">
<h3 className='demos__tittle'>
@@ -18,10 +14,10 @@ export const Demos: React.FC<any> = ({ text }) => {
<div data-aos="fade-up"
data-aos-delay="100" className='demos_container'>
<div className="main-block__icon_container demo__icon">
<img src={iconButton} className="main-block__icon"></img>
<img alt='icon' src={iconButton} className="main-block__icon"></img>
</div>
<div className='demo'>
<img src={building1} className='demo_image'></img>
<img alt='buildingImg' src={building1} className='demo_image'></img>
<div className='demo_info'>
<div className='title__block'>
<h4 className='title__demo'>{card.title}</h4>
@@ -34,46 +30,8 @@ export const Demos: React.FC<any> = ({ text }) => {
</div>
</div>
</div>
<div data-aos="fade-up"
data-aos-delay="300" className='demos_container'>
<div className="main-block__icon_container demo__icon">
<img src={iconButton} className="main-block__icon"></img>
</div>
<div className='demo'>
<img src={building2} className='demo_image'></img>
<div className='demo_info'>
<div className='title__block'>
<h4 className='title__demo'>{card1.title}</h4>
<p className='caption'>{card1.subTitle}</p>
</div>
<div className='body__block'>
<p className='caption1'>{card1.caption}</p>
</div>
</div>
</div>
</div>
<div data-aos="fade-up"
data-aos-delay="500" className='demos_container'>
<div className="main-block__icon_container demo__icon">
<img src={iconButton} className="main-block__icon"></img>
</div>
<div className='demo'>
<img src={building} className='demo_image'></img>
<div className='demo_info'>
<div className='title__block'>
<h4 className='title__demo'>{card2.title}</h4>
<p className='caption'>{card2.subTitle}</p>
</div>
<div className='body__block'>
<p className='caption1'>{card2.caption}</p>
<p className='caption2'>{card2.caption1}</p>
</div>
</div>
</div>
</div>
</div>
)
}