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.
 
 
 

44 lines
1.6 KiB

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
}
</>
);
}
}