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.
48 lines
1.7 KiB
48 lines
1.7 KiB
import React from "react"; |
|
|
|
import './index.css'; |
|
|
|
const HowWeWorkDiagram = () => { |
|
return ( |
|
<div className="HowWeWorkDiagram"> |
|
<div className="tree"> |
|
<div className="first"> |
|
<div className="p"> |
|
<span className="parent"> |
|
|
|
<div className="pCont">ورود کاربر به صفحه مورد نظر</div> |
|
|
|
</span> |
|
|
|
<div className="second"> |
|
<div className="p"> |
|
<span className="cp">پیام از طرف بات</span> |
|
<div className="third"> |
|
|
|
<span><p className="UserReaction"><p>واکنش کاربر</p></p></span> |
|
|
|
</div> |
|
<div className="third"> |
|
|
|
<span className="soalatGozine">سوالات گزینه ای</span> |
|
|
|
</div> |
|
<span><p className="UserReaction"><p>واکنش کاربر</p></p></span> |
|
<span className="cp">پیام از طرف بات</span> |
|
</div> |
|
|
|
<div className="p"><span className="cp">پیام از طرف بات</span> |
|
<div className="third"><span><p className="UserReaction"><p>واکنش کاربر</p></p></span></div> |
|
<span className="add">+</span> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
); |
|
}; |
|
|
|
export default HowWeWorkDiagram; |