mobile mockup section made

master
Pedram Keshavarzi 3 years ago
parent e71057ccd0
commit 2d9ec48558
  1. 4
      src/Components/navBar/desktopMenu.js
  2. 6
      src/Components/navBar/navBar.css
  3. 5
      src/Pages/Home/Home.css
  4. 7
      src/Pages/Home/Home.js

@ -13,8 +13,8 @@ const DesktopMenu = ({ currentUser, hidden }) => (
<div className="logo-container"> <div className="logo-container">
<img src={logo} className="logo" /> <img src={logo} className="logo" />
<p> <p>
<span className='logoTitle'> پلتفرم چت بازو</span> <span className='logoTitle'> پلتفرم چت بازو</span>
<span className='logoDes'>دستیار کسب و کار شما برای ارتباط با مشتریان</span> <span className='logoDes'>دستیار کسب و کار شما برای ارتباط با مشتریان</span>
</p> </p>
</div> </div>
<div className="options"> <div className="options">

@ -8,6 +8,7 @@
box-shadow:0px 0px 28px rgba(0,0,0,0.15); box-shadow:0px 0px 28px rgba(0,0,0,0.15);
height:90px; height:90px;
vertical-align: middle; vertical-align: middle;
margin-bottom: 50px;
} }
.header { .header {
@ -21,8 +22,6 @@
font-size: 13px; font-size: 13px;
align-items: center; align-items: center;
position: fixed;
top: 0;
margin:0; margin:0;
vertical-align: middle; vertical-align: middle;
padding: 15px 0px; padding: 15px 0px;
@ -60,9 +59,6 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.header .options .option { .header .options .option {

@ -0,0 +1,5 @@
.HomePage{
display: flex;
flex-direction: column;
align-items: center;
}

@ -1,10 +1,13 @@
import React from 'react'; import React from 'react';
import DesktopMenu from '../../Components/navBar/desktopMenu' import DesktopMenu from '../../Components/navBar/desktopMenu';
import MobileMockup from '../../Components/mobileMockup/mobileMockup';
import './Home.css';
const HomePage = () =>{ const HomePage = () =>{
return( return(
<div> <div className='HomePage'>
<DesktopMenu /> <DesktopMenu />
<MobileMockup />
</div> </div>
) )
}; };

Loading…
Cancel
Save