You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
1.2 KiB
28 lines
1.2 KiB
import React from "react"; |
|
import ar from "../../../assets/icons/ar.png"; |
|
import download from "../../../assets/icons/download.png"; |
|
import "./index.scss"; |
|
|
|
export default function AppDownload() { |
|
return ( |
|
<section className="app-download d-flex justify-content-between align-items-end"> |
|
<h1> |
|
اینجا جایگاه یک <br /> متن ویژه است که باید در این <br /> قسمت قرار |
|
بگیرد. |
|
</h1> |
|
<figure className="app-download__figure d-flex flex-column align-items-center"> |
|
<div className="app-download__figure--screen"></div> |
|
<div className="app-download__figure--details d-flex justify-content-between align-items-center"> |
|
<div className="d-flex align-items-center"> |
|
<img src={ar} alt={"واقعیت افزوده"} /> |
|
<div className="d-flex flex-column"> |
|
<h2>دانلود اپلیکیشن اندرویدی</h2> |
|
<p>به راحتی آب خوردن از کافه بازار و گوناگون</p> |
|
</div> |
|
</div> |
|
<img src={download} alt="دانلود" /> |
|
</div> |
|
</figure> |
|
</section> |
|
); |
|
}
|
|
|