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"; |
|
|
export default 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={'نامونام خانوادگی'} name={'name'} /> |
|
|
<Input label={'شماره تماس'} 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={'شماره تماس'} name={'mobile'} /> |
|
|
</div> |
|
|
<button className="mobile-membership__submit">دریافت هدیه</button> |
|
|
</div> |
|
|
</div> : null |
|
|
} |
|
|
</> |
|
|
); |
|
|
} |
|
|
}
|
|
|
|