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.
|
|
import React, { Component } from "react"; |
|
|
|
|
|
import Input from "./Input/index"; |
|
|
|
|
|
import "./index.scss"; |
|
|
class Membership extends Component { |
|
|
render() { |
|
|
return ( |
|
|
<> |
|
|
{window.innerWidth > 1000 ? ( |
|
|
<div className="membership d-flex"> |
|
|
<div className="d-flex flex-column"> |
|
|
<h1> |
|
|
<strong>{window.t("دانوینی")}</strong> شو |
|
|
</h1> |
|
|
<p>{window.t("مشخصات خودت رو وارد کنید و امتیاز هدیه بگیرید")}</p> |
|
|
</div> |
|
|
<div className="d-flex"> |
|
|
<Input label={window.t("نام و نام خانوادگی")} name={"name"} /> |
|
|
<Input label={window.t("شماره تماس")} name={"mobile"} /> |
|
|
<button className="membership__submit">{window.t("ثبت ")}</button> |
|
|
</div> |
|
|
</div> |
|
|
) : null} |
|
|
{window.innerWidth < 1000 ? ( |
|
|
<div className="mobile-membership d-flex"> |
|
|
<div className="d-flex flex-column"> |
|
|
<h1> |
|
|
<strong>{window.t("دانوینی")}</strong> شو |
|
|
</h1> |
|
|
<p>{window.t("مشخصات خودت رو وارد کنید و امتیاز هدیه بگیرید")}</p> |
|
|
</div> |
|
|
<div className="d-flex flex-column align-items-center"> |
|
|
<div> |
|
|
<Input label={"نامونام خانوادگی"} name={"name"} /> |
|
|
</div> |
|
|
<div> |
|
|
<Input label={window.t("شماره تماس")} name={"mobile"} /> |
|
|
</div> |
|
|
<button className="mobile-membership__submit"> |
|
|
{window.t("ثبت ")} |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
) : null} |
|
|
</> |
|
|
); |
|
|
} |
|
|
} |
|
|
|
|
|
export default Membership;
|
|
|
|