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