diff --git a/src/Components/khabarNameInput/KhabarNameh.css b/src/Components/khabarNameInput/KhabarNameh.css new file mode 100644 index 0000000..9f92853 --- /dev/null +++ b/src/Components/khabarNameInput/KhabarNameh.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; +} \ No newline at end of file diff --git a/src/Components/khabarNameInput/KhabarNameh.js b/src/Components/khabarNameInput/KhabarNameh.js new file mode 100644 index 0000000..e879e50 --- /dev/null +++ b/src/Components/khabarNameInput/KhabarNameh.js @@ -0,0 +1,15 @@ +import React from "react"; +import Button from "../buttons/Button"; + +import './KhabarNameh.css' + +const KhabarNameh = () =>{ + return( +
+ +
+ ); +}; + +export default KhabarNameh; \ No newline at end of file diff --git a/src/Pages/Home/Part1/homePart1.js b/src/Pages/Home/Part1/homePart1.js index 50d103e..720692e 100644 --- a/src/Pages/Home/Part1/homePart1.js +++ b/src/Pages/Home/Part1/homePart1.js @@ -1,4 +1,5 @@ import React from "react"; +import KhabarNameh from "../../../Components/khabarNameInput/KhabarNameh"; import MobileMockup from "../../../Components/mobileMockup/mobileMockup"; import './homePart1.css'; @@ -16,6 +17,9 @@ const HomePart1 = () =>{ با استفاده از پلتفرم چت هوشمند بازو شما می توانید نیاز به نیروی انسانی برای پاسخگویی به مشتریانتان رو به حداقل رسانده و پول روی پول بگذارید و راحتتر مشتریان خود را چپاول کنید

+ + + diff --git a/src/index.css b/src/index.css index 657f974..6610198 100644 --- a/src/index.css +++ b/src/index.css @@ -41,4 +41,7 @@ code { } *{ transition: all 0.15s; +} +input:focus{ + outline: 0px; } \ No newline at end of file