khabar name input done

master
Pedram Keshavarzi 3 years ago
parent 5f88d9f493
commit 4996af5cf0
  1. 15
      src/Components/khabarNameInput/KhabarNameh.css
  2. 15
      src/Components/khabarNameInput/KhabarNameh.js
  3. 4
      src/Pages/Home/Part1/homePart1.js
  4. 3
      src/index.css

@ -0,0 +1,15 @@
.KhabarName input{
border-radius: 6px;
border: 1px solid #D1D1D1;
height: 50px;
width:30%;
font-family: 'iranSans';
margin:10px;
padding: 0px 20px;
}
.KhabarName input::placeholder{
color:#B8B8B8;
}
.KhabarName button{
height:50px;
}

@ -0,0 +1,15 @@
import React from "react";
import Button from "../buttons/Button";
import './KhabarNameh.css'
const KhabarNameh = () =>{
return(
<div className="KhabarName">
<input type='email' placeholder="ایمیل خود را وارد کنید" />
<Button type="primary" model="default" title="ثبت نام رایگان" size="medium"/>
</div>
);
};
export default KhabarNameh;

@ -1,4 +1,5 @@
import React from "react"; import React from "react";
import KhabarNameh from "../../../Components/khabarNameInput/KhabarNameh";
import MobileMockup from "../../../Components/mobileMockup/mobileMockup"; import MobileMockup from "../../../Components/mobileMockup/mobileMockup";
import './homePart1.css'; import './homePart1.css';
@ -16,6 +17,9 @@ const HomePart1 = () =>{
با استفاده از پلتفرم چت هوشمند بازو شما می توانید نیاز به نیروی انسانی برای پاسخگویی به با استفاده از پلتفرم چت هوشمند بازو شما می توانید نیاز به نیروی انسانی برای پاسخگویی به
مشتریانتان رو به حداقل رسانده و پول روی پول بگذارید و راحتتر مشتریان خود را چپاول کنید مشتریانتان رو به حداقل رسانده و پول روی پول بگذارید و راحتتر مشتریان خود را چپاول کنید
</p> </p>
<KhabarNameh />
</div> </div>
</div> </div>
</div> </div>

@ -41,4 +41,7 @@ code {
} }
*{ *{
transition: all 0.15s; transition: all 0.15s;
}
input:focus{
outline: 0px;
} }
Loading…
Cancel
Save